@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Hind+Guntur:wght@500&display=swap');
/*

CSS page.css
下層各自cssで微調整するときに使用してください。

*/

#index #mainv.index{ display: flex; flex-direction: row; height: 100vh; position: relative; min-height: 700px; }
#index #mainv.index .txtbox{ width: 100%; display: flex; flex-direction: column; padding: 120px 10% 100px; justify-content: center; }
#index #mainv.index .txtbox .txt{ font-size: 1.8rem; line-height: 2.2; }
#index #mainv.index .txtbox .copytxt{ font-size: 4rem; color: #19ad5a; line-height: 1.6; letter-spacing: 0.2em; margin-bottom: 25px; font-weight: bold; }
#index #mainv.index .imgbox{ flex-shrink: 0; width: 50%; }
#index #mainv.index .imgbox img{object-position: 50% 100%;}
#scrolldown{ position: absolute; bottom: 0; left: 4%; color: #19ad5a; }
#scrolldown .txt{ font-family: 'Hind Guntur', sans-serif; font-size: 1.8rem; letter-spacing: 0.1em; display: block; }
#scrolldown .arr{ position: relative; width: 1px; height: 62px; overflow: hidden; display: block; margin-left: auto; margin-right: auto; }
#scrolldown .arr::before{ content: ""; background: #19ad5a; width: 1px; height: 62px; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; animation: sdl 1.6s cubic-bezier(1, 0, 0, 1) infinite; }
@keyframes sdl {
	0% { transform: scale(1, 0); transform-origin: 0 0; }
	35% { transform: scale(1, 1); transform-origin: 0 0; }
	35.1% { transform: scale(1, 1); transform-origin: 0 100%; }
	70%, 100% { transform: scale(1, 0); transform-origin: 0 100%; }
}
@media screen and (max-width: 1300px){
	#index #mainv.index .txtbox{ padding: 100px 6%; padding-left: 10%; }
	#index #mainv.index .txtbox .txt{ font-size: 1.6rem; }
	#index #mainv.index .txtbox .copytxt { font-size: 3.4rem; }
}
@media screen and (max-width: 1040px){
	#index #mainv.index{ display: block; padding: 85px 10%; height: calc(100vh - 80px); }
	#index #mainv.index .txtbox{ display: block; padding: 0; }
	#index #mainv.index .txtbox .txt{ font-size: 1.4rem; }
	#index #mainv.index .txtbox .copytxt{ font-size: 4rem; }
	#index #mainv.index .imgbox{ width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: -1; }
	#index #mainv.index .imgbox img{object-position: 100% 50%;}
	#scrolldown{ display: none; }
}
@media screen and (max-width: 767px){
	#index #mainv.index{ padding: calc(18vh - 50px) 10%; min-height: 0;}
	#index #mainv.index .txtbox .copytxt{ font-size: 3.2rem; }
}
@media screen and (max-width: 500px){
	#index #mainv.index{ padding: calc(18vh - 50px) 10%; }
	#index #mainv.index .txtbox .copytxt { font-size: 2.6rem; }
}
@media screen and (max-width: 380px){
	#index #mainv.index .txtbox .txt{ font-size: 1.3rem; }
}


#index #sec_1{ background: #19ad5a; color: #fff; padding: 160px 0; }
#index #sec_1 .txt{ font-size: 1.8rem; text-align: center; line-height: 2.3; margin-top: -15px; }
#index #sec_1 .bottomlink>a.txtlink::after { background: #fff; }
@media screen and (max-width: 1040px){
	#index #sec_1{ padding: 120px 0; }
	#index #sec_1 .txt{ font-size: 1.6rem; margin-top: -10px ;}
}
@media screen and (max-width: 767px){
	#index #sec_1 .txt{ text-align: left; }
	#index #sec_1 .txt{ font-size: 1.4rem; margin-top: 0 }
}
@media screen and (max-width: 500px){
	#index #sec_1{ padding: 80px 0; }
}


#index #sec_2{ background: #f2f2f2; padding: 40px; }
#index #sec_2>.inwrap{ position: relative; }
#index #sec_2 .box1{ position: relative; z-index: 2; padding: 160px 8%; }
#index #sec_2 .box1 .mainbox1{ display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; }
#index #sec_2 .box1 .mainbox1 .logoimg{ flex-shrink: 0; margin-right: 50px; }
#index #sec_2 .box1 .mainbox1 .logoimg img{ width: 218px; }
#index #sec_2 .box1 .mainbox1 .txtbox .copy{ color: #fff; }
#index #sec_2 .box1 .mainbox1 .txtbox .txt{ font-size: 1.8rem; }
#index #sec_2 .box1 .bottomlink{ margin-top: 100px; }
#index #sec_2 .box1 .bottomlink>a.txtlink::after { background: #fff; }
#index #sec_2 .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
@media screen and (max-width: 1040px){
	#index #sec_2 .box1{ padding: 120px 8%; }
	#index #sec_2 .box1 .mainbox1 .logoimg img{ width: 188px; }
	#index #sec_2 .box1 .mainbox1 .txtbox .txt{ font-size: 1.6rem; }
	#index #sec_2 .box1 .bottomlink{ margin-top: 80px; }
}
@media screen and (max-width: 767px){
	#index #sec_2{ padding: 30px 20px; }
	#index #sec_2 .box1 .mainbox1{ display: block;text-align: center;}
	#index #sec_2 .box1 .mainbox1 .logoimg{ margin-right: 0px; margin-bottom: 30px; }
	#index #sec_2 .box1 .mainbox1 .logoimg img{ max-width: 150px; width: 100%; }
	#index #sec_2 .box1 .bottomlink{ margin-top: 40px; }
}
@media screen and (max-width: 639px){
	#index #sec_2 .box1 .mainbox1 .txtbox .txt{ /* text-align: left; */ text-align: justify;}
}
@media screen and (max-width: 500px){
	#index #sec_2 .box1{ padding: 80px 8%; }
	#index #sec_2 .box1 .mainbox1 .logoimg img{ max-width: 120px; }
	#index #sec_2 .box1 .bottomlink{ margin-top: 30px; }
	#index #sec_2 .box1 .mainbox1 .txtbox .txt{ font-size: 1.4rem; }
}


