@charset "UTF-8";
/* 	
CSS page.css */
/*
base #191919
purple #235BC8
*/


/*//////////////////
#index
//////////////////*/
#index {  }
/* #mainv */
#index #mainv.index { height:100vh;height:100svh; width: 100%; min-height: 670px; position: relative; }
#index #mainv .copybox { position: absolute; left: calc(5% + 80px); top: calc(50% - 40px); transition: 0.6s; color: #fff; z-index: 10;}
#index #mainv .copybox .main { font-size: 5.8rem; font-weight: 700; line-height: 1.6; margin-bottom: 40px;}
#index #mainv .copybox .en { font-size: 2.8rem;  position: relative; display: inline-block; }
#index #mainv.index div#scrolldown {position: absolute;bottom: 0;left: 3%;color: #fff;z-index: 3;text-align: center;overflow: hidden; z-index: 11; }
#index #mainv.index div#scrolldown .txt.poppins { margin-bottom: 5px;  }
#index #mainv.index div#scrolldown .arr{ transform: rotate(180deg); height: 40px;width: 0px;margin-top: -1px; margin-left: auto;margin-right: auto; }
#index #mainv.index div#scrolldown .arr>.inwrap {animation: scroll-down-line 2.5s infinite 851ms;width: 100%;height: 100%;display: block;}
#index #mainv.index div#scrolldown .arr>.inwrap:after {content: '';display: block;width: 0;height: 100%;border-right: 1px solid #fff;transform-origin: right center;transform: scale(1, 0.001);transform: none;transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s linear;}
#index #mainv.index ul.slidelist { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; }
#index #mainv.index ul.slidelist .slick-list,
#index #mainv.index ul.slidelist .slick-track,
#index #mainv.index ul.slidelist .slick-slide { height: 100%; }
#index #mainv.index ul.slidelist li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; transform: scale(1.1); transition: 3s cubic-bezier(.645, .045, .355, 1); z-index: -1; }
#index #mainv.index ul.slidelist li.slick-current img  { transform: scale(1); }
#index #mainv.index ul.slidelist li._3 img{ object-position: 20% 50% }
@media screen and (max-width: 1100px){
	#index #mainv.index { min-height: 0; } 
    #index #mainv .copybox { left: 8%; top: calc(50% - 40px); }
    #index #mainv .copybox .main { font-size: 4.2rem; margin-bottom: 30px;}
    #index #mainv .copybox .en { font-size: 2.2rem; }  
}
@media screen and (max-width: 767px){
	#index #mainv.index div#scrolldown{ left: 6%; }
}
@media screen and (max-width: 500px){
    #index #mainv .copybox .main { font-size: 2.8rem; margin-bottom: 30px;}
    #index #mainv .copybox .en { font-size: 1.6rem; }  
}
@keyframes scroll-down-line {
	0% { transform-origin: 50% 0%; transform: scale(1, 1); }
	20% { transform-origin: 50% 0%; transform: scale(1, 0.001); }
	20.01% { transform-origin: 50% 100%; }
	38% { transform-origin: 50% 100%; transform: scale(1, 1); }
}

/* #sec_1 */
#index #sec_1 { padding-top: 100px;}
#index #sec_1 .incnt:nth-child(1) { margin-bottom: 140px;}
#index #sec_1 .incnt:nth-child(2) { max-width:1480px; }
#index #sec_1 .box1 { display: flex; flex-direction: row; justify-content: center; align-items: center; }
#index #sec_1 .box1 .titlebox { flex-shrink: 0; margin-right: 8%; line-height: 1.8; display: flex; flex-direction: column; justify-content: center; padding-bottom: 20px; }
#index #sec_1 .box1 .titlebox .en {color: #235BC8; font-size: 6rem; line-height: 1.4; font-weight: 600; margin-bottom: 10px;}
#index #sec_1 .box1 .titlebox .jn { font-size: 3.4rem; letter-spacing: 0.15em; line-height: 1.8; font-weight: 600; }
#index #sec_1 .box1 .txtbox { font-size: 1.8rem; line-height: 2.2; font-weight: bold; }
#index #sec_1 ul.box2 { display: flex; justify-content: space-between; margin-bottom: -20px; overflow: hidden;}
#index #sec_1 ul.box2 li { width: calc(33.333% - 13px); margin-bottom: 20px; }
#index #sec_1 ul.box2 li img { border-radius: 10px; }
@media screen and (max-width: 1100px){
	#index #sec_1 .box1 { display: block; }
    #index #sec_1 .box1 .titlebox { margin-right: 0; padding-bottom: 20px; text-align: center; }
    #index #sec_1 .box1 .titlebox .en { font-size: 6rem; line-height: 1.4; font-weight: 600; margin-bottom: 10px;}
    #index #sec_1 .box1 .titlebox .jn { font-size: 3.4rem; letter-spacing: 0.15em; line-height: 1.8; font-weight: 600; }
	#index #sec_1 .box1 .txtbox { text-align: center;}
    #index #sec_1 ul.box2 { justify-content: center; flex-wrap: wrap; }
	#index #sec_1 ul.box2 li { width: calc(50% - 20px); margin: 0 10px 20px; }
}
@media screen and (max-width: 767px){
    #index #sec_1 { padding-top: 80px;}
    #index #sec_1 .incnt:nth-child(1) { margin-bottom: 80px;}
    #index #sec_1 .incnt:nth-child(2) { max-width:none; }
    #index #sec_1 .box1 .titlebox .en { font-size: 3.4rem; margin-bottom: 10px;}
    #index #sec_1 .box1 .titlebox .jn { font-size: 2rem; }
    #index #sec_1 .box1 .txtbox { font-size: 1.4rem; }
	#index #sec_1 ul.box2 { display: block; }
	#index #sec_1 ul.box2 li { width: 100%; margin: 0 0 20px;}
}
@media screen and (max-width: 500px){
	#index #sec_1 .box1 .txtbox { text-align: justify;}
	#index #sec_1 .box1 .btnwrap { text-align: center;}
	#index #sec_1 .box1 .txtbox br.sp { display: none; }
}

/* #sec_2 */
#index #sec_2 { }
#main.index #sec_2 .insec { display: flex; flex-direction: row; }
#main.index #sec_2 .insec .txtbox { display: flex; flex-direction: column; justify-content: space-between; padding-top: 50px; padding-right: 5%; flex-shrink: 0; width: 45%;}
#main.index #sec_2 .insec .txtbox ul.txtlist li { line-height: 2.2; margin-bottom: 50px; }
#main.index #sec_2 .insec .txtbox ul.txtlist li .title { display: inline-block; font-size: 3rem; border: 1px solid #191919; line-height:1; padding: 12px 15px;letter-spacing: 0.12em;line-height: 1;font-weight: bold;min-width: 150px;text-align: center; margin-bottom: 20px; }
#main.index #sec_2 .insec .imgbox {position: relative;width: 100%;}
#main.index #sec_2 .insec .imgbox ul {display: flex;flex-direction: row;margin-left: -25px;height: 100%;}
#main.index #sec_2 .insec .imgbox ul li { margin-left: 25px; }
#main.index #sec_2 .insec .imgbox ul li:nth-child(1){ padding-bottom: 80px; }
#main.index #sec_2 .insec .imgbox ul li:nth-child(2){ padding-top: 80px; }
#main.index #sec_2 .insec .imgbox ul li img { border-radius: 10px; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1400px){
    #main.index #sec_2 .insec .txtbox { width: 40%;}
}
@media screen and (max-width: 1100px){
	#main.index #sec_2 .insec { display: block; }
	#main.index #sec_2 .insec .txtbox {display: block;  padding: 0; width: 100%; padding-bottom: 60px; text-align: center;}
	#main.index #sec_2 .insec .txtbox ul.txtlist li { margin-bottom: 40px; }
	#main.index #sec_2 .insec .txtbox ul.txtlist li .title {font-size: 2.6rem;padding: 10px 15px; margin-bottom: 20px;text-align: center;}
	#main.index #sec_2 .insec .imgbox ul{ margin-left: -15px; }
	#main.index #sec_2 .insec .imgbox ul { display: flex; flex-direction: row; }
	#main.index #sec_2 .insec .imgbox ul li { margin-left: 15px; margin-bottom: 0 !important; }
	#main.index #sec_2 .insec .imgbox ul li:nth-child(1){ padding-bottom: 0; }
	#main.index #sec_2 .insec .imgbox ul li:nth-child(2){ padding-top: 0; }
}
@media screen and (max-width: 767px){
	#main.index #sec_2 .insec .txtbox { padding-bottom: 60px; }
	#main.index #sec_2 .insec .txtbox .txt { text-align: justify;}
	#main.index #sec_2 .insec .txtbox ul.txtlist li { margin-bottom: 30px; }
    #main.index #sec_2 .insec .txtbox ul.txtlist li .title {font-size: 1.8rem; }
	#main.index #sec_2 .insec .txtbox {padding-left: 0%;padding-right: 0%;}
	#main.index #sec_2 .insec .imgbox ul li { margin-left: 10px; }
}
@media screen and (max-width: 500px){
	#main.index #sec_2 .insec .imgbox ul{ margin-left: 0; }
	#main.index #sec_2 .insec .imgbox ul { display: block; }
	#main.index #sec_2 .insec .imgbox ul li { margin-left: 0; margin-top: 20px; }
}

