@charset "UTF-8";
@media (max-width: 768px) {
body{background:#b5e4f3;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#333333;font-size:13px;line-height:1.6em;}
#wrapper{width:100%;margin:0 auto;padding:0;position:relative;top:0px;background:url(../images/wrapBg.png) no-repeat top left;overflow:hidden;}
.inner{width:100%;margin:0 auto;}
#header{background:#19a7d5;width:100%;height:auto;padding:10px 0;text-align:center;}
#header .inner{width:100%;position:relative;}
#header h1{color:white;padding:2% 5%;font-size:13px;}
#header h2 {width:235px;height:90px;margin:1% auto;}
#header nav{margin:3% 0;}
#header nav ul{background:;}
#header nav ul li{letter-spacing:0.1em;margin-top:1px;border-top:1px solid #b5e4f3;text-align:left;}
#header nav ul li:first-child{}
#header nav ul li a{font-size:16px;color:#0b4886;background:#b5e4f3;display:block;padding:3% 5%;}
#header nav ul li a:hover{color:red;}
#header #hAside{margin:2% 0;}
#header #hAside a{color:white;font-weight:bold;font-size:12px;}
#mobileHead{display:none;}

#contentTop{background:#d5f1fa;}

#topContArea{clear:both;margin-top:25px;}
#topContArea dl{width:80%;padding:3% 3% 5% 3%;background:white;border-radius:10px;margin:3% auto;}
#topContArea dl:first-child{}
#topContArea dl dt{}
#topContArea dl dd{}
#topContArea dl dd.title{font-size:17px;font-weight:bold;color:#0b4886;margin:7px 0;}
#topContArea dl dd.btn{margin-top:10%;text-align:center;}
#topContArea dl dd.btn a{display:inline;background:orange;padding:3% 10%;border-radius:20px;font-size:18px;font-weight:bold;letter-spacing:0.1em;}
#topContArea dl dd.btn a:hover{}

#video{width:90%;margin:3% auto;}
#video p{}
#video p iframe{width:100% !important;}
#video p:first-child{margin-left:0;}

#side{display:none;}
article{float:left;width:90%;margin:2% 5%;}
section{margin-bottom:2%;width:100%;}
section h1{color:#0b4886;border-bottom:1px solid #0b4886;padding-bottom:5px;font-size:16px;font-weight:bold;letter-spacing:0.1em;margin-bottom:20px;}
section h1 span{font-size:10px;font-weight:normal;margin-left:15px;}

/* media */
#media{width:90%;margin:2% 5%;}
#media ul{}
#media ul li{float:left;width:100% !important;margin:1% 0;}
#media ul li iframe{width:100% !important;}

/* product */
#product01{overflow:hidden;margin-bottom:30px;}
#product01 img{width:100%;}
#product01 dl{float:left;margin-bottom:2%;background:white;padding:5px;}
#product01 dl:first-child{margin-left:0;}
#product01 dl dt{border:1px solid #eeeeee;width:210px;}
#product01 dl dd{margin:5px 0 0 5px;}
#product01 dl dd.product01dd01{}
#product01 dl dd.product01dd02{font-size:14px;color:red;}

/* cc */
#cc{}
#cc dl{background:white;padding:20px;margin-bottom:15px;}
#cc dl dt{}
#cc dl dd{margin-top:12px;border-top:1px solid #cccccc;padding-top:12px;}

/* company */
#company{}
#company table{margin-bottom:2%;border-top:1px solid #b5e4f3;border-left:1px solid #b5e4f3;border-right:1px solid #b5e4f3;width:100%;background:white;}
#company table tr{}
#company table tr th{border-right:1px solid #b5e4f3;border-bottom:1px solid #b5e4f3;padding:10px;}
#company table tr td{padding:10px;border-bottom:1px solid #b5e4f3;}

#contact{}
#contactPc{display:none;}
#contact table{background:white;padding:20px;margin-top:20px;}
#contact .btn{margin-top:10%;text-align:center;}
#contact .btn a{display:inline;background:orange;padding:1% 5%;border-radius:20px;font-size:15px;font-weight:bold;letter-spacing:;}
#contact .btn a:hover{}

#footNav{background:white;overflow:hidden;width:100%;padding:;margin-top:30px;border-bottom:1px dashed white;}
#footNavUl li{font-size:13px;background:whiteletter-spacing:0.1em;padding:3%;font-size:13px;border-bottom:1px solid #cccccc;}
#footNavUl li a{display:block;}
#footNavUl li:first-child{}
#footNavUl li:last-child{border:none;}
#footer{background:#89cde2;padding:3%;margin:2% 0 0 0;}
#footer p{width:235px;height:90px;margin:5px 0 0 0;}
#footer address{margin:20px 0 0 0;color:white;}
}