@charset "utf-8";
/* CSS Document */

/* PC and Tablet ////////////////////////*/
@media screen and (min-width: 600px){

h2{ margin-bottom:0; font-size:125%; font-weight:bold; }
h3{ margin-bottom:10px; font-size:98%; color:#000;/* font-weight:bold;*/ }

p.read{ font-size: 108%; margin-bottom: 5px; }
dl{ clear:both; }
dl:after{ content:".";clear:both;display:block;height:0;visibility:hidden;}
dt,dd{ float: left; font-size:95%; margin-top:15px; }
dt{ font-weight:bold; width: 70px; }
dd+dt{ clear:left ;}

/**/
section.Box01{ box-sizing:border-box; width:100%; border-bottom:10px solid #FFF; border-left:10px solid #FFF; border-right:10px solid #FFF; }
section.Box01 div.textBox{ float:left; width:45% !important; }
section.Box01 div.imgBox{ width:50%; float:right; }
section.Box01 div.imgBox img{ width:100%; }

/* 2段目*/
div.Box02{ box-sizing:border-box; width:100%; border-bottom:10px solid #FFF; border-left:10px solid #FFF; border-right:10px solid #FFF; }
div.Box02:after{ content:".";clear:both;display:block;height:0;visibility:hidden;}
div.Box02 div.innerBox01,div.Box02 div.innerBox02{ box-sizing:border-box; width:50%; float:left; }
div.Box02 div.innerBox01 section{ display:block; border-right: 10px solid #FFF; }
/*div.Box02 div.innerBox01 section:nth-child(1){ border-bottom: 10px solid #FFF; }*/
div.Box02 div.innerBox02 dt,div.Box02 div.innerBox02 dd{ clear:left; }
div.Box02 div.innerBox02 dt{ width:100%; }
div.Box02 div.innerBox02 dd{ margin-top:0; }

/* 3段目*/
div.Box03{ box-sizing:border-box; width:100%; border-bottom:10px solid #FFF; border-left:10px solid #FFF; border-right:10px solid #FFF; }
div.Box03:after{ content:".";clear:both;display:block;height:0;visibility:hidden;}
div.Box03 div.innerBox01{ box-sizing:border-box; width:50%; float:left; }
div.Box03 div.innerBox01 h2{ margin-bottom:10px; }
div.Box03 div.innerBox01:nth-child(1) section{border-right: 10px solid #FFF; }
div.Box03 div.innerBox01:nth-child(1) section .textBox{ padding-bottom:70px;}

}

/* SmartPhone  ////////////////////////*/
@media screen and (max-width: 599px){
br.spn{ display: none; }
h2{ margin-bottom:4px; font-size:105%; font-weight:bold; }
h3{ margin-bottom:10px; font-size:95%; line-height:1.2em; color:#000;/* font-weight:bold;*/ }

p.read{ font-size: 100%; margin-bottom: 5px; }
dl{ clear:both; }
dl:after{ content:".";clear:both;display:block;height:0;visibility:hidden;}
dt,dd{ width:100% !important;font-size:95%; }
dt{  margin-top:15px;font-weight:bold; width: 70px; }

/**/
section.Box01{ box-sizing:border-box; width:100%; border-bottom:4px solid #FFF; border-left:4px solid #FFF; border-right:4px solid #FFF; }
section.Box01 div.textBox{ width:100%; }
section.Box01 div.imgBox{ width:100%; }
section.Box01 div.imgBox img{ width:100%; }

/* 2段目*/
div.Box02{ box-sizing:border-box; width:100%; border-bottom:4px solid #FFF; border-left:4px solid #FFF; border-right:4px solid #FFF; }
div.Box02:after{ content:".";clear:both;display:block;height:0;visibility:hidden;}
div.Box02 div.innerBox01,div.Box02 div.innerBox02{ box-sizing:border-box; width:100%;}
div.Box02 div section{ border-bottom:4px solid #FFF; }
.sp-out{display: none;}

/* 3段目*/
div.Box03{ box-sizing:border-box; width:100%; border-bottom:4px solid #FFF; border-left:4px solid #FFF; border-right:4px solid #FFF; }
div.Box03:after{ content:".";clear:both;display:block;height:0;visibility:hidden;}
div.Box03 div.innerBox01{ box-sizing:border-box; width:100%; }
div.Box03 div.innerBox01 h2{ margin-bottom:10px; }
div.Box03 div.innerBox01 section{border-bottom: 4px solid #FFF; }

}