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





/*
base #191919
blue #0083c3
*/













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


#index


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

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

/* #sec_1 */
#index #swrap_1 { position: relative; }
#index #swrap_1:after { content: url(../img/common/arr1.svg); width: 110px; display: block; position: absolute; bottom: -40px; left: calc(50% - 55px); text-align: center; }
#index #sec_1 .txt1 { font-size: 1.6rem; font-weight: bold; text-align: center; margin-bottom: 10px; }
#index #sec_1 .copy { text-align: center; }
#index #sec_1 .dotlist { }
@media screen and (max-width: 1040px) {
	#index #swrap_1:after { width: 70px; bottom: -30px; left: calc(50% - 35px); }
}
@media screen and (max-width: 500px) {
	#index #sec_1 .dotlist { text-align: center; }
}

/* #sec_2 */
#index #swrap_2 { background: url(../img/common/bg_blue.jpg); background-position: center center; }
#index #sec_2 { color: #fff; text-align: center; }
@media screen and (max-width: 500px) {
	#index #sec_2 .txt1 { text-align: justify; }
	#index #sec_2 .txt1 br { display: none; }
}

/* #sec_3 */
#index #sec_3 .topsectitle { text-align: left; }
#index #sec_3 .subtitle { display: flex; align-items: center; color: #0083c3; }
#index #sec_3 .subtitle .icon { width: 60px; margin-right: 10px; }
#index #sec_3 .imgbox.s2 li.img1 img { margin-left: 33.33%; width: 66.67%; }
@media screen and (max-width: 1040px) {
	#index #sec_3 .topsectitle { text-align: center; }
}
@media screen and (max-width: 500px) {
	#index #sec_3 .imgbox.s2 li.img1 img { margin-left: 0; width: 100%; }
}

/* #sec_4 */
#index #swrap_4 { background: url(../img/index/s4_img1.jpg); background-position: center center; background-size: cover; text-align: center; color: #fff; }
#index #sec_4 .txt1 { font-size: 1.6rem; font-weight: bold; text-align: center; }
#index #sec_4 .copy { text-align: center; }

/* #sec_5 */
#index #swrap_5 { text-align: center; }
#index #sec_5 .txt1 { font-size: 1.6rem; font-weight: bold; text-align: center; }
#index #sec_5 .copy { text-align: center; }

/* #sec_6 */
#index #sec_6 { text-align: center; margin-bottom: 80px }
#index #sec_6 .title { font-size: 1.8rem; margin-bottom: 30px; color: #0083c3; }
#index #sec_6 .snsbox { display: flex; justify-content: space-between; max-width: 560px; margin: 0 auto; }
/* #index #sec_6 .snsbox li { width: 49%; } */
#index #sec_6 .snsbox li { width: 100%; }
#index #sec_6 .snsbox li .icon { width: 28px; transition: 0.3s; }
#index #sec_6 .snsbox li .icon:nth-child(2) { display: none; }
#index #sec_6 .snsbox li a:hover .icon { display: none; }
#index #sec_6 .snsbox li a:hover .icon:nth-child(2) { display: inline-block; }
#index #sec_6 .snsbox li .txt1 { margin-bottom: 5px; }
#index #sec_6 .snsbox li .txtbig { margin-bottom: 20px; }
@media screen and (max-width: 1040px) {
	#index #sec_6 .title { font-size: 1.6rem; margin-bottom: 10px; }
	#index #sec_6 .snsbox { display: block; }
	#index #sec_6 .snsbox li { width: 100%; }
	#index #sec_6 .snsbox li:first-child { margin-bottom: 40px; }
	#index #sec_6 .snsbox li .txtbig { margin-bottom: 10px; }
}
@media screen and (max-width: 767px) {
	#index #sec_6 .title { margin-bottom: 20px; }
	#index #sec_6 .snsbox { display: flex; }
	/* #index #sec_6 .snsbox li { width: 48%; } */
	#index #sec_6 .snsbox li { width: 100%; }
	#index #sec_6 .snsbox li:first-child { margin-bottom: 0px; }
}
@media screen and (max-width: 500px) {
	#index #sec_6 { text-align: center; margin-bottom: 60px }
	#index #sec_6 .title { margin-bottom: 10px; }
	#index #sec_6 .snsbox { display: block; }
	#index #sec_6 .snsbox li { width: 100%; }
	#index #sec_6 .snsbox li:first-child { margin-bottom: 40px; }
}

