@charset "UTF-8";
/*

CSS page.css */

/*
base #191919
purple : #7c61a7
*/








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


#index


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

/* common */
#index {  }
#index #main .btnbox {margin-top: 40px;}
@media screen and (max-width: 767px) {
	#index #main .btnbox {margin-top: 30px;text-align: center;}
}


/* #sec_1 */
#index #sec_1 { }
#index #sec_1 .inbox { display: flex; }
#index #sec_1 .inbox .boxleft { width: 330px; }
#index #sec_1 .inbox .boxleft .shoulder { font-size: 1.6rem; font-family: 'Red Hat Display', sans-serif; font-weight: 700; letter-spacing: 0.1rem; }
#index #sec_1 .inbox .boxright { flex: 1; }
@media screen and (max-width: 1040px) {
	#index #sec_1 .inbox { display: block; }
	#index #sec_1 .inbox .boxleft { width: 100%; margin-bottom: 40px; }
	#index #sec_1 .inbox .boxright { width: 100%;}
}
@media screen and (max-width: 767px) {
	#index #sec_1 .inbox .boxleft .shoulder { font-size: 1.2rem; }
}


/* #sec_2 */
#index #sec_2 #insec_1 { display: flex; position: relative; margin-bottom: 40px; justify-content: space-between; }
#index #sec_2 #insec_1 .boxleft { flex: 1; }
#index #sec_2 #insec_1 .boxright { width: 52%; margin-left:60px; }
#index #sec_2 #insec_1 .boxright p:nth-child(1) { width: calc(100% - 60px); margin-bottom: 10px; height:430px;}
#index #sec_2 #insec_1 .boxright p:nth-child(2) { width: calc(100% - 120px); margin-left:auto; height:300px;}
#index #sec_2 #insec_1 .boxright p img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#index #sec_2 #insec_1:after { content: ""; background: #f7f7f7; position: absolute; top: 70px; right: calc(590px - 50vw); width: calc(50vw - 200px); z-index: -1; height: 80%;}
@media screen and (max-width: 1040px) {
	#index #sec_2 #insec_1 { align-items:center; }
	#index #sec_2 #insec_1 .boxleft br { display:none; }
	#index #sec_2 #insec_1 .boxright { margin-left:6%; }
	#index #sec_2 #insec_1 .boxright p:nth-child(1) { width: calc(90%); }
	#index #sec_2 #insec_1 .boxright p:nth-child(2) { width: calc(88%); }
	#index #sec_2 #insec_1:after { right: -8%; width: calc(50vw - 100px); }
}
@media screen and (max-width: 767px) {
	#index #sec_2 #insec_1 { display:block; }
	#index #sec_2 #insec_1 .boxleft { flex: none; margin-bottom:60px; }
	#index #sec_2 #insec_1 .boxright { width: 100%; margin-left:0; }
	#index #sec_2 #insec_1 .boxright p:nth-child(1),
	#index #sec_2 #insec_1 .boxright p:nth-child(2) { height:auto;}
	#index #sec_2 #insec_1:after { right: -8%; width: calc(80vw); top:auto; bottom:40px; height:30%; }
	#index #sec_2 #insec_1 .btnbox a.btn { margin: 0 auto; }
}
@media screen and (max-width: 500px) {
	#index #sec_2 #insec_1 .boxleft { margin-bottom:50px; }
	#index #sec_2 #insec_1 .boxright p:nth-child(1),
	#index #sec_2 #insec_1 .boxright p:nth-child(2) { width:100%;}
	#index #sec_2 #insec_1:after { display:none; }
}

#index #sec_2 #insec_2 { background: #f7f7f7; padding: 80px; margin-bottom: 80px; }
#index #sec_2 #insec_2 .inbox { display: flex; justify-content: space-around;}
#index #sec_2 #insec_2 .inbox .boxleft { width: 40%; }
#index #sec_2 #insec_2 .inbox .boxright { width: 46%; }
#index #sec_2 #insec_2 .inbox .txt1 { font-size: 2.2rem; font-weight: 600; width: 410px; }
#index #sec_2 #insec_2 .btnbox {display: block;text-align: center;}
#index #sec_2 #insec_2 .btnbox a.btn { margin: 0 auto; }
@media screen and (max-width: 1180px) {
	#index #sec_2 #insec_2 { padding: 6%; }
	#index #sec_2 #insec_2 .inbox .boxleft { width: 430px; }
}
@media screen and (max-width: 1040px) {
	#index #sec_2 #insec_2 .inbox .boxleft br { display:none; }
	#index #sec_2 #insec_2 .inbox .boxleft { width: 46%; }
	#index #sec_2 #insec_2 .inbox .boxright { width: 40%; }
}
@media screen and (max-width: 767px) {
	#index #sec_2 #insec_2 { padding: 8%; }
	#index #sec_2 #insec_2 .inbox { display: block; }
	#index #sec_2 #insec_2 .inbox .boxleft { width: 100%; margin-bottom:20px; }
	#index #sec_2 #insec_2 .inbox .boxright { width: 100%; }
}

#index #sec_2 #insec_3 { display: flex; position: relative; margin-bottom: 40px; justify-content: space-between; align-items:center; }
#index #sec_2 #insec_3 .boxright { flex: 1; }
#index #sec_2 #insec_3 .boxleft { width: 50%; height: 400px; margin-right: 60px; }
#index #sec_2 #insec_3 .boxleft img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; object-position: 70% 50%;}
#index #sec_2 #insec_3:after { content: ""; background: #f7f7f7; position: absolute; top: 60px; left: -60px; width:50%; z-index: -1; height: 100%;}
@media screen and (max-width: 1040px) {
	#index #sec_2 #insec_3 .boxleft { width: 48%; height: 500px; margin-right: 6%; }
}
@media screen and (max-width: 767px) {
	#index #sec_2 #insec_3 { display: block; }
	#index #sec_2 #insec_3 .boxleft { width: 100%; margin-bottom:70px; height: 400px;}
	#index #sec_2 #insec_3 .boxright { width: 100%; }
	#index #sec_2 #insec_3:after { top: 40px; left: -7%; width:100%; height: 400px; }
	#index #sec_2 #insec_3 .btnbox a.btn { margin: 0 auto; }
}
@media screen and (max-width: 500px) {
	#index #sec_2 #insec_3 .boxleft { height: 300px; margin-bottom: 40px;}
	#index #sec_2 #insec_3 .boxright { width: 100%; }
	#index #sec_2 #insec_3:after { display:none; }
}


/* #sec_3 */
#index #main #sec_3 .topsectitle { text-align: center; }
#index #sec_3 .inbox { }
#index #sec_3 .inbox ul.list1 {display: flex;/* justify-content: space-between; */}
#index #sec_3 .inbox ul.list1 li { width:calc(33.3% - 13px); margin-right: 20px; }
#index #sec_3 .inbox ul.list1 li:nth-child(3) { margin-right: 0px; }
#index #sec_3 .inbox ul.list1 li:nth-child(4) { display: none; }
#index #sec_3 .inbox ul.list1 li a { display: block; text-decoration: none;  }
#index #sec_3 .inbox ul.list1 li .imgbox { width: 100%; height: 230px; overflow:hidden; }
#index #sec_3 .inbox ul.list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; transition: 0.6s; }
#index #sec_3 .inbox ul.list1 li a:hover .imgbox img { transform:scale(1.1); }
#index #sec_3 .inbox ul.list1 li .data { margin-top: 20px; font-size: 1.4rem; }
#index #sec_3 .inbox ul.list1 li .cate { font-size: 1.3rem; letter-spacing:0.05em; margin-top:15px; line-height:1.5; }
#index #sec_3 .btnbox { text-align: center; }
#index #sec_3 .btnbox a.btn { margin: 0 auto; }
@media screen and (max-width: 1040px) {
	#index #sec_3 .inbox ul.list1 li .imgbox {height: 180px; }
}
@media screen and (max-width: 767px) {
	#index #sec_3 .inbox ul.list1 { flex-wrap:wrap; margin-top:-40px;}
	#index #sec_3 .inbox ul.list1 li { margin-left: 0; width:calc(50% - 10px); margin-top:40px; }
	#index #sec_3 .inbox ul.list1 li:nth-child(even) { margin-right:0px;}
	#index #sec_3 .inbox ul.list1 li:nth-child(3) { margin-right: 20px; }
	#index #sec_3 .inbox ul.list1 li:nth-child(4) { display: block; }
	#index #sec_3 .inbox ul.list1 li .imgbox {height: 35vw;}
	/*#index #sec_3 .inbox ul.list1 li a:hover .imgbox img { transform:scale(0); }*/
	#index #sec_3 .inbox ul.list1 li .cate { font-size: 1.2rem; margin-top:10px;  }
}
@media screen and (max-width: 500px) {
	#index #sec_3 .inbox ul.list1 li { width:calc(50% - 8px); margin-right: 16px; }
	#index #sec_3 .inbox ul.list1 li:nth-child(3) { margin-right: 16px; }
	#index #sec_3 .inbox ul.list1 li .data { margin-top: 15px; }
}


