@charset "UTF-8";
/*-------------------------------
kodawari_shirai
-------------------------------*/
.kodawari {
margin: 5% 0 0;
}
.innerBlock{
max-width: 1000px;
margin: 0 auto;
width: 100%;	
}
h2{
margin: 10px auto 35px;
max-width: 78px;
}
.colItem{
float:left;
}
.navBlock {
margin: 0 auto 6%;
}
.navBlock ul{
margin: 0 auto;
width: 66%;
}
.navBlock .colItem{
width: 45%;
}
.navBtn{
border:#c01a2b 1px solid;
box-sizing: border-box;
display: block;
text-align: center;
}
.navBtn img{
padding: 3% 0;
}
.navBtn:hover{
background: #c01a2b;
opacity: 1.0;
}
.navBlock li:first-child{
margin:0 10% 0 0;
}
.leadBlock{
background:url(../../common/img/kodawari/report_main_img_pc.jpg) no-repeat center;
background-size:cover;
margin: 0 auto 3%;
padding: 7% 0 5.5%;
}
.leadBlock h3 {
max-width: 867px;
margin: 0 auto;
}
.leadBlock p {
color:#fff;
}
.leadBlock dl {
width: 81%;
margin: 6% auto 0;
}
.leadBlock dt {
max-width: 30px;
width: 8%;
padding: 0 5% 0 8%;
}
.leadBlock dd {
border-left: 1px solid #fff;
line-height: 2rem;
padding: 0 0 0 5%;
width: 78%;;
}
/***************repoBlock******************/
/*common*/
.reportMainBlock.underlayer{
background: url(../../common/img/kodawari/report_bg.jpg) repeat;
padding: 7% 0 12%;
}
.reportMainBlock p{
line-height: 1.8rem;
letter-spacing: -1px;
}
.rel{
position: relative;
}
.abs{
position: absolute;
}
/*repoBlock00*/
.repoBlock00{
margin: 0 0 12%;
}
.repoBlock00 .repoItem{
margin: 0 0 1% 14%;
}
.repoBlock00 .img01{
width: 19.3%;
}
.repoBlock00 .img02{
padding: 4.3% 0 0;
width: 45%;
}
.repoBlock00 .img03{
margin:0 auto;
max-width: 100%;
width: 68.2%;
}
.repoBlock00 .img04{
margin: 3.5% auto 0.1%;
width: 20.2%;
}
.repoBlock00 .text01{
color:#927658;
font-size:1.1rem;
text-align: center;
}
.repoBlock00 .img05{
margin: 4.4% 0 0 13%;
width: 36%;
}
/*repoBlock01*/
.repoBlock01 .img01{
width: 47.2%;
top: -23.7%;
right: 0;
}
.repoBlock01 .photo01{
margin: 0 auto 4.2% 0;
width: 93.7%;
}
.repoBlock01 .text01{
margin:0 0 0 auto;
width: 60%;
}
.repoBlock01 .text01 span {
font-weight: bold;
}
.repoBlock01 .img02{
width: 34.2%;
top: 45%;
right: 5.2%;
}
.repoBlock01 .img03{
margin: -22% 0 0 4%;
width: 28%;
}
.repoBlock01 .img04{
width: 30.7%;	
margin: 0 8% 0 auto;
}
/*repoBlock02*/
.repoBlock02{
background: url(../../common/img/kodawari/report_2bg_pc.png) no-repeat top center;
background-size:30.7% auto;
margin: -21% 0 0;
padding: 35% 0 0;
}
.repoBlock02 .img01 {
width: 43.3%;
top: 10.5%;
}
.repoBlock02 .photo01{
margin: 0 0 0 auto;
width: 85.2%;
}
.repoBlock02 .text01,.repoBlock02 .text02{
letter-spacing: -1px;
width: 65.8%;
}
.repoBlock02 .photo02{
width: 30.3%;
top: 40.3%;
right: 0;
}
.repoBlock02 .img02{
width: 28.2%;
top: 52.5%;
right: 2%;
}
.repoBlock02 .photo03{
margin: 0 auto 3%;
width: 91.8%;
}
.repoBlock02 .text04{
width: 72.3%;
}
.repoBlock02 .img03{
margin: 3.5% 4% 0;
max-width: 33.2%;
}
/*repoBlock03*/
.repoBlock03{
background: url(../../common/img/kodawari/report_3bg_pc.png) no-repeat;
background-size: 34.2% auto;
background-position: left 35.4% top 0;
margin: -30.5% 0 0;
padding: 40.0% 0 0;
}
.repoBlock03 .img01{
width: 40.4%;
top: 7.4%;
right: 1%;
}
.repoBlock03 .photo01{
margin: 0 0 1%;
width: 88.5%;
}
.repoBlock03 .text01{
margin: 0 0 0 7%;
width: 53.5%;
}
.repoBlock03 .photo02{
width: 69.7%;
margin: 5% 0 0;
}
.repoBlock03 .photo03{
width: 35.4%;
top: 61.8%;
right: 1%;
}
/*repoBlock04*/
.repoBlock04{
background: url(../../common/img/kodawari/report_4bg_pc.png) no-repeat;
background-size: 38.3% auto;
background-position: top 0 right 9%;
padding: 18% 0 0;
}
.repoBlock04 .img01{
width: 54.3%;
top: 0;
left: 8%;
z-index: 30;
}
.repoBlock04 .photo01 {
width: 51.6%;
top: 20.6%;
right: 2.5%;
z-index: 20;
}
.repoBlock04 .photo02 {
width: 78.8%;
margin: 4% 0 0;
}
.repoBlock04 .img02{
width: 24.5%;
top: 60.4%;
right: 0;
z-index: 10;
}
/*repoBlock05*/
.repoBlock05{
background: url(../../common/img/kodawari/report_5bg_pc.png) no-repeat;
background-size: 24.5% auto;
background-position: top 0 right 52.6%;
padding: 37% 0 0;
margin: -5% 0 0;
}
.repoBlock05 .img01{
width:40.5%;
top: 11.2%;
right: 0.5%;
}
.repoBlock05 .photo01{
margin: 0 0 7%;
}
.repoBlock05 .img02{
width: 29.3%;
top: 55.1%;
right: 11.2%;
}
.repoBlock05 .photo02{
margin: 4% 0 0 20%;
width: 76.1%;
}
/*repoBlock06*/
.repoBlock06{
background: url(../../common/img/kodawari/report_6bg_pc.png) no-repeat;
background-size: 18.3% auto;
background-position: top 0 left 55%;
padding: 37% 0 0;
margin: -1% 0 0;
}
.repoBlock06 .img01{
width:39.3%;
top:20.5%;
left: 0;
z-index: 10;
}
.repoBlock06 .photo01{
width: 80.8%;
margin: -12% 0 1% auto;
}
.repoBlock06 .text02{
margin: 0 0 0 auto;
width: 50.7%;
}
.repoBlock06 .photo02{
margin: 4% auto;
width: 42.1%;
top: 72.2%;
left: 2%;
}
/*repoBlock07*/
.repoBlock07{
background: url(../../common/img/kodawari/report_7bg_pc.png) no-repeat;
background-size: 26.6% auto;
background-position: top 0 left 50.5%;
padding: 34% 0 0;
margin: 0;
}
.repoBlock07 .img01{
width: 45.2%;
top: 22.7%;
right: 0;
}
.repoBlock07 .photo01{
width: 91.8%;
margin: 14.8% 0 0;
}
/*repoBlock08*/
.repoBlock08{
background: url(../../common/img/kodawari/report_8bg_pc.png) no-repeat;
background-size: 20.4% auto;
background-position: top 1% right 25%;
padding: 37% 0 0;
margin: 0;
z-index: 10;
}
.repoBlock08 .img01{
width:47.3%;
top: 7.9%;
left: 4%;
z-index: 10;
}
.repoBlock08 .photo01{
width: 79.9%;
margin: -10.3% 0 0 auto;
}
.repoBlock08 .photo02{
width: 33.6%;
top: 70.7%;
left: 4%;
}
/*repoBlock09*/
.repoBlock09{
background: url(../../common/img/kodawari/report_9bg_pc.png) no-repeat;
background-size: 26.6% auto;
background-position: top -6% left 55.5%;
padding: 37% 0 0;
margin: -9.5% 0 0;
}
.repoBlock09 .img01{
width:39.9%;
top: 14%;
right: 0;
z-index: 10;
}
.repoBlock09 .photo01{
width: 79.5%;
top: -5%;
}
.repoBlock09 .text01{
margin: 70.5% 0 0;
}
.repoBlock09 .photo02 {
width: 21.9%;
top: 45.2%;
right: 0.5%;
}
.repoBlock09 .photo03 {
width: 31.4%;
top: 51%;
right: 21%;
}
.repoBlock09 .photo04 {
top: 62.5%;
}
/*display*/
.kodawari .pc_on{
display: block;
}
.kodawari .sp_on{
display: none;
}
@media screen and (min-width: 600px) and (max-width: 999px){
.kodawari{
font-size: 0.95rem;
}
.innerBlock {
width: 90%;
}
.navBlock ul {
width: 100%;
}
.navBtn img{
padding: 5% 0;
width:93%;
}
.leadBlock dl {
width: 90%;
}
.reportMainBlock p {
line-height: 1.6rem;
}
.repoBlock01 .img02 {
top: 44%;
}
.repoBlock02 .photo02 {
top: 38.3%;
}
.repoBlock05 .img02 {
top: 54.1%;
}
.repoBlock09 .text01 {
margin: 74.5% 0 0;
}
}
@media screen and (min-width: 600px) and (max-width: 768px){
.repoBlock00 .text01 {
font-size: 1rem;
}
.repoBlock01 .img01 {
top: -21.7%;
}
.repoBlock01 .img02 {
top: 41%;
}
.repoBlock01 .img03 {
margin: -28% 0 0 4%;
}
.repoBlock01 .img04 {
margin: 2% 8% 0 auto;
}
.repoBlock02 .img01 {
top: 9.5%;
}
.repoBlock02 .photo02 {
top: 33.3%;
}
.repoBlock03 .text01 {
margin: 0 0 0 5%;
}

.repoBlock05 .img02 {
top: 53.1%;
}
.repoBlock06 .photo02 {
top: 67.2%;
}
.repoBlock07 {
margin: -8% 0 0;
}
.repoBlock07 .img01 {
top: 20.7%;
}
.repoBlock07 .photo01 {
margin: 14.8% 0 3%;
}
.repoBlock09 .text01 {
margin: 77.5% 0 0;
}
.repoBlock09 .photo02 {
top: 44%;
}
.repoBlock09 .photo03 {
top: 49.8%;
}
.repoBlock09 .photo04 {
top: 60.2%;
}
}
@media screen and (min-width: 600px) and (max-width: 639px){
.repoBlock02 .photo02 {
top: 32.3%;
}
.repoBlock05 .img02 {
top: 51.5%;
right: 13%;
}
.repoBlock06 .photo02 {
top: 66.2%;
}	
.repoBlock07 {
margin: -11% 0 0;
}
.repoBlock09 .photo02 {
top: 43%;
}
.repoBlock09 .photo03 {
top: 48.8%;
}
.repoBlock09 .photo04 {
top: 59.2%;
}
}

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

}