@charset "utf-8";
/* CSS Document */
.globalHeader-logo img , .globalHeader-logo span{
line-height:1;
}
.main-text{
width:600px;
margin:auto;
}
.main-text p{
line-height: 2;
text-align: left;
}

@media screen and (max-width: 768px) {
.main-text{
width:100%;
margin:auto;
}	
}

.wrap_serch-area h2{
font-size: 35px;
text-align:center;
}

@media screen and (max-width: 768px) {
.wrap_serch-area h2{
font-size: 20px;
}
}

.wrap_seisou{
display:flex;
justify-content:space-around;
border:3px solid #4EAFEA;
padding:20px;
margin-top:40px;
}
.wrap_seisou.bg_blue{
flex-direction:row-reverse;
}

.btn_wrap_serch-area{
display:flex;
justify-content:space-around;
}
.wrap_balloon.ge_pcOnly{
display:flex;
justify-content:space-around;
margin-bottom: -2px;
align-items: flex-end;	
}
.wrap_seisou_text h2{
color:#4EAFEA;
font-size:28px;
border-bottom:3px solid #4EAFEA;
max-width:390px;
padding-bottom: 10px;
margin-bottom: 15px;

}
.wrap_seisou_text p{
color:#000;
font-size:16px;
text-align:left;
max-width:465px;
line-height: 1.9;
padding-right: 15px;
}
.wrap_seisou_img{
max-width:370px;
}
.bg_blue{
background:#4EAFEA;
}
.bg_blue .wrap_seisou_text p{
color:#fff;
}
.bg_blue .wrap_seisou_text h2{
color:#fff;
border-bottom:3px solid #fff;
}
.wrap_select_reason{
display:flex;
justify-content:space-around;
align-items: flex-start;	
}
.select_reason{
background:#fff;
min-height:547px;
width:33%;
}
.select_reason:first-child{
margin-right:15px;
}
.select_reason:nth-child(2){
margin-right:15px;
}
.select_reason h3{
background:#0063C4;
padding:15px 0;
text-align: center;
color:#ffffff;
}
.select_reason p{
line-height:1.9;
text-align: left;
padding:10px;
box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.btn_wrap_serch-area{
display:block;
}	
.btn_wrap_serch-area div{
padding-bottom:20px;
}
.wrap_balloon.ge_pcOnly{
display:none;
}
.wrap_balloon.ge_spOnly{
margin-bottom:50px;
}
.wrap_seisou{
display:block;
justify-content:space-around;
padding:10px;
}
.wrap_seisou_text h2{
max-width:100%;
font-size:20px;
}
.wrap_seisou_text p{
max-width:100%;
font-size:16px;
line-height: 1.5;
padding-right:0px;
}
.wrap_seisou_img{
max-width:480px;
margin: auto;
}
.wrap_select_reason{
display:block;
}
.select_reason{
width:100%;
margin-bottom:10px;
}
}

.wrap_bluearea{
background: #4EAFEA;
padding: 30px 10px;
box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.wrap_bluearea{
padding: 0;
}
}

.h2_whiteline{
color:#fff;
}
.whiteline{
border-bottom:7px solid #fff;
width:198px;
margin:auto;
margin-bottom:50px;	
}
.h2_whiteline_contact{
margin-top:30px;
}
.h2_blueline{
color:#4EAFEA;
margin-top: 50px;
}
.blueline{
border-bottom:7px solid #4EAFEA;
width:198px;
margin:auto;
margin-bottom:40px;
}
.one_stop{
padding-bottom: 40px;
padding-top:40px;
}
.one_stop h2{
color:#fff;
width:630px;
line-height: 1.3;
margin:30px auto 0;
text-align:center;
}
.one_stop p{
color: #fff;
width: 550px;
max-height: 150px;
margin: auto;
font-size: 16px;
text-align: center;
padding: 30px;
border: 3px solid #fff;
border-radius: 20px;
line-height: 1.5;
margin-top: 40px;
}

@media screen and (max-width: 768px) {
.one_stop{
padding:10px 5px 40px 5px;
box-sizing: border-box;
}
.one_stop h2{
max-width:630px;
width: 100%;
}
.one_stop p{
max-width: 480px;
width: 100%;
padding: 20px;
margin: 40px auto 0;
box-sizing: border-box;
}	
}


/*水色斜め線背景部分*/
.contents1 {
position: relative;
overflow: hidden;
margin: -1% 0;
padding: 80px 0;
}

.contents1:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 80%;
margin: 2% -10% 0;
background: #4EAFEA;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index: -1;
}

.contents_inner1 {
box-sizing: boder-box;
width: 100%;
max-width: 980px;
height: 100%;
margin: 20px auto 21px;
padding: 8px 10px 0;
text-align: center;
background: #4EAFEA;
box-sizing: border-box;
}

.contents1:after {
content: '';
position: absolute;
top: 100px;
left: 0;
width: 120%;
height: 80%;
margin: 2% -10% 0;
background: #4EAFEA;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: -2;
}
@media screen and (max-width: 768px) {
.contents1 {
padding: 80px 0 40px;
}
}
/*ここまで　水色斜め線背景部分*/