/* 基本カラー（グレー）:#666 */




body{
margin:0;
padding:0;
font-family: "Shippori Mincho", serif;
color:#fff;
background-color:#666;
}

a:link{color:#fff; text-decoration:none; border:none;}
a:visited{color:#fff; text-decoration:none; border:none;}
a:active, 
a:hover{color:#fff; text-decoration:none; border:none;}



/* ================== contents ================== */

.container{
margin:80px auto;
padding:0;
max-width:1200px;
}

.contents{
text-align: justify;
text-justify: inter-ideograph; /* IE用 */
-webkit-font-feature-settings: "palt";
}

.col2{
width:48%;
display:inline-block;
vertical-align:top;
}

.wrap {
margin:20px;
padding:60px;
background-color:#F7F7F7;
color:#333;
border-radius:1px;
}

.pc{
display:block;
}

.mobi{
display:none;
}

.contents h2{
margin:0 0 40px 0;
padding:15px;
font-size:200%;
font-family: "Shippori Mincho", serif;
font-weight: 500;
font-style: normal;
text-align:center;
border-top:2px #333 solid;
border-bottom:2px #333 solid;
display:block;
}

.contents h3{
margin:0;
padding:0;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-style: normal;
}

.contents h4{
margin:2em 0 0 0;
padding:0;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 500;
font-style: normal;
}

.common-area{
line-height:1.8em;
}

p{
margin:20px 0 0 0;
padding:0;
}

.contents ul{
margin:5px 20px 25px 20px;
padding:0;
font-size:14px;
}

.contents li{
margin:0;
padding:0;
list-style:square;
text-align: none;
text-justify: none; /* IE用 */
}

.navi-box{
margin:40px 0;
padding:0;
}

.navi-box a:link{color:#008BD3; text-decoration:none; border:none;}
.navi-box a:visited {color:#008BD3; text-decoration:none; border:none;}
.navi-box a:active, 
.navi-box a:hover {color:#008BD3; text-decoration:none; border:none;}





@media screen and (min-width: 0px) and (max-width: 750px)  {

.container{
margin:84px 0 0 0;
padding:0;
max-width:100%;
}

.wrap {
margin:20px;
padding:40px 20px;
background-color:#fff;
color:#333;
border-radius:1px;
}

.col2{
width:100%;
display:block;
vertical-align:top;
}

.pc{
display:none;
}

.mobi{
display:block;
}

}



/* ================== footer ================== */

footer{
width:100%
margin:0;
padding:20px 0 30px 0;
background-color:#333;
text-align:center;
}

footer img{
margin:0;
padding:0;
width:auto;
height:5em;
}

footer a{
margin:0;
padding:0;
}

.copyright{
width:100%;
margin:0;
font-size: 12px;
}


@media screen and (min-width: 0px) and (max-width: 750px)  {

footer .contents{
padding:20px 20px 20px 20px;
}

}