/* #sec_4 */
#index #sec_4 .inbox { display: flex; justify-content: space-between; }
#index #sec_4 .inbox .boxleft { margin-right: 50px; background: #f7f7f7; justify-content: center; align-items: center; width: 260px; display: flex; text-align: center; }
#index #sec_4 .inbox .boxright { flex: 1; min-height: 280px; }
#index #sec_4 .inbox .boxright ul.list1 li { margin-bottom: 30px; }
#index #sec_4 .inbox .boxright ul.list1 li:last-child { margin-bottom: 0; }
#index #sec_4 .inbox .boxright ul.list1 li .day { font-family: 'Red Hat Display', sans-serif; font-size: 1.4rem; }
#index #sec_4 .inbox .boxright ul.list1 li a { text-decoration: none; }
#index #sec_4 .inbox .boxright ul.list1 li a:hover { text-decoration: underline; color: #191919; }
#index #sec_4 .inbox .boxright span { display: block; }
#index #sec_4 .btnbox.e1 a.btn { margin: 0 auto; width: 100%; }
#index #sec_4 .btnbox.e2 { display: none; }
@media screen and (max-width: 1040px) {
	#index #sec_4 .inbox .boxleft { margin-right: 6%; }
}
@media screen and (max-width: 767px) {
	#index #sec_4 .inbox { display: block; }
	#index #sec_4 .inbox .boxleft { width: 100%; display: block; text-align: center; background:none; }
	#index #sec_4 .inbox .boxright{ min-height: auto; }
	#index #sec_4 .inbox .boxright ul.list1 li { margin-bottom: 20px; }
	#index #sec_4 .btnbox.e1 a.btn { display:none; }
	#index #sec_4 .btnbox.e2 { display: block; }
	#index #sec_4 .btnbox.e2 .btn { margin: 0 auto 0; }

}


/* #sec_5 */
#index #sec_5 .incnt .txt1 { margin-bottom: 40px; font-weight: bold; text-align: center; }
#index #sec_5 .incnt .inbox ul.list1 { display: flex; }
#index #sec_5 .incnt .inbox ul.list1 li { width: 50%; height: 300px; }
#index #sec_5 .incnt .inbox ul.list1 li a { display: flex; height: 100%; width: 100%; position: relative; justify-content: center; align-items: center; text-decoration: none; overflow: hidden; }
#index #sec_5 .incnt .inbox ul.list1 li a .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ transition: 0.5s; z-index:-1; transition: 0.5s; transform: scale(1); }
#index #sec_5 .incnt .inbox ul.list1 li a:hover .bg { transform: scale(1.05); }
#index #sec_5 .incnt .inbox ul.list1 li .txtbox { display: flex; align-items: center; flex-direction: column; padding-top: 20px; }
#index #sec_5 .incnt .inbox ul.list1 li .copy { font-size: 2.8rem; margin-bottom: 20px; line-height: 1.8; color: #fff;}
#index #sec_5 .incnt .inbox ul.list1 li:nth-child(2) .copy { margin-bottom: 10px; }
#index #sec_5 .incnt .inbox ul.list1 li .txt3 { font-size: 1.6rem; color: #fff; font-weight:bold; margin-bottom: 20px; }
#index #sec_5 .incnt .inbox ul.list1 li .btn { background: #fff; font-family: 'Red Hat Display', sans-serif; font-size: 1.4rem; letter-spacing: 0.1rem; text-decoration: none; display: block; width: 180px; border-radius:30px; text-align: center; line-height:50px; margin-bottom:10px; transition: 0.5s;}
#index #sec_5 .incnt .inbox ul.list1 li a:hover .btn { background: #191919; color: #fff; font-size: 1.6rem; }
@media screen and (max-width: 1040px) {
	#index #sec_5 .incnt .inbox ul.list1 li .copy { font-size:2.4rem;}
}
@media screen and (max-width: 767px) {
	#index #sec_5 .incnt .inbox ul.list1 { display: flex; flex-wrap:wrap; }
	#index #sec_5 .incnt .inbox ul.list1 li { width: 100%; height: 200px; }
	#index #sec_5 .incnt .inbox ul.list1 li .copy { font-size:2.0rem;}
	#index #sec_5 .incnt .inbox ul.list1 li:nth-child(2) .copy { margin-bottom: 5px; }
	#index #sec_5 .incnt .inbox ul.list1 li .txt3 { font-size: 1.4rem; margin-bottom: 10px; }
}




















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


#strength


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

/* common */
#strength {  }
@media screen and (max-width: 767px) {
}


/* #sec_1 */
#strength #sec_1 { }
#strength #sec_1 .imgbox { height: 520px; width: 100%; }
#strength #sec_1 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) {
	#strength #sec_1 .imgbox { height: auto; }
}
@media screen and (max-width: 767px) {
}


/* #sec_2 */
#strength #sec_2 .box { display: flex; position: relative; margin-bottom: 80px; justify-content: space-between; align-items: center; }
#strength #sec_2 .box:last-child { margin-bottom: 0; }
#strength #sec_2 .box .txtbox { flex: 1; }
#strength #sec_2 .box .imgbox { width: 50%; height: 380px; margin-left: 50px; position: relative: }
#strength #sec_2 .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#strength #sec_2 .box .imgbox:after { content: ""; background: #f7f7f7; display: block; width: 50%; height: 100%; position: absolute; top: 50px; left: calc(50% + 50px); z-index:-1;}
#strength #sec_2 .box:nth-child(even) { flex-direction: row-reverse; }
#strength #sec_2 .box:nth-child(even) .imgbox { margin-left: 0; margin-right: 50px; }
#strength #sec_2 .box:nth-child(even) .imgbox:after { left: -50px; }
@media screen and (max-width: 1040px) {
	#strength #sec_2 .box { align-items: stretch; }
	#strength #sec_2 .box .imgbox { height: auto; margin-left: 40px; }
	#strength #sec_2 .box:nth-child(even) .imgbox { margin-right: 40px; }
	#strength #sec_2 .box .imgbox:after { top: 30px; left: calc(50% + 30px); }
	#strength #sec_2 .box:nth-child(even) .imgbox:after { left: -30px; }
}
@media screen and (max-width: 767px) {
	#strength #sec_2 .box { display: block; margin-bottom: 60px; }
	#strength #sec_2 .box .txtbox { flex: none; width: 100%; }
	#strength #sec_2 .box .imgbox { width: 100%; height: 380px; margin-left: 0!important; margin-top: 30px; }
	#strength #sec_2 .box .imgbox:after { display: none; }
}
@media screen and (max-width: 500px) {
	#strength #sec_2 .box .imgbox { height: auto; }
}


/* #sec_3 */
#strength #sec_3 .btnbox { display: flex; justify-content: center; }
#strength #sec_3 .btnbox .btn { margin-left: 10px;}
@media screen and (max-width: 767px) {
	#strength #sec_3 .btnbox { display: block; text-align: center; }
	#strength #sec_3 .btnbox .btn { margin-left: 0;}
	#strength #sec_3 .btnbox .btn:first-child { margin-bottom: 10px;}
}




















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


#service.index


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


/* #common */

