@charset "UTF-8" ;

/*このページのみ、目次と画像の間を調整*/
body{
margin-top: 50px;
}


/*段落（左右カラムのくくり）*/
.tonteki{
width:100%;
margin: 0 auto;
font-family: serif;
margin-top: 20px;
}

.tonteki:after{
content: "";
display: block;
clear: both;
}

/*トップ画像（1カラムくくり画像）*/
.tontekigazo-one{
text-align: center;
}

.tontekigazo-one img{
width: 100%;
margin: 0;
}


/*段落*/
.tonteki-one{
text-align: 100%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 50px;
}

.tonteki-one:after{
content: "";
display: block;
clear: both;
}

.tonteki-one h1{
font-size: 30px;
padding: 0 20px 5px;
margin: 0;
text-align: center;
}

.tonteki-one p{
font-size: 16px;
padding: 0 20px;
text-align: center;
line-height: 1.7em;
}

/*左右カラム*/
.tonteki-left{
float: left;
text-align: center;
width: 50%;
}

.tonteki-left:after{
content: "";
display: block;
clear: both;
}

.tonteki-right{
float: right;
text-align: center;
width: 50%;
}

.tonteki-right:after{
content: "";
display: block;
clear: both;
}

/*左右カラムの各中身*/
.tonteki-in{
width:100%;
margin: 0 auto;
}

.tonteki-in h2{
font-size: 23px;
padding: 0 20px 0;
margin: 0 5px 0;
border-bottom: 1px #333 dotted;
text-align: left;
}

.tonteki-in p{
text-align: left;
}

.tonteki-in img{
width: 100%;
}


/*-------------------------
横幅767以上
-------------------------*/
@media(min-width:767px){


}

/*-------------------------
横幅767以下
-------------------------*/
@media(max-width:767px){

.tonteki-one h1{
font-size: 25px;
}

.tonteki-in h2{
padding-top: 15px;
}

.tonteki-left,.tonteki-right{
width: 100%;
}


}