/* #sec_3 */
#index #sec_3 { background: #f4f2ee; }
#index #sec_3 .insec { display: flex; flex-direction: row-reverse; }
#index #sec_3 .insec .txtbox {margin-left: 6%;display: flex;flex-direction: column;justify-content: center;width: 100%;line-height: 2.4;}
#index #sec_3 .insec .txtbox .topcopy{ text-align: left; }
#index #sec_3 .insec .txtbox ul.list { font-weight: bold; margin-top: 20px;}
#index #sec_3 .insec .imgbox {flex-shrink: 0;}
#index #sec_3 .insec .imgbox img{ max-width: 640px; width: 100%; }
@media screen and (max-width: 1200px){
	#index #sec_3 .majortitle .txt { letter-spacing: 0.05em; }
}
@media screen and (max-width: 1100px){
	#index #sec_3 .insec .imgbox{ width: 50%; }
	#index #sec_3 .insec .txtbox ul.list { margin-top: 25px; }
	#index #sec_3 .insec .txtbox p.link { margin-top: 50px; }
	#index #sec_3 .majortitle .txt { letter-spacing: 0.12em; }
}
@media screen and (max-width: 767px){
	#index #sec_3 .insec { flex-direction: column-reverse; }
	#index #sec_3 .insec .txtbox {margin-left: 0%;display: block;}
	#index #sec_3 .insec .txtbox .topcopy{ text-align: center; }
	#index #sec_3 .insec .txtbox ul.list { margin-top: 15px; }
	#index #sec_3 .insec .imgbox{ margin-bottom: 50px; width: 100%; text-align: center; }
	#index #sec_3 .insec .imgbox img{ max-width: 500px; width: 100%; }
	#index #sec_3 .insec .btnwrap { text-align: center;}
}

/* #sec_4 */
#index #sec_4 {  }
#index #sec_4 ul.list { display: flex; flex-wrap: wrap; margin-bottom: -40px; overflow: hidden; }
#index #sec_4 ul.list>li { width: 30%; margin-bottom: 40px; margin-left: 5%; }
#index #sec_4 ul.list>li:nth-child(1){ margin-left: 0; }
#index #sec_4 ul.list>li:nth-child(4){ display: none; }
#index #sec_4 ul.list>li>a { display: flex; flex-direction: column; position: relative; }
#index #sec_4 ul.list>li>a .infoitems { margin-bottom: 15px; }
#index #sec_4 ul.list>li>a .infoitems ul { overflow: hidden; display: flex; align-items: center; }
#index #sec_4 ul.list>li>a .infoitems ul>li{ display: inline-block; letter-spacing: 0; line-height: 1; }
#index #sec_4 ul.list>li>a .infoitems ul>li._date {  }
#index #sec_4 ul.list>li>a .infoitems ul>li._cat { margin-left: 15px; }
#index #sec_4 ul.list>li>a .infoitems ul>li._cat span.cattxt { display: inline-block; color: #235BC8; background: #e2ecff; line-height: 1; padding: 5px 10px 6px; min-width: 80px; text-align: center; font-size: 1.5rem; border-radius: 20px; }
#index #sec_4 ul.list>li>a:hover .title{ color: #235BC8; text-decoration: underline; }
#index #sec_4 ul.list>li>a:hover .title>:after{ width: 100%; }
#index #sec_4 .btnwrap { display: none;}
@media screen and (max-width: 1100px){
	#index #sec_4 ul.list { margin-left: -50px; margin-bottom: 0; }
	#index #sec_4 ul.list>li { margin-left: 50px; width: calc(50% - 50px); margin-bottom: 0; }
	#index #sec_4 ul.list>li:nth-child(1){ margin-left: 50px; }
    #index #sec_4 ul.list>li:nth-child(n+3) { padding-top: 35px; margin-top: 35px; border-top: 1px solid #bbb; }
	#index #sec_4 ul.list>li:nth-child(4){ display: list-item; }
    #index #sec_4 .topsectitlebox .link { display: none;}
    #index #sec_4 .btnwrap { display: block;}
}
@media screen and (max-width: 767px){
	#index #sec_4 ul.list { display: block; margin-left: -0; margin-bottom: -30px; }
	#index #sec_4 ul.list>li { margin-left: 0; width: 100%; margin-bottom: 30px; }
	#index #sec_4 ul.list>li:nth-child(1){ margin-left: 0; }
    #index #sec_4 ul.list>li:nth-child(n+2) { border-top: 1px solid #bbb; padding-top: 30px; margin-top: 30px; }
    #index #sec_4 ul.list>li>a .infoitems { margin-bottom: 10px; }
    #index #sec_4 ul.list>li>a .infoitems ul>li._cat span.cattxt { padding: 3px 10px 4px; min-width: 50px; font-size: 1.3rem; }
}

/* #sec_5 */
#index #sec_5 .insec { display: flex; flex-direction: row; }
#index #sec_5 .txtbox { width: 100%; background: #f4f2ee; padding: 130px 8%; box-sizing: border-box; }
#index #sec_5 .txtbox .titlebox { margin-bottom: 25px; text-align: center; }
#index #sec_5 .txtbox .titlebox .jn { font-size: 4rem; line-height: 1.8; font-weight: bold; }
#index #sec_5 .txtbox .titlebox .en { }
#index #sec_5 .txtbox .copy,
#index #sec_5 .txtbox p.txt,
#index #sec_5 .txtbox p.btnwrap{ text-align: center; }
#index #sec_5 .txtbox p.txt { line-height: 2.2; }
#index #sec_5 .imgbox {flex-shrink: 0;width: 48%;display: flex;}
#index #sec_5 .imgbox img{ height: auto; }
@media screen and (max-width: 1380px){
	#index #sec_5 .txtbox { padding: 130px 6%;  }
	#index #sec_5 .imgbox{ width: 44%; }
}
@media screen and (max-width: 1100px){
	#index #sec_5 .insec { flex-direction: column-reverse; }
	#index #sec_5 .txtbox { padding: 60px 6%;   }
	#index #sec_5 .imgbox {width: 100%;display: block;}
	#index #sec_5 .txtbox .titlebox .jn { font-size: 3.6rem; }
}
@media screen and (max-width: 767px){
	#index #sec_5 .txtbox p.txt { text-align: justify; }
	#index #sec_5 .txtbox p.txt br { display: none; }
	#index #sec_5 .txtbox .titlebox .jn { font-size: 2.8rem; }
}
@media screen and (max-width: 500px){
    #index #sec_5 .imgbox { height: calc(20vw + 200px); position: relative;}
    #index #sec_5 .imgbox img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; }
}








/*//////////////////
#quality
//////////////////*/
/* #sec_1 */
#quality #sec_1 { }
#quality #sec_1 .copy.s1 { text-align: center; margin-bottom: 60px; }
#quality #sec_1 .box1 { display: flex; background: #f4f2ee; border-radius: 10px; overflow: hidden; }
#quality #sec_1 .box1 .txtbox { flex: 1; width: 40%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 60px 0; }
#quality #sec_1 .box1 .txtbox .copy.s2 { margin-bottom: 20px; }
#quality #sec_1 .box1 .txtbox ul.list1 { margin-bottom: 15px;}
#quality #sec_1 .box1 .txtbox ul.list1>li { position: relative; color: #235BC8; display: flex;align-items: center;  height: 80px; margin-bottom: 10px;}
#quality #sec_1 .box1 .txtbox ul.list1>li::before { content: ""; width: 80px; height: 80px; background: #fff; color: #235BC8; font-weight: 700; position: absolute; top: 0; left: 0; border-radius: 40px;}
#quality #sec_1 .box1 .txtbox ul.list1>li span.h { font-size: 6rem; display: inline-block; position: relative; width: 80px; text-align: center; letter-spacing: 0; font-weight: 700;}
#quality #sec_1 .box1 .txtbox ul.list1>li span.txt { font-size: 4.6rem; position: relative; padding-left: 8px; }
#quality #sec_1 .box1 .txtbox ul.list1>li:nth-child(3) span.h { padding-left: 3px; margin-right: -3px;}
#quality #sec_1 .box1 .txtbox .txt1 { font-size: 3.0rem; color: #235BC8;}
#quality #sec_1 .box1 .imgbox { width: 60%; }
#quality #sec_1 .box1 .imgbox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; }
@media screen and (max-width: 1100px){
	#quality #sec_1 .box1 .imgbox { width: 50%; }
	#quality #sec_1 .box1 .copy.s2 { font-size: 2.2rem; letter-spacing: 0.1em; }
	#quality #sec_1 .box1 .txtbox ul.list1>li { height: 65px; margin-bottom: 5px;}
	#quality #sec_1 .box1 .txtbox ul.list1>li::before { width: 65px; height: 65px; border-radius: 32px;}
	#quality #sec_1 .box1 .txtbox ul.list1>li span.h { font-size: 5rem; width: 65px;}
	#quality #sec_1 .box1 .txtbox ul.list1>li span.txt { font-size: 4rem; padding-left: 8px; }
	#quality #sec_1 .box1 .txtbox .txt1 { font-size: 2.4rem; } 
}
@media screen and (max-width: 767px){
	#quality #sec_1 .copy.s1 { text-align: justify; margin-bottom: 40px; font-size: 1.6rem; }
	#quality #sec_1 .copy.s1 br { display: none; }
	#quality #sec_1 .box1 { flex-direction: column;}
	#quality #sec_1 .box1 .imgbox { width: 100%; height: calc(40vw + 100px);}
	#quality #sec_1 .box1 .txtbox { width: 100%; padding: 40px 0; }
	#quality #sec_1 .box1 .copy.s2 { font-size: 1.8rem;  }
	#quality #sec_1 .box1 .txtbox ul.list1>li { height: 50px; margin-bottom: 10px;}
	#quality #sec_1 .box1 .txtbox ul.list1>li::before { width: 50px; height: 50px; border-radius: 25px;}
	#quality #sec_1 .box1 .txtbox ul.list1>li span.h { font-size: 4rem; width: 50px;}
	#quality #sec_1 .box1 .txtbox ul.list1>li span.txt { font-size: 3rem; padding-left: 8px; }
	#quality #sec_1 .box1 .txtbox .txt1 { font-size: 2rem; } 
}

