#chance {font-size:16px;}
#chance .bg_blue{color:#333;}

/*clearfix*/

.clearfix:after,.boxlayout:after ,#trendli:after{
    content:" ";
    display:block;
    clear:both;
}




#chance{font-size: 16px; line-height: 1.8em; font-feature-settings: "palt"; letter-spacing: .1em;}
#chance h1{font-size:2em; display: block; margin-top:0; font-weight:bold; color:#3c7bd4;}
#chance h1 span{ font-size:.8em; display:block; margin-bottom: 5px;}
#chance h1:before,
#chance h1:after{display:none;}
#chance h2 , #chance h3{    color: #005177; margin:50px auto 13px; padding-bottom:8px; font-size:1.5em; text-align:center; border-bottom:1px dotted #AACADE; }
#chance h4{color:#E6276A; margin:30px auto 5px; font-size:1.5em; border-color:#E6276A;    padding: 8px;
    background-color: #FFF7FB;}
#chance p{margin-bottom:13px;}

#chance h1#maincopy{background:url(/images/chance/main_visual.jpg) no-repeat; background-size:cover; color:#e38305;    padding: 16% 0 4% 2%;    font-size: 2.5em;}
#chance h1#maincopy span{font-size: .55em;  line-height:1.3em; text-shadow: 0px -3px 6px #FFF,0px 3px 6px #FFF;}

#page_main{margin:0 10px;}
#pagination{margin: -5px 10px 5px;}
@media only screen and (max-width: 958px) {
#chance h1#maincopy{background:url(/images/chance/main_visual_sp.jpg?20180608) no-repeat; background-size:cover;font-size: 4vw; text-align: center; padding: 26% 0 4%;}
}
@media only screen and (max-width: 767px) {
#chance h1#maincopy{font-size: 6.3vw; font-feature-settings: "palt"; letter-spacing: .1em;}
#chance h2 , #chance h3{font-size:1.1em; font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3'; font-feature-settings: "palt"; letter-spacing: .1em;}
}








/*ボタン*/
.button,.smallbutton{box-shadow:0 3px 0 #0c6020;}
.orange{background:#F39700; box-shadow:0 3px 0 #A85C18;}
.blue{ background:#00a0e8; box-shadow: 0 3px 0 #005faf;}
.pink{ box-shadow: 0 5px 0 #91004F;}
.anker_link{text-align:right; text-decoration:underline}

.pagelink {display:flex;}
.pagelink li{ border-radius:5px; padding: 0; width: 45%; margin: 20px auto;}
.pagelink li.largebtn{width:50%; float:inherit; margin:20px auto;}
.pagelink li.largebtn img{width:80%;}
.pagelink li img{width:100%;}
.pagelink a{display:block; text-align:center; padding:5px 10px; margin:10px; color:#FFF; font-size:1.5em;}
.pagelink li:hover{opacity:.8;}








/*********************個別css**********************/


.bg_blue,
#consultant{background:#f2f6fc; padding:2% 5%; margin:40px 0; box-sizing:border-box;}



/*ポイント*/
#point {background:#FDEADA;}
#point h1{color:#333; border-bottom:1px solid; text-align:center;}
#point ol{margin:20px auto; counter-reset:number;}
#point li {line-height: 1.8em; text-indent: -1em;    margin:10px 0 10px 1em; list-style:inside;}
#point li strong{font-size:1.2em; background: linear-gradient(transparent 50%, rgba(255,255,255,0.5) 50%);}




/*効率*/
#kouritsu{ margin:30px auto;}
#kouritsu h3{color:#919191; text-align:center;}
#kouritsu h1{color:#3A7CD2; text-align:center; font-size: 1.4em; margin-bottom:10px;}


/*コンサルタント*/

#consultant h3,
#consultant ul{text-align:left;}


#flow + p{text-align: right;
    margin: 10px 65px;}


#consultant{background:url(/images/chance/fig_consultant.png) no-repeat -40px center, #f6f4f1; background-size: contain; padding:2%; padding-left:30%;}
#consultant li{text-shadow: 2px 2px 1px #F6F4F1, -2px 2px 1px #F6F4F1, 2px -2px 1px #F6F4F1, -2px -2px 1px #F6F4F1;}

/*PC*/
@media only screen and (max-width: 960px) {


#consultant{background:url(/images/chance/fig_consultant.png) no-repeat -100px center, #f6f4f1; padding-left:26%;}


}



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

#chance h1{font-size:1.2em; display: block; margin-top:0; font-weight:bold; color:#3c7bd4;}
#chance h1 strong{display:block;}
article ul{width: 94%; margin:auto; padding: 10px;}
.check + p{width: 80%;}
.pagelink {flex-direction: column;}
.pagelink li{ width:100%; margin:10px auto;}
.bg_blue{padding:6% 4%; margin:40px 0;}

#consultant{padding:0; background:#f6f4f1;}
#consultant h3{background:url(/images/chance/fig_consultant.png) no-repeat 5px center, #f6f4f1; background-size: contain; font-size:1em; padding:5% 2%; padding-left:25%; box-sizing:border-box;}
.check li{font-size:.9em;}
#contact_form{margin: 30px 0;}
}