/* box_bggray */
#service #main .box_bggray { display: flex; justify-content: space-between; align-items: center; background:#f7f7f7; padding:60px; }
#service #main .box_bggray .txtbox { flex: 1; }
#service #main .box_bggray .imgbox {width: 43%;height: 260px;margin-left: 60px;}
#service #main .box_bggray .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) {
	#service #main .box_bggray { align-items: stretch; }
	#service #main .box_bggray .imgbox { height: auto; margin-left: 50px; }
}
@media screen and (max-width: 767px) {
	#service #main .box_bggray { display: block; padding:6%; }
	#service #main .box_bggray .txtbox { flex: none; width: 100%; }
	#service #main .box_bggray .imgbox { width: 100%;margin-left: 0!important; margin-top: 30px; }
}
@media screen and (max-width: 500px) {
	#service #main .box_bggray .imgbox { height: auto; }
}



/* box */
#service.index #main .box {display: flex;position: relative;margin-bottom: 80px;justify-content: space-between;align-items: center;}
#service.index #main .box .txtbox { flex: 1; }
#service.index #main .box .imgbox{ width: 50%; height: 380px; margin-left: 50px; position: relative: }
#service.index #main .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#service.index #main .box .imgbox:after { content: ""; background: #f7f7f7; display: block; width: 50%; height: 100%; position: absolute; top: 50px; left: calc(50% + 50px); z-index:-1;}
@media screen and (max-width: 1040px) {
	#service.index #main .box { align-items: stretch; }
	#service.index #main .box .imgbox { height: auto; margin-left: 40px; }
	#service #main .box .imgbox:after { top: 30px; left: calc(50% + 30px); }
}
@media screen and (max-width: 767px) {
	#service.index #main .box { display: block; margin-bottom: 60px; }
	#service.index #main .box .txtbox { flex: none; width: 100%; }
	#service.index #main .box .imgbox { width: 100%; height: 380px; margin-left: 0!important; margin-top: 30px; }
	#service.index #main .box .imgbox:after { display: none; }
}
@media screen and (max-width: 500px) {
	#service.index #main .box .imgbox { height: auto; }
}


/* #sec_2 */
#service.index #sec_2 .box { flex-direction:row-reverse; }
#service.index #sec_2 .box .imgbox { margin-left: 0; margin-right: 50px; }
#service.index #sec_2 .box .imgbox:after { left: -50px; }
@media screen and (max-width: 1040px) {
	#service.index #sec_2 .box .imgbox { margin-right: 40px; }
	#service.index #sec_2 .box .imgbox:after { top: 30px; left: calc(50% + 30px); }
	#service.index #sec_2 .box .imgbox:after { left: -30px; }
}
















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


#service.construction


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

/* #sec_2 */
#service.construction #sec_2 .box {display: flex;position: relative;margin-bottom: 80px;justify-content: space-between;align-items: center;}
#service.construction #sec_2 .box:last-child { margin-bottom: 0; }
#service.construction #sec_2 .box .txtbox { flex: 1; }
#service.construction #sec_2 .box .imgbox{ width: 50%; height: 380px; margin-left: 50px; position: relative: }
#service.construction #sec_2 .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#service.construction #sec_2 .box .imgbox:after { content: ""; background: #f7f7f7; display: block; width: 50%; height: 100%; position: absolute; top: 50px; left: calc(50% + 50px); z-index:-1;}
#service.construction #sec_2 .box:nth-child(odd) {flex-direction: row-reverse;}
#service.construction #sec_2 .box:nth-child(odd) .imgbox { margin-left: 0; margin-right: 50px; }
#service.construction #sec_2 .box:nth-child(odd) .imgbox:after { left: -50px; }
@media screen and (max-width: 1040px) {
	#service.construction #sec_2 .box { align-items: stretch; }
	#service.construction #sec_2 .box .imgbox { height: auto; margin-left: 40px; }
	#service.construction #sec_2 .box:nth-child(odd) .imgbox { margin-right: 40px; }
	#service.construction #sec_2 .box .imgbox:after { top: 30px; left: calc(50% + 30px); }
	#service.construction #sec_2 .box:nth-child(odd) .imgbox:after { left: -30px; }
}
@media screen and (max-width: 767px) {
	#service.construction #sec_2 .box { display: block; margin-bottom: 60px; }
	#service.construction #sec_2 .boxx .txtbox { flex: none; width: 100%; }
	#service.construction #sec_2 .box .imgbox { width: 100%; height: 380px; margin-left: 0!important; margin-top: 30px; }
	#service.construction #sec_2 .box .imgbox:after { display: none; }
}
@media screen and (max-width: 500px) {
	#service.construction #sec_2 .box .imgbox { height: auto; }
}


/* #sec_3 */
#service.construction #sec_3 .btnbox { display: flex; justify-content: center; }
#service.construction #sec_3 .btnbox .btn { margin-left: 10px;}
@media screen and (max-width: 767px) {
	#service.construction #sec_3 .btnbox { display: block; text-align: center; }
	#service.construction #sec_3 .btnbox .btn { margin-left: 0;}
	#service.construction #sec_3 .btnbox .btn:first-child { margin-bottom: 10px;}
}





















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


#service.clinic


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

/* #common */


/* #sec_1 */


/* #sec_2 */
#service.clinic #sec_2 .box {display: flex;position: relative;margin-bottom: 80px;justify-content: space-between;align-items: center;}
#service.clinic #sec_2 .box:last-child { margin-bottom: 0; }
#service.clinic #sec_2 .box .txtbox { flex: 1; }
#service.clinic #sec_2 .box .txtbox .boxtitle { display:flex; align-items:flex-end; margin-bottom:30px; }
#service.clinic #sec_2 .box .txtbox .boxtitle .num {font-size:4.0rem; font-family: 'Red Hat Display', sans-serif; font-weight: 700; position: relative; line-height: 1;}
#service.clinic #sec_2 .box .txtbox .boxtitle .num:after { content: url(../img/common/icon_slash.svg); display: inline-block; width: 15px; height: 26px; margin: 0 20px; }
#service.clinic #sec_2 .box .txtbox .boxtitle .title { font-size: 1.8rem; font-weight: bold; letter-spacing: 1.4; line-height: 1.8; }
#service.clinic #sec_2 .box .imgbox{ width: 50%; height: 380px; margin-left: 50px; position: relative: }
#service.clinic #sec_2 .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#service.clinic #sec_2 .box .imgbox:after { content: ""; background: #f7f7f7; display: block; width: 50%; height: 100%; position: absolute; top: 50px; left: calc(50% + 50px); z-index:-1;}
#service.clinic #sec_2 .box:nth-child(even) { flex-direction:row-reverse;}
#service.clinic #sec_2 .box:nth-child(even) .imgbox { margin-left: 0; margin-right: 50px; }
#service.clinic #sec_2 .box:nth-child(even) .imgbox:after { left: -50px; }
@media screen and (max-width: 1040px) {
	#service.clinic #sec_2 .box { align-items: stretch; }
	#service.clinic #sec_2 .box .imgbox { height: auto; margin-left: 40px; }
	#service.clinic #sec_2 .box:nth-child(even) .imgbox { margin-right: 40px; }
	#service.clinic #sec_2 .box .imgbox:after { top: 30px; left: calc(50% + 30px); }
	#service.clinic #sec_2 .box:nth-child(even) .imgbox:after { left: -30px; }
}
@media screen and (max-width: 767px) {
	#service.clinic #sec_2 .box { display: block; margin-bottom: 60px; }
	#service.clinic #sec_2 .box .txtbox { flex: none; width: 100%; }
	#service.clinic #sec_2 .box .txtbox .boxtitle { margin-bottom:20px; }
	#service.clinic #sec_2 .box .txtbox .boxtitle .num {font-size:3.0rem; }
	#service.clinic #sec_2 .box .txtbox .boxtitle .num:after {width: 10px; height: 20px; margin: 0 15px; }
	#service.clinic #sec_2 .box .txtbox .boxtitle .title { font-size: 1.4rem; }
	#service.clinic #sec_2 .box .imgbox { width: 100%; height: 380px; margin-left: 0!important; margin-top: 30px; }
	#service.clinic #sec_2 .box .imgbox:after { display: none; }
}
@media screen and (max-width: 500px) {
	#service #main .box .imgbox { height: auto; }
}


