@charset "UTF-8";
/* 
	
CSS page.css */




/*
base #191919
blue #0f73b5
*/



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


#index


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

/* common */
#index {  }

/* #mainv */
#index #mainv { height: calc(100vh - 110px); width: 100vw; position: relative; overflow:hidden; display: flex; justify-content: center; align-items: center; margin-top: 110px; }
#index #mainv .slidelist { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: -1; }
#index #mainv .slick-list,
#index #mainv .slick-track,
#index #mainv .slidelist ul,
#index #mainv .slidelist li { height: 100%; width: 100%; position: relative; }
#index #mainv .slidelist li .bg { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transform: scale(1.2); transition: 3s cubic-bezier(.645, .045, .355, 1); z-index: -1; }
#index #mainv .slidelist li.slick-current img { transform: scale(1); }
#index #mainv .copybox { position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #fff; width: 100%; text-align: center; }
#index #mainv .copybox .txt1 { font-size: 2.4rem; letter-spacing: 0.12em; }
#index #mainv .copybox .txt2 { font-size: 8.4rem; border-bottom: 1px solid #fff; line-height: 1.3; letter-spacing: 0.04em;  padding: 0 40px; margin-bottom: 20px; display: inline-block; }
#index #mainv .copybox .txt3 { font-size: 2.8rem; letter-spacing: 0.1em; }
#index #mainv #scrolldown{ position: absolute; bottom: 0; left: calc(50% - 20px); color: #fff; }
#index #mainv #scrolldown .txt{ font-size: 1.6rem; display: block; }
#index #mainv #scrolldown .arr{ position: relative; width: 1px; height: 40px; overflow: hidden; display: block; margin-left: auto; margin-right: auto; }
#index #mainv #scrolldown .arr::before{ content: ""; background: #fff; width: 1px; height: 40px; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; animation: sdl 3.6s cubic-bezier(1, 0, 0, 1) infinite; }
@media screen and (max-width: 1100px){
	#index #mainv { margin-top: 90px; height: calc(100vh - 90px); }
	#index #mainv .copybox { width: 88%; left: 6%; }
	#index #mainv .copybox .txt2 { font-size: 6.4rem; padding: 0 20px; }
	#index #mainv .copybox .txt3 { font-size: 2.4rem; }
	#index #mainv #scrolldown{ display: none; }
}
@media screen and (max-width: 767px){
	#index #mainv { margin-top: 70px; height: calc(100vh - 70px); }
	#index #mainv .copybox .txt1 { font-size: 1.6rem; }
	#index #mainv .copybox .txt2 { font-size: 4.4rem; padding: 0 20px 20px; margin: 10px 0; line-height: 1.0; }
	#index #mainv .copybox .txt3 { font-size: 1.8rem; }
}
@keyframes sdl {
	0% { transform: scale(1, 0); transform-origin: 0 0; }
	35% { transform: scale(1, 1); transform-origin: 0 0; }
	35.1% { transform: scale(1, 1); transform-origin: 0 100%; }
	70%, 100% { transform: scale(1, 0); transform-origin: 0 100%; }
}

/* #sec_1 */
#index #sec_1 { text-align: center; }
#index #sec_1 .tategaki { font-size: 3.6rem; font-feature-settings : "palt"; line-height: 2.1;}
#index #sec_1 .txt { text-align: justify; margin-top: 50px; }
@media screen and (max-width: 767px) {
	#index #sec_1 .tategaki { font-size: 2.2rem; }
	#index #sec_1 .txt { margin-top: 20px; }	
}
@media screen and (max-width: 500px) { 
}



/* #sec_2 */
#index #swrap_2 { background: #0f73b5; color: #fff; }
#index #sec_2 .list1 { display: flex; justify-content: space-between; margin-bottom: 40px; }
#index #sec_2 .list1>li { text-align: center; width: 300px; }
#index #sec_2 .list1>li:last-child { padding: 0 0 0 0; }
#index #sec_2 .list1>li .num { font-size: 3.8rem; margin-bottom: 20px; line-height: 1; }
#index #sec_2 .list1>li .subtitle { border-top: 1px solid #fff; padding-top: 25px; }
#index #sec_2 .list1>li .subtitle br { display: none; }
@media screen and (max-width: 1100px) {
	#index #sec_2 .list1>li { width: 31%; }
	#index #sec_2 .list1>li .subtitle { padding-top: 20px; }
	#index #sec_2 .list1>li .subtitle br { display: block; }
}
@media screen and (max-width: 767px) {
	#index #sec_2 .list1>li .num { font-size: 2.4rem; margin-bottom: 10px ;}
	#index #sec_2 .list1>li .subtitle { padding-top: 15px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_2 .list1 { display: block; margin-bottom: 30px; }
	#index #sec_2 .list1>li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
	#index #sec_2 .list1>li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
	#index #sec_2 .list1>li .num { display: none; }
	#index #sec_2 .list1>li .subtitle { border-top: none; padding-top: 0; }
	#index #sec_2 .list1>li .subtitle br { display: none; }
}


/* #sec_3 */
#index #swrap_3 { background: #f7f7f7; padding-bottom: 60px; margin-bottom: 60px; }
#index #sec_3 .box { display: flex; justify-content: space-between; }
#index #sec_3 .box .inwrap { width: 48%; box-sizing: border-box; background: #fff; }
#index #sec_3 .box .inwrap .imgbox { width: 100%; }
#index #sec_3 .box .inwrap .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
#index #sec_3 .box .inwrap .txtbox { padding: 25px 40px 40px; }
#index #sec_3 .box .inwrap .txtbox .subtitle { text-align: center; margin-bottom: 10px; }
#index #sec_3 .box .inwrap .txtbox .subtitle .copy.s2 { margin-bottom: 0; }
#index #sec_3 .box .inwrap .txtbox .subtitle .en { color: #9fc7e1; }
#index #sec_3 .box .inwrap .txtbox .txt1 { line-height: 1.8; }
@media screen and (max-width: 1100px) {
	#index #sec_3 .box .inwrap .txtbox { padding: 20px 8% 40px; }
}
@media screen and (max-width: 767px){
	#index #swrap_3 { padding-bottom: 40px; margin-bottom: 40px; }
	#index #sec_3 .box { display: block; }
	#index #sec_3 .box .inwrap { width: 100%; }
	#index #sec_3 .box .inwrap:first-child { margin-bottom: 20px; }
	#index #sec_3 .box .inwrap .txtbox { padding: 20px 6% 30px; }

}


