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

/* ---------------------------------------
#index
--------------------------------------- */
/* common */
#index .section{ padding-bottom: 155px }
#index #sec_2 .sectitle,
#index #sec_3 #s3_insec2 .sectitle{ margin-bottom: 0; }
#index #sec_2 .link1,
#index #sec_3 #s3_insec2 .link1{ text-align: right; margin-bottom: 30px; margin-top: -20px; }
body#index article.bodywrap.first>.section>.bodyinwrap{ padding-top: 40px }
body#index article.bodywrap.last>.section>.bodyinwrap{ padding-bottom: 20px; }
@media screen and (max-width: 767px) { 
	#index .section{ padding-bottom: 50px }
	#index #sec_2 .link1, #index #sec_3 #s3_insec2 .link1{ text-align: center; margin-top: 20px; margin-bottom: 15px; }
}

/* #sec_1 */
#index #sec_1 #s1_insec1{ margin-bottom: 100px; }
#index #sec_1 #s1_insec1 .txt1{ text-align: center; }
#index #sec_1 #s1_insec1 .list1{ margin-top: 45px; text-align: center; }
#index #sec_1 #s1_insec1 .list1>li{ text-align: center; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; }
#index #sec_1 #s1_insec1 .list1>li>a{ font-size: 1.38em; color: #fff; text-decoration: none; padding: 20px 20px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 400px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; }
#index #sec_1 #s1_insec1 .list1>li>a.blue{ background-color: #0032be;  }
#index #sec_1 #s1_insec1 .list1>li>a.blue:hover{ background-color: #fff; color: #0032be; }
#index #sec_1 #s1_insec1 .list1>li>a.black{ background-color: #191919;  }
#index #sec_1 #s1_insec1 .list1>li>a.black:hover{ background-color: #fff; color: #191919; }
@media screen and (max-width: 767px) { 
	#index #sec_1 #s1_insec1{ margin-bottom: 60px; }
	#index #sec_1 #s1_insec1 .list1{ margin-top: 20px; margin-bottom: -8px; }
	#index #sec_1 #s1_insec1 .list1>li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; margin-bottom: 8px; }
	#index #sec_1 #s1_insec1 .list1>li>a{ width: 240px; font-size: 1.06em; padding: 15px 0 12px; }
}