/* #sec_3 */
/* #insec_1 */
#service.clinic #sec_3 #insec_1 .list { display:flex; justify-content:space-between; margin-top:40px; }
#service.clinic #sec_3 #insec_1 .list>li { width:47%; }
#service.clinic #sec_3 #insec_1 .list>li .copy.s2 {position:relative;padding-bottom: 20px;}
#service.clinic #sec_3 #insec_1 .list>li .copy.s2:after { content:""; background:#191919; width: 100%; height:1px; position:absolute; left:0; bottom: 3px; }
@media screen and (max-width: 1240px) {
	#service.clinic #sec_3 #insec_1 .list { display:block; }
	#service.clinic #sec_3 #insec_1 .list>li { width:100%; }
	#service.clinic #sec_3 #insec_1 .list>li:first-child { margin-bottom:20px; }
	#service.clinic #sec_3 #insec_1 .list>li .copy.s2 {position:relative;padding-bottom: 10px;}
}
@media screen and (max-width: 767px) {
	#service.clinic #sec_3 #insec_1 .list { margin-top:20px; }
}


/* #insec_2 */
#service.clinic #sec_3 #insec_2 .bggray { background:#f7f7f7; padding:80px; text-align:center; }
#service.clinic #sec_3 #insec_2 .bggray .txt1 {  margin-bottom: 30px; text-align:left; }
@media screen and (max-width: 1040px) {
	#service.clinic #sec_3 #insec_2 .bggray { padding:60px 6%; }
}
@media screen and (max-width: 767px) {
	#service.clinic #sec_3 #insec_2 .bggray { padding:40px 6%; }
	#service.clinic #sec_3 #insec_2 .bggray .txt1 {  margin-bottom: 20px; }
}




















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


#service.produce


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

/* #common */
#service.produce .ebox .box {display: flex;position: relative;margin-bottom: 80px;justify-content: space-between;align-items: center;}
#service.produce .ebox .box:last-child { margin-bottom: 0; }
#service.produce .ebox .box .txtbox { flex: 1; }
#service.produce .ebox .box .imgbox{ width: 50%; height: 380px; margin-left: 50px; position: relative: }
#service.produce .ebox .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; }
#service.produce .ebox .box .imgbox:after { content: ""; background: #f7f7f7; display: block; width: 50%; height: 100%; position: absolute; top: 50px; left: calc(50% + 50px); z-index:-1;}
#service.produce .ebox .box .copy.s2  { position:relative; padding-bottom: 20px; }
#service.produce .ebox .box .copy.s2:after { content:""; background:#191919; width:100%; height:1px; position:absolute; left:0; bottom: 3px; }
@media screen and (max-width: 1040px) {
	#service.produce .ebox .box { align-items: stretch; }
	#service.produce .ebox .box .imgbox { height: auto; margin-left: 40px; }
	#service.produce .ebox .box .imgbox:after { top: 30px; left: calc(50% + 30px); }
	#service.produce .ebox .box .copy.s2:after {  }
}
@media screen and (max-width: 767px) {
	#service.produce .ebox .box { display: block; margin-bottom: 60px; }
	#service.produce .ebox .box .txtbox { flex: none; width: 100%; }
	#service.produce .ebox .box .imgbox { width: 100%; height: 380px; margin-left: 0!important; margin-top: 30px; }
	#service.produce .ebox .box .imgbox:after { display: none; }
	#service.produce .ebox .box .copy.s2  { position:relative; padding-bottom: 10px; }
	#service.produce .ebox .box .copy.s2:after { }
}
@media screen and (max-width: 500px) {
	#service.produce .ebox .box .imgbox { height: auto; }
}


/* #sec_2 */
#service.produce #sec_2 .sectitle {line-height:1.2;text-align:center;margin-bottom: 30px;}
#service.produce #sec_2 .sectitle span {font-size: 1.8rem;font-weight: bold;letter-spacing: 1.4;line-height: 1.8;}
#service.produce #sec_2 .logobox {display:flex; align-items:center; justify-content:center; margin-bottom: 60px;}
#service.produce #sec_2 .logobox img { width:280px; height:64px; margin-right: 30px; }
#service.produce #sec_2 .logobox p { background:#7c61a7; color:#ffffff; font-size: 1.8rem;padding: 0px 9px;}
#service.produce #sec_2 .ebox .sectitle { text-align:left; }
@media screen and (max-width: 767px) {
	#service.produce #sec_2 .sectitle { margin-bottom: 10px; }
	#service.produce #sec_2 .sectitle span { font-size: 1.4rem; }
	#service.produce #sec_2 .logobox { margin-bottom: 40px; }
	#service.produce #sec_2 .logobox img { width:200px; height:64px; margin-right:20px; }
	#service.produce #sec_2 .logobox p { font-size: 1.6rem; }
		#service.produce #sec_2 .ebox .sectitle { margin-bottom:20px; }
}

/* #sec_5 */
#service.produce #sec_5 {background:#f7f7f7;padding:80px 6%;box-sizing: border-box; text-align: center;}
#service.produce #sec_5 .bggray .topsectitle { margin-bottom: 30px;align-items: baseline;}
#service.produce #sec_5 .bggray .topsectitle br { display:none; }
#service.produce #sec_5 .bggray .topsectitle .en {position:relative;margin-bottom: 0px;line-height: 1;}
#service.produce #sec_5 .bggray .topsectitle .en:after {content: url(../img/common/icon_slash.svg);display: inline-block;width: 15px;height: 26px;margin: 0 10px;}
#service.produce #sec_5 .bggray .topsectitle span { margin-bottom:0px; line-height:1; }
#service.produce #sec_5 .bggray .btnbox { display: flex; justify-content: center; }
#service.produce #sec_5 .bggray .btnbox .btn + .btn { margin-left: 10px;}
@media screen and (max-width: 1040px) {
	#service.produce #sec_5 { padding: 60px 6%; }
	#service.produce #sec_5 .bggray .topsectitle br { display:block; }
		#service.produce #sec_5 .bggray .topsectitle .en { display: inline-block; margin-bottom: 10px; }
	#service.produce #sec_5 .bggray .topsectitle .en:after { display:none; }
}
@media screen and (max-width: 767px) {
	#service.produce #sec_5 { padding: 40px 6%; }
		#service.produce #sec_5 .bggray .btnbox { display: block; text-align: center; }
		#service.produce #sec_5 .bggray .btnbox .btn + .btn { margin-left: 0;}
		#service.produce #sec_5 .bggray .btnbox .btn:first-child { margin-bottom: 10px;}
}




















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


#works.index


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