/* #sec_2 */
#quality #sec_2 { background: url(../img/quality/s2_bg1.png) no-repeat; background-size: cover; color: #fff; }
#quality #sec_2 .incnt{ max-width: 1080px; }
#quality #sec_2 .txt { font-size: 1.8rem; text-align: center; margin-bottom: 60px; }
#quality #sec_2 .insec { position: relative; }
#quality #sec_2 .insec .txtlist {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
#quality #sec_2 .insec .txtlist li:first-child,
#quality #sec_2 .insec .txtlist li:last-child{ width: 100%; min-height: inherit; }
#quality #sec_2 .insec .txtlist li:first-child{padding-bottom: 20px;}
#quality #sec_2 .insec .txtlist li:last-child{padding-top: 20px;}
#quality #sec_2 .insec .txtlist li{width: calc(50% - 200px);display: flex;justify-content: center;padding-left: 20px;padding-right: 20px;min-height: 280px;align-items: center;}
#quality #sec_2 .insec .txtlist li>.inwrap{ max-width: 400px; width: 100%; position: relative; }
#quality #sec_2 .insec .txtlist li>.inwrap::before{ content: ""; width: 290px; height: 2px; background: #fff; position: absolute; display: inline-block; }
#quality #sec_2 .insec .txtlist li:nth-child(1)>.inwrap::before{transform: rotate(35deg);bottom: 40px;left: -240px;}
#quality #sec_2 .insec .txtlist li:nth-child(2)>.inwrap::before{transform: rotate(-35deg);bottom: -110px;right: -40px;}
#quality #sec_2 .insec .txtlist li:nth-child(3)>.inwrap::before{transform: rotate(-35deg);top: -120px;right: 80px;}
#quality #sec_2 .insec .txtlist li:nth-child(4)>.inwrap::before{transform: rotate(35deg);bottom: 140px;right: -240px;}
#quality #sec_2 .insec .txtlist li .title { color: #235BC8;margin-bottom: 10px; font-size: 2.5rem;font-weight: 600;line-height: 1;padding: 0.4em 0.5em;background: #fff;width: 100%;box-sizing: border-box;display: block;text-align: center; }
#quality #sec_2 .insec .txtlist li .txt2 {letter-spacing: 0.1em;line-height: 1.8;}
#quality #sec_2 .insec .img1{position: absolute;width: 280px;height: 280px;left: calc(50% - 140px);top: calc(50% - 160px);display: flex;align-items: center;justify-content: center;}
#quality #sec_2 .insec .img1 img{ width: 208px; }
#quality #sec_2 .insec .img1::before,
#quality #sec_2 .insec .img1::after,
#quality #sec_2 .insec .img1>.inwrap::before,
#quality #sec_2 .insec .img1>.inwrap::after{ content: ''; display: inline-block; position: absolute; }
#quality #sec_2 .insec .img1::before{ width: 22px; height: 12px; background-color: #ffffff; clip-path: polygon(50% 0%, 0% 12px, 22px 12px); top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#quality #sec_2 .insec .img1::after{ width: 22px; height: 12px; background-color: #ffffff; clip-path: polygon(50% 12px, 0% 0%, 22px 0%); bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#quality #sec_2 .insec .img1>.inwrap::before{width: 12px; height: 22px; background-color: #ffffff; clip-path: polygon(12px 50%, 0% 0%, 0% 22px); right: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}
#quality #sec_2 .insec .img1>.inwrap::after{width: 12px; height: 22px; background-color: #ffffff; clip-path: polygon(0% 50%, 12px 0%, 12px 22px); left: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;}
@media screen and (max-width: 1100px){
	#quality #sec_2{ padding-top: 60px; }
	#quality #sec_2 .txt,
	#quality #sec_2 .sectitle{ display: none; }
	#quality #sec_2 .insec .txtlist {display: block;}
	#quality #sec_2 .insec .txtlist li:first-child{padding-bottom: 0;}
	#quality #sec_2 .insec .txtlist li:last-child{padding-top: 0;}
	#quality #sec_2 .insec .txtlist li{width: 100%;display: block;padding-left: 0;padding-right: 0;min-height: inherit;}
	#quality #sec_2 .insec .txtlist li:not(:last-child){margin-bottom: 40px;}
	#quality #sec_2 .insec .txtlist li>.inwrap{ max-width: 100%; }
	#quality #sec_2 .insec .txtlist li>.inwrap::before{ content: none; }
	#quality #sec_2 .insec .img1{position: relative;width: 52%;height: inherit;left: auto;top: auto;display: block;text-align: center;margin-bottom: 30px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	#quality #sec_2 .insec .img1 img{ max-width: 208px; width: 100%; }
	#quality #sec_2 .insec .img1>.inwrap{ display: inline; }
	#quality #sec_2 .insec .img1::before,
	#quality #sec_2 .insec .img1>.inwrap::before,
	#quality #sec_2 .insec .img1>.inwrap::after{ content: none; }
	#quality #sec_2 .insec .img1::after{ width: 17px; height: 8px; clip-path: polygon(50% 8px, 0% 0%, 17px 0%); }
	#quality #sec_2 .insec .txtlist li .title { font-size: 2rem;}
}
@media screen and (max-width: 767px){
}

/* #sec_3 */
#quality #sec_3 .box1,
#quality #sec_3 .box2,
#quality #sec_3 .box3 { background: #f4f2ee; padding: 40px 60px 60px; border-radius: 10px; margin-top: 60px; }
#quality #sec_3 .copy.s1 { text-align: center;}
#quality #sec_3 .box3 .titlebox{ text-align: center; }
#quality #sec_3 .box3 .titlebox>.inwrap{ display: inline-block; }
#quality #sec_3 .box1 ol.list1 { border-top: 1px solid #bbb; max-width: 880px; margin: 0 auto;}
#quality #sec_3 .box1 ol.list1>li { font-size: 1.8rem; font-weight: bold; display: flex; align-items: center; border-bottom: 1px solid #bbb; padding: 10px 0; }
#quality #sec_3 .box1 ol.list1>li span { display: inline-block;}
#quality #sec_3 .box1 ol.list1>li .num { font-size: 1.8rem; line-height: 1; background: #235BC8; letter-spacing: 0; color: #fff; width: 34px; height: 34px; margin-right: 10px; display: flex; justify-content: center; align-items: center; font-weight: 500;}
#quality #sec_3 .box1 ol.list1>li .txt { font-weight: bold; flex: 1; }
@media screen and (max-width: 1100px){
	#quality #sec_3 .box1,
	#quality #sec_3 .box2,
	#quality #sec_3 .box3 { margin-top: 30px; padding: 30px 6% 40px;} 
}
@media screen and (max-width: 767px){
	#quality #sec_3 .box1 ol.list1 { line-height: 1.8;}
	#quality #sec_3 .box1 ol.list1>li { font-size: 1.6rem; } 
}
#quality #sec_3 .box2 .inbox1 { display: flex; max-width: 880px; margin: 0 auto 40px; }
#quality #sec_3 .box2 .inbox1 .txtbox { flex: 1; }
#quality #sec_3 .box2 .inbox1 .imgbox { width: 340px; margin-left: 6%; }
#quality #sec_3 .box2 .inbox2 { background: #fff; padding: 50px 8%; }
#quality #sec_3 .box2 .inbox2 .copy.s2 { margin-bottom: 20px;}
#quality #sec_3 .box2 .inbox2 ul.list2  {border-top: 1px solid #bbb; }
#quality #sec_3 .box2 .inbox2 ul.list2 li { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #bbb; padding: 30px 0; }
#quality #sec_3 .box2 .inbox2 ul.list2 li .brand { border: 1px solid #191919; padding: 10px 0; width: 220px; line-height: 1; margin-bottom: 10px; font-size: 2rem; font-weight: 600; text-align: center; }
#quality #sec_3 .box2 .inbox2 ul.list2 li .company { font-size: 1.8rem; font-weight: bold; }
@media screen and (max-width: 1100px){
	#quality #sec_3 .box2 .inbox1 .imgbox { width: 45%; margin-left: 5%; }
	#quality #sec_3 .box2 .inbox2 { padding: 40px 6%; }
	#quality #sec_3 .box2 .inbox2 ul.list2 li .btn.base { min-width: 170px;}
}
@media screen and (max-width: 767px){
	#quality #sec_3 .box2 .inbox1 { display: flex; flex-direction:column; margin: 0; }
	#quality #sec_3 .box2 .inbox1 .imgbox { width: 100%; max-width: 340px; margin: 30px auto 40px; }
	#quality #sec_3 .box2 .inbox2 ul.list2 li { flex-direction: column; }
	#quality #sec_3 .box2 .inbox2 ul.list2 li .brand { padding: 7px 0; width: 100%; font-size: 1.6rem; }
	#quality #sec_3 .box2 .inbox2 ul.list2 li .company { font-size: 1.5rem; margin-bottom: 15px; text-align: center; }
	#quality #sec_3 .box2 .inbox2 ul.list2 li .btn.base { min-width: 200px; }
}
@media screen and (max-width: 500px){
	#quality #sec_3 .box2 .inbox2 ul.list2 li .txtbox { width: 100%; }
}
#quality #sec_3 .box3 .copy.s1 { display: flex; justify-content: center; align-items: center; text-align: left; line-height: 1.6; }
#quality #sec_3 .box3 .copy.s1 span.txt { font-weight: 600; flex: 1; }
#quality #sec_3 .box3 .copy.s1 img { width: 130px; margin-right: 25px;}
#quality #sec_3 .box3 .copy.s1 .img{ padding-top: 10px; }
#quality #sec_3 .box3 .inbox1 { /*display: flex;*/ max-width: 880px; margin: 0 auto 40px; }
/* #quality #sec_3 .box3 .inbox1 .txtbox { flex: 1; }
#quality #sec_3 .box3 .inbox1 .imgbox { width: 215px; margin-left: 6%; } */
#quality #sec_3 .box3 .inbox2 ul.list3  { display: flex; justify-content: space-between;}
#quality #sec_3 .box3 .inbox2 ul.list3>li { width: 48%; background: #fff; padding: 40px 4%; box-sizing: border-box; text-align: left; }
#quality #sec_3 .box3 .inbox2 ul.list3>li .copy.s2 { margin-bottom: 20px; border-bottom: 2px solid #191919; padding-bottom: 12px; line-height: 1.6;}
#quality #sec_3 .box3 .inbox2 ul.list3>li .copy.s2 span { font-weight: 600; display: inline-block;}
@media screen and (max-width: 1100px){
	#quality #sec_3 .box3 .copy.s1 span.txt br { display: none;}
}
@media screen and (max-width: 767px){
	#quality #sec_3 .box3 .inbox1 { display: flex; flex-direction:column; margin: 0; margin-bottom: 30px; }
	#quality #sec_3 .box3 .inbox1 .imgbox { width: 80%; max-width: 250px; margin: 30px auto 40px; }
	#quality #sec_3 .box3 .inbox2 ul.list3  { flex-wrap: wrap; margin-top: -20px;}
	#quality #sec_3 .box3 .inbox2 ul.list3>li { width: 100%; margin-top: 20px; padding: 30px 6%; }
	#quality #sec_3 .box3 .inbox2 ul.list3>li .copy.s2 { margin-bottom: 15px; border-bottom: 1px solid #191919; }
	#quality #sec_3 .box3 .copy.s1 .img{ padding-top: 0; }
}
@media screen and (max-width: 500px){
	#quality #sec_3 .box3 .copy.s1 { flex-direction: column; }
	#quality #sec_3 .box3 .copy.s1 img { width: 130px; margin-right: 0; margin-bottom: 20px;}
}