/* #sec_4 */
#index #sec_4 .box { display: flex; align-items: center; padding: 0 60px; }
#index #sec_4 .box .imgbox { width: 360px; height: 280px; position: relative; }
#index #sec_4 .box .imgbox img.bg { object-fit: cover; font-family: "object-fit: cover"; display: block; width: 100%; height: 100%; }
#index #sec_4 .box .imgbox .bubble { position: absolute; top: 0; left: 15px; width: 184px; }
#index #sec_4 .box .txtbox { margin-left: 40px; flex: 1; }
@media screen and (max-width: 1100px){
	#index #sec_4 .box { padding: 0; }
	#index #sec_4 .box .imgbox { width: 45%; height: calc(10vw + 280px); }
	#index #sec_4 .box .txtbox br { display: none; }
}
@media screen and (max-width: 767px){
	#index #sec_4 .box { display: flex; flex-direction: column; padding: 0; }
	#index #sec_4 .box .imgbox { width: 100%; height: calc(50vw + 100px); margin-bottom: 30px; }
	#index #sec_4 .box .imgbox .bubble { top: calc(15% - 30px); left: calc(30% - 50px); }
	#index #sec_4 .box .txtbox { margin-left: 0; }
	#index #sec_4 .box .txtbox br { display: block; }
}
@media screen and (max-width: 500px){
	#index #sec_4 .box .imgbox .bubble { width: 130px; }
}


/* #sec_5 */
#index #swrap_5 { background: #f7f7f7; }

/* #sec_6 */
#index #sec_6 .list { display: flex; justify-content: center; align-items: center; margin-left: -10%; }
#index #sec_6 .list li { width: 23.3%; border-left: 1px solid #ccc; padding-left: 5%; margin-left: 5%; }
#index #sec_6 .list li:first-child { border-left: none; }
#index #sec_6 .list li a { display: block; cursor: pointer; }
#index #sec_6 .list li a .imgbox { overflow: hidden; margin-bottom: 15px; }
#index #sec_6 .list li a .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.3s; }
#index #sec_6 .list li a:hover .imgbox img { transform: scale(1.05); }
#index #sec_6 .list li a:hover .copy.s3 { color: #0f73b5!important; }
@media screen and (max-width: 1100px){
	#index #sec_6 .list { margin-left: -6%; }
	#index #sec_6 .list li { width: 27.3%; border-left: none; padding-left: 3%; margin-left: 3%; }
}
@media screen and (max-width: 767px){
	#index #sec_6 .list { margin-left: 0; justify-content: space-between; }
	#index #sec_6 .list li { width: 48%; border-left: none; padding-left: 0; margin-left: 0; }
}
@media screen and (max-width: 500px){
	#index #sec_6 .list { display: block; }
	#index #sec_6 .list li { width: 100%; margin-top: 30px; }
	#index #sec_6 .list li:first-child { margin-top: 0; }
	#index #sec_6 .list li a .copy.s3:after { content: url(../img/common/arw1_black.svg); font-size: 0; display: inline-block; margin-left: 5px; width: 25px; height: 4px; transition: 0.3s; vertical-align: 4px; }
}













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


#advantage


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

/* sec_1 */
#advantage #sec_1 .txt1 { margin-bottom: 60px; }
#advantage #sec_1 .list { margin-bottom: 80px; }
#advantage #sec_1 .list li { display: flex; align-items: center; margin-top: 60px; border-top: 1px solid #0f73b5; padding: 60px 50px 0; }
#advantage #sec_1 .list li:first-child { margin-top: 0; border-top: none; padding-top: 0; }
#advantage #sec_1 .list li:nth-child(even) { flex-direction: row-reverse; }
#advantage #sec_1 .list li .imgbox { width: 52%; position: relative; text-align: center; height: calc(10vw + 330px); display: flex; justify-content: center; align-items: center; }
#advantage #sec_1 .list li .imgbox img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#advantage #sec_1 .list li .txtbox { margin-left: 70px; flex: 1; }
#advantage #sec_1 .list li:nth-child(even) .txtbox { margin-left: 0; margin-right: 70px }
#advantage #sec_1 .list li .txtbox .btnbox { text-align: left; }
#advantage #sec_1 .list li .txtbox .num { margin-bottom: 20px; line-height: 1;}
#advantage #sec_1 .list li .txtbox .num span { font-size: 3.2rem; margin-left: 5px; }
#advantage #sec_1 .list li .txtbox .num:before,
#advantage #sec_1 .list li .txtbox .num:after { content: url(../img/advantage/kakko.svg); width: 10px; height: 24px; font-size: 0; display: inline-block; margin-right: 20px; }
#advantage #sec_1 .list li .txtbox .num:after { transform: rotateY(180deg); margin-right: 0; margin-left: 20px; }
#advantage #sec_1 .box1 .imgbox { width: 100%; height: 400px; display: flex; overflow: hidden; }
#advantage #sec_1 .box1 .imgbox img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; display: block; height: 100%; }
#advantage #sec_1 .box1 .imgbox li { width: 50%; height: 100%; }
#advantage #sec_1 .box1 .txt4 { font-size: 1.8rem; }
#advantage #sec_1 .box2 { border: 1px solid #191919; padding: 40px; text-align: center; margin-top: 40px; }
#advantage #sec_1 .box2 .copy.s2 br { display: none; }
@media screen and (max-width: 1500px) {
	#advantage #sec_1 .list li .imgbox { height: 480px; }
	#advantage #sec_1 .list li .txtbox {  }
}
@media screen and (max-width: 1100px) {
	#advantage #sec_1 .list li { align-items: normal; padding: 60px 0 0;}
	#advantage #sec_1 .list li .imgbox { width: 50%; display: flex; height: auto; }
	#advantage #sec_1 .list li .txtbox { margin-left: 50px; }
	#advantage #sec_1 .list li:nth-child(even) .txtbox { margin-right: 50px; }
	#advantage #sec_1 .list li .txtbox .copy.s2 br { display: none; }
}
@media screen and (max-width: 767px) {
	#advantage #sec_1 .txt1 { margin-bottom: 40px; }
	#advantage #sec_1 .list { margin-bottom: 60px; }
	#advantage #sec_1 .list li { display: block; } 
	#advantage #sec_1 .list li .imgbox { display: flex; height: auto; width: 100%; height: calc(150px + 30vw); }
	#advantage #sec_1 .list li .txtbox { flex: none; margin-left: 0; margin-top: 30px; }
	#advantage #sec_1 .list li:nth-child(even) .txtbox { margin-right: 0; }
	#advantage #sec_1 .list li .txtbox .btnbox { text-align: center; }
	#advantage #sec_1 .list li .txtbox .num { margin-bottom: 10px; }
	#advantage #sec_1 .list li .txtbox .num span { font-size: 2.4rem; margin-left: 3px; }
	#advantage #sec_1 .list li .txtbox .copy.s2 br { display: block; }
	#advantage #sec_1 .box1 .imgbox { display: block; height: auto; }
	#advantage #sec_1 .box1 .imgbox li { width: 100%; height: calc(100px + 40vw); }
	#advantage #sec_1 .box1 .txt4 { font-size: 1.6rem; }
	#advantage #sec_1 .box2 { padding: 6%; }
	#advantage #sec_1 .box2 .copy.s1 { font-size: 2.4rem;}
}
@media screen and (max-width: 500px) {
	#advantage #sec_1 .list li .txtbox .copy.s2 br { display: none; }
}
@media screen and (max-width: 350px) { 
	#advantage #sec_1 .box2 .copy.s2 { line-height: 1.6; }
	#advantage #sec_1 .box2 .copy.s2 br { display: block; }
}