/* #sec_7 */
#index #sec_7 .titlebox { display: flex; justify-content: space-between; align-items: center; }
#index #sec_7 .topsectitle { text-align: left; }






















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


#advantage.aboutus


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

/* common */
#advantage #main .subtitle { display: flex; justify-content: center; align-items: center; font-size: 2.4rem; margin-bottom: 30px; font-family: 'Caveat', cursive; letter-spacing: 0.1em; color: #0083c3; line-height: 1.2; }
#advantage #main .subtitle .num { font-size: 7.2rem; margin-left: 5px; margin-top: -8px; }
@media screen and (max-width: 1040px) { 
	#advantage #main .subtitle { font-size: 1.6rem; margin: -10px 0 20px; }
	#advantage #main .subtitle .num { font-size: 5rem; margin-left: 3px; margin-top: -5px; }
}

/* #sec_2 */
#advantage #sec_2 .box { background: #fff; padding: 30px 40px; text-align: center; }
#advantage #sec_2 .box img { max-width: 560px;}
@media screen and (max-width: 1280px) { 
	#advantage #sec_2 .box img { max-width: none; width: 100%;}
}
@media screen and (max-width: 1040px) { 
	#advantage #sec_2 .box { background: #fff; padding: 4%; }
}





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


#company.aboutus


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

/* #sec_1 */
@media screen and (max-width: 500px) { 
	#company #sec_1 .copy.s2 { text-align: justify!important; }
}

/* #sec_2 */
#company #sec_2 .list1 {  }
#company #sec_2 .list1 li:first-child { border-top: 1px dashed #0083c3; padding-top:1.5em; }
#company #sec_2 .list1 li { border-bottom: 1px dashed #0083c3; margin-bottom:1.5em; padding-bottom:1.5em; }
#company #sec_2 .list1 li dt { color: #0083c3; }

/* #sec_3 */
#company #sec_3 .txt { text-align: center; }
#company #sec_3 .map { height: calc(300px + 17vw); width: 100%; margin-bottom: 120px; }
#company #sec_3 .map .link { margin-top: -20px; }
@media screen and (max-width: 767px) {
	#company #sec_3 .map { height: calc(300px + 30vw); width: 100%; }
	#company #sec_3 .map .link { margin-top: 10px; }
}























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


#renovation.service


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

/* #sec_3 */
#renovation #swrap_3 { background: url(../img/index/s4_img1.jpg); background-position: center center; background-size: cover; text-align: center; color: #fff; }
#renovation #sec_3 .txt1 { font-size: 1.6rem; font-weight: bold; text-align: center; }
#renovation #sec_3 .copy { text-align: center; }

/* #sec_4 */
#renovation #sec_4 .inbox:not(:first-of-type) { margin-top: 80px; }
@media screen and (max-width: 1040px) { 
	#renovation #sec_4 .inbox:not(:first-of-type) { margin-top: 60px; }
}






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


#repairing.service


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

/* #sec_2 */
#repairing #sec_2 .inbox:not(:nth-child(2)) { margin-top: 80px; }
@media screen and (max-width: 1040px) { 
	#repairing #sec_2 .inbox:not(:nth-child(2)) { margin-top: 60px; }
}







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


#business.service


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

