/* 眺望シミュレーション */
#pankuzu{background: #000;margin: 0;padding: 20px 0}
#pankuzu .pankuzu-list li a,
#pankuzu .pankuzu-list li{color: #fff}


.dialogue-box{padding-bottom: 60px}

.dialogue-box .copy{padding: 50px 0 0;text-align: center!important;}
.dialogue-box .copy img{margin: auto}
.dialogue-box dl{width: 820px;margin: 80px auto 0;line-height: 2;letter-spacing: 0.1}
.dialogue-box dl dt{border-left: 5px solid #000;border-top: 1px solid #000;font-size: 23px;padding: 20px;text-align: left}
.dialogue-box dl dd{letter-spacing: 0.1;padding: 0;margin: 0;margin-top: 20px;vertical-align: top;font-size: 15px;}
.dialogue-box dl dd strong{display: block;width: 100px;margin-left: 15px}
.dialogue-box dl dd p{padding: 0;margin: 0; width: calc(100% - 120px);text-align: left}


.dialogue-box .sec2 dd p img{float: right;clear: both;width: 140px;}
	
.dialogue-box .photo1{margin: 80px auto}
.dialogue-box .photo1 p{text-align:left;font-size: 12px}
.dialogue-box .photo2{margin: 30px auto}
.dialogue-box .photo3{margin: 80px auto;width: 60%}
.dialogue-box .photo3 p{text-align: right;font-size: 12px}
.dialogue-box .photo4{text-align: right;padding-bottom: 20px}
.dialogue-box .col3_2{width: 65%}
.dialogue-box .sec2{width: 820px;margin: auto}
.dialogue-box .sec2 dl{width: 100%;margin: 0px auto 0}

.dialogue-box .sec3{width: 820px;margin: 80px auto 0}
.dialogue-box .sec3 dl{width: 100%;margin: 0px auto 0}

.dialogue-box dl.sec4 dd .per{width: 220px;}
.dialogue-box dl.sec4 dd .per img{width: 100%;height: auto}
.dialogue-box dl.sec4 dd strong{display: block;width: 100px;margin-left: 15px}
.dialogue-box dl.sec4 dd p{padding: 0;margin: 0; width: calc(100% - 350px);}

.dialogue-box h2{width: 50%;margin: auto}
.dialogue-box .point{margin-bottom: 60px}
.dialogue-box .point li,.dialogue-box  ul.point{list-style: none;padding: 0;margin: 0}
.dialogue-box .point li{width: 42%}
.dialogue-box .point li:nth-child(2){width: 8%}
@media screen and (max-width: 668px) {/*スマホ設定*/
.dialogue-box dl,
.dialogue-box .sec2,
.dialogue-box .sec3{width: 96%;margin: 40px auto 0;line-height: 2;letter-spacing: 0.1}
.dialogue-box dl dt{font-size: 17px;padding: 10px;}
.dialogue-box dl dd{font-size: 13px;}
.dialogue-box dl.sec1 dd p img{width:120px;}
.dialogue-box .col3_2,
.dialogue-box .col3{width: 100%}
.dialogue-box .col3{margin-top: 40px}

.dialogue-box .sec2 .col3,
.dialogue-box .sec3 .col3{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.dialogue-box .sec2 .col3 div{width: 31%}
.dialogue-box .sec3 .col3 div{width: 48%}
.dialogue-box .sec2 .col3 .photo2,
.dialogue-box .sec3 .col3 .photo2{margin: 0px auto}
.dialogue-box .sec3 .col3{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.dialogue-box .sec3 .col3_2{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}


.dialogue-box dl.sec4 dd .per{width: 100%;margin: auto;text-align: center}
.dialogue-box dl.sec4 dd .per img{width: 50%;height: auto;margin: auto}

.dialogue-box dl.sec4 dd p{width: calc(100% - 120px);}

.dialogue-box .photo3{margin: 60px auto;width: 100%}
.dialogue-box .photo3 p{text-align: right;font-size: 12px}

.dialogue-box h2{width:90%;margin: auto}
.dialogue-box .point{width: 100%;margin: 30px auto;}
.dialogue-box .point li,.dialogue-box ul.point {list-style: none;padding: 0;margin: 0;}
.dialogue-box .point li{width: 100%;text-align: center}
.dialogue-box .point li:nth-child(2){width: 100%;padding: 30px 0}
.dialogue-box .point li:nth-child(2) img{width: 10%}
}

/*
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
}
.fadein-bottom{
      transform: translate(0,30px);
}

.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
*/
  
@media screen and (max-width: 668px) {/*スマホ設定*/

}