@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
html{
    scroll-behavior: smooth;
}
body{
    color: #505C6B;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;

}
img{
    width: 100%;
}
a{
    text-decoration: none;
}
#wrapper{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.pc_floatbtn_box{
    position: fixed;
    right: 10px;
    bottom: 0%;
    width: 13%;
    z-index: 9999;

}
.pc_floatbtn_box>a{
    display: block;

}

.pc_floatbtn_box .wh_maru_btn{
    text-align: center;
    background-color: #F5F5F5;
    border: 3px solid #FA7D23;
    border-radius: 50%;
    color: #FA7D23;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.2);
    width: 78%;
    margin: 0 auto;
    margin-right: 7%;
    padding: 21% 0%;

}
.pc_floatbtn_box .wh_maru_btn:hover{
    background-color: #EBD7C8;
    transition: 0.3s;

}

.sp_floatbtn_box{
    display: none;
}

h2{
    margin: 0 auto;
}

/*ボタン画像切り替え*/
.hover_btn{
    position: relative;
}
.hover_btn img {
    transition: opacity 0.5s;
}
.hover_btn:hover img:first-of-type {
    opacity: 0;
}
.hover_btn img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.hover_btn:hover img:last-of-type {
    opacity: 1;
}

.wh_btn{
    position: relative;
}
.wh_btn img {
    transition: opacity 0.5s;
}
.wh_btn:hover img:first-of-type {
    opacity: 0;
}
.wh_btn img:last-of-type {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.wh_btn:hover img:last-of-type {
    opacity: 1;
}

.or_btn:hover{
    filter: opacity(40%);
    transition: 0.3s;

}
.sp_f_wh:hover{
    background-color: #EBD7C8;

}
.ye_btn:hover{
    opacity: 0.6;
    transition: 0.3s;

}
/* #header{
    background-color: #F5F5F5;
    height: 80px;
    margin: 0em calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-bottom: 0.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header .h_logo{
    width: 200px;
    height: 41px;
    padding-left: 1em;
}
#header .h_btnbox{
    display: flex;
    width: 40%;
    padding-top: 0.5em;
    padding-right: 1em;
} */
#fv{
    margin: 0em calc(50% - 50vw);

}
#sec_01{
    background-color: #DCF5FA;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0em calc(50% - 50vw);
    text-align: center;
    padding: 6% 0 6%;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-top: -1.2%;  /*謎余白*/

}
.sec01_inner{
    width: 90%;
    margin: 0 auto;
}
.sp_people01{
    display: none;
}

#sec_01 h2{
   width: 46%;
   margin: 0 auto;
   padding-bottom: 4%;
   
}
.box_area{
    display: flex;
    flex-direction: column;
    width: 85%;
    margin: 0 auto;

}
.box_area>div:first-child{
    margin-bottom: 1%;

}
.box_area>div:last-child{
    margin-top: 1%;

}
.sec01_box3{
    position: relative;
    z-index: 1;
}
.sec01_box3:before{ 
    content: '';
    background: url(../img/man01_img.png);
    background-repeat: no-repeat;
    background-size :contain ;
    position: absolute;
    width: 17%;
    height: 121%;
    top: 32%;
    right: 4%;

} 
.sec01_box3:after{ 
    content: '';
    background: url(../img/woman01_img.png);
    background-repeat: no-repeat;
    background-size :contain ;
    position: absolute;
    width: 13%;
    height: 66%;
    bottom: 1%;
    right: 22%;
    z-index: 2;

} 

#sec_02{
    background-color: #F5F5F5;
    margin: 0em calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 12%;
    padding-bottom: 7%;
    position: relative;
}
#sec_02::before{
    position: absolute;
    content: '';
    background: url(../img/triangle.png);
    background-repeat: no-repeat;
    background-size :contain ;
    position: absolute;
    width: 18%;
    height: 18%;
    top: -5%;
    right: 40%;

}
#sec_02 h2{
    padding-bottom: 4%;
}
.sec02_inner {
    padding: 0 5%;
}
#sec_02 .img_txtbox{
    display: flex;
    margin: 0 auto;
    font-size: 18px;
}
.img_txtbox>div{
    width: 50%;

}
.sec02_txt{
    align-content: center;
    padding-left: 3%;
    font-weight: 500;
}