/* #sec_2 */
#advantage #swrap_2 { background: #f7f7f7; }
#advantage #sec_2 .list1 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#advantage #sec_2 .list1 li { margin-left: 0.5em; line-height: 2;}
#advantage #sec_2 .list1 li:after { content: "/"; padding-left: 0.5em; }
#advantage #sec_2 .list1 li:last-child:after { content: ""; padding-left: 0; margin-left: 0.5em; }
@media screen and (max-width: 500px) {
	#advantage #sec_2 .list1 { justify-content: flex-start; margin-left: -0.5em; }
}













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


#company


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

/* sec_1 */
#company #sec_1 { text-align: center; }
#company #sec_1 .tategaki { font-size: 3.2rem; font-feature-settings : "palt"; margin: 40px 0 50px; line-height: 2.1;}
#company #sec_1 .txtbox { text-align: justify; }
#company #sec_1 .name span { margin-left: 0.5em; }
@media screen and (max-width: 767px) {
	#company #sec_1 .tategaki { font-size: 2.0rem; margin: 20px 0; }
}

/* #sec_2 */
#company #swrap_2 { background: #f7f7f7; }
#company #sec_2 .imgbox { width: 100%; height: 460px; display: flex; overflow: hidden; }
#company #sec_2 .imgbox img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; display: block; height: 100%; }
@media screen and (max-width: 767px) {
	#company #sec_2 .imgbox { height: calc(100px + 40vw); }
}

/* sec_3 */
#company #sec_3 {  }

/* sec_4 */
#company #swrap_4 { background: #f7f7f7; }













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


#basketcleaning.index


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

#basketcleaning.index { }

/* sec_1 */
#basketcleaning.index #sec_1 .box1 { border: 1px solid #0f73b5; padding: 40px; background: #f7f7f7; text-align: center; border-bottom: none; }
#basketcleaning.index #sec_1 .box1 ol { display: flex; justify-content: center; }
#basketcleaning.index #sec_1 .box1 li { background: #fff; font-size: 2.0rem; margin-right: 25px; padding: 40px 30px; position: relative; display: flex; align-items: center; line-height: 1.6; }
#basketcleaning.index #sec_1 .box1 li span { font-size: 2.4rem; margin-bottom: 10px; }
#basketcleaning.index #sec_1 .box1 li:after { content: url(../img/common/arw2_blue.svg); width: 16px; height: 8px; font-size: 0; top: calc(50% - 8px); right: -12px; position: absolute; transform: rotate(-90deg); }
#basketcleaning.index #sec_1 .box1 li:last-child { background: #ffdf52; margin-right: 0; }
#basketcleaning.index #sec_1 .box1 li:last-child:after { display: none; }
#basketcleaning.index #sec_1 .box2 { border: 1px solid #0f73b5; padding: 20px; }
#basketcleaning.index #sec_1 .block { border-top: 1px solid #0f73b5; padding: 80px 60px 0; margin-top: 80px; }
#basketcleaning.index #sec_1 .block .inblock .imgbox { width: 420px; height: 360px; position: relative; }
#basketcleaning.index #sec_1 .block .inblock.first .imgbox:after { content: url(../img/common/arw2.svg); width: 30px; height: 15px; font-size: 0; left: calc(50% - 15px); bottom: -15px; position: absolute; }
#basketcleaning.index #sec_1 .block .inblock { flex-direction: row-reverse; }
@media screen and (max-width: 1100px) {
	#basketcleaning.index #sec_1 .box1 li { margin-right: 20px; padding: 40px 20px; }
	#basketcleaning.index #sec_1 .block { padding: 80px 0 0; }
	#basketcleaning.index #sec_1 .block .inblock .imgbox { height: auto; width: 48%; }
}
@media screen and (max-width: 767px) {
	#basketcleaning.index #sec_1 .box1 { padding: 6%; }
	#basketcleaning.index #sec_1 .box1 ol { display: block; }
	#basketcleaning.index #sec_1 .box1 li { font-size: 1.6rem; margin-right: 0; padding: 20px 6%; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; text-align: center; justify-content: center; margin-bottom: 15px; }
	#basketcleaning.index #sec_1 .box1 li:after { left: calc(50% - 8px); top:auto; right: auto; bottom: -8px; position: absolute; transform: rotate(0); }
	#basketcleaning.index #sec_1 .box1 li span { font-size: 1.8rem; margin-right: 3px; margin-bottom: 0; }
	#basketcleaning.index #sec_1 .box1 li br { display: none;  }
	#basketcleaning.index #sec_1 .block { padding: 60px 0 0; margin-top: 60px; }
	#basketcleaning.index #sec_1 .block .inblock { border: 1px solid #0f73b5; padding: 40px 6%; }
	#basketcleaning.index #sec_1 .block .inblock .txtbox { margin-top: 0; text-align: left; }
	#basketcleaning.index #sec_1 .block .inblock .imgbox { margin-top: 20px; width: 100%; height: calc(100px + 40vw); }
	#basketcleaning.index #sec_1 .block .inblock.first .imgbox:after { bottom: -55px; }
}
@media screen and (max-width: 500px) {
	#basketcleaning.index #sec_1 .box1 li { justify-content: flex-start; }
	#basketcleaning.index #sec_1 .box2 { border: 1px solid #0f73b5; padding: 6%; }
	#basketcleaning.index #sec_1 .block .inblock { padding: 30px 6%; }
	#basketcleaning.index #sec_1 .block .inblock.first .imgbox:after { bottom:-45px; }
}

