@import "reset.css";
@charset "UTF-8";

*, 
*:before, 
*:after { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} 

body {
color: #303030;
font-family: sans-serif;
text-align: justify;
text-justify: distribute;
letter-spacing: 0.1em;
line-height: 160%;
}

body .container {
max-width: 900px;
margin: 0 auto;
}

body img {
display: block;
}

.pc {display: block;}
.mb {display: none;}






header h1 {
padding: 2px 5px 5px 0;
font-size: 90%;
text-align: right;
}
header img {
width: 100%;
margin: 0 0 20px;
}
header p {
text-align: center;
font-size: 120%;
line-height: 160%;
}



section#main .about {
width: 90%;
margin: 0 auto;
padding: 80px 0;
}
section#main .about p {
font-size: 140%;
text-indent: 0.5em;
line-height: 200%;
letter-spacing: 0.3em;
}

section#main .gallery {
padding: 10px 0;
}
section#main .gallery h2 {
margin: 15px auto;
padding: 10px 0 6px 6px;
width: 200px;
background: #fff4fa;
border: 1px #d4d4d4 solid;
text-align: center;
font-weight: bold;
font-size: 120%;
}

section#main .gallery img {
width: 300px;
margin: 30px;
}















/*
section.news img {
width: 80%;
margin: 50px auto 0;
}
section.news .garasue {
width: 80%;
margin: 0 auto;
padding: 0 0 20px 0;
border-left: 2px #476a8d solid;
border-right: 2px #476a8d solid;
border-bottom: 2px #476a8d solid;
}
section.news p {
font-size: 120%;
}
section.news .bun {
padding: 0 75px 20px;
}
section.news .syousai {
padding: 0 20px 20px 20%;
}
section.news .syousai p {
padding: 20px 0 0 0;
}
section.news .syousai p.nai {
padding: 0 40px 0 30px;
}
section.news .toi {
padding: 20px 20px 20px 21%;
}
section.news .telmail {
padding: 0 20px 20px 21%;
line-height: 250%;
}
*/



section.news img {
width: 80%;
margin: 50px auto 0;
}
section.news .bun {
width: 80%;
margin: 0 auto 50px;
}
section.news h2 {
padding: 20px 0;
text-align: center;
line-height: 120%;
font-size: 180%;
}
section.news p {
font-size: 130%;
}








section#main .info {
width: 65%;
margin: 0 auto;
}
section#main .info h2 {
padding: 100px 0 0;
font-size: 170%;
line-height: 170%;
font-weight: bold;
}
section#main .info p {
padding: 0 0 0 30px;
font-size: 140%;
line-height: 180%;
}
section#main .info dt,
section#main .info dd {
padding: 10px 20px 0 0;
font-size: 140%;
line-height: 180%;
}
section#main .info dl {
margin: 0 0 20px 60px;
}
section#main .info dt {
float: left;
}
section#main .info dd.blank {
padding: 10px 20px 0 212px;
}

section#main .info a:hover {
color: #d52b2b;
text-decoration: none;
}



section#main .bosyu {
width: 65%;
margin: 0 auto;
padding: 20px 0;
}
section#main .bosyu h2 {
padding: 50px 0 0;
font-size: 170%;
line-height: 170%;
font-weight: bold;
color: #4a4a4a;
}

section#main .bosyu .word {
width: 55%;
float: left;
margin: 10px 5% 0 0;
}
section#main .bosyu p {
padding: 0 0 0 30px;
font-size: 130%;
line-height: 200%;
}
section#main .bosyu img {
width: 40%;
}


section#main .blog {
display: flex;
justify-content: center;
}
section#main .blog img {
margin: 35px;
}



footer {
margin: 60px 0 0 0;
background: #e9e9e9;
}
footer h2 {
padding: 30px 0 10px;
font-size: 130%;
font-weight: bold;
}
footer p.copyright {
padding: 10px 0 3px;
line-height: 100%;
font-size: 90%;
text-align: right;
}







.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}