/*ロゴスクロール*/
#example{
	margin: 0 auto;
	width: 100%;
	padding: 6% 0;
}
#example h2{
	width: 70%;
	margin-bottom: 6%;
	max-width: 700px;
}
.slider_parent {
  position: relative;
  overflow: hidden;
}

.slider_parent .slider02 {
  display: flex;
}

.text_scroll {
  animation: scroll 40s linear infinite;
}
.slider_second{
	margin-top: 1em;
}
.text_scroll_reverse {
  animation: scroll 40s linear infinite;
  animation-direction: reverse !important; 
}

.logos {
  flex-shrink: 0;
}
.logos li img{
    max-height: 50px;
}
.slider_parent ul li {
  margin-left: 10px;
  margin-right: 10px;
}

.slider_parent ul li {
  display: inline-block;
}

.slider_parent ul {
  padding: 0;
  margin: 0;
  display: flex;
}

.slider_parent ul li > a img {
  transition: 0.4s;
}
.slider_parent ul li > a img {
  max-width: 100% !important;
}


@media(max-width:750px){
    #example{
        margin: 8% auto 6%;
    }
	#example h2{
		margin-bottom: 10%;
	}
	.slider_second{
		margin-top: 4vw;
	}
	.slider_parent ul li img {
		height: 9vw;
	  }
}


@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media only screen and (max-width: 991px) {
  .slider_parent ul li {
    margin-left: 5px;
    margin-right: 5px;
  }
  .slider_parent ul li img {
    width: auto;
  }
  .text_scroll {
    animation: scroll 30s linear infinite;
  }
}


