@charset "UTF-8";

/* _________________________________________________

/access/members/index.html 
_____________________________________________________*/

/* .membersTop */

.membersTop .mainSub {
box-sizing: border-box;
width: 100%;
min-width: 950px;
max-width: 950px;
margin: 0 auto;
}

.membersTop .hdg1Box {
position: relative;
}

/* ページナビ ************/

.membersTop .hdg1Box .pageNav {
position: static;
}

.membersTop .hdg1Box .pageNav > li {
position: static;
}

.membersTop .hdg1Box .pageNav > li:before {
left: auto;
}

.membersTop .hdg1Box .pageNav > li {
position: static;
}

/*  membersMainVisual start */

.membersMainVisual {
position: relative;
padding: 40px 0 17px;
background: url(/access/members/img/index_kv_bg_01.jpg) -10% top no-repeat #f7f8f7;
background-size: contain;
margin-bottom: 50px;
}
.membersMainVisual .membersMainVisualInner {
max-width: 950px;
margin: 0 auto;
}
.membersMainVisual .membersMainVisualCol2 {
width: 65%;
padding-left: 520px;
}
.membersMainVisual .membersMainVisualCol2 p {
font-size: 16px;
font-size: 1.6rem;
}
.membersMainVisual:before {
display: none;
width: 100%;
padding: 28.4375% 0 0;
content: '';
background: url(/access/members/img/index_kv_bg_01.jpg) left top no-repeat #f7f8f7;
background-size: contain;
}
.membersSelectAreaCol:first-child img, .membersSelectAreaCol:last-child img {
padding: 37px 0;
}
.linkPanelBlank p {
margin-bottom: 0;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
}
.mainSub {
padding-bottom: 135px!important;
}
.membersSelectArea:after {
display: table;
width: 100%;
content: '';
}
.membersSelectArea .membersSelectAreaCol {
float: left;
box-sizing: border-box;
width: 33.33%;
min-height: 348px;
border-left: 1px solid #ccc;
color: #223;
text-decoration: none;
}
.membersSelectAreaCol h2 {
min-height: 65px;
margin-bottom: 30px;
line-height: 1.3em;
}
.membersSelectArea .membersSelectAreaCol a:hover .membersSelectAreaBox,
.membersSelectArea .membersSelectAreaCol a:visited .membersSelectAreaBox,
.membersSelectArea .membersSelectAreaCol a:active .membersSelectAreaBox {
background-color: #f4f8f3;
}
.membersSelectArea .membersSelectAreaBox {
padding: 27px 24px;
border-left: 1px solid #ccc;
}
.membersSelectArea .membersSelectAreaBoxInner {
max-width: 370px;
margin-right: auto;
margin-left: auto;
}
.membersSelectArea .membersSelectAreaCol:first-child .membersSelectAreaBox {
border-left: none;
}
.membersSelectArea {
overflow: hidden;
margin: 0 auto 70px;
}

.membersSelectAreaCol:first-child {
border-left: none;
}
.membersSelectAreaCol a {
text-decoration: none;
color: #223;
padding: 20px;
display: block;
box-sizing: border-box;
}
.membersSelectAreaCol .link {
text-align: left;
color: #314da5;
}
.membersSelectAreaCol .link:hover {
text-decoration: underline;
color: #0074bd;
}
.clickArea {
display: block;
width:100%;
height: 100%;
text-align: center;
}
.clickArea:hover {
background: #f4f8f3;
}
.membersSelectAreaCol a:hover .textlink {
text-decoration: underline;
color: #0074bd;
}
.textlink {
margin-right:10px;
color: #314da5;
}
.textlink:after {
display: inline-block;
padding-right:10px;
width: 8px;
height: 14px;
margin: 0 auto;
content: '';
background: url(/access/common/img/icon/icon_arrow_02.png) right 90% no-repeat;
}
.textlink:hover {
text-decoration: underline;
color: #0074bd;
}
.otherLink a {
padding-top: 0;
}
.otherLink .textlink {
border-top: 1px solid #ccc;
padding-top: 20px;
}
.membersTop .hdg1Box .pageNav > li:before {
left: auto;
bottom: -58px;
}
.listAttention.tetsuzuki p >b {
font-size: 16px;
font-size: 1.6rem;
}

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