/* #sec_1.bnrbox */
#basketcleaning.index #sec_1 .bnrbox { display: flex; justify-content: space-between; align-items: center; background: #0f73b5; width: 100%; color: #fff; }
#basketcleaning.index #sec_1 .bnrbox .imgbox { width: 300px; height: 260px; overflow: hidden; }
#basketcleaning.index #sec_1 .bnrbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.3s;}
#basketcleaning.index #sec_1 .bnrbox .txtbox { flex: 1; padding: 0 80px 0 70px; position: relative; }
#basketcleaning.index #sec_1 .bnrbox .txtbox .copy { color: #fff; }
#basketcleaning.index #sec_1 .bnrbox:hover { background: #f7f7f7; color: #0f73b5; }
#basketcleaning.index #sec_1 .bnrbox:hover .imgbox img {transform: scale(1.05); }
#basketcleaning.index #sec_1 .bnrbox:hover .txtbox .copy { color: #0f73b5; }
#basketcleaning.index #sec_1 .bnrbox .txtbox:after { content: url(../img/common/arw1_white.svg); font-size: 0; display: inline-block; width: 25px; height: 4px; transition: 0.3s; position: absolute; right: 30px; top: calc(50% - 2px); }
#basketcleaning.index #sec_1 .bnrbox:hover .txtbox:after { content: url(../img/common/arw1_blue.svg); right: 20px; }
/* #sec_4 */
#basketcleaning.index #sec_1 .bnrbox .txt3 { display: inline-block; font-size: 1.8rem; line-height: 1.2; margin-bottom: 10px; border-bottom: 1px solid #fff; }
@media screen and (max-width: 1100px) {
	#basketcleaning.index #sec_1 .bnrbox {  } 
	#basketcleaning.index #sec_1 .bnrbox:hover { background: #0f73b5; color: #fff; }
	#basketcleaning.index #sec_1 .bnrbox:hover .imgbox img { transform: scale(1); }
	#basketcleaning.index #sec_1 .bnrbox:hover .txtbox .copy { color: #fff; }
	#basketcleaning.index #sec_1 .bnrbox .imgbox { display: flex; width: 45%; }
	#basketcleaning.index #sec_1 .bnrbox .txtbox { padding: 40px 60px 40px 40px; }
	#basketcleaning.index #sec_1 .bnrbox .txtbox:after { right: 15px; }
	#basketcleaning.index #sec_1 .bnrbox:hover .txtbox:after { content: url(../img/common/arw1_white.svg); right: 15px; }
}
@media screen and (max-width: 767px) {
	#basketcleaning.index #sec_1 .bnrbox { display: block; } 
	#basketcleaning.index #sec_1 .bnrbox .imgbox { display: flex; height: auto; width: 100%; height: calc(100px + 40vw); }
	#basketcleaning.index #sec_1 .bnrbox .txtbox { flex: none; margin:0; padding: 8% 8% calc(8% + 30px); }
	#basketcleaning.index #sec_1 .bnrbox .txtbox:after { right: auto; left: calc(50% - 12px); top: auto; bottom: 30px; }
	#basketcleaning.index #sec_1 .bnrbox:hover .txtbox:after { right: auto; left: calc(50% - 12px); top: auto; bottom: 30px; }
	#basketcleaning.index #sec_1 .bnrbox .txt3 { font-size: 1.6rem; }
}