/*//////////////////
#items
//////////////////*/
#items #pankuzu { background: #f4f2ee; }
/* #sec_1 */
#items #sec_1 { background: #f4f2ee; padding-top: 60px; }
#items #sec_1 .copy.s1 { text-align: center; margin-bottom: 40px; }
#items #sec_1 .txt1 { text-align: center; font-size: 1.8rem; margin-bottom: 50px; }
#items #sec_1 .imgbox img:nth-child(2) { display: none;}
#items #sec_1 .list1{overflow: hidden; margin-top: 80px;}
#items #sec_1 .list1>ul {display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: -30px;overflow: hidden;margin-right: -1px;}
#items #sec_1 .list1>ul>li {width: 50%;border-bottom: 1px solid #bbb;padding-bottom: 30px;padding-top: 30px;border-right: 1px solid #bbb;box-sizing: border-box;}
#items #sec_1 .list1>ul>li:nth-child(1),
#items #sec_1 .list1>ul>li:nth-child(2) { padding-top: 0; }
#items #sec_1 .list1>ul>li:nth-child(odd){ padding-right: 4%; }
#items #sec_1 .list1>ul>li:nth-child(even) { padding-left: 4%; }
#items #sec_1 .list1>ul>li .title { font-size: 2.8rem; background: #fff; line-height: 1; letter-spacing: 0.5em; padding: 15px 10px 15px 0; font-weight: 600; text-align: center; margin-bottom: 20px;}
#items #sec_1 .list1>ul>li ul.list2 { text-align: left; }
#items #sec_1 .list1>ul>li ul.list2>li { font-size: 1.8rem; margin-right: 0.8em; letter-spacing: 0.08em; font-weight: bold; display: inline-block;}
@media screen and (max-width: 1100px){
	#items #sec_1 .list1>ul>li ul.list2>li { line-height: 1.8; }
}
@media screen and (max-width: 767px){
	#items #sec_1 .copy.s1 { text-align: justify; margin-bottom: 30px; font-size: 1.6rem; }
	#items #sec_1 .txt1 { text-align: justify; font-size: 1.4rem; margin-bottom: 30px; }
	#items #sec_1 .txt1 br { display: none; }
	#items #sec_1 .imgbox img:nth-child(1) { display: none;}
	#items #sec_1 .imgbox img:nth-child(2) { display: block; max-width: 500px; margin: 0 auto; width: 100%;}
	#items #sec_1 .list1{ margin-top: 60px; }
	#items #sec_1 .list1>ul>li { width: 100%;}
	#items #sec_1 .list1>ul {display: block;margin-bottom: -0;margin-right: -0;}
	#items #sec_1 .list1>ul>li {width: 100%;padding-bottom: 20px;padding-top: 0;margin-bottom: 20px;border-right: none;}
	#items #sec_1 .list1>ul>li:nth-child(odd){ padding-right: 0%; }
	#items #sec_1 .list1>ul>li:nth-child(even) { padding-left: 0%; }
	#items #sec_1 .list1>ul>li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
	
	#items #sec_1 .list1>ul>li .title { font-size: 2rem; padding: 12px 0.5em 12px 0; }
	#items #sec_1 .list1>ul>li ul.list2 { text-align: left; }
	#items #sec_1 .list1>ul>li ul.list2>li { font-size: 1.6rem; }
}







/*//////////////////
#service
//////////////////*/
/* #sec_1 */
#service #sec_1 { padding-top: 60px; }
#service #sec_1 .copy.s1 { text-align: center; margin-bottom: 40px; }
#service #sec_1 ul.list1 { margin-top: 80px; }
#service #sec_1 ul.list1>li { display: flex; justify-content: space-between; }
@media screen and (min-width: 1480px){
	#service #sec_1 ul.list1>li { padding-right: 80px; padding-left: 80px; }
}
#service #sec_1 ul.list1>li:not(:first-child) { padding-top: 60px; margin-top: 60px; border-top: 1px solid #bbb; }
#service #sec_1 ul.list1>li .txtbox { flex: 1; margin-right: 80px; }
#service #sec_1 ul.list1>li .txtbox .title { font-size: 2.6rem; line-height: 1; padding: 15px 1.5em; font-weight: 600; text-align: center; margin-bottom: 20px; border: 1px solid #191919; display: inline-block;}
#service #sec_1 ul.list1>li .txtbox .btnbox { margin-top: 20px; }
#service #sec_1 ul.list1>li .imgbox { width: 50%; }
#service #sec_1 ul.list1>li .imgbox img { width : 100%; height : 100%; -o-object-fit : cover; object-fit : cover; border-radius: 10px;}
@media screen and (max-width: 1100px){
	#service #sec_1 .copy.s1 { text-align: justify; margin-bottom: 30px; }
	#service #sec_1 .copy br { display: none; }
	#service #sec_1 ul.list1>li .txtbox { margin-right: 6%; }
	#service #sec_1 ul.list1>li .txtbox .title { font-size: 2.4rem; padding: 15px 1em;}
}
@media screen and (max-width: 767px){
	#service #sec_1 .copy.s1 { font-size: 1.6rem; }
	#service #sec_1 ul.list1 { margin-top: 40px; }
	#service #sec_1 ul.list1>li { flex-direction: column; }
	#service #sec_1 ul.list1>li:not(:first-child) { padding-top: 40px; margin-top: 40px; }
	#service #sec_1 ul.list1>li .txtbox { margin-right: 0; }
	#service #sec_1 ul.list1>li .txtbox .title { font-size: 1.8rem; padding: 12px 1em;}
	#service #sec_1 ul.list1>li .imgbox { width: 100%; margin-top: 30px; height: calc(40vw + 100px); }
}
/* #sec_2 */
#service #sec_2 { background: #f4f2ee; }
#service #sec_2 .txt1 { text-align: center; font-size: 1.8rem; margin-bottom: 50px; }
#service #sec_2 ol.list1 { display: flex; justify-content: space-between; flex-wrap: wrap; }
#service #sec_2 ol.list1>li { width: 30%; font-size: 1.8rem; font-weight: bold; margin-bottom: 40px; position: relative; }
#service #sec_2 ol.list1>li:not(:nth-of-type(3n))::after { content: url(../img/common/arr2.svg); width: 18px; height: 14px; position: absolute; right: -11%; top: 35%; }
#service #sec_2 ol.list1>li .title { display: flex; align-items: center; margin-top: 10px; }
#service #sec_2 ol.list1>li .title span { display: inline-block;}
#service #sec_2 ol.list1>li .title .num { font-size: 1.8rem; line-height: 1; background: #235BC8; letter-spacing: 0; color: #fff; width: 34px; height: 34px; margin-right: 10px; display: flex; justify-content: center; align-items: center; font-weight: 500;}
#service #sec_2 ol.list1>li .title .txt { font-weight: bold; flex: 1; }
#service #sec_2 .box1 { background: #fff; padding: 40px 6%; margin-top: 40px; border-radius: 10px;}
@media screen and (max-width: 1100px){
	#service #sec_2 ol.list1>li:not(:nth-of-type(3n))::after { width: 16px; height: 12px; right: -12%; }
}
@media screen and (max-width: 767px){
	#service #sec_2 ol.list1 { line-height: 1.8;}
	#service #sec_2 ol.list1>li { font-size: 1.6rem; width: 46%; margin-bottom: 30px; }
	#service #sec_2 ol.list1>li::after { width: 16px; height: 11px; right: -11%; top: 35%; content: url(../img/common/arr2.svg); position: absolute; }
	#service #sec_2 ol.list1>li:not(:nth-of-type(2n-1))::after,
	#service #sec_2 ol.list1>li:last-child::after { display: none; }
	#service #sec_2 .txt1 { text-align: justify; font-size: 1.4rem; margin-bottom: 30px; }
	#service #sec_2 .txt1 br { display: none; }
	#service #sec_2 .box1 { padding: 30px 6%; margin-top: 0; }
}
@media screen and (max-width: 500px){
	#service #sec_2 ol.list1 { flex-direction: column;}
	#service #sec_2 ol.list1>li { width: 100%; margin-bottom: 60px; }
	#service #sec_2 ol.list1>li::after,
	#service #sec_2 ol.list1>li:not(:nth-of-type(3n))::after,
	#service #sec_2 ol.list1>li:not(:nth-of-type(2n-1))::after { width: 18px; height: 10px; right: auto; left: calc(50% + 9px); top: auto; bottom: -30px; content: url(../img/common/arr2.svg); position: absolute; transform: rotate(90deg); display: block; }
	#service #sec_2 ol.list1>li:last-child::after { display: none; }
	#service #sec_2 ol.list1>li img { border-radius: 10px; }
}