#sec03{
    background-color: #BEEBF5;
    margin: 0em calc(50% - 50vw);
    padding: 7% 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    position: relative;
   
}
#sec03 h2{
    width: 40%;
    padding-bottom: 2%;

}
.sec03_inner {
    width: 95%;
    margin: 0 auto;
}
#sec03 .step_box{
    display: flex;
    width: 80%;
    column-gap: 4%;
    margin: 0 auto;
    padding-top: 7%;
}
#sec03 .step_box>div{
    width: 22%;
    position: relative;
    z-index: 1;

}
.step_box>div::after{
    content: '';
    background: url(../img/sankaku.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 46%;
    right: -17%;
    z-index: -1;
}
.step_box>div:last-child::after{
    display: none;
}
.blue_bar{
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 0.9em 0;
    background-color: #05B4D7;
    margin: 3% 0;
    font-size: 1.9rem;
    position: relative;
}
.blue_bar::before{
    content: '';
    background: url(../img/online_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 28%;
    height: 175%;
    top: 46%;
    left: 64%;

}
.sec03_txt{
    font-weight: 500;
    padding-left: 5%;
}
.sec03_txt_br{
    display: none;
}
.online_img{
    display: none;
}
.sec03_btnbox{
    display: flex;
    width: 80%;
    margin: 0 auto;
    margin-top: 4%;
    align-items: center;
    justify-content: center;
    column-gap: 2%;
}
.sec03_btnbox>a{
    width: 45%;

}
#sec04{
    background-color: #F5F5F5;
    margin: 0em calc(50% - 50vw);
    padding: 5% 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}

.sec04_inner{
    width: 90%;
    margin: 0 auto;
}
.sec04_inner h2{
    width: 70%;
    padding-bottom: 4%;

}
.sec04_inner .sec04_con01{
    display: flex;
    width: 85%;
    margin: 0 auto;
    flex-direction: column;
}
.sec04_inner .sec04_con01>div{
    width: 100%;

}
.sec04_inner .sec04_con01>div:first-child{
    margin-bottom: 1%;

}
.sec04_inner .sec04_con01>div:last-child{
    margin-top: 1%;

}
.sp_people02{
    display: none;
}
.sec04_inner .imagebox{
    padding: 10.5% 1% 0;
}

.sec04_box3{
    position: relative;
    z-index: 1;
}
.sec04_box3::before{
    content: '';
    background: url(../img/man_02_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 15%;
    height: 78%;
    top: 69%;
    right: 5%
}
.sec04_box3::after{
    content: '';
    background: url(../img/woman_02_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 19%;
    height: 71%;
    bottom: -46%;
    right: 19%;
    z-index: 2;

}
#sec05{
    background-color: #BEEBF5;
    margin: 0em calc(50% - 50vw);
    padding: 7% 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);

}
.sec05_inner{
    width: 90%;
    margin: 0 auto;
}
.sec05_inner h2{
    width: 37%;

}

.sec05_txt1{
    color: #0A2D5A;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    justify-content: flex-start;

}
.sec05_txt1_con{
    width: 50%;
    padding-bottom: 3em;

}
.sec05_txt1_con>p{
    position: relative;
	
}
.sec05_txt1_con>p::before{
    content: '';
    background: url(../img/check_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 59%;
    left: -8%;
    
}
.sec05_txt1_con>div{
    padding: 2em 0 0 7em;

}
.txt_line1>div{
    padding: 2.8em 0 0 8em;

}
.icontxt_1 p br:nth-child(1){
    display: none;
}
.icontxt_1 p br:nth-child(2){
    display: block;
}
.icontxt_1>p:first-child{
    padding-bottom: 1em;

}
.icontxt_1{
    position: relative;
}
.icontxt_1::before{
    content: '';
    background: url(../img/car_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 98px;
    height: 82px;
    top: 18%;
    left: 1%;

} 
.icontxt_2{
    position: relative;
}
.icontxt_2::before{
    content: '';
    background: url(../img/nitiyouhinn_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 98px;
    height: 82px;
    top: 34%;
    left: 3%;

}
.icontxt_3{
    position: relative;
}
.icontxt_3::before{
    content: '';
    background: url("../img/kit_img.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 82px;
    height: 82px;
    top: 34%;
    left: 6%;
}
.icontxt_4{
    position: relative;
}
.icontxt_4::before{
    content: '';
    background: url(../img/chat_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 98px;
    height: 82px;
    top: 44%;
    left: 4%;
}
.icontxt_5{
    position: relative;
}
.icontxt_5::before{
    content: '';
    background: url(../img/memo_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 98px;
    height: 78px;
    top: 38%;
    left: 11%;
}
.icontxt_6{
    position: relative;
}
.icontxt_6::before{
    content: '';
    background: url("../img/result_img.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 98px;
    height: 72px;
    top: 40%;
    left: 11%;
}
.sec05_txt2{
    display: flex;
    column-gap: 10%;
    color: #05B4D7;
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    padding: 3% 3% 3% 9%;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 700;

}
.sec05_txt2>div{
    width: 45%;

}
.sec05_txt2>div>p{
    padding-top: 1em;
    position: relative;

}
.sec05_txt2>div>p::before{
    content: '';
    background: url(../img/check_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 59%;
    left: -11%;
    
}
.sec05_txt2>div>p:first-child::before{
    top: 27%;

}
.sec05_txt2>div>p:first-child{
    padding-top: 0;

}
/*.sec05_txt2 p br{
	display: none;
}*/

#sec06{
    background-color: #F5F5F5;
    margin: 0em calc(50% - 50vw);
    padding: 7% 0 5%;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
.sec06_inner{
    width: 90%;
    margin: 0 auto;

}
.sec06_inner h2{
    width: 70%;
    padding-bottom: 3%;

}
.sec06_3boxarea{
    display: flex;
    column-gap: 2%;
    padding-bottom: 6%;
}
.sec06_3boxarea>div{
    width: 32%;
}
.sec06_3boxarea .box03 img{
    position: relative;
}
.sec06_3boxarea .box03{
    background-image: url(../img/sec06_box03.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.sec06_3boxarea .box03 p{
    font-size: 10px;
    color: #ffffff;
    padding-top: 55%;
    width: 76%;
    margin-left: 7%;

}
.sec06_3boxarea .box03 a{
    color: #ffffff;
}

.link_txt{
    position: absolute;
    color: #ffffff;
    font-size: 10px;
}

.sec06_2boxarea{
    display: flex;
    width: 84%;
    column-gap: 2%;
    margin: 0 auto;
    
}
.sec06_2boxarea>div:first-child{
    width: 50.7%;

}
.sec06_2boxarea>div{
    width: 47%;

}
article{
	margin-bottom: 10%;
    overflow:hidden;
	font-feature-settings: 'palt';
	letter-spacing: 0.1em;
}
article h2{
    font-size: 26px;
    font-weight: 700;
	padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}
article .slider li{
	margin: 0 10px 0;
}
.slider_box{
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.sider{
	width: 100%;
	margin: 0 auto;
}
.slider li{
	list-style: none;
}
.slider, slick-initialized, slick-slider, slick-dotted{
	padding-left: 0!important;
}
.slider img{
	margin: 0 auto;
}
.slider dl{
	width: 100%;
	margin: 5px 0;
}
.slider dl dt{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.slider dl .company_name, .slider dl .industry{
	font-size: 12px;
}
.slider dl .column_ttl{
	margin: 0;
	padding: 0;
	font-size: 18px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
}
.slider a, .slider a:visited{
	color: #333333;
	text-decoration: none;
}
.slider a:hover{
	opacity: 0.8;
}

@media screen and (max-width:480px) { 
    article h2{
        padding-top: 10%;
        padding-bottom: 10%;
    }
	.slider dl .company_name, .slider dl .industry{
		font-size: 2.6vw;
	}
	.slider dl .column_ttl{
		font-size: 3.6vw;
	}
	
}

#sec07{
    background-color: #DCF5FA;
    margin: 0em calc(50% - 50vw);
    padding: 8% 0;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
.sec07_inner{
    width: 90%;
    margin: 0 auto;
    position: relative;

}
.sec07_inner::before{
    content: '';
    background: url(../img/woman_ill.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 22%;
    height: 14%;
    bottom: 59%;
    left: 5%;
}

.sec07_inner h2{
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 5%;
    text-align: center;

}
.dounyuu_nagare{
    padding-bottom: 5%;
}
.sec07_inner .dounyuu_step_box{
    display: flex;
    margin: 0 auto;
    padding-bottom: 4%;
    
}

.sec07_inner .dounyuu_step_box>div{
    width: 33%;

}
.dounyuu_step_box>div:last-child{
    padding-left: 1%;
}

.step_icon{
    text-align: center;
    position: relative;
}
.step_con01::before{
    content: '';
    background: url("../img/arw_02.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 80%;
    height: 21%;
    bottom: 42%;
    right: -43%;
}
.step_con02::before{
    content: '';
    background: url(../img/arw_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 80%;
    height: 23%;
    bottom: 42%;
    right: -43%;
}
.step_icon img{
    width: 28%;
    margin: 0 auto;

}
.step_con_txt{
    text-align: center;

}
.step_con_txt h3{
    color: #0A2D5A;
    font-size: 20px;
    font-weight: bold;
    padding: 4% 0;

}
.step_con_txt p{
    font-weight: 500;
    font-size: 17px;
    width: 90%;
    margin: 0 auto;
    text-align: left;

}
.step_con_txt>p:first-child{
    text-align: center;

}
.line_btn{
    width: 40%;
    margin: 0 auto;
}
.last_line_btn{
    width: 40%;
    margin: 0 auto;
}
.last_line_btn>a{
    display: block;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    border-radius: 50px;
    padding: 5%;
    margin-bottom: 3%;
    box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1);
}

.last_line_btn .or_btn{
    background-color: #FA7D23;
    color: #F5F5F5;
    color: #F5F5F5;
    border: 3px solid #F5F5F5;
    position: relative;

}
.last_line_btn .or_btn::before{
    content: '';
    background: url(../img/btn_icon_wh.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 40%;
    right: 6%;
}

.last_line_btn .wh_btn{
    background-color: #F5F5F5; 
    border: 3px solid #FA7D23;
    color: #FA7D23;
    position: relative;
 
}
.last_line_btn .wh_btn:hover{
    background-color: #EBD7C8;
    transition: 0.3s;

}
.last_line_btn .wh_btn::before{
    content: '';
    background: url(../img/btn_icon_or.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 40%;
    right: 6%;
}

.last_line_btn .ye_btn{
    background-color: #FFFFA0;
    border: 3px solid #FA7D23; 
    color: #FA7D23; 
    position: relative; 
}
.last_line_btn .ye_btn::before{
    content: '';
    background: url(../img/btn_icon_or.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 40%;
    right: 6%;
}

.dounyuu_jirei h2{
    padding-bottom: 3%;

}
.woman_ill{
    display: none;
}
.wh_btn_last{
    color: #FA7D23;
    background-color: #ffffff;
    border: 1px solid #FA7D23;
    border-radius: 50px;

}
#form_box{
    width: 90%;
    margin: 0 auto;
    margin-top: 12%;

}
#footer{
    background-color: #05B4D7;
    margin: 0em calc(50% - 50vw);
    padding: 5% 0 8%;
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);

}
#footer a{
    color: #ffffff;

}
#footer .f_logo{
    width: 22%;
}
#footer .f_nav_box>nav:first-child{
    padding: 0 3% 0 5%;

}
#footer .f_con{
    display: flex;
    padding: 0 3%;

}
.f_con .f_nav_box{
    display: flex;
    width: 90%;
    margin: 0 auto;

}
.f_nav_box nav ul li{ 
    padding-bottom: 1em;

}
.f_nav_box nav ul li:hover{
    opacity: 0.6;
    transition: 0.3s;
}
.f_br{
    display: none;
}

@media screen and (min-width:1200px) { 
    .pc_floatbtn_box .wh_maru_btn {
        border: 4px solid #FA7D23;
        font-size: 18px

    }
    

}
@media screen and (min-width:1400px) { 
    .pc_floatbtn_box .wh_maru_btn {
        border: 4px solid #FA7D23;
        font-size: 21px

    }
    

}
@media screen and (min-width:1600px) {
    .pc_floatbtn_box .wh_maru_btn {
        font-size: 23px;
        border: 5px solid #FA7D23;
    } 

}
@media screen and (min-width:1800px) {
    .pc_floatbtn_box .wh_maru_btn {
        font-size: 25px;
    }

}
@media screen and (min-width:1900px) {
    .pc_floatbtn_box .wh_maru_btn {
        font-size: 27px;
    }

}


@media screen and (max-width:1100px) { 
    .f_br{
        display: block;
    }
    #footer .f_nav_box>nav:first-child {
        padding: 0 6% 0 6%;
    }
    .icontxt_1 p br:first-child{
        display: block;
    }


}
@media screen and (max-width:970px) {
    .pc_floatbtn_box .wh_maru_btn {
        font-size: 14px
        

    }
    .last_line_btn>a {
        font-size: 16px;
    }

}
@media screen and (max-width:920px) { 
    .blue_bar::before {
        content: '';
        background: url(../img/online_img.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 28%;
        height: 175%;
        top: 46%;
        left: 68%;
    }
    .sec03_txt_br{
        display: block;
    }
    .blue_bar::before {
        width: 31%;
        height: 185%;
        top: 46%;
        left: 64%;
    }
    .sec06_3boxarea .box03 p{
        font-size: 8px;
    }

}
@media screen and (max-width:910px) { 
    .pc_floatbtn_box .wh_maru_btn {
        font-size: 12px;
    }

}
@media screen and (max-width:860px) { 
    .pc_floatbtn_box .wh_maru_btn {
        font-size: 12px;
        padding: 22% 0;
    }


}
@media screen and (max-width:750px) { 

    #header .h_btnbox{
        display: none;
    }
    .pc_floatbtn_box{
        display: none;
    }
    .sp_floatbtn_box{
        display: flex;
        position: fixed;
        bottom: 0%;
        z-index: 9999;
        width: 100vw;
    } 
    .sp_floatbtn_box>a {
        width: 50%;

    }

    .sp_f_wh{
        background-color: #F5F5F5;
        border: 3px solid #FA7D23;
        color: #FA7D23;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        border-radius: 50px;
        padding: 3%;
        display: block;
    }
    
    .sp_f_or{
        background-color: #FA7D23;
        border: 3px solid #F5F5F5;
        color: #F5F5F5;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        border-radius: 50px;
        padding: 3%;
        display: block;
    }

    #sec_01{
        margin-top: -2.5%;
        padding: 15% 0 15%;
    }
    
    #sec_01 .box_area {
        flex-direction: column;
    }
    #sec_01 .box_area>div{
        padding-bottom: 3%;

    }
    .sec01_box1:before{ 
        display: none;
    
    } 
    .sec01_box3:before{ 
        display: none;
    
    } 
    .sec01_box3::after {
        display: none;
    }
    #sec_01 h2 {
        width: 85%;
        margin: 0 auto;
        padding-bottom: 5%;
    }
    .sp_people01{
        display: flex;
        width: 90%;
        margin: 0 auto;
    }
    .sp_people01>div{
        width: 62%;
    }
    .sp_people01>div:first-child{
        width: 48%;
        padding-left: 1.5%;
    }
    #sec_02::before {
        width: 24%;
        height: 18%;
        top: -2%;
        right: 39%;
    }
    #sec_02 h2 {
        padding-bottom: 4%;
    }
    #sec_02 .img_txtbox {
        flex-direction: column;
    }
    .img_txtbox>div {
        width: 100%;
    }
    .sec02_txt {
        padding-top: 3%;
    }
    .sec03_inner {
        width: 90%;
        margin: 0 auto;
    }
    #sec03 h2 {
        width: 80%;
        padding-bottom: 2%;
    }
    #sec03 .step_box {
        flex-wrap: wrap;
        column-gap: 0%;
        width: 100%;
    }
    #sec03 .step_box>div {
        width: 49%;
    }
    .step_box>div::after {
        display: none;
    }
    .step_box>div:first-child{
        padding-right: 2%;
    }
    .step_box>div:last-child{
        padding-left: 2%;
    }
    .sec03_txt br{
        display: none;
    }
    .blue_bar::before {
        display: none;
    }
    .blue_bar {
        width: 100%;
        padding: 0.6em 0;
        background-color: #05B4D7;
        margin: 8% 0 3%;
        font-size: 20px;
    }
    .sec03_txt {
        font-weight: 500;
        font-size: 16px;
    }
    .online_img{
        display: block;
        padding-top: 4%;

    }
    .online_img>img{
        width: 90%;
        padding-left: 5%;
    }
    .sec03_btnbox {
        width: 80%;
        margin-top: 5%;
        flex-direction: column;
    }
    .sec03_btnbox>a {
        width: 100%;
    }
    .sec04_inner .sec04_con01 {
        flex-direction: column;
    }
    .sec04_inner .sec04_con01>div {
        width: 100%;
        padding-bottom: 2%;
    }
    #sec04 {
        padding: 12% 0;
    }
    .sec04_box1::before {
        display: none;
    }
    .sec04_box3::before {
        display: none;
    }
    .sec04_box3::after {
        display: none;
    }
    .sec04_inner .imagebox {
        padding: 6.5% 1% 0;
    }
    .sp_people02{
        display: flex;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 3%;
    }
    .sp_people02>div{
        width: 50%;
    }
    .sp_people02>div:first-child{
        width: 59%;
        padding-top: 3%;
    }
    .sec05_inner h2 {
        width: 70%;
    }
    .sec05_txt1 {
        font-size: 21px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .sec05_txt1_con {
        width: 100%;
        padding-bottom: 0;
    }
    .icontxt_1>p:first-child {
        padding-bottom: 0em;
    }
    .sec05_txt1_con>div {
        padding: 7% 0;
        padding-left: 20%;
        border-bottom: 2px dotted #F5F5F5;
    }
    /*.sec05_txt1_con .icontxt_1 br{
        display: none;

    }*/
    .txt_line1>div {
        padding: 7% 0;
        padding-left: 20%;
        
    }
    .sec05_txt2 {
        margin-top: 11%;
        padding: 4% 0 4% 17%;
        border-radius: 54px;
        font-size: 18px;
        font-weight: 700;
        flex-direction: column;

    }
    .sec05_txt2>div {
        width: 100%;
    }
    .sec05_txt2>div:first-child {
        padding-bottom: 1em;

    }
    .sec05_txt2>div>p::before {
        width: 16px;
        height: 16px;
        left: -8%;
    }
    .icontxt_1::before {
        width: 20%;
        height: 66%;
        top: 19%;
        left: -1%;
    }
    .icontxt_2::before {
        width: 15%;
        height: 52%;
        top: 29%;
        left: 0%;
    }
    .icontxt_3::before {
        width: 15%;
        height: 52%;
        top: 29%;
        left: 2%;
    }
    .icontxt_4::before {
        width: 14%;
        height: 44%;
        top: 26%;
        left: 3%;
    }
    .icontxt_5::before {
        width: 40%;
        height: 63%;
        top: 15%;
        left: 4%;   
    }
    .icontxt_6::before {
        width: 40%;
        height: 63%;
        top: 15%;
        left: 4%;   
    }
    #sec06 {
        padding: 11% 0 10%;
    }
    .sec06_inner h2 {
        width: 70%;
        padding-bottom: 6%;
    }
    .sec06_inner .sec06_h2_02{
        width: 80%;
        margin: 0 auto;
    }
    .sec06_3boxarea {
        padding-bottom: 12%;
        flex-direction: column;
        width: 80%;
        margin: 0 auto;
    }
    .sec06_3boxarea>div {
        width: 100%;
    }
    .sec06_3boxarea>div:first-child {
        padding-bottom: 4%;
    }
    .sec06_3boxarea .box2{
        padding-bottom: 4%;
        
    }
    .sec06_3boxarea .box03 p {
        font-size: 15px;
        color: #ffffff;
        padding-top: 55%;
        padding-bottom: 31%;
        padding: bot;
        width: 76%;
        margin-left: 7%;
    }

    .sec06_2boxarea {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .sec06_2boxarea>div {
        width: 100%;
    }
    .sec06_2boxarea>div:first-child {
        padding-bottom: 4%;
        width: 100%;

    }
    .sec07_inner {
        width: 85%;
    }
    .sec07_inner .dounyuu_step_box {
        flex-direction: column;
    }
    .sec07_inner .dounyuu_step_box>div {
        display: flex;
        column-gap: 5%;
        width: 100%;
        padding-bottom: 12%;
    }
    .dounyuu_step_box>div:last-child {
        padding-bottom: 0%;

    }
    .step_icon {
        width: 20%;
    }
    .step_icon img {
        width: 76%;
        margin: 0 auto;
    }
    .step_con_txt {
        width: 75%;
        text-align: left;
    }
    .step_con_txt p {
        width: 100%;
    }
    .dounyuu_step_box>div:last-child {
        padding-left: 0;
    }

    .step_con01::before {
        content: '';
        background: url(../img/arw_bottom.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 22%;
        height: 88%;
        bottom: -54%;
        left: 37%;
    }
    
    .step_con02::before {
        content: '';
        background: url(../img/arw_bottom02.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 20%;
        height: 100%;
        bottom: -53%;
        left: 40%;
    }
    .line_btn {
        width: 80%;
    }
    #sec07{
        padding: 11% 0;
    }
    .sec07_inner::before {
        display: none;
    }
    .sec07_inner h2 {
        font-size: 30px;
    }
    .dounyuu_nagare {
        padding-bottom: 5%;
    }
    .last_line_btn {
        width: 70%;
        margin: 0 auto;
    }
    .last_line_btn>a {
        font-size: 22px;
    }
    .woman_ill{
        display: block;
    }
    .woman_ill>img {
        width: 45%;
        padding-bottom: 3%;
    }
    #footer {
        padding: 9% 0 15%;
    }
    #footer .f_con {
        display: flex;
        padding: 0 5%;
        flex-direction: column-reverse;
        font-size: 14px;
    }
    .f_con .f_nav_box {
        flex-direction: column;
        padding-bottom: 7%;
        width: 100%;
        margin: 0;
    }
    #footer .f_logo {
        width: 46%;
    }
    #footer .f_nav_box>nav:first-child {
        padding: 0;
    }
    .f_br{
        display: none;
    }
    .f_logo{
        margin: 0 0 0 auto;
        
    }

}
@media screen and (max-width:660px) {
    .sec06_3boxarea .box03 p {
        font-size: 15px;
    }
    .step_con02::before {
        width: 28%;
        height: 100%;
        bottom: -45%;
        left: 35%;
    }
    .last_line_btn>a {
        font-size: 19px;
    }

}
@media screen and (max-width:580px) { 
    .sec06_3boxarea .box03 p {
        font-size: 12px;
        padding-bottom: 30%;
    }

}
@media screen and (max-width:520px) { 
    #header{
        height: 58px;
    }
    #header .h_logo {
        width: 150px;
        height: 27px;
    }
    .sec05_txt2 {
        font-size: 18px;
    }
    .step_con_txt p {
        font-size: 17px;
    }
    .step_con_txt h3 {
        font-size: 22px;
    }
    .sec05_txt1 {
        font-size: 16px;
    }
    .sec07_inner h2 {
        font-size: 28px;
    }
    .step_con01::before {
        width: 26%;
        height: 85%;
        bottom: -47%;
        left: 37%;
    }
    .step_icon img {
        width: 82%;
        margin: 0 auto;
    }
    .sp_f_wh{
        font-size: 16px;
    }
    .sp_f_or{
        font-size: 16px;
    }
    .last_line_btn>a {
        font-size: 15px;
    }
	.slider dl dt{
		font-size: 10px;
	}
	.slider dl dd{
		font-size: 14px;
		overflow: hidden;
	}

}
@media screen and (max-width:430px) {
    .sec06_3boxarea .box03 p {
        font-size: 9px;
        padding-bottom: 30%;
    } 
    .step_con02::before {
        width: 28%;
        height: 100%;
        bottom: -46%;
        left: 33%;
    }
    .step_con01::before {
        width: 29%;
        height: 85%;
        bottom: -38%;
        left: 33%;
    }
    .step_con_txt h3 {
        font-size: 18px;
    }
    .step_con_txt p {
        font-size: 15px;
    }


}
@media screen and (max-width:370px) {
    .sec05_txt2 {
        padding: 4% 0 4% 12%;
        border-radius: 45px;
    }
    .sec05_txt1 {
        font-size: 14px;
    }
    .sec05_txt2>div>p {
        font-size: 13px;
    } 
    .sec05_txt2>div>p::before {
        width: 14px;
        height: 14px;
    }
    .step_con02::before {
        width: 36%;
        height: 100%;
        bottom: -36%;
        left: 28%;
    }
    .sec06_3boxarea .box03 p {
        font-size: 8px;
    }
    .dounyuu_step_box>div {
        padding-bottom: 4%;
    }
    .step_con_txt h3 {
        font-size: 17px;
    }
    .step_con_txt p {
        font-size: 14px;
    }
    .sp_f_wh {
        font-size: 12px;
    }
    .sp_f_or {
        font-size: 12px;
    }
    .last_line_btn>a {
        font-size: 12px;
    }


}
@media screen and (max-width:290px) {
    .sec06_3boxarea .box03 p br{
        display: none;

    }
}