/* #sec_2 */
#basketcleaning.index #swrap_2 { background: #f7f7f7; }
#basketcleaning.index #sec_2 .list li { display: flex; align-items: center; margin-top: 60px; border-top: 1px solid #0f73b5; padding: 60px 50px 0; }
#basketcleaning.index #sec_2 .list li:first-child { margin-top: 0; border-top: none; padding-top: 0; }
#basketcleaning.index #sec_2 .list li:nth-child(even) { flex-direction: row-reverse; }
#basketcleaning.index #sec_2 .list li .imgbox { width: 48%; position: relative; text-align: center; height: calc(10vw + 230px); display: flex; justify-content: center; align-items: center; }
#basketcleaning.index #sec_2 .list li .imgbox img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#basketcleaning.index #sec_2 .list li .txtbox { margin: 0 30px 0 70px; flex: 1; }
#basketcleaning.index #sec_2 .list li:nth-child(even) .txtbox { margin: 0 70px 0 30px; }
#basketcleaning.index #sec_2 .bnrbox { background: #0f73b5; padding: 50px 60px; display: block; transition: 0.3s; text-align: center; position: relative; }
#basketcleaning.index #sec_2 .bnrbox:hover { background: #fff; }
#basketcleaning.index #sec_2 .bnrbox .en { font-size: 2.4rem; margin-bottom: 15px; line-height: 1.2; }
#basketcleaning.index #sec_2 .bnrbox * { color: #fff; }
#basketcleaning.index #sec_2 .bnrbox:hover * { color: #0f73b5; }
#basketcleaning.index #sec_2 .bnrbox:after { content: url(../img/common/arw1_white.svg); font-size: 0; display: inline-block; width: 25px; height: 4px; transition: 0.3s; position: absolute; right: 30px; top: calc(50% - 2px); }
#basketcleaning.index #sec_2 .bnrbox:hover:after { content: url(../img/common/arw1_blue.svg); right: 20px; }
@media screen and (max-width: 1500px) { 
	#basketcleaning.index #sec_2 .list li .imgbox { height: 480px; }
}
@media screen and (max-width: 1100px) {
	#basketcleaning.index #sec_2 .list li { align-items: normal; padding: 60px 0 0;}
	#basketcleaning.index #sec_2 .list li .imgbox { width: 50%; display: flex; height: auto; }
	#basketcleaning.index #sec_2 .list li .txtbox { margin-right: 0; margin-left: 50px; }
	#basketcleaning.index #sec_2 .list li:nth-child(even) .txtbox { margin-left: 0; margin-right: 50px; }
	#basketcleaning.index #sec_2 .bnrbox:hover { background: #0f73b5; }
	#basketcleaning.index #sec_2 .bnrbox:hover * { color: #fff; }
	#basketcleaning.index #sec_2 .bnrbox:after { right: 15px; }
	#basketcleaning.index #sec_2 .bnrbox:hover:after { content: url(../img/common/arw1_white.svg); right: 15px; }
}
@media screen and (max-width: 767px) {
	#basketcleaning.index #sec_2 .list li { display: block; } 
	#basketcleaning.index #sec_2 .list li .imgbox { display: flex; height: auto; width: 100%; height: calc(150px + 30vw); }
	#basketcleaning.index #sec_2 .list li .txtbox { flex: none; margin-left: 0; margin-top: 30px; }
	#basketcleaning.index #sec_2 .list li:nth-child(even) .txtbox { margin-right: 0; margin-top: 30px; }
	#basketcleaning.index #sec_2 .bnrbox { padding: 40px 8% 60px; display: block; transition: 0.3s; text-align: center; position: relative; }
	#basketcleaning.index #sec_2 .bnrbox .en { font-size: 1.8rem; margin-bottom: 10px; }
	#basketcleaning.index #sec_2 .bnrbox * { color: #fff; }
	#basketcleaning.index #sec_2 .bnrbox:after { right: auto; left: calc(50% - 12px); top: auto; bottom: 30px; }
	#basketcleaning.index #sec_2 .bnrbox:hover:after { content: url(../img/common/arw1_white.svg); right: auto; }
}
@media screen and (max-width: 500px) {
	#basketcleaning.index #sec_2 .bnrbox { padding: 30px 8% 50px; }
}

#basketcleaning.index #sec_3 .box { border: 1px solid #0f73b5; padding: 40px 6%; margin-bottom: 20px; }
#basketcleaning.index #sec_3 .box:last-child { margin-bottom: 0; }
@media screen and (max-width: 767px) {
	#basketcleaning.index #sec_3 .box { padding: 30px 6%; }
}
@media screen and (max-width: 500px) {
	#basketcleaning.index #sec_3 .box { padding: 6%; }
}











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


#basketcleaning.option


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

/* sec_1 */
#basketcleaning.option #sec_1 { }
#basketcleaning.option #sec_1 .txt1 { background: #0f73b5; color: #fff; line-height: 1; padding: 10px 5px 10px 15px; display: inline-block; margin-bottom: 10px; }
#basketcleaning.option #sec_1 .box1 { border: 1px solid #191919; padding: 40px; text-align: center; margin-top: 40px; }
#basketcleaning.option #sec_1 .list1:after { content: url(../img/common/arw2_blue.svg); font-size: 0; display: block; width: 30px; height: 15px; transition: 0.3s; margin: 30px auto 0; }
@media screen and (max-width: 767px) {
	#basketcleaning.option #sec_1 .box1 { padding: 6%; }
}

/* #sec_2 */
#basketcleaning.option #swrap_2 { background: #f7f7f7; }
#basketcleaning.option #sec_2 { }
#basketcleaning.option #sec_2 .list1 li { border: 1px solid #0f73b5; padding: 40px 6%; margin-bottom: 20px; background: #fff; }
#basketcleaning.option #sec_2 .list1 li:last-child { margin-bottom: 0; }
#basketcleaning.option #sec_2 .list2 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#basketcleaning.option #sec_2 .list2 li { width: 33.33%; }
#basketcleaning.option #sec_2 .box1 { text-align: center; border-bottom: none; padding-top: 10px; }
#basketcleaning.option #sec_2 .box1 ol { display: flex; justify-content: center; }
#basketcleaning.option #sec_2 .box1 li { background: #fff; font-size: 2.0rem; margin-right: 25px; padding: 40px 30px; position: relative; display: flex; align-items: center; line-height: 1.6; }
#basketcleaning.option #sec_2 .box1 li span { font-size: 2.4rem; margin-bottom: 10px; }
#basketcleaning.option #sec_2 .box1 li span.txtnormal { font-size: 1.6rem; margin-bottom: 0;}
#basketcleaning.option #sec_2 .box1 li:after { content: url(../img/common/arw2_blue.svg); width: 16px; height: 8px; font-size: 0; top: calc(50% - 8px); right: -12px; position: absolute; transform: rotate(-90deg); }
#basketcleaning.option #sec_2 .box1 li:last-child { margin-right: 0; }
#basketcleaning.option #sec_2 .box1 li:last-child:after { display: none; }
#basketcleaning.option #sec_2 img.sticker { width: 600px; display: block; margin: 40px auto 5px; }
@media screen and (max-width: 767px) {
	#basketcleaning.option #sec_2 .list1 li { padding: 30px 6%; }
	#basketcleaning.option #sec_2 .box1 ol { display: block; }
	#basketcleaning.option #sec_2 .box1 li { font-size: 1.6rem; margin-right: 0; padding: 20px 6%; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; text-align: center; justify-content: center; margin-bottom: 15px; text-align: left; }
	#basketcleaning.option #sec_2 .box1 li:after { left: calc(50% - 8px); top:auto; right: auto; bottom: -8px; position: absolute; transform: rotate(0); }
	#basketcleaning.option #sec_2 .box1 li span { font-size: 1.8rem; margin-right: 3px; margin-bottom: 0; }
	#basketcleaning.option #sec_2 .box1 li span.txtnormal { font-size: 1.4rem; margin-right: 0;}
	#basketcleaning.option #sec_2 img.sticker { width:  1005; margin: 30px auto 5px; }
}
@media screen and (max-width: 500px) {
	#basketcleaning.option #sec_2 .list1 li { padding: 6%; }
	#basketcleaning.option #sec_2 .list2 li { width: 100%; }
}