.cateTop.membersTop .servMenu .servMenuHdg {
display: none;
}
.membersTop .mainSub {
width: auto;
min-width: 320px;
max-width: none;
margin: 0;
padding-bottom: 0;
}

.membersTop .hdg1Box {
margin-bottom: 0;
}

.membersMainVisual {
min-width: 320px;
padding: 0 0 12px;
}
.membersMainVisual:before {
display: block;
padding: 22.4375% 0 0;
}
.membersMainVisual .membersMainVisualInner {
width: auto;
padding: 0 12px;
}
.membersMainVisual .membersMainVisualCol2 {
width: 100%;
padding-left: 0;
}
.membersSelectAreaCol h2 {
min-height: auto;

}
.membersSelectArea {
width:100%;
}
.membersSelectArea .membersSelectAreaCol {
height:auto;
float: none;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
min-height: 0;
width: 100%;
border-left: none;
}
.membersSelectAreaCol:first-child {
border-top: 1px solid #ccc;
}
.membersSelectAreaCol:first-child img,
.membersSelectAreaCol:last-child img {
padding: 0;
}
.mainSub {
padding: 0 15px 135px!important;
}

} /* SP end*/


/* _________________________________________________

/access/members/flow.html
_____________________________________________________*/

.applicationColStep {
overflow: hidden;
}
.applicationTelStep {
font-size: 32px;
font-size: 3.2rem;
float: left;
letter-spacing: -1px;
position: relative;
padding-left:60px;
margin-bottom: 0;
}
.applicationTelStep:before {
display: block;
position:absolute;
top: 10px;
left:0;
width: 55px;
height: 32px;
margin: 0 auto;
content: '';
background-image: url(/access/common/img/sprite/_sprite.png);
background-position: -79px -544px;
}
.applicationTextStep {
float: left;
padding-left: 20px;
padding-top: 15px;
}
.applicationCol {
float: none;
width: 100%;
}
.applicationTextStep em {
font-weight: normal;
vertical-align: middle;
}
.applicationTeltitle {
font-size: 24px;
font-size: 2.4rem;
}
.serviceFlow {
font-size: 14px;
font-size: 1.4rem;
float: left;
margin-right: 20px;
width: 320px;
}
.serviceFlow + .serviceFlow {
width: 220px;
margin-right: 0;
}
.serviceFlow .mobile {
margin-top: 10px;
}
.serviceFlow dt {
margin-bottom: 5px;
}

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

.serviceFlow {
float: none;
width:100%;
}
.serviceFlow + .serviceFlow {
margin-top: 10px;
}

.applicationTelStep {
float:none;
}
.applicationTextStep {
float:none;
padding:0;
}
.application {
padding:0;
}

} /* SP end*/


/* _________________________________________________

/access/members/change_plan.html
_____________________________________________________*/

.serviceCplan {
width: 225px;
}
.serviceCplan + .serviceCplan {
width: 165px;
}
.serviceCplan + .serviceCplan + .serviceCplan {
width: 230px;
margin-right: 0;
}
.serviceCplan {
float: left;
margin-right: 15px;
}

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

.serviceCplan {
float: none;
width: 100%!important;
margin-bottom: 10px;
}
.serviceCplan:last-child {
margin-bottom: 0;
}

} /* SP end*/


/* _________________________________________________

/access/members/removal.html
_____________________________________________________*/

.serviceRemoval {
float: left;
width: 380px;
margin-right: 30px;
}
.serviceRemoval:last-child {
width: 240px;
margin-right: 0;
}

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

.serviceRemoval {
float: none;
width: 100%;
}
.serviceRemoval:first-child {
margin-bottom: 10px;
}

} /* SP end*/