/* #sec_1 */
#works.index #sec_1 .titlebox {display:flex;align-items: baseline; justify-content: center; margin-bottom: 60px; }
#works.index #sec_1 .titlebox .copy.s2 { font-family: 'Red Hat Display', sans-serif; font-weight: 700; position:relative;  margin-bottom:0px; }
#works.index #sec_1 .titlebox .copy.s2:after { content: url(../img/common/icon_slash.svg); display: inline-block; vertical-align:-4px; width: 15px; height: 26px; margin: 0 30px 0 20px;}
#works.index #sec_1 .titlebox .list{ margin-left: -20px; text-align: left; }
#works.index #sec_1 .titlebox .list>li{ display: inline-block; margin-left: 10px; font-size: 1.8rem; }
#works.index #sec_1 .titlebox .list>li>a{ text-decoration: none; font-weight: bold; }
#works.index #sec_1 .titlebox .list>li:before{ content: "・"; }
#works.index #sec_1 .titlebox .list>li.current{ font-size: 2.2rem; font-weight: bold; }
#works.index #sec_1 .titlebox .list>li.current:before{ content: ""; background: #191919; width: 8px; height: 8px; display: inline-block; border-radius: 50%; vertical-align: 4px; margin-right: 5px; }
#works.index #sec_1 .inbox { }
#works.index #sec_1 .inbox ul.list1 {display: flex;/* justify-content: space-between; */margin-bottom: 50px;flex-wrap: wrap; margin-left: -13px; margin-bottom: -60px; }
#works.index #sec_1 .inbox ul.list1 li {width:calc(33.3% - 13px);margin-left: 13px;margin-bottom:60px; }
#works.index #sec_1 .inbox ul.list1 li a { display: block; text-decoration: none; }
#works.index #sec_1 .inbox ul.list1 li .imgbox { width: 100%; height: 230px; overflow: hidden; }
#works.index #sec_1 .inbox ul.list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ display: block; width: 100%; height: 100%; transition: 0.6s; }
#works.index #sec_1 .inbox ul.list1 li a:hover .imgbox img { transform: scale(1.1); }
#works.index #sec_1 .inbox ul.list1 li .data { margin-top: 20px; font-size: 1.4rem; }
#works.index #sec_1 .inbox ul.list1 li .cate { font-size: 1.3rem; letter-spacing:0.05em; margin-top:15px; line-height:1.5; }
#works.index #sec_1 .btnbox { text-align: center; }
#works.index #sec_1 .btnbox a.btn { margin: 0 auto; }
#works.index #sec_1 .inbox ul.list1 li a:hover { opacity: .8; }
@media screen and (max-width: 1040px) {
	#works.index #sec_1 .titlebox { display:block; margin-bottom:40px; }
	#works.index #sec_1 .titlebox .copy.s2:after { display:none; }
	#works.index #sec_1 .inbox ul.list1 li .imgbox {height: 180px; }
}
@media screen and (max-width: 767px) {
	#works.index #sec_1 .inbox ul.list1 { flex-wrap:wrap; margin-top:-40px; margin-left: -10px;}
	#works.index #sec_1 .inbox ul.list1 li { margin-left: 10px; width:calc(50% - 10px); margin-top:40px;  margin-bottom:0px; }
	#works.index #sec_1 .inbox ul.list1 li .imgbox { height: 35vw; }
	#works.index #sec_1 .inbox ul.list1 li a:hover .imgbox img { transform: scale(1); }
	#works.index #sec_1 .inbox ul.list1 li .cate { font-size: 1.2rem; margin-top:10px;  }
	#works.index #sec_1 .titlebox .list{ margin-left: -10px; }
	#works.index #sec_1 .titlebox .list>li{ margin-left: 10px; font-size: 1.6rem; }
	#works.index #sec_1 .titlebox .list>li.current{ font-size: 1.8rem; }

}
@media screen and (max-width: 500px) {
	#works.index #sec_1 .inbox ul.list1{ margin-left: -8px; }
	#works.index #sec_1 .inbox ul.list1 li { width:calc(50% - 8px); margin-left: 8px; }
	#works.index #sec_1 .inbox ul.list1 li .data { margin-top: 15px; }
	#works.index #sec_1 .inbox ul.list1 { display: block;margin-bottom: 50px; }
	#works.index #sec_1 .inbox ul.list1 li { width:100%; margin-bottom:30px; }
}




















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


#works.under


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

#works.under{  }
#works.under .editbody{ margin-bottom: 60px; }
@media screen and (max-width: 767px) {
	#works.under .editbody{ margin-bottom: 40px; }
}

/* #sec_1 */
#works.under #sec_1 .sectitle{margin-bottom:20px;}
#works.under #sec_1 .txtnum { margin-bottom:60px;}
#works.under #sec_1 .txtnum span { margin-right: 1em; font-family: 'Montserrat', sans-serif; font-size: 16px; }
#works.under #sec_1 .txtnum a{ text-decoration: none!important; }
#works.under #sec_1 .incnt .ebox {display:flex;justify-content: space-between;}
#works.under #sec_1 .incnt .ebox .mainbox { flex:1; }
#works.under #sec_1 .incnt .ebox .sidebox {width:240px;margin-left: 80px;}
#works.under #sec_1 .incnt .ebox a{text-decoration:underline;}
#works.under #sec_1 .incnt .ebox .sidebox .copy.s2 {font-family: 'Red Hat Display', sans-serif;font-weight: 700;position:relative;margin-bottom:0px;color:#fff;background:#191919;
padding:10px 20px;border-box:box-sizing;margin-bottom: 45px;}
#works.under #sec_1 .incnt .ebox .sidebox ul>li { margin-bottom:20px; font-size: 1.8rem; font-weight: bold; letter-spacing: 1.4; line-height: 1.8; }
#works.under #sec_1 .incnt .ebox .sidebox ul>li a{ font-weight: bold; text-decoration: none; }
#works.under #sec_1 .incnt .btnbox{ margin-top: 80px; }
@media screen and (max-width: 1040px) {
	#works.under #sec_1 .incnt .ebox{display:block;}
	#works.under #sec_1 .incnt .btnbox{ margin-bottom: 100px; }
	#works.under #sec_1 .incnt .ebox .sidebox{ width: 100%; margin-left: 0; }
}
@media screen and (max-width: 767px) {
	#works.under #sec_1 .sectitle{margin-bottom:20px;}
	#works.under #sec_1 .txtnum { margin-bottom:60px;}
	#works.under #sec_1 .txtnum span {font-size: 14px; }
	#works.under #sec_1 .incnt .ebox .sidebox ul>li { margin-bottom:20px; font-size: 1.6rem;  }
	#works.under #sec_1 .incnt .ebox .sidebox .copy.s2{ margin-bottom: 35px; }
}








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


#recruit


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

/* #common */
/* #recruit #main .tabcnt,
#recruit #side ._t { animation: tabcnt-out 0.5s ease-out 0s 1 normal both; position: absolute; opacity: 0; }
#recruit #main .tabcnt.current,
#recruit #side ._t.current { display: block; position: static; animation: tabcnt-in 0.5s ease-out 0s 1 normal both; } */
#recruit #main .tabcnt,
#recruit #side ._t {  opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition: opacity 0.3s ease; position: static; }
#recruit #main .tabcnt.current,
#recruit #side ._t.current { opacity: 1; visibility: visible; height: auto; }
#recruit #main .btnbox { display: flex; justify-content: center; }
@media screen and (max-width: 767px) {
	#recruit #main .tabcnt,
	#recruit #side ._t { opacity: 1!important; visibility: visible!important; height: inherit!important; animation: none!important; position: static!important; }
	#recruit #main #anyrec { margin-top: 100px; }
}
/* @keyframes tabcnt-in {
	0% { transform: translate(0px, 30px); opacity: 0; }
	100% { transform: translate(0px, 0px); opacity: 1; }
}
@keyframes tabcnt-out {
	0% { opacity: 0; }
	100% {opacity: 0; }
} */

/* .subtitle */
#recruit #main .subtitle { margin-bottom: 60px; }
@media screen and (max-width: 767px) {
	#recruit #main .subtitle { margin-bottom: 30px; }
}

/* .list1 */
#recruit #main .list1>li {background:#f7f7f7; display:flex; text-align:center; box-sizing: border-box; flex-direction:column;  margin-top:20px; justify-content:center; padding:5% 20px; }
#recruit #main .list1>li .title { font-size: 1.8rem; font-weight: bold; letter-spacing: 1.4; line-height: 1.8; }
#recruit #main .list1 { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:-20px;}
#recruit #main .list1>li:nth-child(1),
#recruit #main .list1>li:nth-child(2),
#recruit #main .list1>li:nth-child(3) { width:calc(33.33% - 13px);}
#recruit #main .list1>li:nth-child(4),
#recruit #main .list1>li:nth-child(5) { width:calc(50% - 10px);}
@media screen and (max-width: 767px) {
	#recruit #main .list1>li .title { font-size: 1.4rem; }
	#recruit #main .list1>li { width:100%!important; margin-top:10px; padding:20px 4%; }
}

/* .list2 */
#recruit #main .list2 {margin-bottom:20px;text-align: left;}
#recruit #main .list2>li {font-size: 2.2rem; margin-right:20px; font-weight: bold; display:inline-block;}
@media screen and (max-width: 767px) {
	#recruit #main .list2>li { font-size: 1.6rem; }
}


/* #sec_3 */
#recruit #sec_3 p { font-weight: bold; }
@media screen and (max-width: 767px) {
}

