/* スマートフォン用のスタイル記述 */
@media screen and (max-width: 750px) {
img{max-width: 100%;height: auto;width:auto;}
/*#container*/#outline{
width:100%;
}
/*～以下、画面の横幅が750pxまでの場合のスタイル記入～*/

*{margin:0;padding:0;}
h2{font-size: 2.4rem;}
p.msg {font-size:1.6rem;}
p,th,td,input{ font-size:1.6rem;}
dt,dd{ font-size:1.4rem;}

.inner{width:100%;margin:auto;}
.btnB{font-size:2.4rem;}
    
section {margin:10rem auto;}

.first_section {margin-top:0/*5rem*/ !important;}
.second_section,.type2 {margin:auto !important;}
.type2 dl{width:100%;margin:0 0 2em 0;/*←横向き対応に変更*//*width:120%;margin:0 -10% 2em -10%;*/ float:none !important;clear:both;}
.type2 dt {width:100%; float: none !important;padding:0;}
.type2 dt img{width:100%;}
.type2 dd.title{border-bottom:1px solid #000;float:left;width:100%; float: none !important;padding:0;} 
    
.btn_tel{position:absolute;top:20px;right:0;padding:0.25em;background:#fff;display: block !important;}
.btn_tel a{color:#000; text-decoration: none;font-size:1.5em;}
    
    
    
    
    /*header*/
header{width:100%;}
header .inner{height:70px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
header h1 {/*height:60px;*/width:100%;float:none;}
header h1 a {/*height:70px;*/}
header nav ul {flex-wrap: wrap;padding:0.5em;position:relative; display: none;}
h1 img {height:50px;margin:0em 0.5em;}
    
/*sp_topimg以下にメニューを置けるよう対応*/   
    
nav.sp_headernav{display:block;}
nav.sp_headernav ul {flex-wrap: wrap;padding:0.5em;position:relative;display:flex;height:auto;}
nav.sp_headernav ul li{width:33%;height:4em;text-align: center;border:5px double #fff; border-radius:0.5em;padding:0;background:#00a2d0;display: flex; align-items: center; justify-content: center;}
nav.sp_headernav ul li:hover {background:#00a2d0;}
nav.sp_headernav ul li:nth-child(even) {}
nav.sp_headernav ul li a{color:#fff; text-decoration: none;}
    

/*スマホ用スライドショー表示してPC用スライドショー非表示*/
#slide {display:none !important;}
#slide_sp {width:100vw;height:68vw;/*←スライドショー画像が100:49の場合*/margin:0;position:relative;  z-index:9;display:block !important;}
#slide_sp img {width:100vw;height:67vw;/*←スライドショー画像が100:49の場合*/margin:0;position: absolute;left:0;top:0;}
    
    
/*main*/
main {width:100%;/*padding:0 4em*/;margin:auto;}
#slide {width:100%;height:auto;}
    
.col3 {display:block;}
.col3 dl {width:100%;margin:2em 0;}
.col3 .list {width:100%;margin:2em 0;}
.col2 {display:block;}
.col2 .list,.col2b .list {width:100%;margin:0 0 1em 0;}
.col2b {width:100%;margin:0;/*←横向き対応に変更*//*width:120%;margin:0 -10%;*/}
.col2c .list {width:100%;}
.col2c {width:100%;margin:0;/*←横向き対応に変更*//*width:120%;margin:0 -10%;*/}
.col2d .list {width:100%;}
.col2d {width:100%;margin:0;/*←横向き対応に変更*//*width:120%;margin:0 -10%;*/}
.col2e{width:100%;margin:0;/*←横向き対応に変更*//*width:120%;margin:0 -10%;*/}
.col2e .list {width:49%;margin:0;padding:1em 0;}
.col2e .list:first-child {margin:0 2% 0 0 ;/*padding:1em;*/}
    
    
    .about {}
#about table {float:none;width:100%;}
#about iframe {width:100%;}

    
h2.msg2 { font-family: sans-serif;color:#000;font-size:2.3rem; border: none;}
p.msg3 {width:100%;margin:2em auto;text-align:left; border-left:none;border-top:none;padding:0;}

.tel{width:90%;margin:1em auto;border-radius:1em; background:#fff; text-align: center;padding:0.5em;border:2px solid #000;}
.tel a{text-decoration:none; color:#000; font-size:2rem;}
.tel strong {font-size:2.7rem;}
#inquiry table {margin:0;}
    
    
/*footer*/
    footer {background:#003686;/*←ベースカラー（濃）変更はここ*/}
    footer nav ul {display:flex;flex-wrap: wrap;padding:0 0.5em;width:100%;height:auto; justify-content:space-around;margin:1em 0;}
    footer nav ul li {width:33%;height:4em;text-align: center;border:2px solid #fff; border-radius:0.5em;padding:0;margin:1px 0;}
    footer nav ul li a{color:#fff;}
    .footer_logo {text-align: center;width:100vw;display:block;}
    .footer_logo img{width:60%;}
    
/*2ページ目用*/
#service h3 {font-size:1.6rem;color:#fff;width:110%;margin:2em -5%;background:#00876c; text-align: center;padding:0.5em;}
    
    
    
}