#index #sec_3 #s3_insec1{ padding: 180px 0;}
#index #sec_3 #s3_insec1 .list{ margin-top: 50px; }
#index #sec_3 #s3_insec1 .list>.incnt>ul{ display: flex; flex-direction: row; overflow: hidden; margin-bottom: -50px; flex-wrap: wrap; }
#index #sec_3 #s3_insec1 .list>.incnt>ul>li{ display: flex; flex-direction: column; margin-bottom: 50px; width: 33.33%; }
#index #sec_3 #s3_insec1 .list>.incnt>ul>li .imgbox{ margin-bottom: 25px; }
#index #sec_3 #s3_insec1 .list>.incnt>ul>li .imgbox img{ height: 250px; }
#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox{ margin-left: 8%; margin-right: 8%; }
#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox .title{ font-size: 2.2rem; line-height: 1.6; letter-spacing: 0.2em; margin-bottom: 10px; font-weight: bold; color: #19ad5a; }
#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox .txt{ font-size: 1.5rem; }
#index #sec_3 #s3_insec1 .bottomlink{ margin-top: 70px; }
@media screen and (max-width: 1040px){
	#index #sec_3 #s3_insec1{padding: 120px 0;}
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li{ width: 50%; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox .title{ text-align: center; }
}
@media screen and (max-width: 767px){
	#index #sec_3 #s3_insec1 .list{ margin-top: 40px; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul{ margin-bottom: -40px; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li{ margin-bottom: 40px; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li .imgbox img{ height: 200px; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox .title{ font-size: 2rem; }
	#index #sec_3 #s3_insec1 .bottomlink{ margin-top: 60px; }
}
@media screen and (max-width: 500px){
	#index #sec_3 #s3_insec1{padding: 80px 0;}
	#index #sec_3 #s3_insec1 .list>.incnt>ul{ display: block; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li{ display: block; width: 100%; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox .txt{ font-size: 1.4rem; }
	#index #sec_3 #s3_insec1 .list>.incnt>ul>li .txtbox{ margin-left: 4%; margin-right: 4%; }
	#index #sec_3 #s3_insec1 .bottomlink{ margin-top: 50px; }
}

#index #sec_3 #s3_insec2{background: #fafafa;padding-top: 80px;padding-bottom: 80px;}
#index #sec_3 #s3_insec2 .incnt{ max-width: 1110px; }
@media screen and (max-width: 1040px){
	#index #sec_3 #s3_insec2{padding-top: 60px;padding-bottom: 60px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	#index #sec_3 #s3_insec2{padding-top: 40px;padding-bottom: 40px;}
}

#index #sec_4>.inwrap{ display: flex; flex-direction: row; min-height: 840px; }
#index #sec_4 #s4_insec1{ width: 50%; flex-shrink: 0; display: flex; flex-direction: column; }
#index #sec_4 #s4_insec1 .imgbox{ height: 100%; }
#index #sec_4 #s4_insec1 .link{ flex-shrink: 0; }
#index #sec_4 #s4_insec1 .link>.inwrap{background: #19ad5a;padding: 100px 8%; padding-right: 130px;color: #fff;display: flex;flex-direction: row;align-items: center;position: relative;}
#index #sec_4 #s4_insec1 .link>.inwrap .sectitle{ margin-bottom: 0; margin-right: 30px; }
#index #sec_4 #s4_insec1 .link>.inwrap .txt{ font-size: 1.8rem; }
#index #sec_4 #s4_insec1 .link>.inwrap::before{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 34px;height: 34px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 55px;transition: .4s;}
#index #sec_4 #s4_insec1 .link>.inwrap:hover::before{ right: 50px; }
#index #sec_4 #s4_insec1 .link>.inwrap:hover .txtwhite { color: #19ad5a!important; }
#index #sec_4 #s4_insec1 .link>.inwrap:hover{ background: #fff; color: #19ad5a; }
#index #sec_4 #s4_insec1 .link>.inwrap:hover::before{ background-image: url(../img/common/arr1_green.svg); }
#index #sec_4 #s4_insec2{ width: 100%; background: #f2f2f2; padding: 100px 10%; }
@media screen and (max-width: 1300px){
	#index #sec_4 #s4_insec1 .link>.inwrap .txt{ font-size: 1.6rem; line-height: 2.2; }
	#index #sec_4 #s4_insec1 .link>.inwrap{padding: 80px 8%;padding-right: 100px;}
	#index #sec_4 #s4_insec1 .link>.inwrap::before{ right: 35px; }
	#index #sec_4 #s4_insec1 .link>.inwrap:hover::before{ right: 30px; }
}
@media screen and (max-width: 1200px){
	#index #sec_4 #s4_insec1 .link>.inwrap{display: block;}
	#index #sec_4 #s4_insec1 .link>.inwrap .sectitle{ margin-bottom: 30px; margin-right: 0; }
	#index #sec_4 #s4_insec1 .link>.inwrap .txt{ text-align: center; }
}
@media screen and (max-width: 1040px){
	#index #sec_4>.inwrap{ display: block; min-height: inherit; }
	#index #sec_4 #s4_insec1{ width: 100%; display: block; }
	#index #sec_4 #s4_insec1 .link>.inwrap{padding: 120px 8%;}
	#index #sec_4 #s4_insec1 .link>.inwrap::before{width: 30px;height: 30px;right: 45px;}
	#index #sec_4 #s4_insec1 .link>.inwrap:hover::before{ right: 40px; }
	#index #sec_4 #s4_insec2{ padding: 120px 8%; }
	#index #sec_4 #s4_insec1 .imgbox { height: calc(50vw + 100px); }
}
@media screen and (max-width: 767px){
	#index #sec_4 #s4_insec1 .link>.inwrap{ }
	#index #sec_4 #s4_insec1 .link>.inwrap::before{width: 26px;height: 26px;right: 20px;}
	#index #sec_4 #s4_insec1 .link>.inwrap:hover::before{ right: 15px; }
	#index #sec_4 #s4_insec2 .bloglist{ padding-top: 10px; padding-bottom: 10px; }
}
@media screen and (max-width: 500px){
	#index #sec_4 #s4_insec1 .link>.inwrap{padding: 60px 8%;}
	#index #sec_4 #s4_insec2 { padding: 60px 8%; }
}

#index #sec_5{ padding: 180px 0; }
#index #sec_5 .titlebox{ display: flex; flex-direction: row; margin-bottom: 10px; align-items: center; }
#index #sec_5 .titlebox .sectitle{ margin-right: 60px; flex-shrink: 0; }
#index #sec_5 .titlebox .copy{ width: 100%; }
#index #sec_5 .list{ margin-top: 40px; }
#index #sec_5 .list>.incnt>ul{ display: flex; flex-direction: row; }
#index #sec_5 .list>.incnt>ul>li{ width: 33.33%; }
#index #sec_5 .bottomlink{ margin-top: 70px; }
@media screen and (max-width: 1040px){
	#index #sec_5 { padding: 120px 0; }
}
@media screen and (max-width: 767px){
	#index #sec_5 .titlebox{ display: block;}
	#index #sec_5 .titlebox .sectitle{ margin-right: 0; margin-bottom: 30px; }
	#index #sec_5 .bottomlink{ margin-top: 40px; }
	#index #sec_5 .titlebox .copy{ text-align: center; }
}
@media screen and (max-width: 639px){
	#index #sec_5 .list{ margin-top: 30px; }
	#index #sec_5 .list>.incnt>ul{ display: block; }
	#index #sec_5 .list>.incnt>ul>li{ width: 100%; }
}
@media screen and (max-width: 500px){
	#index #sec_5{ padding: 80px 0; }
	#index #sec_5 .list{ margin-top: 40px; }
}
@media screen and (max-width: 380px){
	#index #sec_5 .list{ margin-top: 30px; }
}















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


#under.common


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


/* list1 */
.list1>li .box { display:flex; justify-content:space-between; align-items:center; }
.list1>li .box .txtbox { flex:1; }
.list1>li .box .imgbox { width:620px; height:440px; overflow: hidden; margin-left:60px; }
@media screen and (max-width: 1400px){
	.list1>li .box .imgbox { width:50%; height: auto; margin-left:6%; }
	.list1>li:nth-child(even) .box .imgbox { margin-right:6%; }
}
@media screen and (max-width: 1040px){
	.list1>li .box { display:block; }
	.list1>li .box .txtbox { margin-bottom:30px; }
	.list1>li .box .imgbox { width:100%; height:40%; margin-left:0px; }
}
@media screen and (max-width: 767px){
}



/* dllist */
.dllist>li{ border-bottom: 1px solid #cccccc; }
.dllist>li:last-child{ border-bottom:0px solid #cccccc; }
.dllist>li>dl{ display: flex; flex-direction: row; padding: 30px 4%; }
.dllist>li>dl>dt{ flex-shrink: 0; width: 170px; font-weight: bold; box-sizing: border-box; padding-right: 20px; letter-spacing: 0.1em }
.dllist>li>dl>dd{ letter-spacing: 0.1em }
@media screen and (max-width: 767px){
	.dllist>li>dl{ padding: 20px 4%; }
	.dllist>li>dl>dt{ width: 140px; padding-right: 20px; }
}
@media screen and (max-width: 500px){
	.dllist>li>dl{ display:block; }
	.dllist>li>dl>dt{ width:100%; padding-right:0px; }
}



/* para */
.para-1 { margin-top: 10px!important; }
.para-2 { margin-top: 20px!important; }
.para-3 { margin-top: 30px!important; } @media screen and (max-width: 767px) { .para-3 { margin-top: 20px!important; } }
.para-4 { margin-top: 40px!important; } @media screen and (max-width: 767px) { .para-4 { margin-top: 30px!important; } }
.para-5 { margin-top: 50px!important; } @media screen and (max-width: 767px) { .para-5 { margin-top: 30px!important; } }
.para-6 { margin-top: 60px!important; } @media screen and (max-width: 767px) { .para-6 { margin-top: 40px!important; } }
.para-7 { margin-top: 70px!important; } @media screen and (max-width: 767px) { .para-7 { margin-top: 50px!important; } }
.para-8 { margin-top: 80px!important; } @media screen and (max-width: 767px) { .para-8 { margin-top: 50px!important; } }
.para-9 { margin-top: 90px!important; } @media screen and (max-width: 767px) { .para-9 { margin-top: 60px!important; } }
.para-10 { margin-top: 100px!important; } @media screen and (max-width: 767px) { .para-10 { margin-top: 60px!important; } }
.para-12 { margin-top: 120px!important; } @media screen and (max-width: 767px) { .para-12 { margin-top: 80px!important; } }
.para-14 { margin-top: 140px!important; } @media screen and (max-width: 767px) { .para-14 { margin-top: 80px!important; } }
.para-16 { margin-top: 160px!important; } @media screen and (max-width: 767px) { .para-16 { margin-top: 100px!important; } }
.para-18 { margin-top: 180px!important; } @media screen and (max-width: 767px) { .para-18 { margin-top: 100px!important; } }
.para-20 { margin-top: 200px!important; } @media screen and (max-width: 767px) { .para-20 { margin-top: 120px!important; } }
.para1 { margin-bottom: 10px!important; }
.para2 { margin-bottom: 20px!important; }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 767px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 767px) { .para4 { margin-bottom: 30px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 767px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 767px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 767px) { .para7 { margin-bottom: 50px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 767px) { .para8 { margin-bottom: 50px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 767px) { .para9 { margin-bottom: 60px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 767px) { .para10 { margin-bottom: 60px!important; } }
.para12 { margin-bottom: 120px!important; } @media screen and (max-width: 767px) { .para12 { margin-bottom: 80px!important; } }
.para14 { margin-bottom: 140px!important; } @media screen and (max-width: 767px) { .para14 { margin-bottom: 80px!important; } }
.para16 { margin-bottom: 160px!important; } @media screen and (max-width: 767px) { .para16 { margin-bottom: 100px!important; } }
.para18 { margin-bottom: 180px!important; } @media screen and (max-width: 767px) { .para18 { margin-bottom: 100px!important; } }
.para20 { margin-bottom: 200px!important; } @media screen and (max-width: 767px) { .para20 { margin-bottom: 120px!important; } }










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


#company.concept


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

/* common */
#company.concept .copy { margin-bottom: 30px; }
@media screen and (max-width: 767px){
	#company.concept .copy { margin-bottom: 20px;}
}


/* #sec_1 */
#company.concept #sec_1 { }

/* #sec_2 */
#company.concept #sec_2 .incnt { margin-bottom:120px; }
#company.concept #sec_2 .imgbox{ width:100%; }
#company.concept #sec_2 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ width:100%; height:600px; }
@media screen and (max-width: 1040px){
	#company.concept #sec_2 .incnt { margin-bottom:100px; }
	#company.concept #sec_2 .imgbox img { height: calc(50vw + 100px); }
}
@media screen and (max-width: 767px){
	#company.concept #sec_2 .incnt { margin-bottom: 80px; }
}
@media screen and (max-width: 500px){
}



/* #sec_3 */
#company.concept #sec_3 .imgbox { background:#f7f7f7; padding: 80px 90px 70px 90px;}
#company.concept #sec_3 .imgbox .copy._type2 { text-align:center; }
@media screen and (max-width: 1200px){
	#company.concept #sec_3 .imgbox { padding: 80px 9% 70px;}
}
@media screen and (max-width: 1040px){
	#company.concept #sec_3 .imgbox { padding: 6%;}
}
@media screen and (max-width: 767px){
	#company.concept #sec_3 .imgbox .copy._type2 { font-size: 1.4rem; }
}















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


#company.greeting


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

/* common */

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}


/* #sec_1 */
#company.greeting #sec_1 .box { display:flex; justify-content:space-between; margin-right: calc(520px - 46vw);}
#company.greeting #sec_1 .box .txtbox { flex:1;}
#company.greeting #sec_1 .box .imgbox { width: 620px; margin-left:6%;}
#company.greeting #sec_1 .box .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
@media screen and (max-width: 1400px){
	#company.greeting #sec_1 .box .imgbox { width:50%; margin-left:6%;}
}
@media screen and (max-width: 1280px){
	#company.greeting #sec_1 .box { display:block; margin-right:0px; }
	#company.greeting #sec_1 .box .txtbox { margin-bottom:60px; }
	#company.greeting #sec_1 .box .imgbox { width:100%; margin-left:0px; text-align: center; }
	#company.greeting #sec_1 .box .imgbox>img{ width:100%; height:600px; max-width: 680px; }
}
@media screen and (max-width: 1040px){
	#company.greeting #sec_1 .box .imgbox>img { height: calc(50vw + 200px); }
}
@media screen and (max-width: 767px){
}


/* #sec_2 */





















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


#company.information


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

/* common */


/* #sec_1 */


/* #sec_2 */
#company.information #sec_2 .list { display:flex; margin-bottom:60px; padding-top: 20px; }
#company.information #sec_2 .list>li { margin-right:100px; }
#company.information #sec_2 .bottomlink { text-align:left; margin-bottom:60px; }
#company.information #sec_2 .map { height:700px; }
@media screen and (max-width: 1240px){
	#company.information #sec_2 .list { display:block; margin-bottom:60px; }
	#company.information #sec_2 .list>li { margin-right:0px; }
	#company.information #sec_2 .list>li:first-child { margin-bottom:60px; }
}
@media screen and (max-width: 1040px){
	#company.information #sec_2 .map { height: 500px; }
}
@media screen and (max-width: 767px){
	#company.information #sec_2 .list { display:block; margin-bottom:50px; }
	#company.information #sec_2 .list>li:first-child { margin-bottom:40px; }
	#company.information #sec_2 .map { height: 400px; }
}
@media screen and (max-width: 500px){
	#company.information #sec_2 .list { display:block; margin-bottom:40px; }
	#company.information #sec_2 .list>li .sectitle2{ margin-bottom:15px; }
	#company.information #sec_2 .list>li:first-child { margin-bottom:30px; }
}

/* #sec_3 */

/* #sec_4 */
#company.information #sec_4 .indent{ text-align: left;}
#company.information #sec_4 .indent>li{ display:inline-block; margin-right:15px; }
#company.information #sec_4 .txtgreen{ font-size:2.1rem; color:#19ad5a; }
#company.information #sec_4 .bottomlink { text-align:left; }
#company.information #sec_4 .txtgreen a { position: relative; display: inline-block; word-break: break-all; line-height: 1.6;}
#company.information #sec_4 .txtgreen a::after { content: ""; height: 2px; font-size: 0; background: #19ad5a; width: 0; text-align: center; display: inline-block; position: absolute; left: 50%; bottom: -5px; transition: 0.4s; }
#company.information #sec_4 .txtgreen a:hover::after { width: 100%; left: 0; }
@media screen and (max-width: 1040px){
	#company.information #sec_4 .indent>li{ margin-right:10px; }
}
@media screen and (max-width: 767px){
	#company.information #sec_4 .txtgreen{ font-size:1.6rem; }
}



#company.information #sec_5 .box1{ display: flex; flex-direction: row; }
#company.information #sec_5 .box1 .txtbox{ display: flex; flex-direction: column; justify-content: center; }
#company.information #sec_5 .box1 .img{ margin-left: 4%; width: 20%; }
@media screen and (max-width: 1040px){
	#company.information #sec_5 .box1 .img{ width: 30%; }

}
@media screen and (max-width: 767px){
	#company.information #sec_5 .box1{ display: block; }
	#company.information #sec_5 .box1 .txtbox{ display: block; }
	#company.information #sec_5 .box1 .img{ margin-left: 0%; width: 100%; margin-top: 30px; text-align: center; }
	#company.information #sec_5 .box1 .img img{ width: 100%; max-width: 247px;  }
}
















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


#service.index


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

/* common */
#service.index .sectitle2 { font-size:2.8rem; }
@media screen and (max-width: 1400px){
	#service.index .sectitle2 { font-size:2.4rem; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#service.index .sectitle2{ font-size: 1.8rem; }
}
@media screen and (max-width: 380px){
	#service.index .sectitle2{ font-size: 1.6rem;  }
}
/* #sec_1 */
#service.index #sec_1 { margin-bottom:80px; }
#service.index #sec_1 .copy { text-align: center; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px){
	#service.index #sec_1 { margin-bottom:60px; }
	#service.index #sec_1 .copy { text-align:left; }
}


/* #sec_2 */
#service.index #sec_2 .list1>li{ margin-bottom:80px; }
#service.index #sec_2 .list1>li:last-child { margin-bottom:0px; }
#service.index #sec_2 .list1>li:first-child .box{ margin-bottom:40px; }
#service.index #sec_2 .list1>li .box .imgbox { overflow: hidden; height: 440px; }
#service.index #sec_2 .list1>li .box .imgbox img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
#service.index #sec_2 .list1>li:nth-child(even) .box{ flex-direction: row-reverse; }
#service.index #sec_2 .list1>li:nth-child(even) .box .imgbox { margin-left:0px; margin-right:60px; }
#service.index #sec_2 .list1>li .chitanoiebigbnr { padding: 40px; background: #f2f2f2; }
@media screen and (max-width: 1400px){
	#service.index #sec_2 .list1>li:nth-child(even) .box .imgbox { margin-right:6%; }
}
@media screen and (max-width: 1240px){
	#service.index #sec_2 .list1>li:nth-child(even) .box .imgbox { margin-right:6%; }
}
@media screen and (max-width: 1040px){
	#service.index #sec_2 .list1>li .box .imgbox { height: calc(50vw + 50px); }
	#service.index #sec_2 .list1>li .chitanoiebigbnr>.inwrap:hover .txtbox{ background: #f7f7f7; }
}
@media screen and (max-width: 767px){
	#service.index #sec_2 .list1>li .chitanoiebigbnr { padding: 0; }
}
















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


#service.chitanoie


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

/* #mainv */
#service.chitanoie #mainv { height: 100vh; width: 100%; position: relative; }
#service.chitanoie #mainv .bg { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#service.chitanoie #mainv .txtbox { position: absolute; left: 8%; bottom: 8%; background: #63abde; width: 440px; height: 400px; display: flex; flex-direction: column; justify-content: center; /*! align-items: center; */ }
#service.chitanoie #mainv .txtbox .logoimg { margin-bottom: 40px; display: flex;align-items: center;justify-content: center;}
#service.chitanoie #mainv .txtbox .logoimg img{ max-width: 260px; width: 100%; }
#service.chitanoie #mainv .txtbox .jatxt { display:flex; align-items:center; justify-content:center;}
#service.chitanoie #mainv .txtbox .jatxt img{ max-width: 178px; width: 100%; }
@media screen and (max-width: 1280px){
	#service.chitanoie #mainv .txtbox { width: 400px; height: 360px; }
}
@media screen and (max-width: 1040px){
	#service.chitanoie #mainv { height: 700px; }
	#service.chitanoie #mainv .txtbox { left: 40px; bottom: 40px; width: 360px; height: 320px; }
	#service.chitanoie #mainv .txtbox .logoimg { margin-bottom: 30px; }
	#service.chitanoie #mainv .txtbox .logoimg img{ max-width: 210px;  }
	#service.chitanoie #mainv .txtbox .jatxt img{ max-width: 128px; }
}
@media screen and (max-width: 639px){
	#service.chitanoie #mainv { height: 500px; }
	#service.chitanoie #mainv .txtbox { left: 50%; top: 50%; width: 230px; height: 200px; margin-top: -100px; margin-left: -115px; }
	#service.chitanoie #mainv .txtbox .logoimg { margin-bottom: 20px; }
	#service.chitanoie #mainv .txtbox .logoimg img{ max-width: 130px;  }
	#service.chitanoie #mainv .txtbox .jatxt img{ max-width: 108px; }
}

/* common */
#service.chitanoie #main #pankuzu { text-align: right; padding-right: 4%; margin: -40px 0 20px}

/* #sec_1 */
#service.chitanoie #sec_1 .txt{ font-size: 1.8rem; font-feature-settings : "palt"; letter-spacing: 0.2em; line-height: 2.2; }
@media screen and (max-width: 767px){
	#service.chitanoie #sec_1 .txt{ font-size: 1.6rem; line-height: 2; }
}
@media screen and (max-width: 500px){
	#service.chitanoie #sec_1 .txt{ font-size: 1.4rem; }
}

/* #sec_2 */
#service.chitanoie #sec_2 .list1>li { margin-bottom: 80px; }
#service.chitanoie #sec_2 .list1>li:last-child { margin-bottom:0px; }
#service.chitanoie #sec_2 .list1>li .box .imgbox { overflow: hidden; height: 440px; }
#service.chitanoie #sec_2 .list1>li .box .imgbox img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
#service.chitanoie #sec_2 .list1>li .txtbox .bottomlink { text-align:left; }
#service.chitanoie #sec_2 .list1>li:nth-child(odd) .box{ flex-direction: row-reverse; }
#service.chitanoie #sec_2 .list1>li:nth-child(odd) .box .imgbox { margin-left:0px; margin-right:60px; }
@media screen and (max-width: 1400px){
	#service.chitanoie #sec_2 .list1>li:nth-child(odd) .box .imgbox { margin-right:6%; }
	#service.chitanoie #sec_2 .list1>li .copy br { display: none; }
}
@media screen and (max-width: 1040px){
	#service.chitanoie #sec_2 .list1>li .box .imgbox { height: calc(50vw + 50px); }
	#service.chitanoie #sec_2 .list1>li .copy br { display: block; }
}
@media screen and (max-width: 767px){
}


/* #sec_3 */
#service.chitanoie #sec_3 .flowlist>li { display:flex; flex-direction:row; margin-bottom:20px; position:relative; }
#service.chitanoie #sec_3 .flowlist>li .titlebox{background:#19ad5a; padding:0 20px; box-sizing:border-box; width: 300px; display:flex; justify-content:center; align-items:center; }
#service.chitanoie #sec_3 .flowlist>li .titlebox>p { font-size:2.0rem; color:#ffffff; }
#service.chitanoie #sec_3 .flowlist>li .arr{ position:absolute; width:40px; margin-left:500px; z-index:1; top:-31px;}
#service.chitanoie #sec_3 .flowlist>li .txtbox{ background:#f7f7f7; padding:40px 50px; box-sizing:border-box; width:100%; align-items:center; flex:1; }
@media screen and (max-width: 1040px){
	#service.chitanoie #sec_3 .flowlist>li{display:block; margin-bottom:15px;}
	#service.chitanoie #sec_3 .flowlist>li .titlebox{padding:20px 6%;width: 100%;}
	#service.chitanoie #sec_3 .flowlist>li .titlebox p{ font-size:1.8rem; line-height:1.8; }
	#service.chitanoie #sec_3 .flowlist>li .arr{ margin-left:-20px; left:50%; top:-28px;}
	#service.chitanoie #sec_3 .flowlist>li .txtbox{ padding:30px 6%; flex:none; }
}
@media screen and (max-width: 767px){
	#service.chitanoie #sec_3 .flowlist>li .titlebox{padding:15px 6%;}
	#service.chitanoie #sec_3 .flowlist>li .titlebox p{ font-size:1.6rem; }
}

/* #sec_4 */
#service.chitanoie #sec_4 .list>li { background:#f7f7f7; padding:50px; box-sizing:border-box; }
#service.chitanoie #sec_4 .list>li:first-child { margin-bottom:20px; }
#service.chitanoie #sec_4 .list>li .txtbig1 { font-size:2.0rem; color:#19ad5a; }
@media screen and (max-width: 767px){
	#service.chitanoie #sec_4 .list>li { padding:6%; }
	#service.chitanoie #sec_4 .list>li:first-child { margin-bottom:15px; }
	#service.chitanoie #sec_4 .list>li .txtbig1 { font-size:1.6rem; }
}


/* #sec_5 */
#service.chitanoie #sec_5 .list { display:flex; }
#service.chitanoie #sec_5 .list>li { width:50%; padding:80px 100px; box-sizing:border-box; color:#fff; }
#service.chitanoie #sec_5 .list>li .copy._type2 { color:#fff; text-align:center; }
#service.chitanoie #sec_5 .list>li .bottomlink>a.txtlink { color:#fff; text-align:center; }
#service.chitanoie #sec_5 .list>li .bottomlink>a.txtlink::after { background: #fff; }
#service.chitanoie #sec_5 .list>li .txtlink::before{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; }
#service.chitanoie #sec_5 .list>li:first-child { background:#666666; }
#service.chitanoie #sec_5 .list>li:nth-child(2) { background:#19ad5a; }
#service.chitanoie #sec_5 .list>li .bottomlink { margin-top : 30px; }
@media screen and (max-width:1400px){
	#service.chitanoie #sec_5 .list>li { padding:8% 6%; }
}
@media screen and (max-width:1040px){
	#service.chitanoie #sec_5 .list { display:block; }
	#service.chitanoie #sec_5 .list>li { width:100%; }
	#service.chitanoie #sec_5 .list>li:first-child { margin-bottom:15px; }
	#service.chitanoie #sec_5 .list>li .bottomlink { margin-top : 20px; }
	#service.chitanoie #sec_5 .list>li .copy._type2 { font-weight: bold; }
}
@media screen and (max-width:500px){
	#service.chitanoie #sec_5 .list>li { padding:10% 8%; }
}



















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


#recruit


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


/* #sec_1 */
#recruit #sec_1 .txt{ font-size: 1.8rem; font-feature-settings : "palt"; letter-spacing: 0.2em; line-height: 2.2; }
@media screen and (max-width: 767px){
	#recruit #sec_1 .txt{ font-size: 1.6rem; line-height: 2; }
}
@media screen and (max-width: 500px){
	#recruit #sec_1 .txt{ font-size: 1.4rem; }
}


/* #sec_2 */
#recruit #sec_2 .txtbig1 { text-align: left; margin-bottom: 80px; }
#recruit #sec_2 .txtbig1 li { font-size:2.0rem; display: inline-block; margin-right: 1em; }
#recruit #sec_2 .list1>li { margin-bottom: 80px; }
#recruit #sec_2 .list1>li:last-child { margin-bottom:0px; }
#recruit #sec_2 .list1>li .box .imgbox { overflow: hidden; height: 440px; }
#recruit #sec_2 .list1>li .box .imgbox img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
#recruit #sec_2 .list1>li:nth-child(odd) .box{ flex-direction: row-reverse; }
#recruit #sec_2 .list1>li:nth-child(odd) .box .imgbox { margin-left:0px; margin-right:60px; }
@media screen and (max-width: 1400px){
	#recruit #sec_2 .list1>li:nth-child(odd) .box .imgbox { margin-right:6%; }
}
@media screen and (max-width: 1040px){
	#recruit #sec_2 .list1>li .box .imgbox { height: calc(50vw + 50px); }
}
@media screen and (max-width: 767px){
	#recruit #sec_2 .list1>li { margin-bottom: 60px; }
	#recruit #sec_2 .txtbig1 { margin-bottom: 60px;}
	#recruit #sec_2 .txtbig1 li { font-size:1.6rem;}
}
@media screen and (max-width: 500px){
	#recruit #sec_2 .txtbig1 li { display: block; }
}


/* #sec_3 */
#recruit #sec_3 .list { display:flex; flex-wrap:wrap; justify-content:space-between; }
#recruit #sec_3 .list>li {background:#19ad5a; color:#ffffff; width:calc(50% - 10px); display:flex; box-sizing: border-box;
flex-direction:column; justify-content:center; padding:50px 60px; }
#recruit #sec_3 .list>li:nth-child(3),
#recruit #sec_3 .list>li:nth-child(4){ margin-top:20px; }
#recruit #sec_3 .list>li .copy._type2 { color:#ffffff; text-align:center; }
@media screen and (max-width:1040px){
	#recruit #sec_3 .list>li { padding: 50px 6%; }
}
@media screen and (max-width:767px){
	#recruit #sec_3 .list { display:block; }
	#recruit #sec_3 .list>li { width:100%; padding:40px 8%; }
	#recruit #sec_3 .list>li { margin-top:10px; }
	#recruit #sec_3 .list>li:first-child{ margin-top:0px; }
	#recruit #sec_3 .list>li:nth-child(3),
	#recruit #sec_3 .list>li:nth-child(4){ margin-top:10px; }
	#recruit #sec_3 .list>li .copy._type2 { font-weight: bold; }
}
@media screen and (max-width:500px){
	#recruit #sec_3 .list>li { padding:10% 8%; }
}

/* #sec_4 */
#recruit #sec_4 .dllist>li:first-child {border-top: 1px solid #cccccc; }
#recruit #sec_4 .dllist>li:last-child {border-bottom: 1px solid #cccccc; }


/* #sec_5 */
#recruit #sec_5 .bnr{ padding:100px 200px; box-sizing:border-box; color:#fff; text-decoration:none; background:#666666; }
#recruit #sec_5 .bnr .box>a>p,
#recruit #sec_5 .bnr .box .bottomlink>a{ color:#ffffff; text-align:center; }
#recruit #sec_5 .bnr .box .txtlink:after { background: #ffffff; }
#recruit #sec_5 .bnr .box .copy._type2 { font-weight:normal; }
#recruit #sec_5 .bnr .box .txtlink::before{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; }
@media screen and (max-width:1500px){
	#recruit #sec_5 .bnr{ padding:10%; }
}
@media screen and (max-width:1200px){
	#recruit #sec_5 .bnr{ padding:8%; }
}
@media screen and (max-width:767px){
	#recruit #sec_5 .bnr{ padding:10% 8%; }
	#recruit #sec_5 .bnr .box .copy._type2 { text-align:left; }
}















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


#news

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


/* #sec_1 */
#news #sec_1 .box { display:flex; justify-content:space-between; }
#news #sec_1 .box .mainbox { margin-bottom:200px; margin-right:6%; }
#news #sec_1 .box .mainbox .newslist>li a { display:flex; align-items:center; margin-bottom:30px; padding: 0; }
#news #sec_1 .box .mainbox .newslist>li>.inwrap:hover{ background: transparent; }
#news #sec_1 .box .mainbox .newslist>li:last-child a { margin-bottom:0px; }
#news #sec_1 .box .mainbox .newslist>li a .imgbox{ width:200px; height:170px; flex-shrink:0; display:flex; overflow:hidden;  margin-right:40px; overflow: hidden; }
#news #sec_1 .box .mainbox .newslist>li a .imgbox img{ width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
#news #sec_1 .box .mainbox .newslist>li a:hover .imgbox img { transform: scale(1.05) }
#news #sec_1 .box .mainbox .newslist>li a .txtbox .txtnum { color:#999999; }
#news #sec_1 .box .mainbox .newslist>li a .txtbox .title{ transition: .5s; }
#news #sec_1 .box .mainbox .newslist>li a:hover .txtbox .title { color: #19ad5a; }
#news #sec_1 .catebox { background:#f7f7f7; box-sizing:border-box; padding:40px 12% 60px; width: 300px; }
#news #sec_1 .catebox .copy._type1 { letter-spacing:0.05em; font-weight:normal; position:relative; text-align: center; }
#news #sec_1 .catebox .copy._type1:before{ content: ""; position:absolute; bottom: -5px; height:1px; width:200px; display:inline-block; left: 0; background:#19ad5a; margin-left: auto; margin-right: auto; }
#news #sec_1 .catebox .list li:before { content: "・"; }
#news #sec_1 .catebox .list li a:hover { text-decoration: underline; }
#news #sec_1 .chitanoiebnr a { display:flex; flex-direction: column; justify-content:center; align-items:center; background: #19ad5a; padding:70px 50px; box-sizing: border-box; position: relative; }
#news #sec_1 .chitanoiebnr .logoimg{ max-width: 160px; width: 100%; }
#news #sec_1 .chitanoiebnr .jatxt img{ max-width:120px; width:100%; }
#news #sec_1 .chitanoiebnr a .logoimg img:nth-child(2),
#news #sec_1 .chitanoiebnr a .jatxt img:nth-child(2){ display: none; }
#news #sec_1 .chitanoiebnr a:hover{ background: #f7f7f7; }
#news #sec_1 .chitanoiebnr a:hover .logoimg img:nth-child(1),
#news #sec_1 .chitanoiebnr a:hover .jatxt img:nth-child(1){ display: none; }
#news #sec_1 .chitanoiebnr a:hover .logoimg img:nth-child(2),
#news #sec_1 .chitanoiebnr a:hover .jatxt img:nth-child(2){ display: inline-block; }
#news #sec_1 .chitanoiebnr a::before{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 34px;height: 34px;display: inline-block;position: absolute; bottom: 20px;margin-top: auto;margin-bottom: auto;right: 20px;transition: .4s;}
#news #sec_1 .chitanoiebnr a:hover::before{ background: url(../img/common/arr1_green.svg) no-repeat;background-size: contain; right: 10px; }
#news #sec_1 .spbox { display: none; }
#news #sec_1 .pagenav.pager{ max-width: 670px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 210px; }
@media screen and (max-width: 1040px){
	#news #sec_1 .sidebox { display:none; }
	#news #sec_1 .spbox { display: block; }
	#news #sec_1 .spbox .sidebox { display:block;  margin-top: 60px; }
	#news #sec_1 .box .mainbox { margin-bottom:0; margin-right:0%; }
	#news #sec_1 .pagenav.pager{ margin-top: 80px; }
	#news #sec_1 .catebox { background:#f7f7f7; box-sizing:border-box; padding:40px 6%; width: 100%; margin-bottom: 20px; }
	#news #sec_1 .catebox .categorylist{ columns: 3; }
	#news #sec_1 .catebox .copy._type1:before{ width:100%; }
	#news #sec_1 .catebox .list { text-align: center; }
	#news #sec_1 .catebox .list li { display: inline-block; }
	#news #sec_1 .chitanoiebnr a { width: 100%; padding:30px 0; }
	#news #sec_1 .chitanoiebnr .logoimg{ max-width: 150px;}
	#news #sec_1 .chitanoiebnr .jatxt img{ max-width:100px; }
	#news #sec_1 .chitanoiebnr a::before{width: 30px;height: 30px;right: 30px;}
}
@media screen and (max-width: 639px){
	#news #sec_1 .box .mainbox .newslist>li a { display:flex; align-items:center; margin-bottom:20px; }
	#news #sec_1 .box .mainbox .newslist>li a .imgbox{ width:120px; height:120px; margin-right:20px; }
	#news #sec_1 .catebox .categorylist{ columns: auto; }
	#news #sec_1 .chitanoiebnr a::before{width: 26px;height: 26px;}
	#news #sec_1 .chitanoiebnr a { padding: 40px;}
	#news #sec_1 .chitanoiebnr a .logoimg{ max-width: 120px; }
	#news #sec_1 .chitanoiebnr a .jatxt img{ max-width: 108px; }
	#news #sec_1 .chitanoiebnr a .txt{ font-size: 1.4rem; }
}
@media screen and (max-width: 500px){
}














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


#news.under


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

/* #sec_1 */
#news.under #sec_1 .copy.style1 { font-size:2.6rem; margin-bottom: 10px; }
#news.under #sec_1 .txtnum { color:#999999; font-size: 1.3rem; }
#news.under #sec_1 .pagenav.pager .txtlink { text-align:center; }
@media screen and (max-width: 767px){
	#news.under #sec_1 .copy.style1 { font-size:2.0rem; }
}
@media screen and (max-width: 500px){
	#news.under #sec_1 .copy.style1 { font-size:1.8rem; }
}























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


#works


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

/* #sec_1 */
#works #sec_1 .categorybox { display:flex; align-items:center; background:#f7f7f7;
box-sizing:border-box; padding:40px 60px; }
#works #sec_1 .categorybox .copy._type1 { letter-spacing:0.05em; font-weight:normal; margin-bottom:0px; margin-right:20px; }
#works #sec_1 .categorylist { text-align: left; }
#works #sec_1 .categorylist>li { display:inline-block; margin-right:10px; flex-wrap:wrap; }
#works #sec_1 .categorylist>li a:hover{ opacity: 0.8; }

#works #sec_1 .workslist { display:flex; margin-left:-40px; margin-top:-60px; margin-bottom:120px; flex-wrap: wrap; }
#works #sec_1 .workslist li { margin-top:60px; margin-left:40px; width:calc(33.33% - 40px); display:flex; }
#works #sec_1 .workslist li a { display:flex; flex-direction:column; text-decoration:none; width:100%; }
#works #sec_1 .workslist li .imgbox { height: 230px; margin-bottom:30px; overflow: hidden; }
#works #sec_1 .workslist li .imgbox img { object-fit:cover; font-family:'object-fit: cover;'; /*IE対策*/ display:block; width:100%; height:100%; transition: 0.4s; }
#works #sec_1 .workslist li a:hover .imgbox img { transform: scale(1.05) }
#works #sec_1 .workslist li .txtbox { text-align: left; }
#works #sec_1 .workslist li .txtbox .txtbig1 { font-size:2rem; color:#19ad5a; line-height:1.6; margin-bottom:5px; font-weight:bold; }
#works #sec_1 .workslist li .txtbox .info{ margin-left: -15px; margin-top: 10px; }
#works #sec_1 .workslist li .txtbox .info .cat,
#works #sec_1 .workslist li .txtbox .info .txtnum{ margin-left: 15px; display: inline-block; vertical-align: middle; }
#works #sec_1 .workslist li .txtbox .cat { background:#f7f7f7; color:#19ad5a; letter-spacing:0.15em; padding:5px 10px;
box-sizing:border-box; line-height: 1.2; }
#works #sec_1 .workslist li .txtbox .txtnum { color:#999999; }
#works #sec_1 .pagenav.pager{ max-width: 670px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0; }
@media screen and (max-width: 1040px) {
	#works #sec_1 .workslist li .imgbox { height: 200px; }
	#works #sec_1 .categorybox { padding:40px 6%; }
}
@media screen and (max-width: 767px) {
	#works #sec_1 .categorybox { display:block; }
	#works #sec_1 .workslist { margin-left:-20px; margin-top:-40px; margin-bottom: 80px; }
	#works #sec_1 .workslist li { margin-top:40px; width:calc(50% - 20px); margin-left:20px; }
	#works #sec_1 .workslist li:nth-child(even) { margin-right:0px; }
	#works #sec_1 .workslist li .imgbox { width:100%; height:calc(20vw + 100px); margin-bottom:20px; }
	#works #sec_1 .workslist li .txtbox .txtbig1 { font-size:1.8rem; margin-bottom:10px; }
	#works #sec_1 .workslist li .txtbox .cat { font-size: 1.2rem; }
}
@media screen and (max-width:500px) {
	#works #sec_1 .workslist { margin-left:0px; margin-top:-30px; }
	#works #sec_1 .workslist li { margin-left:0px; width:100%; margin-top:40px; }
	#works #sec_1 .workslist li .txtbox { display:block; }
	#works #sec_1 .workslist li .imgbox { height:calc(50vw + 20px); }
	#works #sec_1 .workslist li .txtbox .txtbig1 { font-size:1.6rem;}
}





















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


#works.unders


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

/* #sec_1 */
#works.under #sec_1 .copy.style1 { font-size:2.8rem; }
#works.under #sec_1 .date { display:flex; align-items:center; }
#works.under #sec_1 .date .txtnum { color:#999999; margin-right:20px; }
#works.under #sec_1 .date .cat { background:#f7f7f7; color:#19ad5a; letter-spacing:0.15em; padding:5px 10px;
box-sizing:border-box; margin-right:15px; display:inline-block; line-height: 1.2;}
#works.under #sec_1 .box { display:flex; justify-content:space-between; margin-right:calc(520px - 46vw);
background:#f7f7f7; margin-bottom:60px; flex-wrap:wrap; min-height: 520px; width: 100%; }
#works.under #sec_1 .box .txtbox { width: 50%; box-sizing:border-box; padding:100px 60px 90px; }
#works.under #sec_1 .box .imgbox { width:50%; flex-shrink: 0; }
#works.under #sec_1 .box .imgbox img { object-fit:cover; font-family:'object-fit: cover;'; display:block; width:100%; height:100%; }
#works.under #sec_1 .list { display:flex; flex-direction: row; flex-wrap: wrap; }
#works.under #sec_1 .list>li{ width: 33.33%; }
#works.under #sec_1 .list>li._video{ width: 100%; }
#works.under #sec_1 .pager { height: 50px; }
@media screen and (max-width:1400px) {
	#works.under #sec_1 .box .txtbox { padding:100px 6%; }
}
@media screen and (max-width:1280px) {
	#works.under #sec_1 .box { margin-right: 0; display:block; margin-right:0px; }
	#works.under #sec_1 .box .imgbox { width:100%; height: 640px;}
	#works.under #sec_1 .box .txtbox { padding:80px 6%; width: 100%; }
}
@media screen and (max-width:1040px) {
	#works.under #sec_1 .box .imgbox { height: calc(50vw + 50px); }
	#works.under #sec_1 .box .txtbox { padding:8%; }
	#works.under #sec_1 .list>li{ width: 50%; }
}
@media screen and (max-width:767px) {
	#works.under #sec_1 .copy.style1 { font-size:2rem; text-align: left; }
	#works.under #sec_1 .list { flex-direction: column; width: 100%; }
	#works.under #sec_1 .list li { text-align: center; width: 100%; }
}
@media screen and (max-width:500px) {
	#works.under #sec_1 .copy.style1 { font-size:1.8rem; text-align: left; }
}




















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