/* #sec_1 */
#business #sec_1 .inbox:not(:nth-child(2)) { margin-top: 80px; }
@media screen and (max-width: 1040px) { 
	#business #sec_1 .inbox:not(:nth-child(2)) { margin-top: 60px; }
}

/* #sec_2 */
#business #sec_2 .list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -20px; }
#business #sec_2 .list li { width: calc(50% - 10px); margin-top: 20px; }
#business #sec_2 .list img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#business #sec_2 .list .txt1 { margin-top: 8px; text-align: center; line-height: 1.6; }
@media screen and (max-width: 767px) {
	#business #sec_2 .list li img { height: 30vw; }
}
@media screen and (max-width: 500px) {
	#business #sec_2 .list li { width: 47%; }
	#business #sec_2 .list li .txt1 { font-size: 1.3rem; }
}

/* #sec_3 */
#business #sec_3 .titlebox { text-align: center; }
#business #sec_3 .inbox:not(:nth-child(2)) { margin-top: 80px; }
@media screen and (max-width: 1040px) { 
	#business #sec_3 .inbox:not(:nth-child(2)) { margin-top: 60px; }
}







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


#wallpaper.service


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

/* #maint */
@media screen and (max-width: 1040px) { 
	#wallpaper #maint .box { margin-bottom: 100px; }
}
@media screen and (max-width: 767px) { 
	#wallpaper #maint .box { margin-bottom: 80px; }
}

/* titlebox */
#wallpaper #main .stepbox { background: url(../img/common/bg_blue.jpg); background-position: center center; padding: 50px 0; color: #fff; position: relative; }
#wallpaper #main .stepbox .incnt { position: static; }
#wallpaper #main .stepbox .subtitle { display: flex; justify-content: center; align-items: center; font-size: 2.4rem; font-family: 'Caveat', cursive; letter-spacing: 0.1em; margin-top: 10px; line-height: 1; }
#wallpaper #main .stepbox .subtitle .num { font-size: 7.2rem; margin-left: 5px; }
#wallpaper #main .stepbox .fukidashi { position: absolute; top: 20px; left: calc(50% - 180px); }
#wallpaper #main .stepbox .fukidashi.s1 { width: 180px; }
#wallpaper #main .stepbox .fukidashi.s2 { width: 200px; top: 25px; left: calc(50% - 190px);}
#wallpaper #main .stepbox .fukidashi.s3 { width: 220px; top: 20px; left: calc(50% - 200px);}
#wallpaper #main .stepbox .fukidashi.s4 { width: 220px; top: 20px; left: calc(50% - 200px);}
#wallpaper #main .stepbox .arw { position: absolute; bottom: -24px; left: calc(50% - 29px); width: 58px; }
@media screen and (max-width: 1040px) { 
	#wallpaper #main .stepbox { padding: 30px 0; }
	#wallpaper #main .stepbox .subtitle { font-size: 1.6rem; }
	#wallpaper #main .stepbox .subtitle .num { font-size: 5rem; margin-left: 3px; margin-top: -5px; }
	#wallpaper #main .stepbox .fukidashi { top: 15px; left: calc(50% - 120px); }
	#wallpaper #main .stepbox .fukidashi.s1 { width: 120px; }
	#wallpaper #main .stepbox .fukidashi.s2 { width: 135px; top: 15px; left: calc(50% - 130px);}
	#wallpaper #main .stepbox .fukidashi.s3 { width: 145px; top: 12px; left: calc(50% - 140px);}
	#wallpaper #main .stepbox .fukidashi.s4 { width: 145px; top: 15px; left: calc(50% - 140px);}
	#wallpaper #main .stepbox .arw { bottom: -16px; left: calc(50% - 20px); width: 40px; }
}

/* intro */
#wallpaper #main .intro { padding: 70px 0; background: #f7f7f7; }
@media screen and (max-width: 1040px) { 
	#wallpaper #main .intro { padding: 40px 0 30px; }
}