/*//////////////////
#company
//////////////////*/
/* #sec_1 */
#company #sec_1 { }
#company #sec_1 .dllist>li { border-bottom: 1px solid #bbb; }
#company #sec_1 .dllist>li>dl { display:flex; padding: 30px 2em;}
#company #sec_1 .dllist>li>dl dt {width:300px; flex-shrink:0; font-weight: bold; }
#company #sec_1 .dllist>li .list1 { text-align: left; }
@media screen and (max-width: 1100px){
	#company #sec_1 .dllist>li>dl dt { width:200px; }
}
@media screen and (max-width: 767px){
	#company #sec_1 .dllist>li>dl { display:block;padding: 25px 5px;}
	#company #sec_1 .dllist>li>dl dt { width:100%; font-weight:bold; }
	#company #sec_1 .dllist>li>dl dd { width:100% }
}
/* #sec_2 */
#company #sec_2 .majortitle .txt { text-align: center; }
#company #sec_2 .box1 { display: flex; justify-content: space-between;}
#company #sec_2 .box1>div { width: 48%; margin-bottom: 40px;}
#company #sec_2 .box1>div.imgbox { height: 400px;}
#company #sec_2 .box1>div.imgbox  img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#company #sec_2 .box1>div.map { height: 400px;}
#company #sec_2 .box2 { display: flex; justify-content: space-between; }
#company #sec_2 .box2 .btnbox { display : flex; align-items: flex-end; }
@media screen and (max-width: 1040px){
	#company #sec_2 .box1>div.imgbox { height: 300px}
	#company #sec_2 .box1>div.map { height: 300px}
	#company #sec_2 .box2 { flex-direction: column; }
	#company #sec_2 .box2 .btnbox { margin-top: 40px; margin-right: 0px; display: flex; justify-content: center;}
}
@media screen and (max-width: 767px){
	#company #sec_2 .box1 { flex-direction: column; }
	#company #sec_2 .box1>div { width: 100%; margin-bottom: 20px; }
	#company #sec_2 .box1>div.map { height: calc(40vw + 100px);  }
	#company #sec_2 .box2 { margin-top: 10px; }
	#company #sec_2 .box2 .btnbox { margin-top: 20px; }
}
/* #sec_3 */
#company #sec_3 .insec { background: #f4f2ee; padding: 60px 10%; border-radius: 10px; }
@media screen and (max-width: 500px){
	#company #sec_3 .insec { padding: 40px 6%;}
}
/* #sec_4 */
#company #sec_4 { }
#company #sec_4 .dllist>li { border-bottom: 1px solid #bbb; }
#company #sec_4 .dllist>li>dl { display:flex; padding: 30px 2em;}
#company #sec_4 .dllist>li>dl dt {width:300px; flex-shrink:0; }
#company #sec_4 .dllist>li .list1 { text-align: left; }
#company #sec_4 .dllist>li .list1 li { display: inline-block; }
#company #sec_4 .dllist>li .list1 li:after { content: "/"; display: inline-block; margin: 0 0.2em 0 0.6em; }
#company #sec_4 .dllist>li .list1 li:last-child:after { display: none; }
@media screen and (max-width: 1100px){
	#company #sec_1 .dllist>li>dl dt { width:200px; }
}
@media screen and (max-width: 767px){
	#company #sec_4 .dllist>li>dl { display:block;padding: 25px 5px;}
	#company #sec_4 .dllist>li>dl dt { width:100%; font-weight:bold; }
	#company #sec_4 .dllist>li>dl dd { width:100% }
}










/*//////////////////
#privacy
//////////////////*/
/* #sec_1 */
#privacy #sec_1 .txt1,
#privacy #sec_1 .box1 { margin-bottom: 40px;}
#privacy #sec_1 .txt2 { margin-bottom: 20px;}
#privacy #sec_1 .title { font-weight: bold;}
#privacy #sec_1 .indent li { padding-left: 2em !important; text-indent: -2em;}
@media screen and (max-width: 767px){
	#privacy #sec_1 .txt1 { margin-bottom: 30px;}
}

















/*//////////////////
#recruit
//////////////////*/
/* ul.joblist */
#recruit #main ul.joblist { display: flex; justify-content: space-between; }
#recruit #main ul.joblist>li { width: 32%; border-radius: 10px; overflow: hidden; background: #191919;}
#recruit #main ul.joblist>li .imgbox { transition: 0.4s; background: ;}
#recruit #main ul.joblist>li .imgbox img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
#recruit #main ul.joblist>li .txt { font-size: 2.0rem; color: #fff; background: #235BC8; text-align: center; position: relative; padding: 10px 0; transition: 0.4s;}
#recruit #main ul.joblist>li>a .txt::after{ content: ""; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; width: 18px; transform: rotate(90deg); height: 14px; display: inline-block; transition: right 0.3s; background: url(../img/common/arr1.svg) no-repeat; background-size: contain; opacity: 1; }
#recruit.index #main ul.joblist>li .txt::after { right: 30px; width: 18px; height: 14px; transform: rotate(0deg); }
#recruit #main ul.joblist>li a:hover .imgbox { opacity: 0.7; }
#recruit #main ul.joblist>li a:hover .txt { background: #333; }

@media screen and (max-width: 1300px){
	#recruit #main ul.joblist>li .txt { font-size: 1.8rem; }
}
@media screen and (max-width: 1100px){
	#recruit #main ul.joblist>li>a .txt::after{ right: 6%; }
	#recruit #main ul.joblist>li .txt { font-size: 1.4rem; text-align: left; padding-left: 15px; }
}
@media screen and (max-width: 767px){
	#recruit #main ul.joblist { flex-direction: column; align-items: center; margin-top: -20px; }
	#recruit #main ul.joblist>li { width: 100%; max-width: 480px; margin-top: 20px; }
	#recruit #main ul.joblist>li .txt { font-size: 1.6rem; text-align: center; padding-left: 0; }
}
@media screen and (max-width: 500px){
}
/* #sec_bnr */
#recruit #main #sec_bnr ul.list { display: flex; justify-content: center; margin-top: -20px;}
#recruit #main #sec_bnr ul.list>li { border: 1px solid #aaa; background: #fff; display: flex; justify-content: center; align-items: center; width: 400px; height: 120px; font-size: 1.8rem; margin-top: 20px; }
#recruit #main #sec_bnr ul.list>li>a { display: block;}
#recruit #main #sec_bnr ul.list>li>a:hover { opacity: 0.7;}
/* #recruit #main #sec_bnr ul.list>li:first-child { margin-right: 40px;} */
@media screen and (max-width: 1100px){
	#recruit #main #sec_bnr ul.list>li { width: 40vw; height: 14vw; }
	#recruit #main #sec_bnr ul.list>li:first-child { margin-right: 4vw;}
}
@media screen and (max-width: 767px){
	#recruit #main #sec_bnr ul.list { flex-direction: column; justify-content: center; align-items: center;}
	#recruit #main #sec_bnr ul.list>li { width: 60vw; max-width: 300px; height: 21vw; max-height: 90px; }
	#recruit #main #sec_bnr ul.list>li:first-child { margin-right: 0;}
}
@media screen and (max-width: 500px){
	#recruit #main #sec_bnr ul.list { margin-bottom: 20px; }
	#recruit #main #sec_bnr ul.list>li { width: 88vw; max-width: 300px; height: 26vw; max-height: 90px; }
}

