@charset "UTF-8";
/*-------------------------------
kodawari_shirai
-------------------------------*/
.kodawari{
margin: 140px 0 0;
font-size:0.9rem;
text-align: justify;
}
.innerBlock{
max-width: 1000px;
margin: 0 auto;
width: 100%;	
}
h2 {
margin: 0 auto 12%;
width: 58.6%;
}
.colItem {
float: none;
}
.navBlock {
margin: 0 auto 10%;
}
.navBlock ul {
margin: 0 auto;
width: 92%;
}
.navBlock li {
float: left;
width: 46%;
}
.navBlock li:nth-child(odd){
margin: 0 8% 0 0;
}
.navBlock .colItem{
width: 46%;
}
.navBtn{
border:#c01a2b 1px solid;
box-sizing: border-box;
display: block;
text-align: center;
}
.navBtn img {
padding: 10% 0;
max-width: 80%;
}
.navBtn:hover{
background: #c01a2b;
opacity: 1.0;
}
.leadBlock{
background:url(../../common/img/kodawari/report_main_img_sp.jpg) no-repeat center;
background-size:cover;
padding: 13% 5%;
}
.leadBlock h3 {
margin: 0 auto;
width: 90%;
}
.leadBlock dl {
margin: 8% auto 0;
}
.leadBlock dt {
width: 48%;
padding: 0 0 3%;
margin: 0 auto;
}
.leadBlock dd {
border-top: 1px solid #fff;
border-left: none;
padding: 5% 0 0;
}
.leadBlock p {
line-height: 1.6rem;
color:#fff;
margin: 0 8%;
}
/***************repoBlock******************/
/*common*/
.reportMainBlock.underlayer{
background: url(../../common/img/kodawari/report_bg.jpg) repeat;
background-size: 66% auto; 
padding: 7% 0 12%;
}
.reportMainBlock p{
font-size: 1rem;
line-height: 1.6rem;
letter-spacing: -1px;
}
.text01,.text02,.text03,.text04,.text05{
margin: 0 2%;
}
.repoBlock00,.repoBlock01,.repoBlock02,.repoBlock03,.repoBlock04,.repoBlock05,.repoBlock06,.repoBlock07,.repoBlock08,.repoBlock09{
margin: 0 0 18%;
}
.img01 {
margin: 0 auto 7%;
width: 95.5%;
}
/*repoBlock00*/
.repoBlock00 {
margin:0 0 22%;
}
.repoBlock00 .img01 {
margin: 0 auto 4.2%;
width: 31.3%;
}
.repoBlock00 .img02 {
margin: 0 auto;
width: 56.7%;
}
.repoBlock00 .img03 {
margin: 0 auto 4%;
width: 80.5%;
}
.repoBlock00 .img04 {
margin: 0 auto;
width: 32.8%;
}
.repoBlock00 .text01{
color:#927658;
text-align: center;
}
.repoBlock00 .img05 {
margin: 10% 11% 0 auto;
width: 59.7%;
}
/*repoBlock01*/
.repoBlock01 .img01 {
width: 95.5%;
margin: 0 auto 7%;
}
.repoBlock01 .text01 {
margin: -15px 2% 0;
}
.repoBlock01 .text01 span {
font-weight: bold;
}
.repoBlock01 .img02{
margin: 0 auto;
width: 70.5%;
}
/*repoBlock02*/
.repoBlock02 .text01{
margin: 5% 2%;
}
.repoBlock02 .photo02 {
margin: 0 auto 6%;
width: 50.5%;
}
.repoBlock02 .text02 {
margin: 0 2% 8%;
}
.repoBlock02 .text02 .sp_on {
display: inline;
}
.repoBlock02 .text03 {
font-size: 0.7rem;
line-height: 1rem;
text-align: center;
}
.repoBlock02 .photo03 {
margin: 2% auto 5% 5%;
width: 70.4%;
}
.repoBlock02 .text04 {
margin: 0 2% 1rem;
}
/*repoBlock03*/
.repoBlock03 .text01{
margin: 3% 2% 9%;
}
.repoBlock03 .text02 {
font-size: 0.7rem;
line-height: 1rem;
margin: 0 auto 0 15%;
}
.repoBlock03 .photo02{
margin: 1% 0 0 8%;
width: 50.1%
}
.repoBlock03 .photo03{
margin: 1% 1% 0 auto;
width: 57.3%;
}
/*repoBlock04*/
.repoBlock04 .text01{
margin: 3% 2% 0;
}
.repoBlock04 .photo02{
margin: 0 10% 0 auto;
width: 68%;
}
/*repoBlock05*/
.repoBlock05 .photo01{
margin: 0 auto;
width: 89.5%;
}
.repoBlock05 .text01{
margin: 6% 2% 1rem;
}
.repoBlock05 .photo02{
margin:0 auto;
width: 50.8%;
}
.repoBlock05 .text03 {
font-size: 0.7rem;
line-height: 1rem;
margin: 9% 2% 3%;
text-align: center;
}
/*repoBlock06*/
.repoBlock06 .text01{
margin: 4% 2% 1rem;
}
.repoBlock06 .photo02{
width: 50.1%;
margin: 2% auto 0;
}
/*repoBlock07*/
.repoBlock07 .photo01{
margin: 0 auto;
width: 89.4%;
}
.repoBlock07 .text01{
margin: 4.5% 2% 1rem;
}
/*repoBlock08*/
.repoBlock08 .text01 {
margin: 3% 2% 2%;
}
.repoBlock08 .photo02{
margin: 0 auto 0 10%;
width: 65%;
}
/*repoBlock09*/
.repoBlock09 .text01{
margin: 3% 2% 8%;
}
.repoBlock09 .photo02{
margin: 0 auto 0 5%;
width: 86.1%;
}
.repoBlock09 .photo03{
margin: -3% 6% 10% auto;
width: 83.2%;
}
.repoBlock09 .text02{
margin: 5% 2% 0;
}
.repoBlock09 .img02{
margin: 6% auto 0;
width: 52.2%;
}
/*display*/
.kodawari .pc_on{
display: none;
}
.kodawari .sp_on{
display: block;
}