/* .block */
#wallpaper #main .titlebox { text-align: center; }
#wallpaper #main .block:not(:last-of-type) { margin-bottom: 60px; }
@media screen and (max-width: 1040px) { 
	#wallpaper #main .block:not(:last-of-type) { margin-bottom: 40px; }
}

/* #sec_mv */
#wallpaper #sec_mv { background: url(../img/index/s4_img1.jpg); background-position: center center; background-size: cover; text-align: center; height: calc(300px + 17vw); display: flex; justify-content: center; align-items: center; }
#wallpaper #sec_mv .txt { font-size: 2.0rem; }
#wallpaper #sec_mv .txt span { display: inline-block; background: #fff; padding: 10px 5px; margin-right: 10px; font-weight: bold; position: relative; letter-spacing: 0.2em; }
#wallpaper #sec_mv .txt span:first-child { margin-right: 0; }
#wallpaper #sec_mv .txt span:before { width: calc(100% - 12px); height: 0; display: block; position: absolute; left: 0; content: ""; border-bottom: solid 12px #fff; border-left: solid 12px transparent; bottom: 100%; }
#wallpaper #sec_mv .txt span:after { height: 0; display: block; position: absolute; left: 0; content: ""; border-bottom: solid 12px #f2f2f2; border-left: solid 12px transparent; bottom: 100%; }
@media screen and (max-width: 1040px){
    #wallpaper #sec_mv .txt { font-size: 1.6rem; }
}
@media screen and (max-width: 767px){
	#wallpaper #sec_mv { height: calc(100px + 50vw); }
}

/* #sec_1 */
#wallpaper #sec_1 { position: relative; }
#wallpaper #sec_1 .inbox { position: relative; padding: 30px 6%; background: #fff; }
#wallpaper #sec_1 .inbox:before { content: url(../img/common/arr1_blue.svg); width: 110px; display: block; position: absolute; top: -35px; left: calc(50% - 55px); text-align: center; }
#wallpaper #sec_1 .txt1 { font-size: 2.8rem; font-family: 'Caveat', cursive; letter-spacing: 0.1em; text-align: center; margin: 10px 0 20px; color: #0083c3; line-height: 1.3; }
#wallpaper #sec_1 .dotlist { text-align: center; padding: 0; }
@media screen and (max-width: 1040px) {
	#wallpaper #sec_1 .inbox:before { width: 70px; top: -25px; left: calc(50% - 35px); }
	#wallpaper #sec_1 .txt1 { font-size: 2.2rem; margin: 5px 0 15px; }
}

/* #sec_2 */
#wallpaper #main #sec_2_2 .block:not(:last-of-type) { margin-bottom: 40px; }
@media screen and (max-width: 1040px) { 
	#wallpaper #main #sec_2_2 .block:not(:last-of-type) { margin-bottom: 30px; }
}