/* #sec_8 */
#recruit #recruittablist{ margin-bottom: 100px; }
#recruit #recruittablist .tablist { display:flex; }
#recruit #recruittablist .tablist>li {width:50%; }
#recruit #recruittablist .tablist>li a { display: block; padding: 25px 0; box-sizing:border-box; background:#f7f7f7; transition: 0.6s; text-align:center; text-decoration: none; position: relative; }
#recruit #recruittablist .tablist>li a:hover { background: #eee; }
#recruit #recruittablist .tablist>li.current a,
#recruit #recruittablist .tablist>li.current a:hover { background:#191919; color:#fff; }
#recruit #recruittablist .tablist>li a:before { content: url(../img/common/arr2.svg); font-size: 0; display: inline-block; width: 20px; height: 10px; position: absolute; bottom: -10px; left: calc(50% - 10px); opacity: 0; transition: 0.6s; }
#recruit #recruittablist .tablist>li.current a:before { opacity: 1; }
#recruit #recruittablist .tablist>li a .title_big { font-size:2.4rem; font-weight: bold; line-height:1,2; }
#recruit #recruittablist .tablist>li a .title { font-size: 1.8rem; letter-spacing: 1; line-height: 1.5; }
@media screen and (max-width: 767px) {
	#recruit #recruittablist { margin-bottom: 60px; }
	#recruit #recruittablist .tablist { display:block; }
	#recruit #recruittablist .tablist>li { width:auto; }
	#recruit #recruittablist .tablist>li a { margin: 0 20px 15px 0; text-align:left; padding: 0; padding-right: 20px; background:none; transition: 0.6s; display:inline-block; }
	#recruit #recruittablist .tablist>li a:hover { background:none; }
	#recruit #recruittablist .tablist>li a:before { width: 12px; height: 6px; bottom: auto; top:46%; left: auto; right:0; opacity: 1!important; }
	#recruit #recruittablist .tablist>li.current a,
	#recruit #recruittablist .tablist>li.current a:hover { background:none; color:#191919; }
	#recruit #recruittablist .tablist>li a .title_big { font-size:1.6rem; }
	#recruit #recruittablist .tablist>li a .title {font-size: 1.2rem; line-height: 1,2;}
	#recruit #recruittablist .tablist>li a .title:before { content: "(";}
	#recruit #recruittablist .tablist>li a .title:after { content: "）";}
}









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


#company


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

/* #common */
#company #main .topsectitle {display:flex;width:300px;align-items: baseline;margin-bottom: 0px;}
#company #main .topsectitle .en {position:relative;margin-bottom: 0px;}
#company #main .topsectitle .en:after {content: url(../img/common/icon_slash.svg);display: inline-block;width: 15px;height: 26px;margin: 0 10px;}
#company #main .topsectitle .title { font-size: 1.8rem; font-weight: bold; letter-spacing: 1.4; line-height: 1.8; }
@media screen and (max-width: 767px) {
	#company #main .topsectitle {display:flex;width:240px;align-items: baseline;margin-bottom: 0px;}
	#company #main .topsectitle .en:after {width: 10px; height: 20px; margin: 0 10px; }
	#company #main .topsectitle .title { font-size: 1.4rem; font-weight: bold; letter-spacing: 1.4; line-height: 1.8; }
}


/* #sec_1 */


/* #sec_2 */
#company #sec_2 .list>li { background:#f7f7f7; margin-bottom: 10px; display:flex; padding: 40px 6%; box-sizing: border-box; align-items: center;}
#company #sec_2 .list>li:last-child { margin-bottom:0px; }
#company #sec_2 .list>li .txtbox { flex:1; }
#company #sec_2 .list>li .txtbox p { font-size:1.8rem; }
#company #sec_2 .list>li .txtbox .minilist>li {display:flex;align-items: center;}
#company #sec_2 .list>li .txtbox .minilist>li .en1 {font-family: 'Red Hat Display', sans-serif;font-weight: 700;font-size:1.8rem;position:relative;margin-right: 10px;}
#company #sec_2 .list>li .txtbox .minilist>li .en1:after {content:"";background:#191919;width:5px;height:2px;position:absolute;right: -10px;top: 50%;}
#company #sec_2 .list>li .txtbox .minilist>li span {margin-left:10px;font-size: 1.8rem;}
@media screen and (max-width: 1040px) {
	#company #sec_2 .list>li { display:block; text-align:center; }
	#company #sec_2 .list>li .topsectitle { margin-bottom:20px; justify-content:center; width:100%; }
	#company #sec_2 .list>li .txtbox .minilist>li { justify-content: center; }
}
@media screen and (max-width: 767px) {
	#company #sec_2 .list>li .topsectitle { margin-bottom:10px; }
	#company #sec_2 .list>li:first-child { text-align:justify; }
	#company #sec_2 .list>li .txtbox p { font-size:1.4rem; }
	#company #sec_2 .list>li .txtbox .minilist>li .en1 { font-size:1.4rem; }
	#company #sec_2 .list>li .txtbox .minilist>li span { font-size: 1.4rem; }
}
@media screen and (max-width: 500px) {
	#company #sec_2 .list>li { padding: 30px 6%; }
}



/* #sec_4 */
#company #sec_4 .box { margin-bottom:70px; }
#company #sec_4 .box:last-child { margin-bottom:0px; }
#company #sec_4 .box .topsectitle {margin-bottom: 15px;}
#company #sec_4 .box .map { width:100%; height:560px;}
#company #sec_4 .box .txt1 { margin-bottom: 30px;}
@media screen and (max-width: 767px) {
	#company #sec_4 .box { margin-bottom:40px; }
	#company #sec_4 .box .topsectitle {margin-bottom: 10px;}
	#company #sec_4 .box .map { height:400px;}
	#company #sec_4 .box .txt1 { margin-bottom: 20px;}
}



/* #sec_5 */
#company #sec_5 .box1{ display: flex; flex-direction: row; }
#company #sec_5 .box1 .txtbox{ display: flex; flex-direction: column; justify-content: center; }
#company #sec_5 .box1 .txtbox .list{ margin: 30px 0; }
#company #sec_5 .box1 .txtbox .list>li{ margin-bottom: 10px; letter-spacing: 0.15em; font-feature-settings : "palt"; font-weight: bold; font-size: 2.2rem; line-height: 2; }
#company #sec_5 .box1 .txtbox .list>li:last-child{ margin-bottom: 0; }
#company #sec_5 .box1 .txtbox .list>li:before { content: "●"; font-size: 8px; margin-right: 4px; vertical-align: 6px; }
#company #sec_5 .box1 .imgbox{ margin-left: 6%; width: 36%; flex-shrink: 0; }
#company #sec_5 .box1 .imgbox img{  }
#company #sec_5 .box1{  }
@media screen and (max-width: 767px) {
	#company #sec_5 .box1{ display: block; }
	#company #sec_5 .box1 .txtbox{ display: block; }
	#company #sec_5 .box1 .txtbox .list{ margin: 20px 0; }
	#company #sec_5 .box1 .txtbox .list>li { font-size: 1.6rem; }
	#company #sec_5 .box1 .txtbox .list>li:before{ font-size: 6px; vertical-align: 5px }
	#company #sec_5 .box1 .imgbox{ margin-left: 0; width: 100%; margin-top: 40px }
}


















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


#contact.index


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

#contact.index #sec_1 .box1{ display: flex; flex-direction: row; background: #f7f7f7; padding: 62px 30px 62px 5px; justify-content: center; align-items: center; }
#contact.index #sec_1 .box1 .icon{ font-size: 2.4rem; font-weight: bold; margin-left: 25px; }
#contact.index #sec_1 .box1 .icon>img{ width: 30px; height: 26px; margin-right: 10px; }
#contact.index #sec_1 .box1 .txt{ margin-left: 25px; }
#contact.index #sec_1 .box1 .btnbox{ margin-left: 25px; }
@media screen and (max-width: 1040px) {
	#contact.index #sec_1 .box1{ display: block; padding: 40px 8%; }
	#contact.index #sec_1 .box1 .icon{ font-size: 2rem; margin-left: 0; text-align: center; margin-bottom: 10px; }
	#contact.index #sec_1 .box1 .txt{ margin-left: 0; text-align: center; }
	#contact.index #sec_1 .box1 .btnbox{ margin-left: 0; text-align: center; margin-top: 20px; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 .box1{ display: block; padding: 30px 6%; }
}


#contact.index #sec_2,
#contact #sec_intro{  }
#contact.index #sec_2 .txt,
#contact #sec_intro .txt{ margin-bottom: 10px; }
#contact.index #sec_2 .txt .tel,
#contact #sec_intro .txt .tel{ font-size: 3.2rem; font-weight: bold; }
@media screen and (max-width: 767px) {
	#contact.index #sec_2 .txt .tel,
	#contact #sec_intro .txt .tel{ font-size: 2.4rem; }
}