#index #sec_1 #s1_insec2 .list1>ul>li{ margin-bottom: 100px; }
#index #sec_1 #s1_insec2 .list1>ul>li:last-child{ margin-bottom: 0; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap,
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .imgbox,
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .imgbox{ width: 53%; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox{ width: 37%; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .title1{ font-size: 2.5em; line-height: 1.6; margin-bottom: 50px; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul{ margin-bottom: -20px; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li{ margin-bottom: 20px; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li>a{ font-size: 1.56em; padding: 15px 0; position: relative; text-decoration: none; display: block; line-height: 1.6; overflow: hidden }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li>a:before{ content:""; background-color: #191919; position: absolute; bottom: 0; left: 0; height: 1px;-webkit-transition: .5s all; transition: .5s all; -moz-transition : .5s all;width: 100%; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li>a:hover{ opacity: 1 }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li>a:hover:before{  width: 0; }
#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li>a:after{ content: ""; width: 7px; height: 7px; border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0; margin: auto 0px; right: 3px; }
#index #sec_1 #s1_insec2 .list1>ul>li img,
#index #sec_1 #s1_insec2 .list1>ul>li .img{ width: 100%; max-width: 100% }
@media screen and (max-width: 767px) { 
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap.middlefit{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .title1{ font-size: 1.25em; margin-bottom: 15px; }
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .imgbox{ margin-bottom: 0; margin-top: 25px; }
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li>a{ font-size: 1em;padding: 10px 0px; }
	#index #sec_1 #s1_insec2 .list1>ul>li{ margin-bottom: 30px; }
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2{ margin-bottom: 25px; }
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul{ margin-bottom: -10px; }
	#index #sec_1 #s1_insec2 .list1>ul>li>.inwrap .txtbox .list2>ul>li{ margin-bottom: 10px; }
}

/* sec_2 */
#index #sec_2{ padding-bottom: 120px; margin-bottom: 130px; }
#index #sec_2 .link2{ margin-top: 70px; text-align: center; }
#index #sec_2 .link2>a{ font-size: 1.38em; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex;  display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center;width: 400px; height: 80px; color: #fff; background-color: #0032be; text-decoration: none; }
#index #sec_2 .link2>a:hover{ opacity: 1; background-color: #fff; color: #0032be; }
@media screen and (max-width: 767px) { 
	#index #sec_2 .link2{ margin-top: 0; }
	#index #sec_2 .link2>a{ font-size: 1.06em; height: 60px; max-width: 220px; width: 100%; }
	#index #sec_2{ padding-bottom: 60px; margin-bottom: 40px; }
}

/* sec_3 */
#index #sec_3 .incnt{ max-width: 1180px }
#index #sec_3 #s3_insec1{ margin-bottom: 150px; }
#index #sec_3 #s3_insec1 .list1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; }
#index #sec_3 #s3_insec1 .list1>li{ width: 48%; position: relative; padding-bottom: 50px; }
#index #sec_3 #s3_insec1 .list1>li .title{ font-size: 2.13em; margin-bottom: 50px; line-height: 1.6; }
#index #sec_3 #s3_insec1 .list1>li .newstopic{  }
#index #sec_3 #s3_insec1 .list1>li .link1{ text-align: right; position: absolute; bottom: 0; right: 0; }
#index #sec_3 #s3_insec1 .list2{ margin-top: -5px; }
#index #sec_3 #s3_insec1 .list2>li{ padding-left: 50px; position: relative; margin-bottom: 20px; min-height: 35px }
#index #sec_3 #s3_insec1 .list2>li:before{ content:""; background: url(../img/common/qaicon.svg) no-repeat; width: 35px; height: 35px; display: inline-block; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0px; }
#index #sec_3 #s3_insec1 .list2>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 767px) { 
	#index #sec_3 #s3_insec1{ margin-bottom: 60px; }
	#index #sec_3 #s3_insec1 .list1{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; width: 100%; }
	#index #sec_3 #s3_insec1 .list1>li{ width: 100%; padding-bottom: 0; margin-bottom: 60px; }
	#index #sec_3 #s3_insec1 .list1>li:last-child{ margin-bottom: 0; }
	#index #sec_3 #s3_insec1 .list1>li .title{ font-size: 1.25em; margin-bottom: 10px; }
	#index #sec_3 #s3_insec1 .list1>li._1 .title{ margin-bottom: 25px; }
	#index #sec_3 #s3_insec1 .list1>li .link1{ position: static; margin-top: 5px; }
	#index #sec_3 #s3_insec1 .list1>li._1 .link1{ margin-top: 15px; }
	#index #sec_3 #s3_insec1 .list2>li{ font-size: 0.94em; }
}



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


// #contact


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

/* common */

#sec_form form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="password"],form textarea { width: 100%; border: none!important; }
#sec_form form select { border: none!important; }
#contact #sec_1 .bodyinwrap { width: 880px; margin: 0 auto; }
#sec_form p.ermsg { margin-bottom: 120px; line-height: 2;}

#sec_form .formbox1{ padding:0; margin-bottom: 60px; }
#sec_form .formbox1>ul{ max-width: 900px; width: 100%; margin:0 auto; }
#sec_form .formbox1>ul>li{ margin-bottom: 25px; }
#sec_form .formbox1>ul>li:last-child{ margin-bottom: 0 }
#sec_form .formbox1>ul>li>dl{ display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: row }
#sec_form .formbox1>ul>li>dl>dt{ width: 170px; padding-right: 10px; padding-top: 25px }
body.check #sec_form .formbox1>ul>li>dl>dt{ padding-top: 0 }
#sec_form .formbox1>ul>li>dl>dd{ width: calc(100% - 180px); }
#sec_form .formbox1>ul>li>dl>dd>ul.tate>li,
#sec_form .formbox1>ul>li>dl>dd>ul.yoko>li{ margin-bottom: 10px }
#sec_form .formbox1>ul>li>dl>dd>ul.tate,
#sec_form .formbox1>ul>li>dl>dd>ul.yoko{ margin-bottom: -10px }
#sec_form .formbox1>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
#sec_form .formbox1>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
.policy { padding: 40px; border: 1px solid #191919; height: 200px; overflow: scroll; }
@media screen and (max-width: 767px) { 
	#contact #sec_1 .bodyinwrap { width: auto; }
	#sec_form .formbox1>ul>li>dl{ flex-direction: column }
	#sec_form .formbox1>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	#sec_form .formbox1>ul>li>dl>dd{ width: 100%; }
	.policy { padding: 4%; border: 1px solid #191919; height: 200px; overflow: scroll; }
}
@media screen and (max-width: 639px) { 
	#sec_form .formbox1>ul>li>dl>dd>ul.yoko>li{ display: block; }
}



#contact #sec_1 .btnarea { text-align: center; }
#contact #sec_1 .btnarea li { display: inline-block; margin: 10px; }
#contact #sec_1 .btnarea button,
#contact #sec_1 .totop a.black { font-size: 1.38em; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex;  display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center;width: 400px; height: 80px; color: #fff; background-color: #191919; text-decoration: none; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
#contact #sec_1 .btnarea button.grey { background-color: #8c8c8c; }
#contact #sec_1 .btnarea button.black:hover,
#contact #sec_1 .totop a.black:hover { opacity: 1; background-color: #fff; color: #191919; }
#contact #sec_1 .btnarea button.grey:hover { opacity: 1; background-color: #fff; color: #8c8c8c; }

@media screen and (max-width: 767px) { 
	#contact #sec_1 .totop a.black,
	#contact #sec_1 .btnarea button{ font-size: 1.06em; height: 60px; min-width: 200px; max-width: none; width: auto; }
}






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


// #rental.single


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

#rental.single #s1_insec1,
#rental.single #s1_insec2 { width: 1140px; }
#rental.single #s1_insec1 { margin-bottom: 50px; }
#rental.single .workimage { width: 580px; float: left; }
#rental.single .workimage .showimage { margin-bottom: 20px; position: relative; height: 580px; background-color: #fff; }
#rental.single .workimage .showimage li { position: absolute; top: 0; left: 0; display: none; }
#rental.single .workimage .showimage li p.img{ width: 580px; height: 580px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; }
#rental.single .workimage .showimage li img{ width: 100%; height: 100%;  object-fit: contain; font-family: 'object-fit: contain;'; /*IE対策*/ }
#rental.single .workimage .showimage li:first-child { display: block; }
#rental.single .workimage .imagelist { width: 100%; }
#rental.single .workimage .imagelist ul { margin-left: -3%; }
#rental.single .workimage .imagelist li { width: 17%; float: left; margin-left: 3%; }
#rental.single .workimage .imagelist li>img{ width: 100%; height: 130px; object-fit: contain; font-family: 'object-fit: contain;'; /*IE対策*/ background-color: #fff; }

#rental.single .workinfo { width: 500px; float: right; }
#rental.single .workinfo .title { font-size:24px; margin-bottom: 30px; margin-top: 20px; }
#rental.single .workinfo .creator { margin-bottom: 15px; }
#rental.single .workinfo .spec { margin-bottom: 30px; }
#rental.single .workinfo .catlist li { display: inline-block; }
#rental.single .workinfo .catlist li:before { content: '/'; margin: 0 8px; }
#rental.single .workinfo .catlist li:first-child:before { content: ''; display: none; }
#rental.single .workinfo .taglist li { display: inline-block; margin-right: 10px; }
#rental.single .workinfo .taglist li:before { content: '#'; }
#rental.single .workinfo li a { text-decoration: none; }
#rental.single .workinfo li a:hover { text-decoration: underline; }
@media screen and (max-width: 1350px) { 
	#rental.single #s1_insec1,
	#rental.single #s1_insec2 { width: 100%; }
	#rental.single .workimage { width: 50%; }
	#rental.single .workimage .showimage { margin-bottom: 15px; }
	#rental.single .workimage .showimage li p.img{ width: 100%; }
	#rental.single .workinfo { width: 45%; float: right; }
}
@media screen and (max-width: 767px) { 
	#rental.single .workimage { width: 100%; }
	#rental.single .workimage .showimage { display: none; }
	#rental.single .workimage .imagelist {margin-bottom: 20px; }
	#rental.single .workimage .imagelist ul { margin-left: 0; }
	#rental.single .workimage .imagelist li { width: 100%; margin-left: 0; margin-bottom: 20px; }
	#rental.single .workimage .imagelist li>img{ height: auto; }
	#rental.single .workinfo { width: 100%; }
	#rental.single .workinfo .title { font-size:20px; }
}




/* categorybtn */
#rental.single .contactbtn{ text-align: center; margin-top: 80px }
#rental.single .contactbtn>a{ font-size: 1.38em; color: #fff; text-decoration: none; padding: 20px 20px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 400px; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; -ms-align-items: center; align-items: center; background-color: #191919; }
#rental.single .contactbtn>a:hover{ background-color: #fff; color: #191919; }
@media screen and (max-width: 767px) { 
    #rental.single .contactbtn{ margin-top: 40px }
    #rental.single .contactbtn>a{ width: auto; font-size: 1.06em; padding: 15px 6% 12px; }
}