@charset "utf-8";
/* CSS Document */
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";src: local("Yu Gothic Bold");
font-weight: bold;
}
.border_bottom{border-bottom:solid 10px #c3c7c6;}
a{color:#e73828;}
a:hover{color:#00a000;}
body{
margin-top:60px;
border-left:solid 10px #c3c7c6;
border-right:solid 10px #c3c7c6;
border-bottom:solid 10px #c3c7c6;
font-family: "Yu Gothic", YuGothic;
font-weight:bold;
line-height:1.7;
background:url(../img/syodo1.gif);
background-size:50px;
}
#policy{padding:2em 2em 1.5em;}
#policy h2{
text-align:center;
padding-bottom:1em;
}
#policy p{
text-align:center;
padding-bottom:2em;
}
#policy section{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
max-width:1000px;
margin:0 auto;
}
#policy span{text-align:center;
             font-size:1.2em;
			 font-weight:bold;
			 }
#policy section dl{width:50%;}
#policy section dt{text-align:center;}
#policy section dt img{
width:60%;
height:auto;
padding-bottom:1em;
}
#policy section dt a:hover img{opacity:0.7;}
#policy section dd{
font-size:90%;
text-align:justify;
}
@media (max-width: 640px) {
#policy{padding:1em;}
#policy p{
text-align:justify;
font-size:90%;
}
#policy p br{display:none;}
#policy section{display:block;}
#policy section dl{
width:100%;
padding-bottom:2em;
}
#policy section dt img{max-width:150px;}
}
@media (max-width: 768px) {body {margin-top: 50px;}}
#wrap section{background:#fff;}
h1{
text-align:center;
font-size:80%;
padding-top:40px;
}
h1 br{display:none;}
@media (max-width: 1200px) {
h1{
padding-top:4%;
}
}
@media (max-width: 640px) {
h1{
display:none;
}
}
#top_image{
text-align:center;
margin: -10px auto 0;
position:relative;
}
#top_image img{
width:100%;
height:auto;
max-width:1200px;
}
#sm{display:none;}
@media (max-width: 640px) {
#sm{display:inline;}
#pc{display:none;}
}
footer{
text-align:center;
padding:1em;
}
footer dt img{
width:20%;
max-width:258px;
height:auto;
padding-bottom:1em;
}
footer dd{font-size:90%;}
footer p{
padding-top:1em;
font-family:"Open Sans";
font-size:12px;
font-weight:500;
}
@media (max-width: 640px) {
footer dt img{width:140px;}
footer dd{font-size:80%;}
footer p{font-size:11px;}
}