/* common */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 20px; }
form .formbox>ul>li:last-child { margin-bottom: 0 }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 200px; padding-top: 25px; text-align: left; }
form .formbox>ul>li>dl>dt {padding-top: 20px;}
form .formbox>ul>li._1{ padding-top: 15px; padding-bottom: 15px; }
form .formbox>ul>li._1>dl>dt,
form .formbox.check>ul>li>dl>dt { padding-top: 0; }
form .formbox>ul>li>dl>dd { width: calc(100% - 220px); display: flex; justify-content: center; flex-direction: column; }
form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px; text-align: left; }
form .policy { padding: 40px; background: #f7f7f7; height: 200px; overflow: scroll; margin-bottom: 60px; }
@media screen and (max-width: 767px) {
	form .formbox>ul>li>dl{ flex-direction: column }
	form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li>dl>dd{ width: 100%; }
	form .policy { padding: 8%; }
	form .formbox>ul>li._1{ padding-top: 0; padding-bottom: 0; }
}
@media screen and (max-width: 639px) {
}

/* radiocheck */
form .formbox>ul>li.radiocheck { padding: 35px 0; }
form .formbox>ul>li.radiocheck>dl { padding-bottom: 45px; }
form .formbox>ul>li.radiocheck>dl:last-child { padding-bottom: 0px; }
form .formbox>ul>li.radiocheck>dl>dt { padding-top: 0; }
form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
@media screen and (max-width: 767px) {
	form .formbox>ul>li.radiocheck { padding: 20px 0; }
	form .formbox>ul>li.radiocheck>dl { padding-bottom: 30px; }
	form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
}




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


#contact.online


//////////////////*/
#contact.online form .formbox>ul>li>dl>dd.date .box {  }
#contact.online form .formbox>ul>li>dl>dd.date .box select { margin-bottom: 10px; width: 90px!important; }
#contact.online form .formbox>ul>li>dl>dd.date .box br { display: none; }
@media screen and (max-width: 900px) {
	#contact.online form .formbox>ul>li>dl>dd.date .box span { display: block; }
	#contact.online form .formbox>ul>li>dl>dd.date .box select { width: 80px!important; }
}
@media screen and (max-width: 767px) {
	#contact.online form .formbox>ul>li>dl>dd.date .box select { width: 65px!important; padding-left: 10px; padding-right: 10px; }
	#contact.online form .formbox>ul>li>dl>dd.date .box span { display: none; }
}
@media screen and (max-width: 500px) {
	#contact.online form .formbox>ul>li>dl>dd.date .box span { display: block;  }
	#contact.online form .formbox>ul>li>dl>dd.date .box br { display: block; }
}



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


#contact.estimate


//////////////////*/
#contact.estimate .flowlist>li>.inwrap dt{ width: 240px; }
.topsectitle .en { text-align: left; }
.topsectitle .en span { display: inline-block; font-size: 2.0rem; font-weight: bold; }
.topsectitle .en span:before { content:' / '; }
@media screen and (max-width: 639px){
	.topsectitle .en span { display: inline-block; font-size: 1.8rem; font-weight: bold; }
	.topsectitle .en span:before { display: none; }
}


#contact.estimate #tabs { }
#contact.estimate #tabs .tab_item,
#contact.estimate #tabs .intab_item {width: 50%; background-color: #f7f7f7; text-align: center;  display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;  font-weight: bold; font-size: 2.4rem; line-height: 1.6; font-family: 'Noto Sans Japanese', sans-serif; letter-spacing: 0.05em; position: relative; padding: 25px 6% 20px; box-sizing: border-box; }
#contact.estimate #tabs .tab_item:hover,
#contact.estimate #tabs .intab_item:hover { background-color: #eee; }
#contact.estimate #tabs input[name="tab_item"] {display: none; }
#contact.estimate #tabs .tab_content,
#contact.estimate #tabs .intab_content {display: none; clear: both; overflow: hidden;  }
#contact.estimate #tabs .tab_content{ padding-top: 70px; }
#contact.estimate #tabs #tab1:checked ~ #tab1_content,
#contact.estimate #tabs #tab2:checked ~ #tab2_content,
#contact.estimate #tabs ._1 ~ ._1_content,
#contact.estimate #tabs ._2 ~ ._2_content,
#contact.estimate #tabs ._3 ~ ._3_content {display: block; }
#contact.estimate #tabs input:checked + .tab_item,
#contact.estimate #tabs li.current .intab_item {background-color: #191919; color: #fff; }
#contact.estimate #tabs input:checked + .tab_item:after,
#contact.estimate #tabs li.current .intab_item:after{ content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #191919 transparent transparent transparent; position: absolute; bottom: -10px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#contact.estimate #tabs .intablist{ display: flex; flex-direction: row; align-items: center; margin-bottom: 60px; }
#contact.estimate #tabs .intablist .list{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 5px; }
#contact.estimate #tabs .intablist .list .intab_item{ width: 180px; margin-left: 10px; margin-bottom: 10px; font-size: 1.8rem; text-align: left; padding-left: 20px; padding-right: 20px; }


#contact.estimate #tabs input[type="radio"][name="intab_item"] { width: 18px; height: 18px; border-radius: 50%; background-color: #f7f7f7!important; cursor: pointer; vertical-align: -3px; border:1px solid #191919; background-size: 18px 18px!important; font-size: 0; transition: 0.3s; margin-right: 5px; }
#contact.estimate #tabs input[type="radio"][name="intab_item"].checked,
#contact.estimate #tabs input[type="radio"][name="intab_item"]:checked { background-color: #fff!important; border:1px solid #fff; }
#contact.estimate #tabs input[type="radio"][name="intab_item"].checked:before,
#contact.estimate #tabs input[type="radio"][name="intab_item"]:checked:before,
#contact.estimate #tabs input[type="radio"][name="intab_item"].checked:after,
#contact.estimate #tabs input[type="radio"][name="intab_item"]:checked:after { content:none!important; }

#contact.estimate #tabs input[type="radio"][name="intab_item2"] { width: 18px; height: 18px; border-radius: 50%; background-color: #f7f7f7!important; cursor: pointer; vertical-align: -3px; border:1px solid #191919; background-size: 18px 18px!important; font-size: 0; transition: 0.3s; margin-right: 5px; }
#contact.estimate #tabs input[type="radio"][name="intab_item2"].checked,
#contact.estimate #tabs input[type="radio"][name="intab_item2"]:checked { background-color: #fff!important; border:1px solid #fff; }
#contact.estimate #tabs input[type="radio"][name="intab_item2"].checked:before,
#contact.estimate #tabs input[type="radio"][name="intab_item2"]:checked:before,
#contact.estimate #tabs input[type="radio"][name="intab_item2"].checked:after,
#contact.estimate #tabs input[type="radio"][name="intab_item2"]:checked:after { content:none!important; }

#contact.estimate #tabs .intab_content>.inwrap{ border: 1px solid #191919; }
#contact.estimate #tabs .intab_content>.inwrap .topsectitle{ border-bottom: 1px solid #191919; background: #f7f7f7; padding: 24px 6% 19px; margin-bottom: 0; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini{ padding: 70px 6%; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .ebox{ margin-bottom: 70px; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .ebox:last-child{ margin-bottom: 0; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .txt1{ font-weight: bold; font-size: 2rem; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .bg_gray{ background: #f7f7f7; padding: 20px 4%; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist{ display: flex; flex-direction: row; margin-left: -15px; margin-bottom: 20px; flex-wrap: wrap; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li{ margin-left: 15px; width: calc(33.33% - 15px); margin-bottom: 10px; display: flex; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li>.inwrap{ background: #f7f7f7; padding: 30px 8% 25px; text-align: center; box-sizing: border-box; width: 100%; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li>.inwrap .pricetxt{ margin-left: -10px; margin-top: 10px; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li>.inwrap .pricetxt .num{ font-weight: bold; font-size: 3.2rem; margin-left: 10px; line-height: 1.4; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li>.inwrap .pricetxt .unit{ font-weight: bold; margin-left: 10px; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .list{ margin-left: -10px; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .list>li{ margin-left: 10px; display: inline-block; vertical-align: middle; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .btnbox { text-align: center; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .btnbox img{ width: 22px; height: 28px; margin-right: 10px; }
@media screen and (max-width: 1040px){
	#contact.estimate #tabs .tab_item,
	#contact.estimate #tabs .intab_item { font-size: 2rem; padding: 25px 6% 20px; }
	#contact.estimate #tabs .intablist{ display: block; margin-bottom: 60px; }
	#contact.estimate #tabs .intablist .list{ margin-top: 10px; margin-left: -10px; }
	#contact.estimate #tabs .tab_content{ padding-top: 50px; }
	#contact.estimate #tabs .intablist .list .intab_item{ font-size: 1.6rem; }
	.flowlist._notline>li>.inwrap dt{ margin-right: 0; }
	/*#contact.estimate #tabs .intablist .list{ display: flex; flex-direction: row; margin-left: 5px; }
	#contact.estimate #tabs .intablist .list .intab_item{ width: 180px; margin-left: 10px; margin-bottom: 10px; font-size: 1.8rem; text-align: left; padding-left: 20px; padding-right: 20px; }*/
	#contact.estimate #tabs .intab_content>.inwrap .topsectitle{ padding: 20px 6% 15px; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini{ padding: 50px 6%; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li{ width: calc(50% - 15px); }
}
@media screen and (max-width: 767px) {
	#contact.estimate #tabs .tab_item{ float: none; width: 100%; }
	#contact.estimate #tabs .tab_item,
	#contact.estimate #tabs .intab_item { font-size: 1.8rem; padding: 15px 6%; }
	#contact.estimate #tabs input:checked + .tab_item:after,
	#contact.estimate #tabs li.current .intab_item:after{ content: none }
	#contact.estimate #tabs .intablist .list{ display: block; }
	#contact.estimate #tabs .intablist .list .intab_item{ width: 100%; margin-left: 0;  font-size: 1.8rem; text-align: center; padding-left: 6%; padding-right: 6%; }
	#contact.estimate #tabs .intab_content{ padding-top: 20px; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist{ display: block; margin-left: 0; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li{ margin-left: 0; width: 100%; display: block; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li>.inwrap{ padding: 30px 8% 25px; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini{ padding: 30px 8%; }
	#contact.estimate #tabs .intab_content>.inwrap .topsectitle{ padding: 20px 8% 15px; }
	#contact.estimate #tabs .intab_content>.inwrap .box_mini .bg_gray{ padding: 20px 8%; }
#contact.estimate #tabs .intab_content>.inwrap .box_mini .pricelist>li>.inwrap .pricetxt .num{ font-size: 2.4rem; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


















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


#contact.online


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

/* common */

/* #sec_2 */
#contact.online #sec_2 .flowlist .title {width:200px;display: flex; align-items: center;}
#contact.online #sec_2 .flowlist .title .copy.s2 { margin-bottom:0px; position:relative; }
#contact.online #sec_2 .flowlist .title .copy.s2:after {content: url(../img/common/icon_slash.svg);display: inline-block;width: 15px;height: 26px;margin: 0 30px;position:absolute;}
#contact.online #sec_2 .flowlist .txtbox .googleplay { width:232px; height:89px; }
#contact.online #sec_2 .flowlist .txtbox .appstore { width:180px; height:60px; }



















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


#news.index


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

/* common */
#news {  }
#news #main .ebox { display:flex; justify-content:space-between; }
#news #main .ebox .mainbox { flex:1; margin-bottom: 100px; }
#news #main .ebox .sidebox { width:240px; margin-left:60px; margin-bottom: 100px; }
#news #main .ebox .sidebox .en { font-family:'Montserrat', sans-serif; font-weight:600; font-size:24px; color:#1919ff; padding:15px 10px; border:solid 2px #1919ff; text-align:center; margin-bottom:30px; }
#news #main .ebox .sidebox .copy.s2 {font-family: 'Red Hat Display', sans-serif;font-weight: 700;position:relative;margin-bottom:0px;color:#fff;background:#191919;
padding:10px 15px;border-box:box-sizing;margin-bottom: 40px;}
#news #main .ebox .sidebox ul{ text-align: left; margin-left: -20px; /*margin-bottom: 30px;*/ }
#news #main .ebox .sidebox li{ display: inline-block; margin-left: 20px; }
#news #main .ebox .sidebox ul>li a{ font-weight: bold; text-decoration: none; }
#news #main .ebox .sidebox .copy.s2 {font-family: 'Red Hat Display', sans-serif;font-weight: 700;position:relative;margin-bottom:0px;color:#fff;background:#191919; padding:10px 15px;border-box:box-sizing;margin-bottom: 45px;}
#news #main .ebox .sidebox ul>li>ul{padding-left: 27px;/*margin-top: 20px;margin-bottom: -30px;*/}
#news #main .ebox .sidebox ul>li>ul>li { margin-bottom: 10px; }
#news #main .ebox .sidebox ul>li { /*margin-bottom:20px;*/margin-bottom:10px; font-size: 1.8rem; font-weight: bold; letter-spacing: 1.4; line-height: 1.8; }
@media screen and (max-width: 1040px) {
	#news #main .ebox{display:block;}
	#news #main .ebox .sidebox ul{ text-align: left; margin-left: -20px; /*margin-bottom:40px;*/ }
	#news #main .ebox .sidebox{ width:100%; margin-left:0px; margin-top: 100px; margin-bottom: 0; }
	#news #main .ebox .sidebox .copy.s2 { margin-bottom: 20px;padding:10px 6%;}
	#news #main .ebox .sidebox ul>li>ul{padding-left: 0;/*margin-top:5px;margin-bottom: -30px;*/}
	#news #main .ebox .sidebox ul>li { margin-bottom:10px; }
}
@media screen and (max-width: 767px) {
	#news #main .ebox .sidebox .en{font-size:18px; color:#1919ff; padding:10px 0; margin-bottom:10px; }
	#news #main .ebox .sidebox ul>li{ display: block; }
	#news #main .ebox .sidebox ul>li>ul>li{ display: inline-block; }
}
@media screen and (max-width: 500px) {
	#news #main .ebox .mainbox { flex:1; margin-bottom: 60px; }
	#news #main .ebox .sidebox { margin-bottom: 60px; }
	#news #main .ebox .sidebox li{ display: block; margin-right: 0; }
	#news #main .ebox .sidebox ul>li{ font-size: 1.6rem; }
}


/* #sec_1 */
#news.index #sec_1 .ebox .mainbox .newslist { padding-top: 30px; border-top: 1px solid #0d0d0d; }
#news.index #sec_1 .ebox .mainbox .newslist li a {display: flex;justify-content: flex-start;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #0d0d0d;text-decoration: none;}
#news.index #sec_1 .ebox .mainbox .newslist li:last-child { border-bottom: none; }
#news.index #sec_1 .ebox .mainbox .newslist li .txtnum { width: 120px; margin-bottom: 5px; font-family: 'Red Hat Display', sans-serif; font-size:1.4rem; }
#news.index #sec_1 .ebox .mainbox .newslist li .title { flex: 1 0 0; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#news.index #sec_1 .newslist li a { flex-wrap: wrap; }
	#news.index #sec_1 .ebox .mainbox .newslist li a{ display: block; }
	#news.index #sec_1 .newslist li .txtnum { display: block; width: 100%; }
}




















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


