@charset "UTF-8";

@media screen and (max-width:980px){
.cont1 p{font-size: 2.5vw !important;width: 58%!important; height: auto; margin-top: 1%; margin-left: 3%;  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; color: #FFF; line-height: 175%; text-align: left}
	img {width: 100%; height: auto}
	
	dl.box3{width: 26%; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF; vertical-align: top}
dl.box3 dt{ width: 33%; text-align: left; font-size: 3vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box3 dd{width: 55%;text-align: left; margin-left: 3%}
dl.box1{width: 91.5%; margin: 1% 1%; margin-left:1% ; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF}
dl.box1 dt{width: 15%; margin: 1% 0%; margin-right:3% ; float: left}
dl.box1 dd{width: 80%; margin: 1% 0%; float: left}

dl.box2-1{width: 42.5%; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 1% 2%; display: inline-block; background-color: #FFF; vertical-align: top; margin-left: 1.5%;margin-right: 2%;padding-bottom: 2.85em;}
dl.box2-2 {width: 42%; margin: 2% 1%; height:auto; border: solid 1px #333; text-align: left; padding: 1% 2%; display: inline-block; background-color: #FFF; vertical-align: top;margin-left: 0;margin-right: 2%;}
dl.box2-1 dt{ width: 33%; text-align: left; font-size: 3vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-2 dt{ width: 33%; text-align: left; font-size: 3vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-1 dd{width: 45%;text-align: left; margin-left: 3%}
dl.box2-2 dd{width: 45%;text-align: left; margin-left: 3%;font-size: 80%}
dl.box2-2 p{text-align: left;margin-top: 2%;font-size: 60%}

.thmb{ width: 50%; float: right;margin-top: 5%;}
.thmb2{ width: 60%; float: right;margin-top: 5%;margin-left: 2%; }
	
}
@media (max-width : 600px ){

dl.box3{width: 65%!important; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF; vertical-align: top;margin-top: 2%!important;}
dl.box3 dt{ width: 33%; text-align: left; font-size: 4vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box3 dd{width: 40%!important;text-align: left; margin-left: 15%!important;}
dl.box1{width: 65%!important; margin: 1% 1%; margin-left:1% ; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF}
dl.box1 dt{width: 15%; margin: 1% 0%; margin-right:3% ; float: left}
dl.box1 dd{width: 80%; margin: 1% 0%; float: left}

dl.box2-1{width: 65%!important; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 1% 2%; display: inline-block; background-color: #FFF; vertical-align: top; margin-left: 1.5%;margin-right: 2%;padding-bottom:0em!important;}
dl.box2-2 {width: 65%!important; margin: 2% 1%; height:auto; border: solid 1px #333; text-align: left; padding: 1% 2%; display: inline-block; background-color: #FFF; vertical-align: top;margin-left: 0;margin-right: 2%;}
dl.box2-1 dt{ width: 33%; text-align: left; font-size: 4vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-2 dt{ width: 33%; text-align: left; font-size: 4vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-1 dd{width: 45%;text-align: left; margin-left: 3%}
dl.box2-2 dd{width: 45%;text-align: left; margin-left: 3%;font-size: 80%}
dl.box2-2 p{text-align: left;margin-top: 2%;font-size: 60%}

.thmb{ width: 50%; float: right;margin-top: 5%;}
.thmb2{ width: 60%; float: right;margin-top: 5%;margin-left: 2%; }
}

@media screen and (max-width:480px){

dl.box3{width: 85%!important; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 2% ; display: inline-block; background-color: #FFF; vertical-align: top}
dl.box3 dt{ width: 33%; text-align: left; font-size: 4vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box3 dd{width: 40%!important;text-align: left; margin-left: 15%!important;}
dl.box1{width: 85%!important; margin: 1% 1%; margin-left:1% ; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF}
dl.box1 dt{width: 15%; margin: 1% 0%; margin-right:3% ; float: left}
dl.box1 dd{width: 80%; margin: 1% 0%; float: left}

dl.box2-1{width: 85%!important; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 2% 2%!important; display: inline-block; background-color: #FFF; vertical-align: top; margin-left: 1.5%;margin-right: 2%;padding-bottom:0em!important;}
dl.box2-2 {width: 85%!important; margin: 2% 1%; height:auto; border: solid 1px #333; text-align: left; padding: 2% 2%!important; display: inline-block; background-color: #FFF; vertical-align: top;margin-left: 0;margin-right: 2%;}
dl.box2-1 dt{ width: 33%; text-align: left; font-size: 4vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-2 dt{ width: 33%; text-align: left; font-size: 4vw!important;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-1 dd{width: 45%;text-align: left; margin-left: 3%;font-size: 80%}
dl.box2-2 dd{width: 45%;text-align: left; margin-left: 3%;font-size: 80%}
dl.box2-2 p{text-align: left;margin-top: 2%;font-size: 60%}

.thmb{ width: 50%; float: right;margin-top: 5%;}
.thmb2{ width: 60%; float: right;margin-top: 5%;margin-left: 2%; }
}
@media screen and (min-width:980px){
	.cont1 p{width: 58%!important; height: auto; margin-top: 1%; margin-left: 3%; font-size: 1.8em; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; color: #FFF; line-height: 175%; text-align: left}
}