/* #sec_3 */
#basketcleaning.option #sec_3 .list1 li { padding-top: 20px; margin-top: 20px; border-top: 1px solid #0f73b5; }
#basketcleaning.option #sec_3 .list1 li:first-child { padding-top: 0; margin-top: 0; border-top: none; }
@media screen and (max-width: 767px) {
	#basketcleaning.option #sec_3 .list1 li { padding-top: 10px; margin-top: 10px; }
}

/* #sec_4 */
#basketcleaning.option #swrap_4 { background: #f7f7f7; }
#basketcleaning.option #sec_4 .box1 { border: 1px solid #0f73b5; padding: 20px 6%; text-align: center; margin-top: 40px; background: #fff; }
@media screen and (max-width: 767px) {
	#basketcleaning.option #sec_4 .box1 { padding: 6%; }
}











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


#basketcleaning.flow


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

/* sec_1 */
#basketcleaning.flow #sec_1 { }
#basketcleaning.flow #sec_1 .block { border-top: 1px solid #0f73b5; padding: 80px 60px 0; margin-top: 80px; }
@media screen and (max-width: 1100px) {
	#basketcleaning.flow #sec_1 .block { padding: 80px 0 0; }
}
@media screen and (max-width: 767px) {
	#basketcleaning.flow #sec_1 .block { padding: 60px 0 0; margin-top: 60px; }
}

/* sec_2 */
#basketcleaning.flow #sec_1 .box1 { display: flex; justify-content: space-between; align-items: center; }
#basketcleaning.flow #sec_1 .box1 .imgbox { width: 48%; height: 220px; display: flex; }
#basketcleaning.flow #sec_1 .box1 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 50%; height: 100%; }
#basketcleaning.flow #sec_1 .box1 .txtbox { flex: 1; margin-right: 70px; }
#basketcleaning.flow #sec_1 .box2 { background: #f7f7f7; padding: 40px 100px; }
#basketcleaning.flow #sec_1 .list1 { width: 100%; }
#basketcleaning.flow #sec_1 .list1 li { display: flex; align-items: center; width: 100%; background: #f7f7f7; margin-bottom: 30px; position: relative; }
#basketcleaning.flow #sec_1 .list1 li .imgbox { width: 420px; height: 320px; }
#basketcleaning.flow #sec_1 .list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#basketcleaning.flow #sec_1 .list1 li .txtbox { flex: 1; padding: 0 60px; }
#basketcleaning.flow #sec_1 .list1 li:after { content: url(../img/common/arw2.svg); width: 30px; height: 15px; font-size: 0; left: calc(50% - 15px); bottom: -15px; position: absolute; }
#basketcleaning.flow #sec_1 .list1 li:last-child:after { display: none; }
@media screen and (max-width: 1300px) {
	#basketcleaning.flow #sec_1 .box2 { padding: 40px 6%; }
}
@media screen and (max-width: 1100px) {
	#basketcleaning.flow #sec_1 .box1 { display: block; } 
	#basketcleaning.flow #sec_1 .box1 .imgbox { display: flex; width: 100%; height: calc(50px + 30vw); }
	#basketcleaning.flow #sec_1 .box1 .txtbox { flex: auto; padding: 0; margin-right: 0; margin-bottom: 40px; }
	#basketcleaning.flow #sec_1 .list1 li { align-items: normal; } 
	#basketcleaning.flow #sec_1 .list1 li .imgbox { display: flex; height: auto; width: 50%; }
	#basketcleaning.flow #sec_1 .list1 li .txtbox { padding: 40px; }
}
@media screen and (max-width: 767px) {
	#basketcleaning.flow #sec_1 .list1 li { display: block; } 
	#basketcleaning.flow #sec_1 .list1 li .imgbox { display: flex; width: 100%; height: calc(100px + 40vw); }
	#basketcleaning.flow #sec_1 .list1 li .txtbox { padding: 8%;flex: auto; }
}
@media screen and (max-width: 500px) {
	#basketcleaning.flow #sec_1 .box1 { display: block; } 
	#basketcleaning.flow #sec_1 .box1 .imgbox { flex-wrap: wrap; height: auto; }
	#basketcleaning.flow #sec_1 .box1 .imgbox img { width: 50%; }
	#basketcleaning.flow #sec_1 .box2 { padding: 6%; overflow-x: scroll; }
	#basketcleaning.flow #sec_1 .box2 img { min-width: 480px; }
}



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


#recruit


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