#news.under


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

#news.under{  }

/* #sec_1 */
#news.under #sec_1 .mainbox .sectitle{margin-bottom:20px;}
#news.under #sec_1 .mainbox .txtnum { margin-bottom:60px;}
#news.under #sec_1 .mainbox .txtnum span { margin-right: 1em; font-family: 'Montserrat', sans-serif; font-size: 16px; }
#news.under #sec_1 .mainbox .txtnum a{ text-decoration: none; }
#news.under #sec_1 .mainbox .incnt .ebox a{text-decoration:underline;}
#news.under #sec_1 .incnt .btnbox{ margin-top: 80px; text-align: center; }
@media screen and (max-width: 1040px) {
	#news.under #sec_1 .mainbox .ebox{display:block;}
	#news.under #sec_1 .incnt .btnbox{ margin-bottom: 100px; }
}
@media screen and (max-width: 767px) {
	#news.under #sec_1 .mainbox .sectitle{margin-bottom:20px;}
	#news.under #sec_1 .mainbox .txtnum { margin-bottom:60px;}
	#news.under #sec_1 .mainbox .txtnum span {font-size: 14px; }
	#news.under #sec_1 .incnt .ebox .sidebox ul>li { margin-bottom:20px; font-size: 1.6rem;  }
	#news.under #sec_1 .incnt .ebox .sidebox .copy.s2{ margin-bottom: 35px; }
}