@charset "UTF-8";

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

/* -- ヘッダーパンくず -- */
.headerBread_inner{
width: 100%;
padding: 15px 16px;
box-sizing: border-box;
}

/*-- メインビジュアル --*/
.mainArea .mainArea-inner{
max-width: 100%;
margin: 0 auto;
}
.mainArea .mainArea-img{
padding-top: 100%;
background: url(../image/page1_main_sp.jpg) center center no-repeat;
background-size: cover;
}

/* -- リード文 -- */
.pageLead{
padding-top: 17px;
}
.pageLead.underPage{
padding-top: 1px;
}
.pageLead-inner{
width: 100%;
padding: 0 16px;
margin-bottom: 30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.pageLead.underPage .pageLead-inner{
padding: 0;
}
.pageLead .pageLead-ttl{
margin-bottom: 30px;
}
.pageLead.underPage .pageLead-ttl{
margin-bottom: 0;
}
.pageLead .pageLead-ttl .ttl{
display: block;
font-size: 24px;
line-height: 32px;
padding-left: 0;
margin-top: 10px;
}
.pageLead.underPage .pageLead-ttl .ttl{
margin-top: 0;
}
.pageLead .pageLead-ttl .ttlBox{
display: block;
font-size: 24px;
line-height: 30px;
padding-left: 0;
margin-top: 10px;
}
.pageLead-txt{
margin-top: 30px;
font-size: 16px;
line-height: 28px;
}

/* --  今回のアングラー  -- */
.guideProfile{
padding-bottom: 52px;
}
.guideProfile_inner{
padding: 0 16px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.guideProfile_img{
margin: 0 auto 7px auto;
padding-top: 30px;
width: 127px;
}
.guideProfile_txt{
font-size: 14px;
line-height: 24px;
}
.guideProfile_txt_name{
font-size: 17px;
line-height: 28px;
margin-bottom: 21px;
}
.guideProfile_txt_option{
font-size: 12px;
line-height: 20px;
}

/* == メインコンテンツ == */
/* -- コンテンツ -- */
.pageContent_inner{
width: 100%;
margin: 30px 0 0 0;
padding: 0 16px 45px 16px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.pageContent_inner.btm_small{
margin-bottom: 0;
padding-bottom: 0;
}
.pageContent_inner.btm_short{
margin-bottom: 66px;
padding-bottom: 0;
}
.pageContent_inner.btm_point{
margin-top: 43px;
}
.leadBox{
font-size: 16px;
line-height: 28px;
margin-bottom: 40px;
}
.leadBox.topLead{
margin-bottom: 45px;
}
.leadBox.btm_talk{
margin-bottom: 20px;
}
.leadBox.btm_ttlBar{
margin-bottom: 50px;
}

/*-- 見出し --*/  
.ttlBar{
font-size: 17px;
margin-bottom: 18px;
line-height: 24px;
padding-left: 12px;
}

/*-- カラム --*/
.oneimgArea,
.colArea{
margin-bottom: 45px;
}
.oneimgArea.btm_long{
margin-bottom: 30px;
}
.oneimgArea.btm_talk{
margin-bottom: 25px;
}
.colArea.btm_long{
margin-bottom:45px;
}
.oneimgArea.btm_short {
margin-bottom: 30px;
}
.oneimgArea .capBox{
padding-top: 17px; 
}
.colArea_inner{
display: block;
}
.colBox_2col .colBox{
width: 100%;
margin-bottom: 30px;
}
.colArea .colBox_2col .colBox .btm_txtBox{
margin-bottom: 30px;
}
.colArea .colBox_2col .colBox .imgTtl{
font-size: 17px;
line-height: 24px;
margin-bottom: 15px;
}
.colArea .colBox .txtBox{
font-size: 16px;
line-height: 28px;
}
.colArea .capArea,
.colBox_2col .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 16px;
}
.colArea .colBox:last-child{
margin-bottom: 0;
}
.oneimgArea.multipleBox,
.colArea.multipleBox{
margin-bottom: 30px;
}
.pageAttention{
font-size: 12px;
line-height: 20px;
margin-bottom: 55px
}
.pagebottom_inner{
width: 100%;
padding: 0 16px;
box-sizing: border-box;
margin-bottom: 45px;
}

/*-- トーク --*/
.talk {
margin:0 0 60px 0;
}
.btm_talk + .talk{
margin-top: 28px;
}
.talk.top_short{
margin-top: 34px;
}
.talk.top_small{
margin-top: 0;
}
.talk.btm_long{
margin-bottom: 45px;
}
.talk.btm_short{
margin-bottom: 40px;
}
.talk.oneimg_after{
margin-top: 0;
}
.talk .talk_inner{
display: block;
max-width: 100%;
}
.talk .talk_inner .imgArea {
width: 14%;
}
.talk .talk_inner .imgArea{
position: relative;
z-index: 2;
margin:0 0 -22px 17px;
}
.talk .talk_inner .talkArea{
width: 100%;
}
.talk .talk_inner .txt{
padding: 33px 18px 38px 17px;
font-size: 16px;
line-height: 28px;
font-weight: 400;
border-radius: 15px;
}
.talk .talk_inner .txt::before{
content:none;
}


/* -- Greenブロック -- */
.greenArea{
margin-bottom: 45px;
}
.greenArea .greenBox{
padding:33px 16px 35px 16px;
}
.greenArea .greenBox_ttl{
font-size: 17px;
font-weight: bold;
line-height: 24px;
margin-bottom: 25px;
}
.greenArea .greenBox_oneimg{
margin-bottom: 22px;
}
.greenArea .greenBox_lead{
font-size: 16px;
line-height: 28px;
margin-bottom: 30px;
}
.greenBox_col_inner{
display: block;
}
.greenBox_colArea{
margin-bottom: 30px;
}
.greenBox_colArea .colBox_2col .colBox{
width: 100%;
margin-bottom: 30px;
}
.greenBox_colArea .capBox{
font-size: 14px;
line-height: 24px;
padding-top: 16px;
}
.greenBox_colArea .colBox:last-child{
margin-bottom: 0;
}
.greenBox_colArea.multipleBox{
margin-bottom: 22px;
}
.greenArea .greenBox_btn{
width:100%;
height:auto;
}
.greenArea .greenBox_btn a{
font-size: 16px;
padding: 11px 0;
}

/*-- kakomiArea --*/
.kakomiArea{
margin-bottom: 45px;
font-size: 16px;
line-height: 28px;
}
.kakomiArea .kakomi_inner{
padding: 16px;
margin-top: 15px;
}
.kakomiArea .ttlBox{
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
line-height: 1.5;
}
.kakomiArea .linkBox{
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
}
.kakomiArea .txtArrow-right{
background-position: 0 6px;
background-size: 9px;
padding-left: 15px;
}

/*-- 画像（OVER）  --*/
.overimgArea{
max-width: 100%;
margin: 0 auto;
}
.overimgArea.btm_small{
margin-bottom: 0;
}
.overimgArea.btm_short{
margin-bottom: 30px;
}
.overimgArea .capBox{
max-width: 100%;
font-size: 14px;
line-height: 24px;
padding: 16px 16px 0 16px;
}

/* -- ポイント -- */
.pointArea{
padding-top:30px;
margin-bottom: 0;
margin-top: 0;
}
.pointArea.top_long{
margin-top: 73px;
}
.pointArea_ttl {
font-size: 17px;
line-height: 24px;
margin-bottom: 30px;
}

.pointArea_ttl::before{
background-size: 61px auto;
top: -60px;
padding-top: 60px;
}
.pointArea_inner{
padding: 0 16px;
padding-bottom: 20px;
width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.pointArea_lead{
margin-bottom: 30px;
font-size: 16px;
line-height: 28px;
}
.pointImg_col01{
margin-bottom:30px;
}
.pointImg_col01_caption{
font-size: 14px;
line-height: 24px;
}
.pointArea .numberBox .ttl{
font-weight: bold;
margin-bottom: 5px;
}

/* 次ページへの導線 */
.nextNav{
padding: 33px 0 50px 0;
margin-top: 0;
background-size: 78px auto;
}
.nextNav_link{
padding: 0 25px;
background-size: 14px 14px;
}
.nextNav_link_sub{
font-size: 14px;
line-height: 22px;
}
.nextNav_link_main{
font-size: 17px;
line-height: 22px;
}
.pageAttention{
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
}

/*-- ページナビゲーション --*/
.pageNavigation {
margin-bottom: 30px;
}
.pageNavigation .page_link{
width:100%;
}
.pageNavigation .page_link.page-three{
width: 50%;		
}
.pageNavigation .page_link .linkBox{
width: 12%;
}
.pageNavigation .page_link.page-three .linkBox{
width: 18%;
}
.pageNavigation .page_link .linkBox,
.pageNavigation .page_link .linkBox.active{
font-size: 14px;
}
.pageNavigation .page_link .linkBox.active,
.pageNavigation .page_link .act_none,
.pageNavigation .page_link .linkBox a{
padding: 10px 0 8px 0;
}
.pageNavigation .page_prev span,
.pageNavigation .page_next span{
font-size: 0;
}
.pageNavigation .page_prev span::before{
width: 8px;
height: 8px;
top: 50%;
left: 45%;	
}
.pageNavigation .page_next span::before{
width: 8px;
height: 8px;
position: absolute;
top: 50%;
right: 45%;
}

/* -- 共通 -- */
}