/* #sec_5 */
#wallpaper #main #sec_5 .flowbox { background: #f7f7f7; padding: 40px 40px; position: relative; }
#wallpaper #main #sec_5 .flowbox:not(:last-of-type) { margin-bottom: 40px; }
#wallpaper #main #sec_5 .flowbox:not(:last-of-type):before { content: url(../img/common/arr4.svg); width: 40px; display: block; position: absolute; bottom: -25px; left: calc(50% - 20px); text-align: center; }
#wallpaper #main #sec_5 .flowbox .subtitle { display: flex; justify-content: center; align-items: center; font-size: 2.4rem; font-family: 'Caveat', cursive; letter-spacing: 0.1em; line-height: 1; color: #0083c3; position: absolute; top: -20px; width: 100%; left: 0; }
#wallpaper #main #sec_5 .flowbox .subtitle .num { font-size: 4.8rem; margin-left: 5px; margin-top: -5px; }
#wallpaper #main #sec_5 .flowbox .btnbox { display: flex; justify-content: center; align-items: center; }
#wallpaper #main #sec_5 .flowbox .btnbox li:first-child { margin-right: 20px; }
#wallpaper #main #sec_5 .flowbox .btnbox li a { font-family: inherit; font-size: 1.6rem; padding: 13px 20px; color: #0083c3; min-width: 210px; }
#wallpaper #main #sec_5 .flowbox .btnbox li a:before,
#wallpaper #main #sec_5 .flowbox .btnbox li a:after,
#wallpaper #main #sec_5 .flowbox .btnbox li a>span:before,
#wallpaper #main #sec_5 .flowbox .btnbox li a>span:after  { background: #0083c3; }
#wallpaper #main #sec_5 .flowbox .btnbox li .icon { display: inline-block; width: 28px; font-size: 0; margin-right: 5px; }
@media screen and (max-width: 1040px) { 
	#wallpaper #main #sec_5 .flowbox { padding: 30px 6%; }
	#wallpaper #main #sec_5 .flowbox:before { width: 30px; bottom: -10px; left: calc(50% - 15px); }
	#wallpaper #main #sec_5 .flowbox .subtitle { font-size: 1.6rem; top: -15px; }
	#wallpaper #main #sec_5 .flowbox .subtitle .num { font-size: 3.6rem; margin-left: 3px; margin-top: -5px; }
	#wallpaper #main #sec_5 .flowbox .btnbox { display: block; text-align: center; }
    #wallpaper #main #sec_5 .flowbox .btnbox li:first-child { margin-right: 0; margin-bottom: 15px; }
    #wallpaper #main #sec_5 .flowbox .btnbox li a { font-size: 1.4rem;  min-width: 240px; }
    #wallpaper #main #sec_5 .flowbox .btnbox li .icon { width: 22px; }
}













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


#notfound


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


@media screen and (max-width: 1040px) { 
	#notfound #maint .box { margin-bottom: 100px; }
}
@media screen and (max-width: 767px) { 
	#notfound #maint .box { margin-bottom: 80px; }
}


























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


#works.under


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


#works.under { }

/* #sec_1 */
#works.under #sec_1 .spec { display: flex; justify-content: center; align-items: center; }
#works.under #sec_1 .spec .date { font-size: 1.4rem; color: #0083c3; margin-right: 1.5em; }
#works.under #sec_1 .spec .cate { font-size: 1.4rem; color: #0083c3; line-height: 1; padding: 5px 10px; min-width: 80px; box-sizing: border-box; background: #fff; border: 1px solid #0083c3; text-align: center; }
@media screen and (max-width: 1040px) {
	#works.under #sec_1 .spec .cate,
	#works.under #sec_1 .spec .date { font-size: 1.2rem; }
}

/* #sec_2 */
#works.under #sec_2 .list1 {  }
#works.under #sec_2 .list1 li:first-child { border-top: 1px dashed #0083c3; padding-top:1.5em; }
#works.under #sec_2 .list1 li { border-bottom: 1px dashed #0083c3; margin-bottom:1.5em; padding-bottom:1.5em; }
#works.under #sec_2 .list1 li dt { color: #0083c3; }
#works.under #sec_2 .title { font-family: 'Caveat', cursive; letter-spacing: 0.1em; font-size: 4.8rem; }
@media screen and (max-width: 1040px) {
   #works.under #sec_2 .title { font-size: 3.2rem; }
}