/*//////////////////
#recruit.index
//////////////////*/
#recruit.index #pankuzu { background: #f5f4f8;}
#recruit.index #mvbox { display: flex; border-bottom: 1px solid #bbb;}
#recruit.index #mvbox>li { height: calc(10vw + 480px); width: 50%; }
#recruit.index #mvbox>li img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }
@media screen and (max-width: 767px){
	#recruit.index #mvbox { flex-direction: column; }
	#recruit.index #mvbox>li { height: calc(40vw + 120px); width: 100%; }
}
/* #sec_1 */
#recruit.index #sec_1 { background: #f5f4f8;}
#recruit.index #sec_1 .copy.s1 { text-align: center;}
#recruit.index #sec_1 .box1 { margin-top: 40px; ;}
#recruit.index #sec_1 .box1 .title { font-size: 30px; color: #235BC8; text-align: center; margin-bottom: 10px; }
#recruit.index #sec_1 .box1 .title span { position: relative; font-weight: 600; }
#recruit.index #sec_1 .box1 .title span::before{ content: ""; background: url(../img/recruit/index/s1_svg1.svg) no-repeat; background-size: contain; width: 30px; height: 33px; display: inline-block; position: absolute; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; left: -45px; }
#recruit.index #sec_1 .box1 .title span::after{ content: ""; background: url(../img/recruit/index/s1_svg2.svg) no-repeat; background-size: contain; width: 30px; height: 33px; display: inline-block; position: absolute; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; right: -45px; }
#recruit.index #sec_1 .box1 .inbox { background: #fff; padding: 40px 6%; border-radius: 10px;}
#recruit.index #sec_1 .box1 .inbox ul.list1 { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: -5px; }
#recruit.index #sec_1 .box1 .inbox ul.list1>li { font-size: 2.0rem; width: 40%; position: relative; padding-left: 30px; margin-bottom: 5px; box-sizing: border-box;}
#recruit.index #sec_1 .box1 .inbox ul.list1>li::before{ content: ""; background: url(../img/common/check.svg) no-repeat; background-size: contain; width: 22px; height: 22px; display: inline-block; position: absolute; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#recruit.index #sec_1 .btnbox { margin-top: 40px; text-align: center; }
#recruit.index #sec_1 .btnbox a:hover { background: #fff; }
@media screen and (max-width: 1380px){
	#recruit.index #sec_1 .box1 .inbox ul.list1>li { width: 405px; margin: 0 0 5px;}
}
@media screen and (max-width: 1100px){
	#recruit.index #sec_1 .box1 .inbox ul.list1>li { width: auto; margin-right: 1.5em;  }
}
@media screen and (max-width: 767px){
	#recruit.index #sec_1 .copy.s1 { text-align: justify; font-size: 1.6rem;}
	#recruit.index #sec_1 .copy.s1 br { display: none;}
	#recruit.index #sec_1 .box1 { margin-top: 30px; }
	#recruit.index #sec_1 .box1 .inbox { padding: 30px 8%; }
	#recruit.index #sec_1 .box1 .title { font-size: 1.8rem; }
	#recruit.index #sec_1 .box1 .title span::before{ width: 22px; height: 25px; top: 2px; left: -30px; }
	#recruit.index #sec_1 .box1 .title span::after{ width: 22px; height: 25px; top: 2px; right: -30px; }
	#recruit.index #sec_1 .box1 .inbox ul.list1>li { font-size: 1.6rem; padding-left: 25px; line-height: 1.6; margin-bottom: 10px; }
	#recruit.index #sec_1 .box1 .inbox ul.list1>li::before{ width: 16px; height: 16px; bottom: auto; top: 4px; }
	#recruit.index #sec_1 .btnbox { margin-top: 30px; }
}
@media screen and (max-width: 500px){
	#recruit.index #sec_1 .box1 .inbox ul.list1 { flex-direction: column; align-items: flex-start;}
	#recruit.index #sec_1 .box1 .inbox ul.list1>li { margin-right: 0; }
	#recruit.index #sec_1 .box1 .inbox ul.list1>li::before{ width: 18px; height: 18px; }

}
/* #sec_3 */
#recruit.index #sec_3 { background: #f4f2ee; }
#recruit.index #sec_3 .list1>li { margin-top: 30px; }
#recruit.index #sec_3 .list1>li .title { font-size: 2.0rem; background: #fff; padding: 10px 5%; margin-bottom: 15px; }
#recruit.index #sec_3 .list1>li .txt br { display: none;}
#recruit.index #sec_3 .btnbox { margin-top: 40px; text-align: center; }
#recruit.index #sec_3 .btnbox a:hover { background: #fff; }
@media screen and (max-width: 767px){
	#recruit.index #sec_3 .list1>li .title { font-size: 1.6rem; padding: 8px 4%; margin-bottom: 10px; }
}
@media screen and (max-width: 500px){
	#recruit.index #sec_3 .list1>li .txt br { display: block;}
}
#recruit.index #sec_4{ background: #396bcd; color: #fff; }
#recruit.index #sec_4 .sectitle{ margin-bottom: 30px; }
#recruit.index #sec_4 .sectitle .jn{ margin-bottom: 10px; }
#recruit.index #sec_4 .sectitle .en{ color: #fff; }
#recruit.index #sec_4 .gallerylist{margin-top: 30px;}
#recruit.index #sec_4 .gallerylist>.incnt>.inwrap{ display: flex; flex-direction: row; }
#recruit.index #sec_4 .gallerylist>.incnt>.inwrap>li{ width: 33.33%; }
#recruit.index #sec_4 .btnbox{ margin-top: 55px; text-align: center; }
#recruit.index #sec_4 .btnbox .btn.base{background: #fff; color: #235BC8; border: 2px solid #fff; min-width: 350px; }
#recruit.index #sec_4 .btnbox .btn.base::before{ opacity: 0; }
#recruit.index #sec_4 .btnbox .btn.base::after{ opacity: 1; }
#recruit.index #sec_4 .btnbox .btn.base:hover{ background: #235BC8; color: #fff;  }
#recruit.index #sec_4 .btnbox .btn.base:hover::before{ opacity: 1; }
#recruit.index #sec_4 .btnbox .btn.base:hover::after{ opacity: 0; }
@media screen and (max-width: 767px){
	#recruit.index #sec_4 .gallerylist>.incnt>.inwrap{ display: block; }
	#recruit.index #sec_4 .gallerylist>.incnt>.inwrap>li{ width: 100%; }
	#recruit.index #sec_4 .btnbox{ margin-top: 45px; }
	#recruit.index #sec_4 .btnbox .btn.base{ min-width: inherit; max-width: 350px; width: 100%; }
}


/*//////////////////
#recruit.job
//////////////////*/
/* #jobbox1 */
#recruit.job #main .jobbox1 .copy.e1 { text-align: center; background: #235BC8; color: #fff; border-radius: 40px; padding: 10px 4%; font-weight: 600; }
#recruit.job #main .jobbox1 .copy.e2 { text-align: center; padding: 15px 0 30px; font-weight: 600; }
#recruit.job #main .jobbox1 .inbox1 { display: flex; justify-content: center; }
#recruit.job #main .jobbox1 .inbox1 .txtbox { flex: 1; }
#recruit.job #main .jobbox1 .inbox1 .imgbox { height: 380px; width: 40%; margin-right: 60px; }
#recruit.job #main .jobbox1 .inbox1 .imgbox img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }
#recruit.job #main .jobbox1 .inbox2 { display: flex; margin: 80px 0;}
#recruit.job #main .jobbox1 .inbox2 .title { font-size: 1.8rem; font-weight: 600; }
#recruit.job #main .jobbox1 .inbox2 .schedulebox { flex: 1; margin: 0 5%; }
#recruit.job #main .jobbox1 .inbox2 .schedulebox li { padding: 0 4%; display: flex; align-items: center; }
#recruit.job #main .jobbox1 .inbox2 .schedulebox li:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px;  border-bottom: 1px solid #bbb; }
#recruit.job #main .jobbox1 .inbox2 .schedulebox li .time { width: 30%; font-weight: bold; letter-spacing: 0.02em; }
#recruit.job #main .jobbox1 .inbox2 .schedulebox li .txt { flex: 1; }
#recruit.job #main .jobbox1 .inbox2 .imgbox { width: 45%;}
#recruit.job #main .jobbox1 .inbox2 .imgbox li { width: 80%;}
#recruit.job #main .jobbox1 .inbox2 .imgbox li:first-child { margin-bottom: 20px; margin-left: 20%; }
#recruit.job #main .jobbox1 .inbox3 .title { font-size: 2.2rem; text-align: center; margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px solid #191919; }
#recruit.job #main .jobbox1 .inbox3 { background: #fff; padding: 40px 6%; border-radius: 10px;}
#recruit.job #main .jobbox1 .inbox3 ul.list1 { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: -5px; }
#recruit.job #main .jobbox1 .inbox3 ul.list1>li { position: relative; padding-left: 30px; margin-bottom: 10px; box-sizing: border-box; margin-right: 1.5em; }
#recruit.job #main .jobbox1 .inbox3 ul.list1>li::before{ content: ""; background: url(../img/common/check.svg) no-repeat; background-size: contain; width: 22px; height: 22px; display: inline-block; position: absolute; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
@media screen and (max-width: 1100px){
	#recruit.job #main .jobbox1 .inbox1 .imgbox { height: 380px; width: 40%; margin-right: 6%; }
	#recruit.job #main .jobbox1 .inbox2 { flex-wrap: wrap; margin: 50px 0;}
	#recruit.job #main .jobbox1 .inbox2 .title {  width: 100%; writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb; display: inline-block; text-align: center; font-size: 2.2rem; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #191919; }
	#recruit.job #main .jobbox1 .inbox2 .schedulebox { margin-left: 0; }
	#recruit.job #main .jobbox1 .inbox2 .imgbox li { width: 100%;}
	#recruit.job #main .jobbox1 .inbox2 .imgbox li:first-child { margin-left: 0; }
}
@media screen and (max-width: 767px){
	#recruit.job #main .jobbox1 .inbox1 { flex-direction: column;}
	#recruit.job #main .jobbox1 .inbox1 .imgbox { height: calc(20vw + 200px); width: 100%; max-width: 500px; margin: 0 auto 30px; }
	#recruit.job #main .jobbox1 .inbox2 { margin: 40px 0; flex-direction: column;}
	#recruit.job #main .jobbox1 .inbox2 .imgbox { width: 100%; margin-top: 30px;}
	#recruit.job #main .jobbox1 .inbox2 .imgbox li { width: 100%;}
	#recruit.job #main .jobbox1 .inbox2 .imgbox img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; height: calc(20vw + 200px); width: 100%; max-width: 500px; margin: 0 auto; }
	#recruit.job #main .jobbox1 .inbox3 { padding: 30px 8%; }
	#recruit.job #main .jobbox1 .inbox3 .title { font-size: 1.6rem; }
	#recruit.job #main .jobbox1 .inbox3 ul.list1>li { font-size: 1.6rem; padding-left: 25px; line-height: 1.6; margin-bottom: 10px; }
	#recruit.job #main .jobbox1 .inbox3 ul.list1>li::before{ width: 16px; height: 16px; bottom: auto; top: 4px; }
}
@media screen and (max-width: 500px){
	#recruit.job #main .jobbox1 .copy.e1 { font-size: 1.8rem; padding: 7px 0; }
	#recruit.job #main .jobbox1 .copy.e2 { padding: 10px 0; font-size: 1.8rem; }
	#recruit.job #main .jobbox1 .inbox2 { margin: 30px 0;}
	#recruit.job #main .jobbox1 .inbox2 .title {  font-size: 1.6rem; margin-bottom: 20px; }
	#recruit.job #main .jobbox1 .inbox2 .schedulebox li .time { width: 65px; }
	#recruit.job #main .jobbox1 .inbox2 .schedulebox li .txt { line-height: 1.7;; }
	#recruit.job #main .jobbox1 .inbox3 ul.list1 { flex-direction: row; justify-content: flex-start; }
	#recruit.job #main .jobbox1 .inbox3 ul.list1>li { font-size: 1.4rem; }
	#recruit.job #main .jobbox1 .inbox3 ul.list1>li::before{ width: 18px; height: 18px; }
}
/* #sec_2 */
#recruit.job #sec_2 { background: #f4f2ee; }
/* #sec_3 */
#recruit.job #main #sec_3.jobbox1 .inbox3 { background: #f4f2ee; }
/* #sec_4 */
#recruit.job #sec_4 { background: #f4f2ee; }
/*//////////////////
#recruit.crosstalk
//////////////////*/
/* #jobbox1 */
#recruit.crosstalk #main .talkbox1 .copy.e1 { text-align: center; background: #235BC8; color: #fff; border-radius: 40px; padding: 10px 4%; font-weight: 600; }
#recruit.crosstalk #main .talkbox1 .copy.e2 { text-align: center; padding: 15px 0 30px; font-weight: 600; }
#recruit.crosstalk #main .talkbox1 .block { margin-top: 80px;}
#recruit.crosstalk #main .talkbox1 .inbox1 { display: flex; justify-content: center; }
#recruit.crosstalk #main .talkbox1 .inbox1 .txtbox { flex: 1; }
#recruit.crosstalk #main .talkbox1 .add p { font-size:1.6rem; margin-bottom:15px; line-height:2; }
#recruit.crosstalk #main .talkbox1 .add .name { color:#235BC8; font-weight:bold; }
#recruit.crosstalk #main .talkbox1 .inbox1 .imgbox { height: 380px; width: 40%; margin-left: 60px; }
#recruit.crosstalk #main .talkbox1 .inbox1 .imgbox img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }
#recruit.crosstalk #main .talkbox1 .inbox2 { display: flex; }
#recruit.crosstalk #main .talkbox1 .inbox2 .copy { text-align: left; }
#recruit.crosstalk #main .talkbox1 .inbox2 .txtbox { flex: 1; }
#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox { width: 45%; margin-right: 6%;} 
#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox li { width: 100%;}
#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox li:first-child { margin-bottom: 20px; }
#recruit.crosstalk #main .talkbox1 .btnlist { display: flex; justify-content: center; margin-top: 30px; }
#recruit.crosstalk #main .talkbox1 .btnlist li { margin-top: 20px; }
#recruit.crosstalk #main .talkbox1 .btnlist li:first-child { margin-right: 20px; }

