@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic");
@charset "UTF-8";

/*================================================
 *  メイン
 ================================================*/

#twohistory{
    background: #fff none repeat scroll 0 0;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    box-sizing: border-box;
    margin: 0 30px 0px;
}
#twohistory .wrap{
    margin:0;
    padding:25px 25px 0px 20px;
}
#twohistory h3{
    float:left;
    width:50px;
    margin-top:18px;
}
#twohistory .two-right{
   float:right;
    width:585px;
}
#twohistory .two-right h4{
   border-bottom: 1px solid #dfd5d8;
   padding-left:4px;
   margin-bottom:
}
#twohistory .two-right #two-rightbox{
   margin:0;
   padding:0;
   clear:both;
}
#twohistory .two-right p{
     font-size:16px;
     color:#575555;
    line-height:1.6em;
}
#twohistory .two-right p.dedashi{
    margin:15px auto 20px auto;
    padding-left:3px;
    color:#575555;
    width:370px;
    font-size:16px;
    line-height:1.6em;
    float:left;
}
#twohistory .two-right  img.floatimg{
    float:right;
    margin-top:12px;
    margin-bottom:15px;
}
#threehistory{
    background: #fff none repeat scroll 0 0;
    margin: 0 30px 0px;
}
#threehistory .wrap2{
    margin:0;
    padding:25px 25px 0px 20px;
}
#threehistory h3{
    float:left;
    width:50px;
    margin-top:50px;
}
#threehistory .three-right{
   float:right;
    width:585px;
}
#threehistory .three-right h4.history{
    margin:25px 0 0 0;
    padding:20px auto 21px 18px;
    border-top:3px solid #dfd5d8;
    border-bottom:1px solid #dfd5d8;
}
#threehistory .three-right h4.history img{
    display:block;
    padding:20px 0 18px 21px;
}

#threehistory .three-right #three-rightbox{
   margin:0;
   padding:0;
   clear:both;
}

#threehistory .three-right p{
     font-size:16px;
     color:#575555;
    line-height:1.6em;
}
#threehistory .three-right p.dedashi{
    margin:20px auto 20px auto;
    padding-left:3px;
    color:#575555;
    width:405px;
    font-size:16px;
    line-height:1.6em;
    float:left;
}
#threehistory .three-right  img.floatimg{
    float:right;
    margin-top:20px;
    margin-bottom:15px;
}

#fourhistory{
    background: #fff none repeat scroll 0 0;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
    box-sizing: border-box;
    margin: 0 30px 50px;
}
#fourhistory .wrap2{
    margin:0;
    padding:25px 25px 0px 20px;
    clear:both;
}
#fourhistory h3{
    float:left;
    width:40px;
    margin-top:40px;
}
#fourhistory .four-historybox{
    float:right;
    width:595px;
    margin:0;
    padding:0px;
    line-height:1.8em;
}
#fourhistory .four-historybox dl.four-historydl{
    margin:0;
    padding:37px 0px 45px 11px;
    border-top:2px solid #dfd5d8;
}

#fourhistory .four-historybox dl{
    margin:0;
    padding:37px 0px 45px 11px;
    border-top:1px solid #dfd5d8;
}

.four-historybox dl dt{
    color:#575555;
    font-size:16px;
    font-weight:normal;
    float:left;
}
.four-historybox dl dt img{
    padding-bottom:6px;
}

.four-historybox dl dd{
    color:#575555;
    font-size:16px;
    margin-left:95px;
}

span.blh{
     font-weight:bold;
}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:779px) {
    #contents {
       box-sizing: border-box;
       width:100%;
    }
#twohistory h3{
      display:none !important;
}
#twohistory .two-right {
    float: none;
    width:100%;
}
#twohistory .two-right p.dedashi{
    float: none;
    width:100%;
    margin:15px auto 0px;
    padding:4px auto 4px auto;
    font-size:13px;
}
#twohistory .two-right p{
    font-size:13px;
}
#twohistory .two-right  img.floatimg{
    float: none;
    margin-top:4px;
    margin-bottom:0px;
    transform: scale(0.8,0.8);
}
#threehistory h4.history img {
    transform: scale(0.8,0.8);
    display:inline;
    padding:3px;
}
#threehistory h3{
      display:none !important;
}
#threehistory .three-right {
    float: none;
    width:100%;
}
#threehistory .three-right p.dedashi{
    float: none;
    width:100%;
    margin:15px auto 0px;
    padding:4px auto 4px auto;
    font-size:13px;
}
#threehistory .three-right p{
    font-size:13px;
}
#threehistory .three-right  img.floatimg{
    float: none;
    margin-top:4px;
    margin-bottom:0px;
    transform: scale(0.8,0.8);
}
#fourhistory .four-historybox{
    margin:0;
    padding:10px;
    clear:both;
}

#threehistory .four-historybox dl.historydetailleft{
    margin:0px 0px 20px 0px;;
    padding:0px;
    float: none;
    width:100%;
}
#threehistory .four-historybox dl.historydetailright{
    margin:0 0 0px 0;
    padding:0px 0px 8px 0px;
    float: none;
    width:90%;
}
#fourhistory h3{
    float: none;
    width:100%;
    margin-top:6px;
}
#fourhistory h3 img{
   transform: scale(0.8,0.8);
}
#fourhistory .wrap2 {
    clear: both;
    margin: 0;
    padding: 0px 25px 0 20px;
}
#fourhistory .four-historybox{
    float: none;
    width:100%;
    margin:0;
    padding:0px;
    line-height:1.5em;
}
#fourhistory .four-historybox dl.four-historydl{
    margin:0;
    padding:20px 0px 25px 11px;
    border-top:2px solid #dfd5d8;
}

#fourhistory .four-historybox dl{
    margin:0;
    padding:20px 0px 25px 11px;
    border-top:1px solid #dfd5d8;
}
.four-historybox dl dt{
    color:#575555;
    font-size:13px;
    font-weight:bold;
    float:left;
}
.four-historybox dl dd{
    color:#575555;
    font-size:13px;
    margin-left:65px;
}