article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}  
.cf {display:inline-table;}  
* html .cf{height:1%;}
.cf {display:block;}  

input[type="submit"] {
   -webkit-appearance: none;
}

html{margin:0;padding:0;}
body{-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:'Noto Sans JP',sans-serif;font-style:normal;color:#777;background-color:#fff;}
/*
body{ background-image:url("../images/bg.jpg");background-repeat: no-repeat;background-attachment: fixed;background-position: center top; background-size: cover; }
*/
header{position:relative;top:0;width:100%;height:auto;margin:0 0 150px;padding:0 0 1px;}
header h1{position:absolute;bottom:0;width:calc(100% - 30px);height:auto;color:#666;font-size:13px;margin:0 0 5px;padding:5px 15px;text-align:right;background-color:rgba(255,255,255,0.5);}

header p{position:absolute; top:10%; left: 7%; font-size:28px;font-weight:300;line-height:1.4em;color:#666;margin:0;padding:0;}
header p a{color:#fff;text-decoration:none;}
header p a:hover{color:#666;text-decoration:none;}

.main_image{ width: 100%; margin:0; padding: 0;}
.main_image img{ width: 100%; height: auto; margin: 0; padding: 0;}

h2,h3{color:#666;font-size:20px;font-weight:600;margin:10px 0 30px;padding:0 30px;}
h2,h3{font-size:18px;}
p{font-size:12px;line-height:1.7em;margin:5px 0; padding: 5px 30px;}
a{color:#A2C3C2;text-decoration:underline;}
a:hover{color:#A2C3C2;}

main{width:100%;margin:0;padding:0;}

article{width:100%;margin:0 0 20px;padding:0;}
section{width:100%;margin:50px 0 50px;padding:10px 0;clear:both;}
nav,footer{width:100%;margin:20px 0;padding:30px 0;clear:both;}

p.pl{float:left;width:55%;margin:0 30px 0 0;padding:0;}
p.pr{float:right;width:55%;margin:0 0 0 30px;padding:0;}
p.pl img,p.pr img{width:100%;height:auto;margin:0 0 50px;padding:0;}

.single { width: 70%; margin: 0 15% 150px; padding: 0;}
.single h2, .single h3{padding:0;}
.single p{ padding: 5px 0;}
.single p.pl{float:left;width:35%;margin:10px 30px 0 0;padding:0;}
.single p.pr{float:right;width:35%;margin:10px 0 0 30px;padding:0;}
.single img{width:100%;height:auto;margin:0 0 10px;padding:0;}

nav{}
nav ul{font-size:0;margin:0 50px;padding:30px 0 0;list-style-type:none;}
nav li{display:inline-block;width:calc(28% - 11px); vertical-align: top; margin:15px 2% 15px 3%;padding:5px;}
nav li img{width:100%;height:auto;}
nav li span{display:block;font-size:12px;margin: 10px 0 0;}
nav a{color:#666;text-decoration:none;}
nav a:hover{color:#999;text-decoration:underline;}

footer{width:calc(100% - 80px);text-align:left;margin:0 auto 0;padding:50px 30px 10px 50px;clear:both;}
footer small{margin:0 10px;padding:0;}
footer small a{color:#666;text-decoration:none;}
footer small a:hover{color:#666;text-decoration:none;}

.banner{
	margin: 30px 0 30px 150px;
}

.img_m{
	margin: 30px 0 30px 150px;
}

@media screen and (max-width: 815px) {
    
    body{ width: 100%; margin: 0; padding: 0; }
    header{overflow:hidden; margin:0 0 50px;padding:0 0 1px;}
    .main_image{ text-align: center; }
    .main_image img{ width: 200%; }
    header h1{ font-size: 10px;}
    header p{ font-size: 23px;}
    .single { width: 80%; margin: 0 10% 30px; padding: 0;}
    h2,h3{font-size:17px; clear: both;}
    p{font-size:14px;}
    p.pl{width:80%;margin:0;padding:0;}
    p.pr{width:80%;margin:0;padding:0;}
    p.pl img,p.pr img{margin:0 0 20px;padding:0;}

    .single p.pl{float:none;width:100%;margin:0 0 30px 0;padding:0;}
    .single p.pr{float:none;width:100%;margin:0 0 30px 0;padding:0;}
    .single img{width:100%;height:auto;margin:0 0 10px;padding:0;}
    
    nav{width:calc(100% - 20px);padding:0 10px;}
    nav ul{width:100%;font-size:0;margin:0;padding:20px 0 0;list-style-type:none;}
    nav li{display:inline-block;width:calc(49% - 11px);vertical-align:top;margin:15px 0 15px 0.5%;padding:5px;}
    nav li img{}
    nav li span{font-size:10px;margin: 10px 0 0;}
    nav a{display:block; margin:0; padding:10px;}
    footer{width:calc(100% - 20px);padding:5px 10px;}
    footer small{font-size:10px;}
    
}