/* #Reset & Basics
================================================== */

*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing :border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html, body, div, span, h1, h2, h3, p, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, figcaption, footer, header, nav, section {margin: 0;padding: 0;border: 0;font: inherit;text-decoration:none;}
img {display: block;vertical-align: middle;width:100%;height:auto;}
li{list-style: none;}
a:focus {outline: 0;}
a > img:hover{opacity:0.75;}
a{color:#53B8FE;text-decoration:underline;}
a:hover{color:#53B8FE;text-decoration:none;}
a.roll img:hover{opacity:1;}
h1, h2, h3 {font-weight: 700;}
p{margin: 3% 0;}
h2{margin-bottom:5%;}
.txt{margin: 0 4%;}
.small{font-size: 0.85em;}

/* #Basic Styles
================================================== */
body {
	background: #ffffff;
	color: #000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HGSゴシックE","ＭＳ Ｐゴシック",sun-serif;
	line-height:1.5;
	font-size:0.7em; 
	width:100%;	
}

/* #Clearing
================================================== */
.container:after,
.clearfix:after { content: ''; display: block;height: 0;clear: both;visibility: hidden;}
.clearfix:before,clearfix:after,.row:before,.row:after {	content: '';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.row:after,clearfix:after {	clear: both; }
.row,.clearfix {	zoom: 1;}
.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}


/* #Header
================================================== */
.header .logo{float:left;margin:3.2% 3% 0;width:22%;}
.header .qport-neo{float: left;width: 22%;margin-top:2%;}
.header .head-tel{float: right;width: 40%;margin: 2% 5% 2% 2%;}
.header .banner{margin-bottom:4%;}

.buttons{margin: 0 4% 4%;overflow: hidden;}
.buttons > li{float: left;}
.buttons > li:first-child{width:57%;margin-right:1%;}
.buttons > li:last-child{width:42%;}
.buttons > li > img{max-width: 92%;}

.main-menu{margin:0 4% 4%;}
.main-menu ul{overflow:hidden;margin:1% 0}
.main-menu li{float:left;margin: 1% 1.6% 1% 0;width: 49.2%;}
.main-menu li:nth-child(2n){margin-right:0;}

.point{margin:0 4%;}
.point .title-txt{margin: 3% 0;}
.block-desc{overflow:hidden;position:relative;margin-bottom: 2%;}
#block1 .block-desc p{float: left;width: 65%;}
#block1 .block-desc > img{float: right;width: 24%;margin-right: 5%;}

.visit .block-desc{position:relative;}
.visit .block-desc > p{position:absolute;bottom: 0;left: 3%;line-height: 1.2;margin: 3% 3% 2.5% 1%;}
#point3 .buttons{margin:0 0 4%;}
#point4 > img{margin:2% 0}
#point4 .img-blue{margin-top:4%;}
#point4 .block{border:3px solid #0052BD;padding:4%;margin-bottom:3%;border-radius: 6px;line-height:1.7}
#point4 .block .blue-bg{background-color: #0052BD;color: #FFF;font-weight: 700;padding: 0 1%;}
#point5{margin:4%;}

.flow{margin: 5% 4% 0;}
.flow ul li{}
.flow ul li .f-left{width: 45%;background: url("../images/ic_step.png") no-repeat center bottom / 15% auto;margin-bottom: 1%;display: inline-block;vertical-align: middle;padding-bottom: 5%;}
.flow ul li .f-right{width: 52%;margin-left: 1%;display: inline-block;vertical-align: middle;margin-top: -7%;line-height: 1.2;}
.flow ul li:last-child .f-left{background:none; padding-bottom:0;}
.flow ul li:last-child .f-right{margin-top:0;}
.flow ul li .f-right span{display:block;font-size:0.85em;}

.contact{margin:4%;background-color:#DDD;padding-bottom: 1%;}
.contact  > h3{padding:2% 4%;overflow:hidden;font-weight: 500;}
.contact  > h3 > span:first-child{float:left;font-weight: 700;}
.contact  > h3 > span:last-child{float:right;}
.contact .inner{background-color:#FFF;padding: 4%;margin: 0 1%;}
.contact .inner .buttons{margin:0;}
.contact .inner > span{display: inline-block; vertical-align: top; margin: 0px 0px 5px;}
.contact .inner > span a{display: inline-block;width: 70%; vertical-align: middle; margin: 0px 0px 5px;}
.contact .inner > img{display: inline-block;width: 70%; vertical-align: top; margin: 0px 0px 5px;}
.contact .inner .small{margin: 0;font-size: 0.8em;}
.contact .inner .p0{margin: 3% 0 0;}

.download{margin:4%;letter-spacing:-1px}
.download  a > img{width: 31px;height: 31px;display: inline-block;margin: 0 1%;}

.other{margin:0 4%;}
.other > ul > li{margin-bottom:2%;background:url(../images/list.png) no-repeat 0 7%;background-size:10px;padding-left:5%;}
.other .other-box{margin:5% 3%;}
.other .other-box h3{color:#0043B0;font-weight:700;margin: 4% 0;}
.other .other-box h3 > span{display:inline-block;}
.other .other-box h3 > img{width: 40%;float: right;margin-top: -5%;}
.other .other-bottom{font-weight:700;text-align: center;}
.other .other-bottom > span{display: inline-block;vertical-align: middle;}
.other .other-bottom > span:last-child{width: 45%;}
.other .p1{text-align: center;margin: 1% 0 0 10%;font-size:0.85em}
.other .p2{text-align: right;margin-top:6%;font-size:0.85em}
.other > ul{margin:0 2% 15%;font-size: 0.85em;}


/* #Footer
================================================== */
.copyright{background-color: #0047AD;font-size: 0.85em;color: #FFF;padding: 4% 0;text-align: center;margin: 0;}


@media all and (orientation:landscape) {
    body{font-size:1.1em;-webkit-text-size-adjust: none;}
}