#works.under #sec_2 .gallery { margin-bottom: 10px; width: 100%; height: calc(180px + 20vw); }
#works.under #sec_2 .before .gallery { height: calc(220px + 15vw); }
#works.under #sec_2 .gallery .slick-list,
#works.under #sec_2 .gallery .slick-track,
#works.under #sec_2 .gallery .slick-slide { width: 100%; height: 100%; background: #f7f7f7; }
#works.under #sec_2 .gallery .slick-slide img { object-fit: contain; font-family: 'object-fit: contain;'; display: block; width: 100%; height: 100%; object-position: center center; vertical-align: bottom; }
#works.under #sec_2 .gallery .prev, 
#works.under #sec_2 .gallery .next { position: absolute; z-index: 3; top: calc(50% - 25px); cursor: pointer; outline: none; border-top: 1px solid #0083c3; border-right: 1px solid #0083c3; height: 50px; width: 50px; transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#works.under #sec_2 .before .gallery .prev, 
#works.under #sec_2 .before .gallery .next { border-top: 1px solid #999; border-right: 1px solid #999; }
#works.under #sec_2 .gallery .prev { left:5%; transform: rotate(-135deg); }
#works.under #sec_2 .gallery .next { right:5%; transform: rotate(45deg); }
#works.under #sec_2 .gallery .prev:hover { left:3%; }
#works.under #sec_2 .gallery .next:hover { right:3%; }
@media screen and (max-width: 1040px) {
   #works.under #sec_2 .gallery .prev, 
   #works.under #sec_2 .gallery .next { top: calc(50% - 15px); height: 30px; width: 30px; }
}

#works.under #sec_2 .choice-btn { display: flex; justify-content: space-between; align-items: center; position: relative; }
#works.under #sec_2 .choice-btn .slick-list { width: calc(100% - 80px); height: 80px; margin: 0 auto; }
#works.under #sec_2 .choice-btn .slick-track { width: 100%; height: 100%; }
#works.under #sec_2 .choice-btn .slick-slide { background: #000; }
#works.under #sec_2 .choice-btn .slick-slide img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; object-position: center center; cursor: pointer; transition: 0.5s; }
#works.under #sec_2 .choice-btn .slick-slide img:hover { opacity: 0.8; }
#works.under #sec_2 .choice-btn .prev, 
#works.under #sec_2 .choice-btn .next { cursor: pointer; outline: none; border-top: 1px solid #0083c3; border-right: 1px solid #0083c3; height: 30px; width: 30px; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s;}

#works.under #sec_2 .before .choice-btn .prev, 
#works.under #sec_2 .before .choice-btn .next { border-top: 1px solid #aaa; border-right: 1px solid #aaa; }
#works.under #sec_2 .choice-btn .prev { transform: rotate(-135deg); margin-left: 10px; }
#works.under #sec_2 .choice-btn .next { transform: rotate(45deg); margin-right: 10px; }
#works.under #sec_2 .choice-btn .prev:hover,
#works.under #sec_2 .choice-btn .next:hover { opacity: 0.5 }
@media screen and (max-width: 1040px) {
	#works.under #sec_2 .choice-btn .slick-list { width: calc(100% - 60px); height: 60px; }
	#works.under #sec_2 .choice-btn .prev,
	#works.under #sec_2 .choice-btn .next { height: 20px; width: 20px; }
}





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


#blog.under


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


#blog.under { }

/* .list.news */
#blog.under #sec_1 .date { font-size: 1.4rem; color: #0083c3; text-align: center; }
@media screen and (max-width: 1040px) {
	#blog.under #sec_1 .date { font-size: 1.2rem; }
}


















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


#contact


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