#contact.index


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

/* common */


/* #sec_2 */
#contact.index #sec_2 .box1{ /* margin-left: -20px; */ }
#contact.index #sec_2 .box1 .txt1{ display: inline-block; vertical-align: text-bottom; margin-left: 10px; line-height: 1.2; }
#contact.index #sec_2 .box1 .contacttxt._tel{ align-items: center; }
#contact.index #sec_2 .box1 .contacttxt._tel .txt{ font-size: 5.4rem; }
#contact.index #sec_2 .box1 .contacttxt._tel .icon{ width: 42px; padding-top: 15px;}
#contact.index #sec_2 .box1 .subtxt{ display: inline-block; vertical-align: text-bottom; margin-left: 10px; padding-bottom: 10px; }
@media screen and (max-width: 1040px){
	#contact.index #sec_2 .box1 .contacttxt._tel .txt{ font-size: 4.4rem; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_2 .box1 .contacttxt._tel .txt{ font-size: 3.4rem; }
	#contact.index #sec_2 .box1 .contacttxt._tel .icon{ width: 32px; padding-top: 10px;}
	#contact.index #sec_2 .box1 .subtxt{ margin-left: 5px; padding-bottom: 5px; }
}
@media screen and (max-width: 639px){
	#contact.index #sec_2 .box1{ /* text-align: center; */ }
	#contact.index #sec_2 .box1 .txt1{ /* display: block; */ margin-left: 0; }
	#contact.index #sec_2 .box1 .subtxt{ margin-left: 0; padding-bottom: 0; /* margin-top: 5px; */ display: block; }
}


