#base {
overflow: hidden;
position: relative; }
#base .main-visual .inner {
background-image: url(../../img/pc/base/img_banner.png); }
#base .photo-section {
position: relative; }
#base .photo-section::before {
content: '';
position: absolute;
top: 0;
height: 190px;
width: 60%;
background-color: #3d6eb0; }
#base .photo-section .photo-section-box {
position: relative;
background-repeat: no-repeat; }
#base .photo-section .layout {
padding: 0 20px;
max-width: 1030px;
margin: 0 auto;
overflow: hidden; }
#base .photo-section .section-content {
width: 40%;
max-width: 385px; }
#base .photo-section .section-content .head {
height: 190px;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center; }
#base .photo-section .section-content .head h2 {
font-size: 32px;
color: #fff;
line-height: 1.4; }
#base .photo-section .section-content .head hr.orange, #base .photo-section .section-content .head hr.white {
margin-top: 12px; }
#base .photo-section .section-content h3 {
font-size: 18px;
font-weight: bold;
margin-top: 32px; }
#base .photo-section .section-content p {
font-size: 16px;
margin-top: 16px;
padding-bottom: 105px; }
#base .photo-section-left::before {
left: 0; }
#base .photo-section-left .photo-section-box {
background-position: 45vw 50px; }
#base .photo-section-right::before {
right: 0; }
#base .photo-section-right .photo-section-box {
background-position: right 45vw top 50px; }
#base .photo-section-right .section-content {
float: right; }
#base .section1 {
margin: 97px 0 0 0; }
#base .section1 .photo-section-box {
background-image: url(../../img/pc/base/img_1.png); }
#base .section2 {
margin: 110px 0 0 0; }
#base .section2 .photo-section-box {
background-image: url(../../img/pc/base/img_2.png); }
#base .section3 {
margin: 220px 0 0 0;
position: relative; }
#base .section3 .layout {
padding: 0 20px;
max-width: 1030px;
margin: 0 auto; }
#base .section3 .layout ul li {
margin-bottom: 110px;
-webkit-display: flex;
-moz-display: flex;
-ms-display: flex;
-o-display: flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start; }
#base .section3 .layout ul li .left {
width: 49%; }
#base .section3 .layout ul li .left-full {
width: auto; }
#base .section3 .layout ul li .left .head-wrap {
display: inline-block; }
#base .section3 .layout ul li .left h2 {
font-size: 32px;
color: #3d6eb0;
line-height: 1;
margin-bottom: 8px; }
#base .section3 .layout ul li .left h3 {
font-size: 18px;
margin-top: 19px; }
#base .section3 .layout ul li .left p {
font-size: 16px;
margin-top: 20px; }
#base .section3 .layout ul li .right {
width: 48%; }
#base .section3 .layout ul li:nth-child(3) p {
margin-top: 25px; }
#base .section3 .layout ul li:nth-child(4) {
margin-bottom: 100px; }
#base .section3 .layout ul li:nth-child(4) p {
margin-top: 25px; }
#base .section3 .layout ul li:nth-child(n+5) {
margin-bottom: 100px; }
#base hr.orange {
border-top: 2px solid #ff7200;
width: 50px;
display: inline-block;
margin: 5px 0; }
#base hr.blue {
border-top: 2px solid #3d6eb0;
width: 190px;
display: inline-block;
margin: 5px 0; }
#base hr.white {
border-top: 2px solid #fff;
width: 190px;
display: inline-block;
margin: 5px 0; }
#base .line-wrap {
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex; }
#base .line-wrap hr {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
-o-flex-grow: 1;
flex-grow: 1;
width: auto; }
#base .line-wrap hr.orange {
width: 50px;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-grow: 0;
-o-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
-o-flex-shrink: 0;
flex-shrink: 0; }

@media screen and (max-width: 640px) {
body {
min-width: 0; }
header .nav {
min-width: 0; }
#base .main-visual .inner {
background-image: url(../../img/sp/business/img_banner.png); }
#base .photo-section::before {
content: none; }
#base .photo-section .photo-section-box {
background: none; }
#base .photo-section .layout {
padding: 0;
overflow: visible; }
#base .photo-section .section-content {
max-width: none;
width: auto;
float: none; }
#base .photo-section .section-content .head {
height: auto;
display: block;
background: #3d6eb0;
padding: 5rem 2rem 6rem;
margin-bottom: -4rem;
text-align: justify; }
#base .photo-section .section-content .head > div {
display: inline-block; }
#base .photo-section .section-content .head h2 {
font-size: 4.6rem;
color: #fff;
line-height: 1.4;
margin-bottom: 1rem;
width: auto; }
#base .photo-section .section-content picture {
display: block; }
#base .photo-section .section-content picture img {
width: 100%; }
#base .photo-section .section-content h3 {
width: auto;
font-size: 3.6rem;
font-weight: bold;
margin: 3rem 0 0;
text-align: justify;
line-height: 1.5; }
#base .photo-section .section-content p {
width: auto;
font-size: 2.8rem;
margin: 2rem 0 0;
padding-bottom: 0;
text-align: justify; }
#base .photo-section-left .section-content .head {
margin-left: -4rem;
padding-left: 4rem; }
#base .photo-section-left .section-content picture {
margin-right: -4rem; }
#base .photo-section-right .section-content .head {
margin-right: -4rem;
padding-right: 4rem; }
#base .photo-section-right .section-content picture {
margin-left: -4rem; }
#base .section1 {
width: auto;
margin: 10rem auto 0; }
#base .section2 {
width: auto;
margin: 10rem auto 0; }
#base .section3 {
width: auto;
margin: 20rem auto 0;
left: 0; }
#base .section3 .layout {
margin: 0 4rem;
padding: 0; }
#base .section3 .layout ul li {
display: block;
margin-bottom: 10rem;
text-align: justify; }
#base .section3 .layout ul li .left {
width: auto;
display: block; }
#base .section3 .layout ul li .left h2 {
font-size: 4.6rem;
color: #3d6eb0;
margin-bottom: .5rem; }
#base .section3 .layout ul li .left h3 {
font-size: 3.6rem;
margin-top: 2rem; }
#base .section3 .layout ul li .left p {
font-size: 2.8rem;
margin-top: 1rem; }
#base .section3 .layout ul li .right {
width: auto;
display: block;
margin-left: 0;
margin-top: 3rem; }
#base .section3 .layout ul li:nth-child(3) p {
margin-top: 2.5rem; }
#base .section3 .layout ul li:nth-child(4) {
margin-bottom: 10rem; }
#base .section3 .layout ul li:nth-child(4) p {
margin-top: 2.5rem; }
#base .section3 .layout ul li:nth-child(n+5) {
margin-bottom: 10rem; }
#base .section3 .layout ul li:nth-child(n+5) .left {
width: auto;
margin: auto; }
#base .section3 .layout ul li:nth-child(n+5) .left p {
margin-top: 3rem; }
#base hr.orange {
border-top: .4rem solid #ff7200;
width: 10rem;
display: inline-block;
margin: .5rem 0; }
#base hr.blue {
border-top: .4rem solid #3d6eb0;
width: 28.5rem;
display: inline-block;
margin: .5rem 0; }
#base hr.white {
border-top: .4rem solid #fff;
width: 28.5rem;
display: inline-block;
margin: .5rem 0; }
#base .line-wrap hr {
width: auto; }
#base .line-wrap hr.orange {
width: 10rem; } }

/*# sourceMappingURL=index.css.map */