/* #sec_form */
#contact #sec_form .formbox li { border-bottom: 1px dashed #0083c3; margin-bottom:1.5em; padding-bottom:1.5em; }
#contact #sec_form .formbox li a { text-decoration: underline; }
#contact #sec_form .formbox li a:hover { color: #0083c3; }
#contact #sec_form .formbox li:first-child { border-top: 1px dashed #0083c3; padding-top:1.5em; }
#contact #sec_form .formbox li dt { margin-bottom: 8px; }
#contact #sec_form .formbox li dt span { margin-left: 1em; }
#contact #sec_form .formbox li dd .ermsg { color: #ff0000; }
#contact #sec_form dd .ermsg { color: #ff0000; }
#contact #sec_form .policybox { padding: 40px; background: #fff; height: 200px; overflow: scroll; }
#contact #sec_form .btnbox { display:flex; justify-content: space-between; }
#contact.index #sec_form .btnbox { justify-content: center; }
#contact #sec_form .btnbox .btn[type="submit"] { background: #0083c3; padding: 30px 0; width: 320px; max-width: 48%;  color: #fff; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.15em; }
#contact #sec_form .btnbox .btn[type="submit"]:hover { background: #fff; color: #0083c3; }
#contact #sec_form .btnbox .btn.grey[type="button"] { background: #eee; padding: 30px 0; width: 320px; max-width: 48%;  color: #191919; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.15em; }
#contact #sec_form .btnbox .btn.grey[type="button"]:hover { background: #fff; color: #191919; }
#contact #sec_form .btnbox .btn.grey[type="reset"] { background: #eee; padding: 30px 0; width: 320px; max-width: 100%;  color: #191919; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.15em; }
#contact #sec_form .btnbox .btn.grey[type="reset"]:hover { background: #fff; color: #191919; }
@media screen and (max-width: 1040px) { 
	#contact #sec_form .policybox { padding: 8%; }
	#contact #sec_form .btnbox .btn[type="submit"],
	#contact #sec_form .btnbox .btn.grey[type="button"],
	#contact #sec_form .btnbox .btn.grey[type="reset"] { padding: 25px 0; }
}
@media screen and (max-width: 500px) { 
    #contact #sec_form .btnbox { align-items: center; flex-direction:column-reverse; }
	#contact #sec_form .btnbox .btn[type="submit"] { max-width: 100%; }
    #contact #sec_form .btnbox .btn.grey[type="button"] { max-width: 100%; margin-top: 10px; }
}

/* #sec_phone */
#contact #sec_phone {  }
#contact #sec_phone .tel { text-align: center; }
#contact #sec_phone .tel a { text-decoration: none; font-size: 2.8rem; line-height: 1; color: #0083c3; letter-spacing: 0.05em;}
#contact #sec_phone .tel a .icon { width: 28px; padding-right: 5px; vertical-align: -5px; }
#contact #sec_phone .tel .txt2 { font-size: 1.3rem; text-align: center; line-height: 1; margin-left: 30px; }
@media screen and (max-width: 1040px) {
    #contact #sec_phone .tel a { font-size: 2.4rem; }
    #contact #sec_phone .tel a .icon { width: 24px; vertical-align: -4px; }
    #contact #sec_phone .tel .txt2 { font-size: 1.2rem; margin-left: 25px; }
}

/* #sec_line */
#contact #sec_line { text-align: center; }
#contact #sec_line .line a { font-family: inherit; font-size: 1.6rem; padding: 13px 20px; color: #0083c3; min-width: 300px; }
#contact #sec_line .line a:before,
#contact #sec_line .line a:after,
#contact #sec_line .line a>span:before,
#contact #sec_line .line a>span:after  { background: #0083c3; }
#contact #sec_line .line a>span span { font-size: 1.2rem;}
#contact #sec_line .line .icon { display: inline-block; width: 28px; font-size: 0; margin-right: 5px; }
#contact #sec_line .line .icon:nth-child(2) { display: inline-block; }
#contact #sec_line .line .icon:first-child { display: none; }
@media screen and (max-width: 1040px) {
    #contact #sec_line .line a { font-size: 1.4rem;  min-width: 278px; }
    #contact #sec_line .line a>span span { font-size: 1.2rem;}
    #contact #sec_line .line .icon { width: 22px; }
}


/* #sec_thanks */
#contact #sec_thanks .txt1 { font-family: 'Caveat', cursive; letter-spacing: 0.1em; font-size: 4.8rem; text-align: center; color: #0083c3; }
@media screen and (max-width: 1040px) {
    #contact #sec_thanks .txt1 { font-size: 3.2rem; }
}