/* #sec_3 */
#contact.index #sec_3 .box1{ display: flex; flex-direction: row; margin-top: 45px; }
#contact.index #sec_3 .box1 dt{ background: #19ad5a; color: #fff; font-weight: bold; font-size: 2rem; padding: 50px 5%; align-items: center; flex-shrink: 0; width: 32%; display: flex; }
#contact.index #sec_3 .box1 dt .br1{ display: block; }
#contact.index #sec_3 .box1 dd{  padding: 50px 5%; background: #f7f7f7; width: 100%; }
#contact.index #sec_3 .box1 dd .list{ font-weight: bold; font-size: 2.4rem; color: #19ad5a; margin-top: 25px; }
#contact.index #sec_3 .box1 dd .list>li{ margin-bottom: 15px; }
#contact.index #sec_3 .box1 dd .list>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1040px){
	#contact.index #sec_3 .box1{ display: block; }
	#contact.index #sec_3 .box1 dt{  width: 100%; display: block; padding: 15px 8%; text-align: center; line-height: 1.6; }
	#contact.index #sec_3 .box1 dd{  padding: 40px 8%; }
	#contact.index #sec_3 .box1 dd .list{  font-size: 2rem; }
	#contact.index #sec_3 .box1 dt .br1{ display: none; }
}
@media screen and (max-width: 767px){
	#contact.index #sec_3 .box1 dt{ font-size: 1.6rem; }
	#contact.index #sec_3 .box1 dd .list{  font-size: 1.8rem; }
}
@media screen and (max-width: 500px){
	#contact.index #sec_3 .box1 dd{  padding: 30px 10%; }
	#contact.index #sec_3 .box1 dd .list{  font-size: 1.6rem; }
	#contact.index #sec_3 .box1 dd .list>li{ margin-bottom: 10px; }
	#contact.index #sec_3 .box1 dt .br1{ display: block; }
}