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

/*pc*/
@media print, screen and (min-width: 768px) {

.cont01 { padding: 50px 0;}

.attention { width: 80%; font-size: 1.8rem; font-weight:bold; text-align: center; border: 2px #CC0000 solid; padding: 15px; background: #FEE; margin: auto auto 30px; line-height: 2em;}

.cont01 .list { margin: 100px 60px 100px; border: solid 1px #086DB0; position: relative;}
.cont01 .list .announce { position: absolute; top: -40px; background: #C00; color: #FFF; padding: 5px 20px; font-size: 1.4rem; display: inline-block; border-radius: 3px;}
.cont01 .list .announce::before { content: "▼"; position: absolute; bottom: -16px; color: #C00; font-size: 2.0rem;}
.cont01 .list h3 { padding: 20px 20px 20px; color: #086DB0; background: rgba(8,109,176,0.1);}
.cont01 .list .box01 { display: flex;}
.cont01 .list .box01 .inner { width: 50%; padding: 20px 0 0 20px; box-sizing: border-box;}
.cont01 .list .box01 .inner h4 { float: left; color: #666;}
.cont01 .list .box01 .inner p { margin: 0 0 0 100px; padding: 0 0 0 30px; border-left: solid 1px #086DB0;}
.cont01 .list .box02 {}
.cont01 .list .box02 .inner_all { width: 100%; padding: 20px 20px 0 20px; box-sizing: border-box;}
.cont01 .list .box02 .inner_all:nth-last-of-type(1) { padding-bottom: 20px;}
.cont01 .list .box02 .inner_all h4 { float: left; color: #666;}
.cont01 .list .box02 .inner_all .txt { margin: 0 0 0 100px; padding: 0 0 0 30px; border-left: solid 1px #086DB0; overflow: hidden;}
.cont01 .list .box02 .inner_all p { display: inline-block; margin: 0 50px 0 0; float: left;}
.cont01 .list .box02 .inner_all p span { font-size: 1.4rem; padding: 2px 20px; background: #FFA600; border-radius: 3px; margin-right: 10px;}
.cont01 .list .note { padding: 20px; color: #666; font-size: 1.4rem;}

.cont01 .list .box02 .box_tit{margin-left: 21px; font-weight: 600; }




}



/*sp*/
@media only screen and (max-width: 767px) {

.cont01 { padding: 50px 2%;}
.cont01 .w1200 {}

.attention { width: 80%; font-size: 1.8rem; font-weight:bold; text-align: center; border: 2px #CC0000 solid; padding: 15px; background: #FEE; margin: auto auto 30px; line-height: 2em;}

.cont01 .list { margin: 80px 0 80px; border: solid 1px #086DB0; position: relative;}
.cont01 .list .announce { position: absolute; top: -60px; background: #C00; color: #FFF; padding: 5px 20px; font-size: 1.4rem; display: inline-block; border-radius: 3px;}
.cont01 .list .announce::before { content: "▼"; position: absolute; bottom: -1.6rem; color: #C00; font-size: 2.0rem;}
.cont01 .list h3 { padding: 20px 20px 20px; color: #086DB0; background: rgba(8,109,176,0.1);}
.cont01 .list .box01 { display: inherit;}
.cont01 .list .box01 .inner { width: 100%; padding: 20px 0 0 20px; box-sizing: border-box;}
.cont01 .list .box01 .inner h4 { float: left; color: #666;}
.cont01 .list .box01 .inner p { margin: 0 0 0 80px; padding: 0 20px 0 20px; border-left: solid 1px #086DB0;}
.cont01 .list .box02 {}
.cont01 .list .box02 .inner_all { width: 100%; padding: 20px 20px 0 20px; box-sizing: border-box;}
.cont01 .list .box02 .inner_all:nth-last-of-type(1) { padding-bottom: 20px;}
.cont01 .list .box02 .inner_all h4 { float: left; color: #666;}
.cont01 .list .box02 .inner_all .txt { margin: 0 0 0 80px; padding: 0 0 0 20px; border-left: solid 1px #086DB0; overflow: hidden;}
.cont01 .list .box02 .inner_all p { display: inline-block; margin: 0 50px 0 0; float: left;}
.cont01 .list .box02 .inner_all p span { font-size: 1.4rem; padding: 2px 20px; background: #FFA600; border-radius: 3px; margin-right: 10px; margin-bottom: 10px; display: inline-block; white-space: nowrap;}
.cont01 .list .note { padding: 20px; color: #666; font-size: 1.4rem;}


.cont01 .list .box02 .box_tit{margin-left: 21px; font-weight: 600; }



}