/* sec_1 */
#recruit #sec_1 { text-align: center; }
#recruit #sec_1 .tategaki { font-size: 3.2rem; font-feature-settings : "palt"; margin: 40px 0 80px; line-height: 2.1; }
#recruit #sec_1 .imgbox { width: 100%; height: 460px; display: flex; overflow: hidden; }
#recruit #sec_1 .imgbox img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; display: block; height: 100%; }
#recruit #sec_1 .txt1 { text-align: justify; }
@media screen and (max-width: 767px) {
	#recruit #sec_1 .tategaki { font-size: 2.0rem; margin: 20px 0 40px; }
	#recruit #sec_1 .imgbox { height: calc(100px + 40vw); }
}

/* #sec_2 */
#recruit #swrap_2 { background: #f7f7f7; }
#recruit #sec_2 .list1 { display: flex; justify-content: space-between;  }
#recruit #sec_2 .list1 li { padding: 40px 60px; border: 1px solid #0f73b5; background: #fff; width: 48%; box-sizing: border-box; }
#recruit #sec_2 .list1 li br { display: none; }
@media screen and (max-width: 1280px) {
	#recruit #sec_2 .list1 li br { display: block; }
	#recruit #sec_2 .list1 li { padding: 40px 6%; }
}
@media screen and (max-width: 767px) {
	#recruit #sec_2 .list1 { display: block; }
	#recruit #sec_2 .list1 li {  width: 100%; margin-bottom: 20px; }
	#recruit #sec_2 .list1 li:last-child { margin-bottom: 0; }
	#recruit #sec_2 .list1 li br { display: none; }
}
@media screen and (max-width: 500px) {
	#recruit #sec_2 .list1 { display: block; }
	#recruit #sec_2 .list1 li { padding: 8%; }
	#recruit #sec_2 .list1 li br { display: block; }
}

/* #sec_3 */
#recruit #sec_3 .imgsection { display: flex; flex-wrap: wrap; }
#recruit #sec_3 .imgsection li { width: 33.33%; height: calc(10vw + 300px); }
#recruit #sec_3 .imgsection li img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#recruit #sec_3 .imgsection li:nth-child(4),
#recruit #sec_3 .imgsection li:nth-child(5) { width: 50%; height: calc(10vw + 400px); }
@media screen and (max-width: 1600px) {
	#recruit #sec_3 .imgsection li { height: 460px; }
	#recruit #sec_3 .imgsection li:nth-child(4),
	#recruit #sec_3 .imgsection li:nth-child(5) { height: 560px; }
}
@media screen and (max-width: 1100px) {
	#recruit #sec_3 .imgsection li { height: calc(15vw + 100px); }
	#recruit #sec_3 .imgsection li:nth-child(4),
	#recruit #sec_3 .imgsection li:nth-child(5) { height: calc(20vw + 100px); }
}
@media screen and (max-width: 500px) {
	#recruit #sec_3 .imgsection li,
	#recruit #sec_3 .imgsection li:nth-child(4),
	#recruit #sec_3 .imgsection li:nth-child(5)  { width: 100%; height: 80vw!important; }
}

/* #sec_4 */
#recruit #sec_4 .box { display: flex; justify-content: space-between; align-items: center; background: #0f73b5; width: 100%; color: #fff; }
#recruit #sec_4 .box .imgbox { width: 380px; height: 330px; overflow: hidden; }
#recruit #sec_4 .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.3s;}
#recruit #sec_4 .box .txtbox { flex: 1; padding: 0 80px 0 70px; position: relative; }
#recruit #sec_4 .box .txtbox .copy { color: #fff; }
#recruit #sec_4 .box:hover { background: #f7f7f7; color: #0f73b5; }
#recruit #sec_4 .box:hover .imgbox img {transform: scale(1.05); }
#recruit #sec_4 .box:hover .txtbox .copy { color: #0f73b5; }
#recruit #sec_4 .box .txtbox:after { content: url(../img/common/arw1_white.svg); font-size: 0; display: inline-block; width: 25px; height: 4px; transition: 0.3s; position: absolute; right: 30px; top: calc(50% - 2px); }
#recruit #sec_4 .box:hover .txtbox:after { content: url(../img/common/arw1_blue.svg); right: 20px; }
/* #sec_4 */
#recruit #sec_4 { }
@media screen and (max-width: 1100px) {
	#recruit #sec_4 .box {  } 
	#recruit #sec_4 .box:hover { background: #0f73b5; color: #fff; }
	#recruit #sec_4 .box:hover .imgbox img {transform: scale(1); }
	#recruit #sec_4 .box:hover .txtbox .copy { color: #fff; }
	#recruit #sec_4 .box .imgbox { display: flex; height: 400px; width: 45%; }
	#recruit #sec_4 .box .txtbox { padding: 40px 60px 40px 40px; }
	#recruit #sec_4 .box .txtbox:after { right: 15px; }
	#recruit #sec_4 .box:hover .txtbox:after { content: url(../img/common/arw1_white.svg); right: 15px; }
}
@media screen and (max-width: 767px) {
	#recruit #sec_4 .box { display: block; } 
	#recruit #sec_4 .box .imgbox { display: flex; height: auto; width: 100%; height: calc(100px + 40vw); }
	#recruit #sec_4 .box .txtbox { flex: none; margin:0; padding: 8% 8% calc(8% + 30px); }
	#recruit #sec_4 .box .txtbox:after { right: auto; left: calc(50% - 12px); top: auto; bottom: 30px; }
	#recruit #sec_4 .box:hover .txtbox:after { right: auto; left: calc(50% - 12px); top: auto; bottom: 30px; }
}













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


#news


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

/* common */

/* #news.index */
#news.index #sec_1 .pnav ul { text-align: center; margin: 60px 0 80px; }
#news.index #sec_1 .pnav li { display: inline-block; line-height: 1; margin-right: 0.5em; }
#news.index #sec_1 .pnav li:after { margin-right: 0; }
#news.index #sec_1 .pnav li a { color: #0f73b5; position: relative; }
#news.index #sec_1 .pnav li a:after { content: ""; height: 1px; width: 0; position: absolute; bottom: -5px; left: 50%; background: #0f73b5; transition: 0.3s; font-size: 0;}
#news.index #sec_1 .pnav li.current a:after { width: 100%; left: 0; }
#news.index #sec_1 .pnav li a:hover:after { width: 100%; left: 0; }
@media screen and (max-width: 767px) {
	#news.index #sec_1 .pnav ul { text-align: center; margin: 40px 0; }
	#news.index #sec_1 .pnav li:after { margin: 0 10px 0 15px; }
}