@media screen and (max-width: 1100px){
	#recruit.crosstalk #main .talkbox1 .block { margin-top: 50px;}
	#recruit.crosstalk #main .talkbox1 .inbox1 .imgbox { height: 380px; width: 40%; margin-left: 6%; }
	#recruit.crosstalk #main .talkbox1 .inbox2 { flex-wrap: wrap; }
	#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox li { width: 100%;}
	#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox li:first-child { margin-left: 0; }
}
@media screen and (max-width: 767px){
	#recruit.crosstalk #main .talkbox1 .inbox1 { flex-direction: column;}
	#recruit.crosstalk #main .talkbox1 .inbox1 .imgbox { height: calc(20vw + 200px); width: 100%; max-width: 500px; margin: 30px auto 0; }
	#recruit.crosstalk #main .talkbox1 .inbox2 { flex-direction: column-reverse;}
	#recruit.crosstalk #main .talkbox1 .inbox2 .copy { padding-bottom: 0; }
	#recruit.crosstalk #main .talkbox1 .inbox2 .txtbox { margin-right: 6%; }
	#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox { width: 100%; margin-top: 30px;}
	#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; height: calc(20vw + 200px); width: 100%; max-width: 500px; margin: 0 auto; }
	#recruit.crosstalk #main .talkbox1 .btnlist { flex-direction: column; margin-top: 20px; align-items: center; }
	#recruit.crosstalk #main .talkbox1 .btnlist li { margin-top: 20px; }
	#recruit.crosstalk #main .talkbox1 .btnlist li:first-child { margin-right: 0; }
}
@media screen and (max-width: 500px){
	#recruit.crosstalk #main .talkbox1 .block { margin-top: 40px;}
	#recruit.crosstalk #main .talkbox1 .copy.e1 { font-size: 1.8rem; padding: 7px 0; }
	#recruit.crosstalk #main .talkbox1 .copy.e2 { padding: 10px 0; font-size: 1.8rem; }
	#recruit.crosstalk #main .talkbox1 .inbox2 .imgbox { margin-top: 0;}
	#recruit.crosstalk #main .talkbox1 .btnlist li { margin-top: 10px; }
}
/* #sec_2 */
#recruit.crosstalk #sec_2 { background: #f4f2ee; }
/* #sec_3 */
#recruit.crosstalk #main #sec_3.jobbox1 .inbox3 { background: #f4f2ee; }
/* #sec_4 */
#recruit.crosstalk #sec_4 { background: #f4f2ee; }

/*//////////////////
#recruit.guideline
//////////////////*/
#recruit.guideline #sec_1 .snav { display: flex; justify-content: center; border-bottom: 1px solid #bbb; margin-bottom: 40px;}
#recruit.guideline #sec_1 .snav li { margin: 0 5px; border-top-right-radius: 35px; border-top-left-radius: 35px; background: #bbb; color: #fff; height: 70px; width: 280px; display: flex; align-items: center; justify-content: center; font-size: 2rem; transition: 0.4s; cursor: pointer;}
#recruit.guideline #sec_1 .snav li:hover { background: #333; }
#recruit.guideline #sec_1 .snav li.current { background: #235BC8; cursor: default; }
#recruit.guideline #sec_1 .snav { display: flex; justify-content: center;}
/* #sec_1 */
#recruit.guideline #sec_1 .dllist>li { border-bottom: 1px solid #bbb; }
#recruit.guideline #sec_1 .dllist>li>dl { display:flex; padding: 30px 2em;}
#recruit.guideline #sec_1 .dllist>li>dl dt {width:300px; flex-shrink:0; font-weight: bold; }
#recruit.guideline #sec_1 .dllist>li .list1 { text-align: left; }
#recruit.guideline #sec_1 .dllist>li .list1 li { display: inline-block; }
#recruit.guideline #sec_1 .dllist>li .list1 li:after { content: "/"; display: inline-block; margin: 0 0.2em 0 0.6em; }
#recruit.guideline #sec_1 .dllist>li .list1 li:last-child:after { display: none; }
@media screen and (max-width: 1100px){
	#recruit.guideline #sec_1 .dllist>li>dl dt { width:170px; }
}
@media screen and (max-width: 767px){
	#recruit.guideline #sec_1 .snav { margin-bottom: 20px;}
	#recruit.guideline #sec_1 .snav li { height: 40px; width: 24%; margin: 0 2px; border-top-right-radius: 10px; border-top-left-radius: 10px; font-size: 1.6rem; } 
	#recruit.guideline #sec_1 .snav li:last-child { width: 38%; } 
	#recruit.guideline #sec_1 .dllist>li>dl { display:block;padding: 20px 5px;}
	#recruit.guideline #sec_1 .dllist>li>dl dt { width:100%; font-weight:bold; }
	#recruit.guideline #sec_1 .dllist>li>dl dd { width:100% }
}
/* #sec_2 */
#recruit.guideline #sec_2 { background: #f4f2ee; }
#recruit.guideline #sec_2 .dllist>li { }
#recruit.guideline #sec_2 .dllist>li>dl { display:flex; align-items: center; }
#recruit.guideline #sec_2 .dllist>li>dl dt { width:300px; text-align: center; background: #fff; padding: 18px 0; font-size: 2.0rem; font-weight: 600; margin-right: 60px; position: relative; }
#recruit.guideline #sec_2 .dllist>li>dl dt::before{ content: ""; background: url(../img/common/arr3.svg) no-repeat; background-size: contain; width: 22px; height: 22px; display: inline-block; position: absolute; bottom: -40px; left: 140px; }
#recruit.guideline #sec_2 .dllist>li:last-child>dl dt::before { display: none;}
#recruit.guideline #sec_2 .dllist>li>dl dd { border-bottom: 1px solid #fff; padding: 55px 0; flex: 1; }
#recruit.guideline #sec_2 .dllist>li:last-child>dl dd { border-bottom: none; padding-bottom: 0; }
#recruit.guideline #sec_2 .dllist>li:last-child>dl{ align-items: flex-start; }
#recruit.guideline #sec_2 .dllist>li:last-child>dl dt{ margin-top: 30px; }
@media screen and (max-width: 1100px){
	#recruit.guideline #sec_2 .dllist>li>dl dt { width:200px;margin-right: 6%; }
	#recruit.guideline #sec_2 .dllist>li>dl dt::before{ left: 90px; }
}
@media screen and (max-width: 767px){
	#recruit.guideline #sec_2 .dllist>li>dl dt { width: 160px; font-size: 1.8rem; padding: 13px 0;}
	#recruit.guideline #sec_2 .dllist>li>dl dt::before{ left: 70px; }
	#recruit.guideline #sec_2 .dllist>li>dl dd { padding: 45px 0; }
}
@media screen and (max-width: 500px){
	#recruit.guideline #sec_2 .dllist>li>dl { flex-direction: column; }
	#recruit.guideline #sec_2 .dllist>li>dl dt { width:100%; font-size: 1.6rem; margin-right: 0; padding: 10px 0;}
	#recruit.guideline #sec_2 .dllist>li>dl dt::before{ width: 16px; height: 16px; bottom: auto; top: -40px; left: calc(50% - 5px); }
	#recruit.guideline #sec_2 .dllist>li>dl dt { margin-bottom: 15px;}
	#recruit.guideline #sec_2 .dllist>li:last-child>dl dt{ margin-top: 0; }
	#recruit.guideline #sec_2 .dllist>li:first-child>dl dt::before { display: none;}
	#recruit.guideline #sec_2 .dllist>li:last-child>dl dt::before { display: block;}
	#recruit.guideline #sec_2 .dllist>li>dl dd { width: 100%; border-bottom: none; padding: 0; margin-bottom: 60px; align-items: flex-start; justify-content: flex-start; text-align: justify; }
	#recruit.guideline #sec_2 .dllist>li:last-child>dl dd { margin-bottom: 0; }
}






















