@charset "utf-8";
/* CSS Document */
	
*{margin:0;padding:0;line-height:1.5em;box-sizing:border-box;}
html{font-size:62.5%;}
body {}
h2,h3{color:#B33822;border-bottom:1px solid #B33822;width:auto;margin:0.5em 0;font-size: 4rem;text-align: center;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";clear:both;}
p.msg {font-size:2.4rem;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";margin:0 0 2em 0;}
p,th,td,input {font-size:2rem;}
dt{margin-bottom:0.5em}
dt,dd {font-size:1.6rem;/*padding:0 0.5em;*/}
/*汎用*/
p.img-100vw{overflow: visible;margin: 0 calc(50% - 50vw);}
p.img-100vw img{width:100vw;}
.inner{width:100%;max-width:1000px;margin:auto; overflow: visible;}
.clearfix:after {content:" "; display:block; clear:both;}
.txt_r {text-align:right;}

.btnA{width:53%;margin:2em auto 1em auto;border-radius:1em; background:#fff; text-align: center;padding:0.5em;border:1px solid #B33822;}
.btnA a{text-decoration:none; color:#B33822; font-weight:bold;}
.btnB{
width:53%;margin:1em auto;border-radius:1em; background:#fff; text-align: center;padding:0.5em;border:1px solid #B33822;

 font-size:3rem;}
.btnB a{text-decoration:none; color :#fff; font-weight:bold;}
.btnC{width:90%;margin:1em auto;border-radius:1em; background:#fff; text-align: center;padding:0.5em;border:1px solid #009944;}
.btnC a{text-decoration:none; color:#009944; font-weight:bold;}
article {}
section {margin:20rem auto;}
.first_section {/*margin-top:-20rem !important;*/margin-top:0;}
.second_section,.type2 {margin:-10rem auto 10rem auto !important;}
.third_section{margin:10rem auto !important}
.type2 dl{width:100%;float:left;clear:both;margin:5em 0 2em 0;}
.type2 dt {width:30%;float:left;padding:0 1em 0 0;}
.type2 dt img{width:100%;}
.type2 dd.title{border-bottom:1px solid #000;float:left;width:70%;}
.gabion{padding:8em 2em; box-sizing: border-box;background:#fffde5;/*←ベースカラー（薄）変更はここ*/
    margin:0 calc(50% - 50vw);width:100vw;/*飛び出し用*/}
.fortop{position: fixed;bottom:0;right:0;padding:0.5em 1em 1em 1em;background:#003686/*←ベースカラー（濃）変更はここ*/}
.fortop a{color:#fff; text-decoration: none;font-size:1.2em;}
.btn_tel,.material-icons{display:none !important;}




/*header*/
header{width:100%;margin:0;background:#ffffff;border-top:2em solid #003686/*←ベースカラー（濃）変更はここ*/;border-bottom:1px solid #000000;}
header .inner{height:95px; box-sizing: border-box;padding-top:10px;}
header h1 {height:90px; display:flex; flex-direction: column; justify-content: center;width:50%;float:left;}
header h1 a {height:88px;}
header nav ul li{height:1em;border-right:solid 1px #000; display:flex;flex-direction: column;justify-content: center;}
header nav ul li:last-child{border: none;}
header nav ul li a{text-decoration:none;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";color:#000000;}

h1 img {height:68px;}
nav ul{display: flex;align-items:center;height:70px;}
nav ul li {list-style:inside none;padding:0 1em;font-size:1.4rem;}

nav.sp_headernav{display:none;}


/*PC用スライドショー表示してスマホ用スライドショー非表示*/
#slide {display:block !important;}
#slide_sp {display:none !important;}


/*main*/
main {clear:both;width:100%;max-width:1000px;box-sizing: border-box; padding:0 2em;margin:0 auto auto auto;} 
#slide {width:100vw;height:49vw;/*←スライドショー画像が100:49の場合*/margin:0;position:relative;}
#slide img {width:100vw;height:49vw;/*←スライドショー画像が100:49の場合*/margin:0;position: absolute;left:0;top:0;}

.col1 {width:100%;}
.col1 img {width: 100%;}

.overtxt {background:url(../img/dummy.png) no-repeat;width:100%;height:300px;background-size:100% 100%;display:flex;justify-content: center; align-items: center;}
.overtxt p {text-align:center;width:90%;}

.col3 {display:flex; flex-wrap: wrap;}
.col3 dl {width:32%;margin:4em 0.666666%;}
.col3 dl dt img {width:100%;}
dd.title{font-weight:bold;margin-bottom:0.5em;}

.col3 .list {width:32%;margin:auto 0.5%;}
.col3 .list img {width:100%;}

.col2,.col2b {display:flex; flex-wrap: wrap;}
.col2 .list,.col2b .list {width:49%;margin:0 0.5%;/*padding:1em;*/}
.col2 .list img,.col2b .list img {width:100%;}
.col2b,.col2e {display:flex; flex-wrap: wrap;margin:0 0 4em 0;}
.col2b h4 ,.col2e h4 {font-size:2em;}

.col2c .list {width:100%;}
.col2c .list img {width:100%;}
.col2c {display:flex; flex-wrap: wrap;}
.col2c h4 {font-size:2em;}

.col2d .list {width:100%;}
.col2d .list img {width:100%;}
.col2d {display:flex; flex-wrap: wrap;}
.col2d h4 {font-size:2em;}

.col2e .list {width:49%;margin:0 0.5%;/*padding:1em;*/}
.col2e .list img {width:100%;}



#about {}
#about table {float:left;width:68%;margin:2em 2% 2em 0;border-collapse: collapse;}
#about th,#about td{padding:0.5em; box-sizing: border-box;border:1px solid #003686;/*←ベースカラー（濃）変更はここ*/font-size:1.6em;}
#about th {text-align:left; background:#fffde5;/*←ベースカラー（薄）変更はここ*/width:30%;}
#about td {width:70%;background:#fff;}
#about iframe {width:30%;margin:2em 0 0 0;}



#inquiry table {float:left;width:100%;margin:4em 0;border-collapse: collapse;}
#inquiry th,#inquiry td{padding:0.5em; box-sizing: border-box;border:1px solid #003686;/*←ベースカラー（濃）変更はここ*/font-size:1.6em;}
#inquiry th {text-align:left; background:#fffde5;/*←ベースカラー（薄）変更はここ*/width:30%;}
#inquiry td {width:70%;background:#fff;}
#inquiry iframe {width:30%;}


h2.msg2 {font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";color:#000;font-size:5.5rem; border: none;margin:4em 0 0 0;}
p.msg3 {width:60%;margin:5em auto;text-align: center; border-left:1px solid #000;border-top:1px solid #000;padding:1em;}

.tel{width:90%;margin:1em auto;border-radius:1em; background:#fff; text-align: center;padding:0.5em;border:4px solid #003686;/*←ベースカラー（濃）変更はここ*/}
.tel a{text-decoration:none; color:#000; font-weight:bold;}
.tel strong {font-size:3em;}

/*footer*/
footer{width:100%;padding:1em 0; background:#fffde5;/*←ベースカラー（薄）変更はここ*/}
footer p { color :#fff;background:#003686;/*←ベースカラー（濃）変更はここ*/ text-align: center;font-size:1.2rem;padding:1em 0;}
footer nav ul li {height:70px; display: flex; flex-direction: column;justify-content: center;}
footer nav ul li a {text-decoration:none;color:#000;}
    .footer_logo {display:none;}









/*2ページ目用*/
#service h3 {font-size:2.5rem;color:#fff;width:60%;margin:4em auto 2em auto; background:#00876c; text-align: center;padding:0.5em;}
#service .pitat {border:1px solid #009944;}
#service .pitat h3 {background:#009944;color:#fff;margin:0;width:100%; border-radius:0;}
#service .pitat p.list {padding:auto 1em;}
#service .pitat p strong {font-size:1.2em;font-weight:bold;color:#009944;}