@charset "UTF-8";
/*

CSS page.css */






/*//////////////////


#index


//////////////////*/
#index .secwrap{ padding-top: 45px; padding-bottom: 55px; }
@media screen and (max-width: 1040px){
	#index .secwrap{ padding-top: 35px; padding-bottom: 45px; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#index .maintitle{ margin-bottom: 40px; margin-left: auto; margin-right: auto; max-width: 740px; width: 100%; padding-top: 35px; }
#index .maintitle>.inwrap{ display: flex; align-items: center; position: relative; padding-left: 210px; padding-right: 60px; min-height: 136px; color: #fff; text-align: center; justify-content: center; }
#index .maintitle>.inwrap>img.titlebg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; }
#index .maintitle>.inwrap>img.titleicon{ position: absolute; bottom: 0; left: 15px; width: 183px; z-index: 2; }
#index .maintitle>.inwrap .title{ font-weight: 900; font-size: 3.2rem; line-height: 1.4; position: relative; z-index: 3; }
#index .maintitle>.inwrap .title span{ font-weight: 900; }
@media screen and (max-width: 1200px){
	#index .maintitle{ padding-top: 15px; }
	#index .maintitle>.inwrap .title{ font-size: 2.6rem; }
	#index .maintitle>.inwrap{ min-height: 120px; padding-right: 50px; padding-left: 200px; }
	#index .maintitle>.inwrap>img.titleicon{ width: 150px; }
}
@media screen and (max-width: 1040px){
	#index .maintitle>.inwrap .title{ font-size: 2.4rem; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index .maintitle{ padding-top: 5px; }
	#index .maintitle>.inwrap .title{ font-size: 2rem; }
	#index .maintitle>.inwrap{ min-height: auto; padding-right: 8%; padding-left: 8%; display: block; padding-bottom: 125px; width: 100%; box-sizing: border-box; padding-top: 25px; }
	#index .maintitle>.inwrap>img.titleicon{ width: 130px; left: -4%; }
	#index .maintitle>.inwrap>img.titlebg{ height: calc(100% - 100px); }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#index .inseccopybox{ background: #ff5d73; position: relative; text-align: center; padding-top: 50px; padding-bottom: 40px; padding-left: 4%; padding-right: 4%; }
#index .inseccopybox:after{ content: ""; height: 35px; width: 110px; background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #ff5d73 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #ff5d73 50.5%) no-repeat top right/50% 100%; top: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; position: absolute; }
#index .inseccopybox .titlebox{ padding-left: 325px; position: relative; display: inline-block; text-align: left; }
#index .inseccopybox .icontxt{ position: absolute; top: 0; bottom: 0; left: 0; margin-top: auto; margin-bottom: auto; width: 286px; height: 286px; }
#index .inseccopybox .titlebox ._1{ color: #ff5d73; font-weight: 900; font-size: 5.2rem; line-height: 1.4; background: #fff; padding: 6px 29px; margin-bottom: 10px; display: inline-block; letter-spacing: 0.05em; }
#index .inseccopybox .titlebox ._1 span{ font-weight: 900; }
#index .inseccopybox .titlebox ._2{ color: #fff; font-weight: bold; font-size: 3.2rem; line-height: 1.4; display: inline-block; padding: 0 15px; padding-right: 0; }
#index .inseccopybox .titlebox ._2 span{ font-weight: bold; }
#index .inseccopybox+.mainbox{ padding-top: 80px; background: #f7f4f6; }
@media screen and (max-width: 1200px){
	#index .inseccopybox .titlebox ._1{ font-size: 4rem; padding: 5px 20px; }
	#index .inseccopybox .titlebox ._2{ font-size: 2.6rem; padding: 0 20px; padding-right: 0; }
	#index .inseccopybox:after{ height: 25px; width: 70px;  }
}
@media screen and (max-width: 1040px){
	#index .inseccopybox{  }
	#index .inseccopybox .titlebox ._1{ font-size: 3.2rem; padding: 3px 15px; }
	#index .inseccopybox .titlebox ._2{ font-size: 2.2rem; line-height: 1.6; padding: 0 15px; padding-right: 0; }
	#index .inseccopybox .icontxt{ width: 200px; height: 200px;  bottom: auto; top: -80px; left: 0; }
	#index .inseccopybox .titlebox{ padding-left: 240px;  }
}
@media screen and (max-width: 767px){
	#index .inseccopybox .icontxt{ width: 140px; height: 140px; }
	#index .inseccopybox .titlebox{ padding-left: 160px; }
	#index .inseccopybox+.mainbox{ padding-top: 50px; }
}
@media screen and (max-width: 639px){
	#index .inseccopybox .icontxt{ left: 4%; top: -35px; }
	#index .inseccopybox .titlebox ._1{ font-size: 3rem; }
	#index .inseccopybox .titlebox ._2{ font-size: 2rem; padding-right: 0; }
	#index .inseccopybox{ padding-top: 90px;  }
	#index .inseccopybox .titlebox{ padding-left: 130px; position: static; }
}
@media screen and (max-width: 479px){
	#index .inseccopybox .titlebox ._1{ font-size: 2.6rem; }
	#index .inseccopybox .titlebox ._2{ font-size: 1.8rem; text-align: left; }
	#index .inseccopybox .titlebox{ padding-left: 0; padding-right:0; box-sizing: border-box; text-align: left; }
	#index .inseccopybox .icontxt{ width: 120px; height: 120px; }
	#index .inseccopybox{ padding-top: 100px; text-align: center; padding-left: 8%; padding-right: 8%; }
}


#index .inseccopybox2{ background: #ff5d73; position: relative; text-align: center; padding-top: 50px; padding-bottom: 40px; padding-left: 4%; padding-right: 4%; }
#index .inseccopybox2:after{ content: ""; height: 35px; width: 110px; background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #ff5d73 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #ff5d73 50.5%) no-repeat top right/50% 100%; top: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; position: absolute; }
#index .inseccopybox2 .titlebox{ position: relative; display: inline-block; text-align: center; color: #fff; }
#index .inseccopybox2 .titlebox .subtitle{ font-size: 2rem; margin-bottom: 20px; font-weight: bold; }
#index .inseccopybox2 .titlebox ._1{ color: #ff5d73; font-weight: 900; font-size: 5.2rem; line-height: 1.4; background: #fff; padding: 6px 29px; margin-bottom: 10px; display: inline-block; letter-spacing: 0.05em; }
#index .inseccopybox2 .titlebox ._1 span{ font-weight: 900; }
#index .inseccopybox2 .titlebox ._2{ color: #fff; font-weight: bold; font-size: 3.2rem; line-height: 1.4; display: inline-block; padding: 0 15px; padding-right: 0; }
#index .inseccopybox2 .titlebox ._2 span{ font-weight: bold; }
#index .inseccopybox2 .titlebox .txt{  font-size: 1.8rem; margin-top: 25px; }
#index .inseccopybox2+.mainbox{ padding-top: 80px; background: #f7f4f6; }
@media screen and (max-width: 1200px){
	#index .inseccopybox2 .titlebox ._1{ font-size: 4rem; padding: 5px 20px; }
	#index .inseccopybox2 .titlebox ._2{ font-size: 2.6rem; padding: 0 20px; padding-right: 0; }
	#index .inseccopybox2:after{ height: 25px; width: 70px;  }
}
@media screen and (max-width: 1040px){
	#index .inseccopybox2 .titlebox ._1{ font-size: 3.2rem; padding: 3px 15px; }
	#index .inseccopybox2 .titlebox ._2{ font-size: 2.2rem; line-height: 1.6; padding: 0 15px; padding-right: 0; }
}
@media screen and (max-width: 767px){
	#index .inseccopybox2+.mainbox{ padding-top: 50px; }
}
@media screen and (max-width: 639px){
	#index .inseccopybox2 .titlebox .subtitle{ font-size: 1.8rem; }
	#index .inseccopybox2 .titlebox ._1{ font-size: 3rem; }
	#index .inseccopybox2 .titlebox ._2{ font-size: 2rem; padding-right: 0; padding-left: 0; }
	#index .inseccopybox2 .titlebox .txt{ font-size: 1.6rem; }
	#index .inseccopybox2 .titlebox{ position: static; }
}
@media screen and (max-width: 479px){
	#index .inseccopybox2 .titlebox .subtitle{ font-size: 1.6rem; }
	#index .inseccopybox2 .titlebox ._1{ font-size: 2.6rem; }
	#index .inseccopybox2 .titlebox ._2{ font-size: 1.8rem; }
	#index .inseccopybox2 .titlebox .txt{ font-size: 1.4rem; }
	#index .inseccopybox2 .titlebox{ padding-left: 0; padding-right:0; box-sizing: border-box; }
	#index .inseccopybox2{ text-align: center; padding-left: 8%; padding-right: 8%; }
}



#index #swrap_1{ padding-top: 0; }
#index #swrap_1 #sec_1{  }
#index #swrap_1 #sec_1 .box1{ background: #fcf1f0; padding: 10px; }
#index #swrap_1 #sec_1 .box1>.inwrap{ background: #fcf1f0; border: 3px solid #fff; padding: 30px 20px 40px;  }
#index #swrap_1 #sec_1 .box1 .title{ font-weight: 900; font-size: 3.2rem; line-height: 1.4; color: #ff5d73; margin-bottom: 15px; text-align: center; letter-spacing: 0.05em; }
#index #swrap_1 #sec_1 .box1 .title span{ font-weight: 900; }
#index #swrap_1 #sec_1 .box1 .txt1{ text-align: center; }
#index #swrap_1 #sec_1 .box1 .txt1 .br1{ display: none; }
#index #swrap_1 #sec_1 .box1 .list{ margin-top: 25px; margin-bottom: -15px; margin-left: -10px; text-align: center; }
#index #swrap_1 #sec_1 .box1 .list>li{ margin-left: 10px; display: inline-block; margin-bottom: 15px; background: #ffffff; border-radius: 10px; padding: 10px 10px; box-sizing: border-box; padding-right: 15px; line-height: 1.5; }
#index #swrap_1 #sec_1 .box1 .list>li>.inwrap{  display: flex; flex-direction: row; }
#index #swrap_1 #sec_1 .box1 .list>li .iconimg{ flex-shrink: 0; margin-right: 15px; width: 72px; display: flex; align-items: center; }
#index #swrap_1 #sec_1 .box1 .list>li .iconimg>img{ width: 72px; }
#index #swrap_1 #sec_1 .box1 .list>li .listtxt{ font-weight: bold; font-size: 2.2rem; color: #ff5d73; display: flex; align-items: center; text-align: left; }
#index #swrap_1 #sec_1 .box1 .list>li .listtxt span{  }
@media screen and (max-width: 1200px){
	#index #swrap_1 #sec_1 .box1 .title{ font-size: 2.4rem; }
	#index #swrap_1 #sec_1 .box1 .list>li .listtxt{ font-size: 2rem; }
	#index #swrap_1 #sec_1 .box1 .txt1 .br1{ display: block; }
	#index #swrap_1 #sec_1 .box1 .list>li .iconimg{ width: 68px; }
	#index #swrap_1 #sec_1 .box1 .list>li .iconimg>img{ width: 68px; }
}
@media screen and (max-width: 1040px){
	#index #swrap_1 #sec_1 .box1 .title{ font-size: 2rem; }
	#index #swrap_1 #sec_1 .box1 .list>li .listtxt{ font-size: 1.8rem; }
	#index #swrap_1 #sec_1 .box1{ padding: 5px; }
	#index #swrap_1 #sec_1 .box1>.inwrap{ border: 2px solid #fff; padding: 20px 20px 20px;  }
}
@media screen and (max-width: 767px){
	#index #swrap_1 #sec_1 .box1 .txt1 .br1{ display: none; }
	#index #swrap_1 #sec_1 .box1 .txt1{ text-align: left; }
	#index #swrap_1 #sec_1 .box1 .list>li .iconimg{ width: 60px; }
	#index #swrap_1 #sec_1 .box1 .list>li .iconimg>img{ width: 60px; }
	#index #swrap_1 #sec_1 .box1 .list>li{ display: flex;   }
	#index #swrap_1 #sec_1 .box1>.inwrap{ padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#index #swrap_1 #sec_1 .box1>.inwrap{ padding-right: 10px; }
	#index #swrap_1 #sec_1 .box1 .list>li .listtxt{ font-size: 1.7rem; }
	#index #swrap_1 #sec_1 .box1 .list>li .iconimg{ width: 55px; margin-right: 11px; }
	#index #swrap_1 #sec_1 .box1 .list>li .iconimg>img{ width: 55px; }
}


#index #swrap_2{ }
#index #swrap_2 #sec_2{   }
#index #swrap_2 #sec_2 #s2_insec1{  background-size: auto auto; background-color: rgba(255, 243, 193, 1); background-image: repeating-linear-gradient(50deg, transparent, transparent 24px, rgba(255, 241, 180, 1) 24px, rgba(255, 241, 180, 1) 48px ); position: relative; background-position: center center; padding-bottom: 110px; }
#index #swrap_2 #sec_2 #s2_insec1 .incnt{ max-width: 784px; }
#index #swrap_2 #sec_2 #s2_insec1 .subtitle{ border: 5px solid #262626; padding: 2px 4%; text-align: center; font-weight: 900; font-size: 4rem; margin-bottom: 40px; line-height: 1.4; }
#index #swrap_2 #sec_2 #s2_insec1 .subtitle span{ font-weight: 900; }
#index #swrap_2 #sec_2 #s2_insec1 .list{  }
#index #swrap_2 #sec_2 #s2_insec1 .list>li{ margin-bottom: 30px; }
#index #swrap_2 #sec_2 #s2_insec1 .list>li:last-child{ margin-bottom: 0; }
#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle{ margin-bottom: 10px; }
#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle>.inwrap{ color: #ff0033; font-weight: 900; font-size: 3.2rem; line-height: 1.4; position: relative; padding-left: 50px; background:linear-gradient(to bottom, transparent 70%, #fff 70%, #fff 95%, transparent 95%); display: inline-block; padding-right: 5px; }
#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle>.inwrap span{ font-weight: 900; }
#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle>.inwrap:before{ content: ""; background: url(../img/common/checkicon1.svg) no-repeat; width: 32px; height: 32px; display: inline-block; background-size: contain; position: absolute; left: 5px; bottom: 5px; }
#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtxt{  }

#index #swrap_2 #sec_2 #s2_insec1>.arr{ width: 100%; height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; }
#index #swrap_2 #sec_2 #s2_insec1>.arr:before{ content: ""; height: 100%; width: calc(50% - 55px); position: absolute; right: 0; top: 0; background: #ff5d73; }
#index #swrap_2 #sec_2 #s2_insec1>.arr:after{ content: ""; height: 100%; width: calc(50% - 55px); position: absolute; left: 0; top: 0; background: #ff5d73; }
#index #swrap_2 #sec_2 #s2_insec1>.arr>.inwrap{ width: 110px; margin-left: auto; margin-right: auto; height: 100%; position: relative; }
#index #swrap_2 #sec_2 #s2_insec1>.arr>.inwrap:before{ content: ""; background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #ff5d73 51%) no-repeat top left/100% 100%; width: 50%; height: 100%; position: absolute; bottom: 0; right: 0; }
#index #swrap_2 #sec_2 #s2_insec1>.arr>.inwrap:after{ content: ""; background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #ff5d73 51%) no-repeat top right/100% 100%; width: 50%; height: 100%; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 1200px){
	#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle>.inwrap{ font-size: 2.6rem; }
	#index #swrap_2 #sec_2 #s2_insec1 .subtitle{ font-size: 3rem; }
}
@media screen and (max-width: 1040px){
	#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle>.inwrap{ font-size: 2.4rem; }
	#index #swrap_2 #sec_2 #s2_insec1 .subtitle{ border: 2px solid #262626; font-size: 2.6rem; }
}
@media screen and (max-width: 767px){
	#index #swrap_2 #sec_2 #s2_insec1{padding-bottom: 60px; }
	#index #swrap_2 #sec_2 #s2_insec1 .list>li .listtitle>.inwrap{ font-size: 2rem; }
	#index #swrap_2 #sec_2 #s2_insec1 .subtitle{ font-size: 2.2rem; padding: 5px 4%; letter-spacing: 0; }


	#index #swrap_2 #sec_2 #s2_insec1>.arr{ height: 25px; }
	#index #swrap_2 #sec_2 #s2_insec1>.arr:before{ width: calc(50% - 35px); }
	#index #swrap_2 #sec_2 #s2_insec1>.arr:after{ width: calc(50% - 35px);  }
	#index #swrap_2 #sec_2 #s2_insec1>.arr>.inwrap{ width: 70px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#index #swrap_2 #sec_2 #s2_insec1 .subtitle{ text-align: left; }
}


#index #swrap_2 #sec_2 #s2_insec2{ background: #ff5d73; padding-top: 50px; padding-bottom: 55px; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox{ display: flex; flex-direction: row; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1{ flex-shrink: 0; width: 50%; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title{ color: #fff0b4; font-size: 4rem; line-height: 1.4; margin-bottom: 75px; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title>span{ font-weight: 900; display: inline-block; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title ._1{  }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title ._2{  }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title ._3{ color: #ff5d73; background: #fff0b4; padding: 0 15px; letter-spacing: 0.05em; display: inline-block; margin: 0 5px; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title ._4{  }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .img{  }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .img>img{  }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list{ margin-left: 6%; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li{ margin-bottom: 45px; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li:last-child{ margin-bottom: 0; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li .listtitle{ color: #fff0b4; font-weight: bold; font-size: 2.4rem; line-height: 1.4; letter-spacing: 0.05em; margin-bottom: 10px; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li .listtitle span{ font-weight: bold; }
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li .listtxt,
#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li .listtxt a { color: #fff; }
@media screen and (max-width: 1200px){
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title{ font-size: 3rem; }
}
@media screen and (max-width: 1040px){
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox{ display: block; position: relative; padding-bottom: 450px; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1{ width: 100%; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title{ font-size: 2.6rem; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .img{  }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .img img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 400px; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list{ margin-left: 0; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title{ line-height: 1.6; margin-bottom: 40px; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title ._3{ padding: 2px 10px; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li .listtitle{ font-size: 2rem; line-height: 1.6; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li{ margin-bottom: 25px; }
}
@media screen and (max-width: 767px){
	#index #swrap_2 #sec_2 #s2_insec2{ padding-top: 30px; padding-bottom: 45px; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox{ padding-bottom: 330px; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .title{ font-size: 2.2rem; letter-spacing: 0; margin-bottom: 35px; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .list>li .listtitle{ font-size: 1.8rem; letter-spacing: 0; }
	#index #swrap_2 #sec_2 #s2_insec2 .mainbox .box1 .img img{ height: 300px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#index #swrap_3{  }
#index #swrap_3 #sec_3{  }
#index #swrap_3 #sec_3 .subtitle{  }
#index #swrap_3 #sec_3 .bottomlink{ margin-top: 40px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#index #swrap_4{ background-size: auto auto; background-color: rgba(255, 243, 193, 1); background-image: repeating-linear-gradient(50deg, transparent, transparent 24px, rgba(255, 241, 180, 1) 24px, rgba(255, 241, 180, 1) 48px ); position: relative; background-position: center center; }
#index #swrap_4 #sec_4 .list{ display: flex; flex-direction: row; margin-left: -100px; }
#index #swrap_4 #sec_4 .list>li{ margin-left: 100px; width: calc(50% - 100px); }
#index #swrap_4 #sec_4 .list>li .listimg{ margin-bottom: 10px; }
#index #swrap_4 #sec_4 .list>li .listtxt{  }
#index #swrap_4 #sec_4 .list>li .bottomlink{ margin-bottom: 10px; }
@media screen and (max-width: 1040px){
	#index #swrap_4 #sec_4 .list{ margin-left: -70px; }
	#index #swrap_4 #sec_4 .list>li{ margin-left: 70px; width: calc(50% - 70px); }
}
@media screen and (max-width: 767px){
	#index #swrap_4 #sec_4 .list{ display: block; margin-left: 0; margin-bottom: -30px; }
	#index #swrap_4 #sec_4 .list>li{ margin-left: 0; width: 60%; margin-bottom: 30px; margin-left: auto; margin-right: auto; }
	#index #swrap_4 #sec_4 .list>li .bottomlink{ margin-top: 12px; }
	#index #swrap_4 #sec_4 .list>li .listimg{ margin-bottom: 15px; }
}
@media screen and (max-width: 639px){
	#index #swrap_4 #sec_4 .list>li{ width: 88%; }
}
@media screen and (max-width: 479px){
	#index #swrap_4 #sec_4 .list>li{ width: 100%; }
}



#index #swrap_5{  }
#index #swrap_5 #sec_5{  }
#index #swrap_5 #sec_5 .incnt{  }
#index #swrap_5 #sec_5 .mainbox{ display: flex; flex-direction: row; margin-left: -40px; }
#index #swrap_5 #sec_5 .mainbox .imgbox{ flex-shrink: 0; width: 45.4%; margin-right: 7%; }
#index #swrap_5 #sec_5 .mainbox .imgbox>img{  }
#index #swrap_5 #sec_5 .mainbox .txtbox{  }
#index #swrap_5 #sec_5 .mainbox .txtbox .list+.txt{ margin-bottom: 20px; }
#index #swrap_5 #sec_5 .mainbox .txtbox .list{ margin-bottom: 70px; }
#index #swrap_5 #sec_5 .mainbox .txtbox .list>li:not(:last-child){ margin-bottom: 65px; }
#index #swrap_5 #sec_5 .mainbox .txtbox .list>li .listtitle{ font-weight: bold; font-size: 2.4rem; padding-bottom: 2px; margin-bottom: 10px; border-bottom: 1px solid #262626; }
@media screen and (max-width: 1200px){
	#index #swrap_5 #sec_5 .mainbox .txtbox .list>li .listtitle{ font-size: 2.2rem; }
}
@media screen and (max-width: 1040px){
	#index #swrap_5 #sec_5 .mainbox{ flex-direction: column-reverse; margin-left: 0; }
	#index #swrap_5 #sec_5 .mainbox+.txt{ margin-top: 20px; text-align: center; }
	#index #swrap_5 #sec_5 .mainbox .imgbox{ flex-shrink: 0; width: 100%; margin-right: 0; text-align: center; margin-top: 20px; }
	#index #swrap_5 #sec_5 .mainbox .imgbox>img{ max-width: 482px; width: 100%; }
	#index #swrap_5 #sec_5 .mainbox .txtbox .list{ padding-top: 8px; margin-bottom: 20px; }
	#index #swrap_5 #sec_5 .mainbox .txtbox .list>li:not(:last-child){ margin-bottom: 30px; }
	#index #swrap_5 #sec_5 .mainbox .txtbox .list>li:last-child{ margin-bottom: 0; }
	#index #swrap_5 #sec_5 .link{ text-align: center; margin-top: 30px; padding-bottom: 25px; }
	#index #swrap_5 #sec_5 .mainbox .txtbox .list>li .listtitle{ text-align: center; }
	#index #swrap_5 #sec_5 .mainbox .txtbox .list>li .listtitle{ font-size: 2rem; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
	#index #swrap_5 #sec_5 .mainbox+.txt{text-align: left; }
}
@media screen and (max-width: 479px){
}



#index #swrap_6{  }
#index #swrap_6 #sec_6{  }
#index #swrap_6 #sec_6 .box1{ background: #008ae3; color: #ffffff; font-weight: 900; font-size: 3.2rem; line-height: 1.4; letter-spacing: 0.05em; position: relative; padding: 10px 20px; padding-left: 180px; margin-bottom: 50px; box-sizing: border-box; }
#index #swrap_6 #sec_6 .box1 span{ font-weight: 900; }
#index #swrap_6 #sec_6 .box1>img{ left: 8px; bottom: 0; position: absolute; width: 158px; }
#index #swrap_6 #sec_6 .workslist{ width: 88%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1200px){
	#index #swrap_6 #sec_6 .box1{ font-size: 2.6rem; }
}
@media screen and (max-width: 1040px){
	#index #swrap_6 #sec_6 .box1{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px){
	#index #swrap_6 #sec_6 .box1{ font-size: 2rem; line-height: 1.6; padding: 10px 6% 15px; margin-bottom: 140px; }
	#index #swrap_6 #sec_6 .box1>img{ width: 130px; bottom: -110px; left: auto; right: -15px; }
	#index #swrap_6 #sec_6 .bottomlink{ padding-bottom: 25px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#index #swrap_6 #sec_6 .workslist{ width: 100%; }
}





#index .secwrap._1{  }
#index .secwrap._1 .mainbox{  }
#index .secwrap._1 .mainbox>.incnt{  }
#index .secwrap._1 .mainbox>.incnt>.inwrap{ display: flex; flex-direction: row; }
#index .secwrap._1 .mainbox .titlebox{ flex-shrink: 0; margin-right: 6%; padding-top: 60px; width: 30%; }
#index .secwrap._1 .mainbox+.bottomlink{  }
#index .secwrap._1 .mainbox{  }
@media screen and (max-width: 1040px){
	#index .secwrap._1 .mainbox>.incnt>.inwrap{ display: block; }
	#index .secwrap._1 .mainbox .titlebox{ margin-right: 0; padding-top: 0; width: 100%; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#index #swrap_8{ background-size: auto auto; background-color: rgba(255, 243, 193, 1); background-image: repeating-linear-gradient(50deg, transparent, transparent 24px, rgba(255, 241, 180, 1) 24px, rgba(255, 241, 180, 1) 48px ); position: relative; background-position: center center; }
#index #swrap_8 .incnt{ max-width: 1140px; }
#index #swrap_8 #sec_8 .txt{ font-weight: bold; font-size: 2.4rem; }
#index #swrap_8 #sec_8 .list{  }
#index #swrap_8 #sec_8 .list>li{ margin-bottom: 5px; }
#index #swrap_8 #sec_8 .list>li .listtitle{ font-weight: bold; font-size: 2.4rem; padding-left: 1.8em!important; text-indent: -1.8em; letter-spacing: 0.03em; }
#index #swrap_8 #sec_8 .list>li .listtitle:before{ content: "Q"; margin-right: 20px; }
#index #swrap_8 #sec_8 .bottomlink{ margin-top: 20px; }
@media screen and (max-width: 1040px){
	#index #swrap_8 #sec_8 .list>li .listtitle{ font-size: 1.8rem; padding-left: 2em!important; text-indent: -2em; }
	#index #swrap_8 #sec_8 .txt{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px){
	#index #swrap_8 #sec_8 .bottomlink{ padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#index #swrap_9{  }
#index #swrap_9 #sec_9{  }
#index #swrap_9 #sec_9 .txtbox{ padding-top: 20px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index #swrap_9 #sec_9 .bottomlink{ padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#service.index


//////////////////*/


#service.index #sec_2{  }
#service.index #sec_2 .list{  }
#service.index #sec_2 .list>li{ margin-bottom: 30px; }
#service.index #sec_2 .list>li:last-child{ margin-bottom: 0; }
#service.index #sec_2 .list>li>.inwrap{ display: flex; flex-direction: row; background: #ff5d73; padding: 35px 35px; }
#service.index #sec_2 .list>li .txtbox{ padding-top: 10px; padding-left: 20px; display: flex; flex-direction: column; }
#service.index #sec_2 .list>li .txtbox .blocktitle{  }
#service.index #sec_2 .list>li .txtbox .listtxt{ color: #ffffff; }
#service.index #sec_2 .list>li .txtbox .bottomlink{ margin-top: auto; padding-top: 20px; }
#service.index #sec_2 .list>li .imgbox{ flex-shrink: 0; margin-left: 30px; width: 53%; }
#service.index #sec_2 .list>li .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
#service.index #sec_2 .list>li:nth-child(even)>.inwrap{ flex-direction: row-reverse; }
#service.index #sec_2 .list>li:nth-child(even)>.inwrap .imgbox{ margin-left: 0; margin-right: 30px; }
#service.index #sec_2 .list>li:nth-child(even)>.inwrap .txtbox{ padding-top: 0; }
@media screen and (max-width: 1040px){
	#service.index #sec_2 .list{ display: flex; flex-direction: row; margin-left: -20px; }
	#service.index #sec_2 .list>li{ margin-left: 20px; width: calc(50% - 20px); }
	#service.index #sec_2 .list>li>.inwrap{ flex-direction: column-reverse; padding: 25px 25px; }
	#service.index #sec_2 .list>li .txtbox{ padding-top: 0; padding-left: 0; display: block; }
	#service.index #sec_2 .list>li .txtbox .blocktitle{ text-align: center; margin-bottom: 10px; }
	#service.index #sec_2 .list>li .imgbox{ margin-left: 0; width: 100%; margin-bottom: 15px; }
	#service.index #sec_2 .list>li .txtbox .bottomlink{ padding-top: 0; margin-top: 20px; }
	#service.index #sec_2 .list>li .imgbox>img{ height: 250px; }
	#service.index #sec_2 .list>li:nth-child(even)>.inwrap{ flex-direction: column-reverse; }
	#service.index #sec_2 .list>li:nth-child(even)>.inwrap .imgbox{ margin-left: 0; margin-right: 0; }
	#service.index #sec_2 .list>li:nth-child(even)>.inwrap .txtbox{ padding-top: 0; }
}
@media screen and (max-width: 767px){
	#service.index #sec_2 .list{ display: block; margin-left: 0; }
	#service.index #sec_2 .list>li{ margin-left: 0; margin-bottom: 15px; width: 100%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#service.index #sec_3{  }
#service.index #sec_3 .incnt{  }
#service.index #sec_3 .mainbox{ display: flex; flex-direction: row; }
#service.index #sec_3 .mainbox .imgbox{ flex-shrink: 0; width: 45.4%; margin-right: 12%; }
#service.index #sec_3 .mainbox .imgbox>img{  }
#service.index #sec_3 .mainbox .txtbox{ display: flex; justify-content: center; flex-direction: column; }
#service.index #sec_3 .mainbox .txtbox .blocktitle,
#service.index #sec_3 .mainbox .txtbox .bottomlink{ text-align: left; }
#service.index #sec_3 .mainbox .txtbox .bottomlink{ padding-top: 20px; }
@media screen and (max-width: 1040px){
	#service.index #sec_3 .mainbox{ flex-direction: column-reverse; margin-left: 0; }
	#service.index #sec_3 .mainbox .imgbox{ flex-shrink: 0; width: 100%; margin-right: 0; text-align: center; margin-top: 10px; padding-bottom: 10px; }
	#service.index #sec_3 .mainbox .imgbox>img{ max-width: 482px; width: 100%; }
	#service.index #sec_3 .link{ text-align: center; margin-top: 40px; }
	#service.index #sec_3 .mainbox .txtbox .blocktitle,
	#service.index #sec_3 .mainbox .txtbox .bottomlink{ text-align: center; }
	#service.index #sec_3 .mainbox .txtbox .bottomlink{ padding-top: 0; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}








/*//////////////////


#service.purchase


//////////////////*/


#service.purchase #sec_2{  }
#service.purchase #sec_2 .list{  }
#service.purchase #sec_2 .list>li{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ff5d73; counter-increment: number;  }
#service.purchase #sec_2 .list>li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
#service.purchase #sec_2 .list>li>.inwrap{ display: flex; flex-direction: row; }
#service.purchase #sec_2 .list>li>.inwrap .txtbox{  }
#service.purchase #sec_2 .list>li>.inwrap .txtbox .blocktitle{ text-align: left; padding-left: 2em!important; text-indent: -2em; }
#service.purchase #sec_2 .list>li>.inwrap .txtbox .blocktitle:before{ content: counter(number, decimal-leading-zero) ". "; letter-spacing: 0; }
#service.purchase #sec_2 .list>li>.inwrap .txtbox .listtxt{  }
#service.purchase #sec_2 .list>li>.inwrap .imgbox{ flex-shrink: 0; width: 42%; margin-left: 3%; }
#service.purchase #sec_2 .list>li:nth-child(odd)>.inwrap{ flex-direction: row-reverse; }
#service.purchase #sec_2 .list>li:nth-child(odd)>.inwrap .imgbox{ margin-left: 0; margin-right: 3%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#service.purchase #sec_2 .list>li{ margin-bottom: 20px; padding-bottom: 30px; }
	#service.purchase #sec_2 .list>li>.inwrap{ display: block; }
	#service.purchase #sec_2 .list>li>.inwrap .txtbox{ margin-bottom: 20px; }
	#service.purchase #sec_2 .list>li>.inwrap .imgbox{ width: 100%; }
	#service.purchase #sec_2 .list>li:nth-child(odd)>.inwrap .imgbox{ margin-right: 0 }
	#service.purchase #sec_2 .list>li>.inwrap .txtbox .blocktitle{  padding-left: 1.6em!important; text-indent: -1.6em; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}



#service.purchase #sec_3{  }
#service.purchase #sec_3 .txtbox{ padding-top: 60px; }
#service.purchase #sec_3 .bottomlink{ margin-top: 30px; }
@media screen and (max-width: 1040px){
	#service.purchase #sec_3 .txtbox{ padding-top: 0; }
	#service.purchase #sec_3 .bottomlink{ padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}



#service.purchase #sec_4{ background: #f7f4f6; }
#service.purchase #sec_4 .box1{ width: 92%; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1040px){
	#service.purchase #sec_4 .box1{ width: 100%; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#service.purchase #sec_5 .mainbox>.incnt>.inwrap>.titlebox{ display: flex; align-items: center; padding-bottom: 50px; }
#service.purchase #sec_5 .mainbox>.incnt>.inwrap>.txtbox{ padding-top: 30px; width: 100%; }
#service.purchase #sec_5 .bottomlink{ margin-top: 80px; }
@media screen and (max-width: 1040px){
	#service.purchase #sec_5 .mainbox>.incnt>.inwrap>.titlebox{ display: block; padding-bottom: 0; }
	#service.purchase #sec_5 .mainbox>.incnt>.inwrap>.txtbox{ padding-top: 0; }
	#service.purchase #sec_5 .bottomlink{ margin-top: 30px; padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#service.relics


//////////////////*/

#service.relics #sec_1 .list{ text-align: center; margin-left: -20px; margin-bottom: -10px; }
#service.relics #sec_1 .list>li{ display: inline-block; margin-left: 20px; margin-bottom: 10px; }

#service.relics #sec_2{  }
#service.relics #sec_2 .box1{ display: flex; flex-direction: row-reverse; }
#service.relics #sec_2 .box1 .txtbox{  }
#service.relics #sec_2 .box1 .txtbox .blocktitle{ text-align: left; }
#service.relics #sec_2 .box1 .txtbox .listtxt{  }
#service.relics #sec_2 .box1 .imgbox{ flex-shrink: 0; width: 42%; margin-right: 4%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#service.relics #sec_2 .box1{ display: block; }
	#service.relics #sec_2 .box1 .txtbox{ margin-bottom: 20px; }
	#service.relics #sec_2 .box1 .imgbox{ width: 100%; }
	#service.relics #sec_1 .list{ text-align: left; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#service.relics #sec_1 .list{ margin-left: 0; margin-bottom: 0; }
	#service.relics #sec_1 .list>li{ display: block; margin-left: 0; margin-bottom: 0; }
}


#service.relics #sec_3{  }
#service.relics #sec_3 .sectitlebox{ margin-bottom: 20px; }
#service.relics #sec_3 .list{  }
#service.relics #sec_3 .list>li{ margin-bottom: 30px; }
#service.relics #sec_3 .list>li:last-child{ margin-bottom: 0; }
#service.relics #sec_3 .list>li>.inwrap{ background: #f9e4e1; padding: 40px 40px; display: flex; flex-direction: row; border-radius: 10px; padding-left: 5%; }
#service.relics #sec_3 .list>li>.inwrap .txtbox{ display: flex; flex-direction: column; justify-content: center; padding-top: 25px; padding-bottom: 25px; width: 100%; }
#service.relics #sec_3 .list>li>.inwrap .txtbox .blocktitle{ text-align: left; }
#service.relics #sec_3 .list>li>.inwrap .imgbox{ display: flex; flex-direction: column; flex-shrink: 0; width: 54%; margin-left: 3%; }
#service.relics #sec_3 .list>li>.inwrap .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#service.relics #sec_3 .list>li{ margin-bottom: 20px; }
	#service.relics #sec_3 .list>li>.inwrap{ display: block; padding: 30px 8%; }
	#service.relics #sec_3 .list>li>.inwrap .txtbox{ display: block; padding-top: 0; padding-bottom: 0; }
	#service.relics #sec_3 .list>li>.inwrap .txtbox .blocktitle{ text-align: center; }
	#service.relics #sec_3 .list>li>.inwrap .imgbox{ display: block; width: 100%; margin-left: 0; margin-top: 30px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#service.relics #sec_4{  }
#service.relics #sec_4 .sectitlebox{ margin-bottom: 20px; }
#service.relics #sec_4 .main{ background: #f7f6f6; padding-top: 60px; padding-bottom: 50px; }
#service.relics #sec_4 .main>.incnt{  }
#service.relics #sec_4 .main>.incnt>.inwrap{  }
#service.relics #sec_4 .box1{ border: 1px solid #262626; background: #ffffff; padding: 30px 5% 40px; border-radius: 10px; margin-bottom: 10px; }
#service.relics #sec_4 .box1 .list{  }
#service.relics #sec_4 .box1 .list>li{ margin-bottom: 30px; position: relative; padding-left: 45px; letter-spacing: 0; }
#service.relics #sec_4 .box1 .list>li:last-child{ margin-bottom: 0; }
#service.relics #sec_4 .box1 .list>li>.inwrap{ font-weight: 900; font-size: 2.4rem; line-height: 1.6; background:linear-gradient(to bottom, transparent 70%, #fff0b4 70%, #fff0b4 95%, transparent 95%); display: inline-block; padding-right: 5px; }
#service.relics #sec_4 .box1 .list>li:before{ content: ""; background: url(../img/common/checkicon2.svg) no-repeat; width: 26px; height: 24px; display: inline-block; background-size: contain; position: absolute; left: 5px; top: 5px; }
#service.relics #sec_4 .box1+.txt{ font-weight: bold; font-size: 2.8rem; color: #ff5d73; text-align: center; line-height: 1.8; }
@media screen and (max-width: 1300px){
	#service.relics #sec_4 .box1 .list>li>.inwrap{ font-size: 2.2rem; line-height: 1.8; }
}
@media screen and (max-width: 1100px){
	#service.relics #sec_4 .box1 .list>li>.inwrap{ font-size: 2rem; }
}
@media screen and (max-width: 1040px){
	#service.relics #sec_4 .box1{ padding-bottom: 30px; margin-bottom: 20px; }
	#service.relics #sec_4 .box1 .list{ columns: 1; margin-left: 0px; }
	#service.relics #sec_4 .box1 .list>li{ margin-left: 0px; margin-bottom: 20px; }
	#service.relics #sec_4 .box1+.txt{ font-size: 2rem; }
	#service.relics #sec_4 .box1 .list>li>.inwrap{ background: transparent; }
}
@media screen and (max-width: 767px){
	#service.relics #sec_4 .main{ padding-top: 40px; padding-bottom: 40px; }
	#service.relics #sec_4 .box1 .list>li>.inwrap{ font-size: 1.8rem; }
	#service.relics #sec_4 .box1 .list>li:before{ width: 24px; height: 22px; }
	#service.relics #sec_4 .box1+.txt{ font-size: 1.8rem; text-align: left; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#contact.line #sec_1 #insec1_2 .box1{ padding: 35px 6%; }
	#service.relics #sec_4 .box1 .list>li{ padding-left: 40px; }
	#service.relics #sec_4 .box1 .list>li>.inwrap{ font-size: 1.8rem; }
	#service.relics #sec_4 .box1 .list>li:before{ width: 22px; height: 20px; bottom: 3px; }
}



#service.relics #sec_6 .box1{ background: #f9e4e1; padding: 40px 40px; border-radius: 10px; }
#service.relics #sec_6 .box1 .list{  }
#service.relics #sec_6 .box1 .list>li{ margin-bottom: 40px; }
#service.relics #sec_6 .box1 .list>li:last-child{ margin-bottom: 0; }
#service.relics #sec_6 .box1 .blocktitle{ color: inherit; text-align: left; font-size: 2.4rem; margin-bottom: 15px; padding-left: 1.3em!important; text-indent: -1.3em;  }
#service.relics #sec_6 .box1 .blocktitle:before{ content: "● "; font-size: 2rem; vertical-align: 2px; }
#service.relics #sec_6 .box1 .box2{ display: flex; flex-direction: row; margin-top: 30px; margin-bottom: 40px; }
#service.relics #sec_6 .box1 .box2 .txtbox>.inwrap{ border: 2px solid #ccc; padding: 20px 4%; }
#service.relics #sec_6 .box1 .box2 .imgbox{ display: flex; flex-direction: column; flex-shrink: 0; width: 46%; margin-left: 2%; }
#service.relics #sec_6 .box1 .box2 .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px){
	#service.relics #sec_6 .box1 .blocktitle{ font-size: 2rem; }
	#service.relics #sec_6 .box1 .blocktitle:before{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px){
	#service.relics #sec_6 .box1 .list>li{ margin-bottom: 30px; }
	#service.relics #sec_6 .box1{ padding: 30px 8%; }
	#service.relics #sec_6 .box1 .box2{ display: block; margin-top: 20px; margin-bottom: 30px; }
	#service.relics #sec_6 .box1 .box2 .imgbox{ display: block; width: 100%; margin-left: 0; margin-top: 20px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}




/*//////////////////


#service.area


//////////////////*/

#service.area{  }
#service.area #sec_1{  }
#service.area #sec_1 .img{ text-align: center; margin-bottom: 70px; }
#service.area #sec_1 .img img{ max-width: 555px; width: 100%; }
#service.area #sec_1 .list{ border-top: 1px solid #bebebe; }
#service.area #sec_1 .list>li{ border-bottom: 1px solid #bebebe; padding-top: 35px; padding-bottom: 35px; }
#service.area #sec_1 .list>li>dl{ display: flex; flex-direction: row; }
#service.area #sec_1 .list>li>dl>dt{ display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; width: 16%; padding-right: 6%; font-weight: 900; font-size: 2.6rem; line-height: 1.6; }
#service.area #sec_1 .list>li>dl>dt br._1{ display: none; }
#service.area #sec_1 .list>li>dl>dd{  }
#service.area #sec_1 .list+.txt{ margin-top: 30px; font-weight: bold; font-size: 2.4rem; text-align: center; }
@media screen and (max-width: 1040px){
	#service.area #sec_1 .list>li>dl>dt{ font-size: 2.4rem; width: 100px; }
	#service.area #sec_1 .list+.txt{ font-size: 2rem; }
	#service.area #sec_1 .list>li>dl>dt br._1{ display: block; }
}
@media screen and (max-width: 767px){
	#service.area #sec_1 .img{ margin-bottom: 30px; }
	#service.area #sec_1 .list>li{ padding-top: 25px; padding-bottom: 25px; }
	#service.area #sec_1 .list>li>dl>dt{ font-size: 2rem; }
	#service.area #sec_1 .list+.txt{ font-size: 1.8rem; text-align: left; }
	#service.area #sec_1 .list>li>dl{ display: block; }
	#service.area #sec_1 .list>li>dl>dt{ display: block; width: 100%; padding-right: 0; margin-bottom: 10px; text-align: center; }
	#service.area #sec_1 .list>li>dl>dt br._1{ display: none; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}






/*//////////////////


#contact


//////////////////*/
#contact.index #sec_1{  }
#contact.index #sec_1 #insec1_1{  }
#contact.index #sec_1 #insec1_1 .box{ border: 1px solid #bebebe; padding: 60px 8% 50px; }
#contact.index #sec_1 #insec1_1 .box .title{ font-weight: bold; line-height: 1.4; margin-bottom: 20px; font-size: 2.4rem; text-align: center; font-feature-settings : "palt"; }
#contact.index #sec_1 #insec1_1 .box .title span{ font-weight: bold; }
#contact.index #sec_1 #insec1_1 .box .link{ text-align: center; }
#contact.index #sec_1 #insec1_1 .box .link>a{ background-size: auto auto; background-color: rgba(255, 241, 180, 1); background-image: repeating-linear-gradient(48deg, transparent, transparent 20px, rgba(254, 244, 193, 1) 20px, rgba(254, 244, 193, 1) 40px ); position: relative; display: inline-block; padding: 38px 27px; text-decoration: none; letter-spacing: 0.06em; overflow: hidden; max-width: 100%;/* width: 100%; */box-sizing: border-box; min-width: 440px; text-align: center; border-radius: 10px; font-weight: bold; font-size: 2.4rem; line-height: 1.4; box-shadow: 0 3px 0px rgba(252, 180, 40, 1); font-weight: bold; }
#contact.index #sec_1 #insec1_1 .box .link>a span{ font-weight: bold; }
#contact.index #sec_1 #insec1_1 .box .link>a:after{ content: ""; background: url(../img/common/arr_black.svg) no-repeat; background-size: contain; width: 12px; height: 20px; display: inline-block; margin-left: 15px; }
#contact.index #sec_1 #insec1_1 .box .link>a:hover{ box-shadow: none; transform: translate3d(0, 3px, 0); color: inherit; }
@media screen and (max-width: 1040px){
	#contact.index #sec_1 #insec1_1 .box{ padding: 50px 8%; }
	#contact.index #sec_1 #insec1_1 .box .title{ font-size: 2rem; line-height: 1.6; }
	#contact.index #sec_1 #insec1_1 .box .link>a{ font-size: 2rem; line-height: 1.6; padding: 20px 27px; min-width: auto; max-width: 440px; width: 100%; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_1 #insec1_1 .box{ padding: 40px 8%; }
	#contact.index #sec_1 #insec1_1 .box .title{ font-size: 1.8rem; line-height: 1.8; }
	#contact.index #sec_1 #insec1_1 .box .link>a{ font-size: 1.8rem; line-height: 1.8;  padding: 20px 20px; }
	#contact.index #sec_1 #insec1_1 .box .link>a:after{ vertical-align: -2px; margin-left: 10px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#contact.index #sec_1{  }
#contact.index #sec_1 #insec1_2 .box,
#contact.index #sec_1 #insec1_3 .box,
#contact.index #sec_1 #insec1_4 .box{ background: #f7f6f6; border-radius: 10px; padding: 40px 6%; }
#contact.index #sec_1 #insec1_2 .box{ background: #fcf1f0; }
#contact.index #sec_1 #insec1_2 .box .teltxt{ margin-bottom: 20px; text-align: center; }
#contact.index #sec_1 #insec1_2 .box .teltxt>img{ width: 58px; height: 58px; margin-right: 15px; display: inline-block; vertical-align: middle; }
#contact.index #sec_1 #insec1_2 .box .teltxt .tel{ font-weight: 900; font-size: 4rem; display: inline-block; vertical-align: middle; }
#contact.index #sec_1 #insec1_2 .box .txt{ font-weight: bold; font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 1200px){
	#contact.index #sec_1 #insec1_2 .box .teltxt .tel{ font-size: 3rem; }
	#contact.index #sec_1 #insec1_2 .box .teltxt>img{ width: 48px; height: 48px;  }
}
@media screen and (max-width: 1040px){
	#contact.index #sec_1 #insec1_2 .box .txt{ font-size: 1.6rem; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_1 #insec1_2 .box .teltxt{ margin-bottom: 15px; }
	#contact.index #sec_1 #insec1_2 .box .teltxt .tel{ font-size: 2.8rem; }
	#contact.index #sec_1 #insec1_2 .box .teltxt>img{ width: 40px; height: 40px; margin-right: 12px; }
	#contact.index #sec_1 #insec1_2 .box,
	#contact.index #sec_1 #insec1_3 .box,
	#contact.index #sec_1 #insec1_4 .box{ padding: 30px 8%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#contact.index #sec_1{  }
#contact.index #sec_1 #insec1_3 .box .title,
#contact.index #sec_1 #insec1_4 .box .title{ font-weight: bold; font-size: 2.8rem; text-align: center; }
#contact.index #sec_1 #insec1_3 .box .caution{ font-weight: bold; text-align: center; }
#contact.index #sec_1 #insec1_3 .box .bottomlink{ margin-top: 30px; }
#contact.index #sec_1 #insec1_3 .box .bottomlink .btnlink{ font-size: 2rem; min-width: 270px; text-align: left; }
@media screen and (max-width: 1040px){
	#contact.index #sec_1 #insec1_3 .box .title,
	#contact.index #sec_1 #insec1_4 .box .title{ font-size: 2.4rem; }
	#contact.index #sec_1 #insec1_3 .box .bottomlink .btnlink{ font-size: 1.8rem; min-width: auto; max-width: 270px; width: 100%; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_1 #insec1_3 .box .title,
	#contact.index #sec_1 #insec1_4 .box .title{ font-size: 2rem; line-height: 1.8; margin-bottom: 8px; }
}
@media screen and (max-width: 639px){
	#contact.index #sec_1 #insec1_3 .box .title,
	#contact.index #sec_1 #insec1_4 .box .title{ text-align: left; }
	#contact.index #sec_1 #insec1_3 .box .caution{ text-align: left; }
}
@media screen and (max-width: 479px){
}

#contact.index #sec_1 #insec1_4 .box{ padding-right: 4%; padding-bottom: 60px; }
#contact.index #sec_1 #insec1_4 .box .title{ margin-bottom: 20px; }
#contact.index #sec_1 #insec1_4 .box .box2{ display: flex; flex-direction: row; }
#contact.index #sec_1 #insec1_4 .box .box2 .caution{ width: 100%; letter-spacing: 0em; }
#contact.index #sec_1 #insec1_4 .box .box2 .caution>li{  }
#contact.index #sec_1 #insec1_4 .box .box2 .box3{ background: #ffffff; flex-shrink: 0; margin-left: 4%; width: 39%; box-sizing: border-box; padding: 25px 25px; }
#contact.index #sec_1 #insec1_4 .box .box2 .box3 .txt{ font-weight: bold; font-size: 1.8rem; text-align: center; margin-bottom: 10px; }
#contact.index #sec_1 #insec1_4 .box .box2 .box3 .txt span{ font-weight: bold; }
#contact.index #sec_1 #insec1_4 .box .box2 .box3 .list{ text-align: center; margin-bottom: -5px; }
#contact.index #sec_1 #insec1_4 .box .box2 .box3 .list>li{ display: inline-block; vertical-align: middle; margin-bottom: 5px; }
#contact.index #sec_1 #insec1_4 .box .box2 .box3 .list>li>a{  }
#contact.index #sec_1 #insec1_4 .box .box2 .box3 .list>li>a>img{ width: 162px; }
@media screen and (max-width: 1040px){
	#contact.index #sec_1 #insec1_4 .box{ padding-right: 6%; padding-bottom: 40px; }
	#contact.index #sec_1 #insec1_4 .box .box2{ display: block; }
	#contact.index #sec_1 #insec1_4 .box .box2 .box3{ margin-left: 0; width: 100%; margin-top: 30px; padding: 25px 6%; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_1 #insec1_4 .box .box2 .box3 .txt{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#contact.index #sec_2 .mainbox{ background: #f7f6f6; padding-top: 60px; padding-bottom: 60px; }
@media screen and (max-width: 1040px){
	#contact.index #sec_2 .mainbox{ padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}






/*//////////////////


#contact.line


//////////////////*/

#contact.line{  }
#contact.line #sec_1{  }
#contact.line #sec_1 #insec1_1{  }
#contact.line #sec_1 #insec1_1 .txt{ text-align: center; letter-spacing: 0; }
@media screen and (max-width: 1040px){
	#contact.line #sec_1 #insec1_1 .txt{ text-align: left; letter-spacing: 0.05em; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#contact.line #sec_1 #insec1_2{  }
#contact.line #sec_1 #insec1_2 .box1{ background-size: auto auto; background-color: rgba(255, 241, 180, 1); background-image: repeating-linear-gradient(48deg, transparent, transparent 20px, rgba(254, 244, 193, 1) 20px, rgba(254, 244, 193, 1) 40px ); padding: 50px 8% 40px; box-sizing: border-box; }
#contact.line #sec_1 #insec1_2 .box1 .list{ columns: 2; margin-left: -20px; }
#contact.line #sec_1 #insec1_2 .box1 .list>li{ margin-bottom: 30px; margin-left: 20px; }
#contact.line #sec_1 #insec1_2 .box1 .list>li:last-child{ margin-bottom: 0; }
#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap{ color: #ff0033; font-weight: 900; font-size: 3.2rem; line-height: 1.4; position: relative; padding-left: 50px; background:linear-gradient(to bottom, transparent 70%, #fff 70%, #fff 95%, transparent 95%); display: inline-block; padding-right: 5px; }
#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap:before{ content: ""; background: url(../img/common/checkicon1.svg) no-repeat; width: 32px; height: 32px; display: inline-block; background-size: contain; position: absolute; left: 5px; bottom: 5px; }
@media screen and (max-width: 1300px){
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap{ font-size: 2.6rem; }
}
@media screen and (max-width: 1100px){
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap{ font-size: 2.4rem; }
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap:before{ width: 28px; height: 28px; }
}
@media screen and (max-width: 1040px){
	#contact.line #sec_1 #insec1_2 .box1 .list{ columns: 1; margin-left: 0px; }
	#contact.line #sec_1 #insec1_2 .box1 .list>li{ margin-left: 0px; }
}
@media screen and (max-width: 767px){
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap{ font-size: 2rem; padding-left: 45px; }
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap:before{ width: 24px; height: 24px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#contact.line #sec_1 #insec1_2 .box1{ padding: 35px 6%; }
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap{ font-size: 1.8rem; padding-left: 40px; }
	#contact.line #sec_1 #insec1_2 .box1 .list>li>.inwrap:before{ width: 22px; height: 22px; bottom: 3px; }
}


#contact.line #sec_2{  }
#contact.line #sec_2 .mainbox{ background: #f7f6f6; padding: 30px 0 60px; }
#contact.line #sec_2 .mainbox .list{ display: flex; flex-direction: row; }
#contact.line #sec_2 .mainbox .list>li{ padding-left: 60px; position: relative; }
#contact.line #sec_2 .mainbox .list>li:before{ content: ""; background: url(../img/common/flowicon.svg) no-repeat; background-size: contain; width: 50px; height: 54px; display: inline-block; position: absolute; left: 0; top: 75px; }
#contact.line #sec_2 .mainbox .list>li:first-child{ padding-left: 0; }
#contact.line #sec_2 .mainbox .list>li:first-child:before{ content: none; }
#contact.line #sec_2 .mainbox .list>li>.inwrap{  }
#contact.line #sec_2 .mainbox .list>li>.inwrap .num{ text-align: center; margin-bottom: 20px; }
#contact.line #sec_2 .mainbox .list>li>.inwrap .num>.inwrap{ width: 44px; height: 44px; border-radius: 50%; line-height: 44px; font-weight: bold; font-size: 2.8rem; text-align: center; color: #fff; background: #ff5d73; display: inline-block; }
#contact.line #sec_2 .mainbox .list>li>.inwrap .title{ font-weight: bold; font-size: 2.4rem; text-align: center; line-height: 1.6; }
#contact.line #sec_2 .mainbox .list>li>.inwrap .title span{ font-weight: bold; }
#contact.line #sec_2 .mainbox .list>li>.inwrap .img{ margin-top: 40px; }
#contact.line #sec_2 .mainbox .list>li>.inwrap .img>img{  }
@media screen and (max-width: 1040px){
	#contact.line #sec_2 .mainbox .list{ display: block; }
	#contact.line #sec_2 .mainbox .list>li{ padding-left: 0; padding-top: 100px }
	#contact.line #sec_2 .mainbox .list>li:before{ transform: rotate(90deg); left: 0; right: 0; margin-left: auto; margin-right: auto; top: 25px; width: 40px; height: 44px; }
	#contact.line #sec_2 .mainbox .list>li:first-child{ padding-top: 0; }
	#contact.line #sec_2 .mainbox .list>li>.inwrap .img{ text-align: center; margin-top: 20px; }
	#contact.line #sec_2 .mainbox .list>li>.inwrap .img>img{ max-width: 400px; width: 100%; }
	#contact.line #sec_2 .mainbox .list>li:nth-child(2)>.inwrap .img>img{ max-width: 300px; }
}
@media screen and (max-width: 767px){
	#contact.line #sec_2 .mainbox .list>li>.inwrap .num{ margin-bottom: 15px; }
	#contact.line #sec_2 .mainbox .list>li>.inwrap .num>.inwrap{ width: 40px; height: 40px; line-height: 40px; font-size: 2.4rem; padding-bottom: 5px; box-sizing: border-box; }
	#contact.line #sec_2 .mainbox .list>li>.inwrap .title{ font-size: 2rem; }
	#contact.line #sec_2 .mainbox .list>li:nth-child(2)>.inwrap .img>img{ max-width: 250px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#contact.line #sec_3{  }
#contact.line #sec_3 .list{ display: flex; flex-direction: row; margin-left: -20px; }
#contact.line #sec_3 .list>li{ margin-left: 20px; width: calc(50% - 20px); display: flex; }
#contact.line #sec_3 .list>li>.inwrap{ background: #13b900; border-radius: 10px; padding: 50px 8%; font-size: 2.6rem; text-align: center; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; box-sizing: border-box; }
#contact.line #sec_3 .list>li>.inwrap .txt{ margin-bottom: 15px; font-weight: bold; }
#contact.line #sec_3 .list>li>.inwrap .img{ text-align: center; width:123px; }
#contact.line #sec_3 .list>li>.inwrap .img>img{ width: 123px; }
#contact.line #sec_3 .list>li>.inwrap .box{ width: 100%; }
#contact.line #sec_3 .list>li>.inwrap .box>.inwrap{ font-size: 3.2rem; display: inline-block; background: #fff; line-height: 1.4; padding: 12px 8%; color: #262626; text-align: center; width: 100%; box-sizing: border-box; max-width: 412px; font-weight: bold; }
#contact.line #sec_3 .list>li>.inwrap .box+.txt{ margin-bottom: 0; margin-top: 15px; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#contact.line #sec_3 .list>li>.inwrap{ font-size: 2.4rem; padding: 40px 8%; }
	#contact.line #sec_3 .list>li>.inwrap .box>.inwrap{ font-size: 2.6rem; }
}
@media screen and (max-width: 767px){
	#contact.line #sec_3 .list{ display: block; margin-left: 0; margin-bottom: -10px; }
	#contact.line #sec_3 .list>li{ margin-left: 0; width: 100%; margin-bottom: 10px; }
	#contact.line #sec_3 .list>li>.inwrap{ font-size: 2rem; padding: 30px 8%; }
	#contact.line #sec_3 .list>li>.inwrap .box>.inwrap{ font-size: 2.4rem; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#company


//////////////////*/

#company{  }
#company #sec_1{  }
#company #sec_1 .box1{ background-size: auto auto; background-color: rgba(255, 241, 180, 1); background-image: repeating-linear-gradient(48deg, transparent, transparent 20px, rgba(254, 244, 193, 1) 20px, rgba(254, 244, 193, 1) 40px ); padding: 50px 8% 40px; box-sizing: border-box; padding: 70px 12% 40px; border-radius: 10px; }
#company #sec_1 .box1 .blocktitle{ line-height: 1.6; }
#company #sec_1 .box1 p{ line-height: 2.2; letter-spacing: 0; }
#company #sec_1 .box1 .txt{ text-align: right; margin-bottom: 0; }
#company #sec_1 .box1 .txt>._1{ font-weight: bold; font-size: 2rem; margin-bottom: 0; }
@media screen and (max-width: 1040px){
	#company #sec_1 .box1{ padding: 60px 8%; }
}
@media screen and (max-width: 767px){
	#company #sec_1 .box1{ padding: 40px 8%; }
	#company #sec_1 .box1 .txt{ padding-top: 15px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#company #sec_1 .box1{ padding: 30px 8%; }
}


#company #sec_2{  }
#company #sec_2 .mainbox{ background: #fbeeec; padding-top: 70px; padding-bottom: 55px; }
#company #sec_2 .mainbox .box1{ display: flex; flex-direction: row; margin-bottom: 60px; }
#company #sec_2 .mainbox .box1 .imgbox{ flex-shrink: 0; margin-right: 5%; width: 42%; }
#company #sec_2 .mainbox .box1 .imgbox>img{ width: 100%; }
#company #sec_2 .mainbox .box1 .txtbox{ display: flex; flex-direction: column; justify-content: center; letter-spacing: 0; }
#company #sec_2 .mainbox .box1 .txtbox .txt{ margin-bottom: 50px; }
#company #sec_2 .mainbox .box1 .txtbox .txt .jn{ font-weight: 900; font-size: 3.6rem; line-height: 1.8; }
#company #sec_2 .mainbox .box1 .txtbox .txt .en{ font-size: 1.6rem; font-weight: bold; }
#company #sec_2 .mainbox .box2{ border: 2px solid #ff5d73; border-radius: 10px; overflow: hidden; }
#company #sec_2 .mainbox .box2>.list{  }
#company #sec_2 .mainbox .box2>.list>li{  }
#company #sec_2 .mainbox .box2>.list>li>dl{ display: flex; flex-direction: row; }
#company #sec_2 .mainbox .box2>.list>li>dl>dt{ font-weight: bold; font-size: 2rem; color: #ff5d73; background: #f9e4e1; flex-shrink: 0; width: 24%; border-bottom: 1px dashed #fff; padding: 20px 2% 15px; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#company #sec_2 .mainbox .box2>.list>li>dl>dd{ background: #fff; border-bottom: 1px dashed #a8a8a8; padding: 20px 4% 15px; width: 100%; box-sizing: border-box; text-align: left; }
#company #sec_2 .mainbox .box2>.list>li:last-child>dl>dt,
#company #sec_2 .mainbox .box2>.list>li:last-child>dl>dd{ border-bottom: none; }
@media screen and (max-width: 1350px) {
	#company #sec_2 .mainbox .box1 .txtbox .txt .jn{ font-size: 2.8rem; }
}
@media screen and (max-width: 1040px) { 
	#company #sec_2 .mainbox .box1 .txtbox .txt .jn{ font-size: 2.5rem; }
	#company #sec_2 .mainbox{ padding-top: 50px; padding-bottom: 50px; }
	#company #sec_2 .mainbox .box1{ display: block; margin-bottom: 40px; }
	#company #sec_2 .mainbox .box1 .imgbox{  margin-right: 0; margin-bottom: 20px; width: 100%; text-align: center; }
	#company #sec_2 .mainbox .box1 .imgbox>img{ max-width: 245px; width: 100%; }
	#company #sec_2 .mainbox .box1 .txtbox{ display: block; }
	#company #sec_2 .mainbox .box1 .txtbox .txt{ text-align: center; }
	#company #sec_2 .mainbox ._staff .box1 .txtbox .txt{ margin-bottom: 30px; }
	#company #sec_2 .mainbox ._staff .box1 .txtbox { text-align: center; }
	#company #sec_2 .mainbox .box2>.list>li>dl>dt{ font-size: 1.8rem; width: 100%; padding: 12px 6%; }
	#company #sec_2 .mainbox .box2>.list>li>dl{ display: block; }
	#company #sec_2 .mainbox .box2>.list>li>dl>dt,
	#company #sec_2 .mainbox .box2>.list>li>dl>dd{ border-bottom: 0; }
	#company #sec_2 .mainbox .box2>.list>li>dl>dd{ padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 479px) { 
	#company #sec_2 .mainbox .box1 .txtbox .txt .jn{ font-size: 2rem; }
	#company #sec_2 .mainbox ._staff .box1 .txtbox { text-align: left; }
}

#company #sec_3{  }
#company #sec_3 .txt{ text-align: center; margin-bottom: 50px; }
#company #sec_3 .list{ border-top: 1px solid #a8a8a8; margin-bottom: 50px; }
#company #sec_3 .list>li{ border-bottom: 1px dashed #a8a8a8; }
#company #sec_3 .list>li:last-child{ border-bottom: 1px solid #a8a8a8; }
#company #sec_3 .list>li>dl{ display: flex; flex-direction: row; }
#company #sec_3 .list>li>dl>dt{ background: #f7f6f6; width: 214px; font-weight: bold; flex-shrink: 0; display: flex; padding: 15px 2%; align-items: center; justify-content: center; flex-direction: column; }
#company #sec_3 .list>li>dl>dd{  padding: 15px 4%; }
#company #sec_3 .list+.map{ height: 530px; }
@media screen and (max-width: 1040px) { 
	#company #sec_3 .list>li>dl>dt{ width: 20%; }
}
@media screen and (max-width: 767px) { 
	#company #sec_3 .txt{ text-align: left; margin-bottom: 30px; }
	#company #sec_3 .list>li>dl>dt{ width: 30%; }
	#company #sec_3 .list+.map{ height: 400px; }
	#company #sec_3 .list{ margin-bottom: 30px; }
}
@media screen and (max-width: 479px) { 
	#company #sec_3 .list+.map{ height: 350px; }
}







/*//////////////////


#privacypolicy


//////////////////*/

#privacypolicy{  }
#privacypolicy #sec_1{  }
#privacypolicy #sec_1 .box{ margin-bottom: 40px; }
#privacypolicy #sec_1 .box:last-child{ margin-bottom: 0; }
#privacypolicy #sec_1 .box .title{ font-weight: bold; font-size: 2.8rem; margin-bottom: 20px; }
#privacypolicy #sec_1 .box ol>li{ margin-bottom: 20px; }
#privacypolicy #sec_1 .box ol>li:last-child{ margin-bottom: 0; }
#privacypolicy #sec_1 .box ol>li>ul>li{ margin-top: 10px; }
@media screen and (max-width: 1040px){
	#privacypolicy #sec_1 .box .title{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#qa


//////////////////*/
#qa #sec_1 .incnt{ max-width: 775px; }
#qa #sec_1 .navlist>.inwrap{ display: flex; flex-direction: row; margin-left: -20px; margin-bottom: -10px; flex-wrap: wrap; justify-content: center; }
#qa #sec_1 .navlist>.inwrap>li{ margin-left: 20px; margin-bottom: 10px; width: calc(33.33% - 20px); }
#qa #sec_1 .navlist>.inwrap>li>a{ color: #fff!important; background: #ff5d73; border: 1px solid #ff5d73; position: relative; display: flex; align-items: center; padding: 9px 27px; text-decoration: none; letter-spacing: 0.06em; overflow: hidden; width: 100%; box-sizing: border-box; border-radius: 10px; font-weight: bold; line-height: 1.6; padding-right: 50px; box-shadow: 0 3px 0px rgba(204, 78, 97, 1); min-height: 75px; height: 100%; }
#qa #sec_1 .navlist>.inwrap>li>a span{ font-weight: bold; }
#qa #sec_1 .navlist>.inwrap>li>a:before{ content: ""; background: url(../img/common/arr_white.svg) no-repeat; background-size: contain; width: 10px; height: 18px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; transform: rotate(90deg); }
#qa #sec_1 .navlist>.inwrap>li>a:hover{ box-shadow: none; transform: translate3d(0, 3px, 0); }
@media screen and (max-width: 1040px) {
	#qa #sec_1 .navlist>.inwrap{ margin-left: -10px; }
	#qa #sec_1 .navlist>.inwrap>li{ width: calc(33.33% - 10px); margin-left: 10px; }
	#qa #sec_1 .navlist>.inwrap>li>a{ padding: 17px 20px; padding-right: 40px; line-height: 1.6; min-height: auto; }
	#qa #sec_1 .navlist>.inwrap>li>a:before{ width: 10px; height: 18px; right: 15px }
}
@media screen and (max-width: 767px) { 
	#qa #sec_1 .navlist>.inwrap>li{ width: calc(50% - 10px); }
}
@media screen and (max-width: 479px) { 
	#qa #sec_1 .navlist>.inwrap{ display: block; margin-left: 0; }
	#qa #sec_1 .navlist>.inwrap>li{ margin-left: 0; width: 100%; }
	#qa #sec_1 .navlist>.inwrap>li>a{ min-width: 100%; max-width: 100%; }
}

#qa section:not(#sec_1) .faqtitle{ background-size: auto auto; background-color: rgba(255, 243, 193, 1); background-image: repeating-linear-gradient(50deg, transparent, transparent 24px, rgba(255, 241, 180, 1) 24px, rgba(255, 241, 180, 1) 48px ); position: relative; background-position: center center; font-size: 2.8rem; font-weight: 900; text-align: center; padding: 30px 6%; line-height: 1.4; }
#qa section:not(#sec_1) .faqlist{ padding: 50px 6% 30px; }
#qa section:not(#sec_1) .faqlist>li{ padding-bottom: 28px; padding-top: 28px; border-bottom: 1px solid #ffced5; }
#qa section:not(#sec_1) .faqlist>li>dl{  }
#qa section:not(#sec_1) .faqlist>li>dl>dt{ cursor: pointer; }
#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap{ display: flex; flex-direction: row; position: relative; padding-right: 50px; }
#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap:before{ content: ""; background: #ff5d73; height: 2px; width: 22px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; display: inline-block; }
#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap:after{ content: ""; background: #ff5d73; height: 22px; width: 2px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 11px; display: inline-block; }
#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.icon{ display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; width: 60px; background: #ff5d73; color: #fff; font-weight: bold; font-size: 2.4rem; line-height: 1; letter-spacing: 0; margin-right: 30px; min-height: 60px; }
#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.main{ display: flex; flex-direction: column; justify-content: center; font-weight: bold; font-size: 2rem; color: #ff5d73; word-break: break-all; width: 100%; line-height: 1.6; }
#qa section:not(#sec_1) .faqlist>li>dl>dd{ display: none; }
#qa section:not(#sec_1) .faqlist>li>dl>dd>.inwrap{ display: flex; flex-direction: row; padding-top: 30px; }
#qa section:not(#sec_1) .faqlist>li>dl>dd>.inwrap>.icon{ display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; width: 60px; font-weight: bold; font-size: 2.4rem; line-height: 1; letter-spacing: 0; color: #ff5d73; border-right: 2px solid #ff5d73; margin-right: 30px; }
#qa section:not(#sec_1) .faqlist>li>dl>dd>.inwrap>.main{ display: flex; flex-direction: column; justify-content: center; word-break: break-all; width: 100%; }
@media screen and (max-width: 1040px) {
	#qa section:not(#sec_1) .faqlist{ padding: 15px 0 0; }
	#qa section:not(#sec_1) .faqtitle{ font-size: 2.4rem; }
	#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.icon,
	#qa section:not(#sec_1) .faqlist>li>dl>dd>.inwrap>.icon{ font-size: 2rem; }
	#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.main{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px) { 
	#qa section:not(#sec_1) .faqtitle{ font-size: 2rem; padding-top: 20px; padding-bottom: 20px; }
	#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.icon,
	#qa section:not(#sec_1) .faqlist>li>dl>dd>.inwrap>.icon{ margin-right: 20px; width: 50px; }
	#qa section:not(#sec_1) .faqlist{ padding: 10px 0 0; }
	#qa section:not(#sec_1) .faqlist>li{ padding-bottom: 20px; padding-top: 20px; }
	#qa section:not(#sec_1) .faqlist>li>dl>dd>.inwrap{ padding-top: 20px; }
	#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.icon{ min-height: 50px; }
	#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap{ position: relative; padding-right: 40px; }
	#qa section:not(#sec_1) .faqlist>li>dl>dt>.inwrap>.main{ font-size: 1.7rem; }
}
@media screen and (max-width: 479px) { 
}