/*//////////////////
#news
//////////////////*/
#news #sec_1 .snav { display: flex; justify-content: center; margin-bottom: 60px; }
#news #sec_1 .snav li { margin: 0 0.8em; position:relative;}
#news #sec_1 .snav li a { font-size: 1.8rem; font-weight: bold; }
#news #sec_1 .snav li.current a { color: #235BC8; }
#news #sec_1 .snav li.current a::before { transform-origin: center top; transform: scale(1, 1); }
#news #sec_1 .snav li a::before { background: #235BC8; content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 2px; transform-origin: right top; transform: scale(0, 1); transition: transform .3s; }
@media screen and (min-width: 1101px) {
	#news #sec_1 .snav li a:hover { color: #235BC8; }
	#news #sec_1 .snav li a:hover::before { transform-origin: center top; transform: scale(1, 1); }
}
@media screen and (max-width: 767px){
	#news #sec_1 .snav { justify-content: flex-start; flex-wrap: wrap; margin-bottom: 60px; }
	#news #sec_1 .snav li { margin: 0; margin-right: 1em; }
	#news #sec_1 .snav li a { font-size: 1.6rem; }
}

/*//////////////////
#news.index
//////////////////*/
/* #sec_1 */
#news.index #sec_1 ul.list { border-top: 1px solid #bbb; overflow: hidden; }
#news.index #sec_1 ul.list>li { padding: 40px 6%; border-bottom: 1px solid #bbb; }
#news.index #sec_1 ul.list>li>a { display: flex; align-items: center; position: relative; }
#news.index #sec_1 ul.list>li>a .infoitems ul { overflow: hidden; display: flex; align-items: center; margin-right: 40px; }
#news.index #sec_1 ul.list>li>a .infoitems ul>li{ display: inline-block; letter-spacing: 0; line-height: 1; }
#news.index #sec_1 ul.list>li>a .infoitems ul>li._cat { margin-left: 15px; }
#news.index #sec_1 ul.list>li>a .infoitems ul>li._cat span.cattxt { display: inline-block; color: #235BC8; background: #e2ecff; line-height: 1; padding: 5px 10px 6px; min-width: 80px; text-align: center; font-size: 1.5rem; border-radius: 20px; }
#news.index #sec_1 ul.list>li>a .title{ flex: 1; }
#news.index #sec_1 ul.list>li>a:hover .title{ color: #235BC8; text-decoration: underline; }
#news.index #sec_1 .btnwrap { display: none;}
@media screen and (max-width: 767px){
	#news.index #sec_1 ul.list>li { padding: 30px 0; }
	#news.index #sec_1 ul.list>li>a { align-items: flex-start;}
    #news.index #sec_1 ul.list>li>a .infoitems ul { margin-right: 30px; margin-top: 3px; }
	#news.index #sec_1 ul.list>li>a .infoitems ul>li._cat { margin-left: 10px; }
    #news.index #sec_1 ul.list>li>a .infoitems ul>li._cat span.cattxt { padding: 3px 10px 4px; min-width: 50px; font-size: 1.3rem; }
}
@media screen and (max-width: 500px){
	#news.index #sec_1 ul.list>li>a { flex-direction: column; align-items: flex-start;}
    #news.index #sec_1 ul.list>li>a .infoitems ul { margin-right: 0; margin-top: 0; margin-bottom: 10px; }
}

/*//////////////////
#news.under
//////////////////*/
/* #sec_1 */
#news.under #sec_1 .newssec { display: flex; justify-content: center; margin-bottom: 60px; }
#news.under #sec_1 .infoitems ul { overflow: hidden; display: flex; align-items: center; margin-right: 40px; }
#news.under #sec_1 .infoitems ul>li{ display: inline-block; letter-spacing: 0; line-height: 1; }
#news.under #sec_1 .infoitems ul>li._cat { margin-left: 15px; }
#news.under #sec_1 .infoitems ul>li._cat span.cattxt { display: inline-block; color: #235BC8; background: #e2ecff; line-height: 1; padding: 5px 10px 6px; min-width: 80px; text-align: center; font-size: 1.5rem; border-radius: 20px; }
#news.under #sec_1 .editbody { margin-top: 60px; }
@media screen and (max-width: 767px){
    #news.under #sec_1 .infoitems ul { margin-right: 30px; margin-top: 3px; }
	#news.under #sec_1 .infoitems ul>li._cat { margin-left: 10px; }
    #news.under #sec_1 .infoitems ul>li._cat span.cattxt { padding: 3px 10px 4px; min-width: 50px; font-size: 1.3rem; }
}
@media screen and (max-width: 500px){
    #news.under #sec_1 .infoitems ul { margin-right: 0; margin-top: 0; margin-bottom: 10px; }
}










/*//////////////////
#contact
//////////////////*/
/* #sec_1 */
#contact #sec_1{ text-align: center; }
#contact #sec_1 .telbox {margin-bottom: 20px;display: inline-block;}
#contact #sec_1 .txt1 br { display: none;}
#contact #sec_1 .telbox>a{ position: relative; display: flex; justify-content: center; flex-direction: column; padding-left: 80px; }
#contact #sec_1 .telbox>a::before{ content: ""; border: 1px solid #235BC8; width: 60px; height: 60px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; border-radius: 30px; transition: 0.4s; }
#contact #sec_1 .telbox>a:not(.tel):hover { color: #235BC8; }
#contact #sec_1 .telbox>a:not(.tel):hover::before{ border: 1px solid #235BC8; background: #ebe9f1; }
#contact #sec_1 .telbox a { line-height: 1.4;}
#contact #sec_1 .telbox a .main { font-size: 3.2rem; letter-spacing: 0;}
#contact #sec_1 .telbox a::after{ content: ""; background: url(../img/common/icon_tel.svg) no-repeat; background-size: contain; width: 24px; height: 24px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 18px; }
@media screen and (max-width: 767px){
	#contact #sec_1 .telbox>a{ padding-left: 52px; }
	#contact #sec_1 .telbox>a::before{ width: 40px; height: 40px; border-radius: 20px; }
	#contact #sec_1 .telbox a::after{ width: 20px; height: 20px; left: 11px; }
	#contact #sec_1 .telbox a .main { font-size: 2.2rem; }
}
@media screen and (max-width: 500px){
	#contact #sec_1 .txt1 br { display: block;}
	#contact #sec_1 .txt1 span { display: none;}
	#contact #sec_1 .txt3 { text-align: justify;}
	#contact #sec_1 .txt3 br { display: none;}
}

/*//////////////////
#contact.index
//////////////////*/
/* #sec_form */
#contact.index #sec_form { background: #f4f2ee; }
#contact.index #sec_form .txt1 { text-align: center; margin-bottom: 60px; }
#contact.index #sec_form .txt1 span { color: #f90307; }
#contact.index #sec_form .formbox1>ul>li:not(:last-child) { margin-bottom: 30px;}
#contact.index #sec_form .formbox1 dl { display: flex; }
#contact.index #sec_form .formbox1 dt { width: 220px; margin-top: 10px; }
#contact.index #sec_form .formbox1 dt .txt { font-weight: bold; font-size: 1.8rem; }
#contact.index #sec_form .formbox1 dd { flex: 1; }
#contact.index #sec_form .formbox1>ul>li.radiowrap>dl { align-items: center;  }
#contact.index #sec_form .formbox1>ul>li.radiowrap>dl dd .radiolist { display: flex; flex-wrap: wrap; align-items: center;margin: 10px 0; }
#contact.index #sec_form .formbox1>ul>li.radiowrap>dl dd .radiolist>li { margin-right: 1em; }
#contact.index #sec_form .formbox1>ul>li.radiowrap>dl dd .radiolist>li label { font-size: 1.8rem; font-weight: bold;}
#contact.index #sec_form .btnbox { text-align: center;}
@media screen and (max-width: 767px){
	#contact.index #sec_form .txt1 { text-align: justify; margin-bottom: 40px; }
	#contact.index #sec_form .formbox1>ul>li:not(:last-child) { margin-bottom: 20px;}
	#contact.index #sec_form .formbox1 dl { flex-direction: column; }
	#contact.index #sec_form .formbox1 dt { width: 100%; margin-top: 0; margin-bottom: 5px; }
	#contact.index #sec_form .formbox1 dt .txt { font-weight: bold; font-size: 1.6rem; }
	#contact.index #sec_form .formbox1>ul>li.radiowrap>dl { align-items: flex-start;  }
	#contact.index #sec_form .formbox1>ul>li.radiowrap>dl dd .radiolist { flex-direction: column; align-items: flex-start; margin: 0;}
	#contact.index #sec_form .formbox1>ul>li.radiowrap>dl dd .radiolist>li label { font-size: 1.6rem; font-weight: normal; }
}

/*//////////////////
#contact.check
//////////////////*/
/* #sec_form */
#contact.check #sec_form { background: #f4f2ee; }
#contact.check #sec_form .txt1 { text-align: center; margin-bottom: 60px; }
#contact.check #sec_form .txt1 span { color: #f90307; }
#contact.check #sec_form .formbox1>ul>li { margin-bottom: 40px;}
#contact.check #sec_form .formbox1 dl { display: flex; align-items:center; }
#contact.check #sec_form .formbox1 dt { width: 240px; }
#contact.check #sec_form .formbox1 dt .txt { font-weight: bold; font-size: 1.8rem; }
#contact.check #sec_form .formbox1 dd { flex: 1; }
#contact.check #sec_form .btnbox { text-align: center; margin-top: 80px; }
@media screen and (max-width: 767px){
	#contact.check #sec_form .txt1 { text-align: justify; margin-bottom: 40px; }
	#contact.check #sec_form .formbox1>ul>li { margin-bottom: 30px;}
	#contact.check #sec_form .formbox1 dl { flex-direction: column; align-items:flex-start}
	#contact.check #sec_form .formbox1 dt { width: 100%; margin-top: 0; margin-bottom: 5px; }
	#contact.check #sec_form .formbox1 dt .txt { font-weight: bold; font-size: 1.6rem; }
	#contact.check #sec_form .btnbox { margin-top: 60px}
}