/* #news.under */
#news.under #sec_1 .incnt { display: flex; justify-content: space-between; margin-bottom: 120px; }
#news.under #sec_1 .main { flex: 1; margin-right: 80px; }
#news.under #sec_1 .main .datebox { display: flex; margin-bottom: 60px; line-height: 1; }
#news.under #sec_1 .main .datebox .cat { margin-left: 20px; font-size: 1.8rem; }
#news.under #sec_1 .main .imgbox { margin-bottom: 50px; }
#news.under #sec_1 .sidebox { width: 260px; height: 100%; position: relative; }
#news.under #sec_1 .sidebox .catbox { padding: 40px 30px; box-sizing: border-box; margin-bottom: 20px; background: #f7f7f7; }
#news.under #sec_1 .sidebox .catbox .corm { text-align: center; font-size: 2.8rem; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #0f73b5; color: #0f73b5; line-height: 1.2; }
#news.under #sec_1 .sidebox .catbox .catelist>li a { font-size: 1.8rem; }
@media screen and (max-width: 1100px) {
	#news.under #sec_1 .incnt { display: block; margin-bottom: 100px; }
	#news.under #sec_1 .main { width: 100%; flex: auto; margin-bottom: 80px; }
	#news.under #sec_1 .main .imgbox { width: 100%; margin-bottom: 30px; }
	#news.under #sec_1 .sidebox { width: 100%; height: auto; margin-top: 100px; }
	#news.under #sec_1 .sidebox .catbox { padding: 6%; }
	#news.under #sec_1 .sidebox .catbox .corm { font-size: 2rem; padding-bottom: 10px; margin-bottom: 10px; }
	#news.under #sec_1 .sidebox .catbox .catelist>li { display: inline-block; margin: 0.5em; line-height: 1.4; }
	#news.under #sec_1 .sidebox .catbox .catelist>li a { font-size: 1.4rem; }
}
@media screen and (max-width:767px) {
	#news.under #sec_1 .main .datebox { margin-bottom: 40px; }
	#news.under #sec_1 .main .datebox .cat { margin-left: 1em; font-size: 1.4rem; }
}













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


#privacy


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

#privacy #sec_1 .list1>li { margin-bottom: 40px; }
#privacy #sec_1 .list1>li .list2>li { margin-top: 20px; }
#privacy #sec_1 .list1>li .list2 ul{  }
#privacy #sec_1 .list1>li .list2 .title{ font-size: 1.8rem; }
#privacy #sec_1 .contactbox { border: 1px solid #191919; padding: 20px 40px; }
@media screen and (max-width: 767px) { 
	#privacy #sec_1 .list1>li .list2 .title{ font-size: 1.6rem; }
	#privacy #sec_1 .list1>li{ margin-bottom: 30px; }
	#privacy #sec_1 .list1>li .list2>li{ margin-top: 20px; }
}
@media screen and (max-width: 639px) {
	#privacy #sec_1 .list1>li .list2 ul{ text-align: left; }
}













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


#contact.index


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

/* #sec_1 */
#contact.index #sec_1 { }
#contact.index #sec_1 .tel a { height: 100%; width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 3.6rem; line-height: 1.2; color: #0f73b5;}
#contact.index #sec_1 .tel .icon { width: 28px; font-size: 0; margin-right: 8px; }
#contact.index #sec_1 .block { border-top: 1px solid #0f73b5; padding: 80px 60px 0; margin-top: 80px; }
#contact.index #sec_1 .block .txt2 { max-width: 880px; margin: 0 auto; }
#contact.index #sec_1 .block .list1>li { border: 1px solid #0f73b5; padding: 40px 60px; text-align: center; margin-bottom: 20px; }
#contact.index #sec_1 .block .list1>li:last-child { margin-bottom: 0; }
#contact.index #sec_1 .block .list1>li .box { display: flex; justify-content: space-between; text-align: left; }
#contact.index #sec_1 .block .list1>li .box .imgbox { width: 380px; display: flex; justify-content: space-between; }
#contact.index #sec_1 .block .list1>li .box .imgbox a:nth-child(1) { margin-right: 10px; }
#contact.index #sec_1 .block .list1>li .box .imgbox a:hover { opacity: 0.7; }
#contact.index #sec_1 .block .list1>li .box .txtbox { flex: 1; padding-right: 50px; }
@media screen and (max-width: 1100px) {
	#contact.index #sec_1 .block { padding: 80px 0 0; }
	#contact.index #sec_1 .block .list1>li .box { display: block; }
	#contact.index #sec_1 .block .list1>li .box .txtbox { flex: auto; padding-right: 0; margin-bottom: 30px; }
	#contact.index #sec_1 .block .list1>li .box .imgbox { width: 100%; max-width: 380px; margin: 0 auto; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 .tel a { font-size: 3.2rem; }
	#contact.index #sec_1 .tel .icon { width: 22px; margin-right: 5px; }
	#contact.index #sec_1 .block { padding: 60px 0 0; margin-top: 60px; }
	#contact.index #sec_1 .block .list1>li { padding: 30px 6%; }
}
@media screen and (max-width: 500px) {
	#contact.index #sec_1 .block { padding: 80px 0 0; }
	#contact.index #sec_1 .block .list1>li .box .txtbox { margin-bottom: 10px; }
	#contact.index #sec_1 .block .list1>li .box .imgbox { max-width: 100%; display: block; text-align: center; }
	#contact.index #sec_1 .block .list1>li .box .imgbox a:nth-child(1) { margin-right: 0; }
	#contact.index #sec_1 .block .list1>li .box .imgbox img { height: 60px; margin-top: 10px; }
}


#contact.index #swrap_form { background: #f7f7f7; }
#contact.index #sec_form { }