@charset "UTF-8";

/* _________________________________________________

/access/index.html master.css からの移行分
_____________________________________________________*/

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

.accessTop .hdg1Box {
position: relative;
}

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

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

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

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

/* コンテンツ ************/

.accessTop .accessMainVisualItems > li p {
padding: 0 11.667% 20px;
}

.accessTop .accessMainVisualItemsHdg {
font-weight: bold;
margin: 16px 0 12px;
}

.accessTop .accessMainVisualItems2 > li p {
padding: 0 8.667%;
}

.accessTop .accessBox2Hdg {
font-size: 24px;
font-size: 2.4rem;
}

.accessTop .accessBox2Text {
font-size: 14px;
font-size: 1.4rem;
}

.accessTop .mainSub {
padding-bottom: 0;
}

.accessTop .hdg2Top,
.accessTop .hdg2TopUnique {
margin: 163px 0 56px;
}

/* option */
.accessTop .option {
width: 100%;
margin-bottom: 100px;
}

.accessTop .option:after {
display: block;
clear: both;
content: '';
}

.accessTop .optionCol {
float: left;
box-sizing: border-box;
width: 25%;
padding: 0 2.95276% 0 2.95276%;
}

.accessTop .optionColOf2 {
float: left;
box-sizing: border-box;
width: 33.33333%;
padding: 0;
}

.accessTop .optionColOf2.no1 {
padding-right: 25px;
}

.accessTop .optionColOf2.no3 {
padding-left: 25px;
}

.accessTop .optionImg {
margin-bottom: 30px;
text-align: center;
}

.accessTop .optionImg2 {
margin-bottom: 30px;
text-align: center;
}

.accessTop .optionImg2 img {
border: 1px solid #ccc;
border-radius: 6px;
}

.accessTop .optionHdg {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 15px;
text-align: center;
}

.accessTop .optionContents dt {
font-size: 13.92px;
font-size: 1.392rem;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #223;
}

.accessTop .optionContents dd {
margin-bottom: 10px;
}

.accessTop .optionNotes {
font-size: 13.92px;
font-size: 1.392rem;
}

.accessTop .optionNotes > li {
padding-left: 0;
}

.accessTop .option2 {
margin: 0 auto 78px;
}

.accessTop .option2 img {
border: none;
}

.accessTop .option2 p {
text-align: center;
}
/*
.accessTop .list,
.accessTop .listAttention {
margin: 0 0 20px;
}

.accessTop .list > li,
.accessTop .listAttention > li {
position: relative;
padding-left: 30px;
color: #223;
}

.accessTop .list > li:before,
.accessTop .listAttention > li:before {
position: absolute;
top: -1px;
left: 0;
display: inline-block;
content: '●';
}

.accessTop .list > li + li,
.accessTop .listAttention > li + li {
margin-top: 9px;
}

.accessTop .list > li .list,
.accessTop .listAttention > li .list,
.accessTop .list > li .listAttention,
.accessTop .listAttention > li .listAttention,
.accessTop .list > li .listPlane,
.accessTop .listAttention > li .listPlane,
.accessTop .list > li .linkList,
.accessTop .listAttention > li .linkList {
margin-top: 8px;
margin-bottom: 8px;
}

.accessTop .list > li .list > li + li,
.accessTop .listAttention > li .list > li + li,
.accessTop .list > li .listAttention > li + li,
.accessTop .listAttention > li .listAttention > li + li,
.accessTop .list > li .listPlane > li + li,
.accessTop .listAttention > li .listPlane > li + li,
.accessTop .list > li .linkList > li + li,
.accessTop .listAttention > li .linkList > li + li {
margin-top: 5px;
}

.accessTop .list > li .notes > li,
.accessTop .listAttention > li .notes > li,
.accessTop .list > li .optionNotes > li,
.accessTop .listAttention > li .optionNotes > li {
font-size: 12px;
font-size: 1.2rem;
padding-left: 25px;
}

.accessTop .list > li .notes > li > span,
.accessTop .listAttention > li .notes > li > span,
.accessTop .list > li .optionNotes > li > span,
.accessTop .listAttention > li .optionNotes > li > span {
top: 2px;
}
*/
.accessTop .information {
margin-bottom: 140px;
}

.accessTop .accessLyt {
position: relative;
color: #223;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/*
.accessTop .accessLytTextWrapper {
position: absolute;
top: 60%;
left: 6%;
}

.accessTop .accessLytText {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.2;
position: relative;
margin-bottom: 0;
padding-left: 82px;
color: #fff;
text-shadow: 0 0 20px #150101, 0 0 20px #150101, 0 0 15px #150101, 0 0 15px #150101, 0 0 10px #150101, 0 0 10px #150101, 0 0 5px #150101, 0 0 5px #150101;
}

.accessTop .accessLytText:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 72px;
height: 72px;
margin: auto;
content: '';
background: url(/access/common/img/icon/icon_access_03.png) no-repeat;
}

.accessTop .accessLytBtn {
display: none;
}

.accessTop .accessLytHdg {
font-weight: bold;
margin-top: 16px;
margin-bottom: 14px;
}
*/
.accessTop .accessLytImg {
position: relative;
width: 473px;
table-layout: fixed;
}
/*
.accessTop .lyt .lyt2Btn {
font-size: 14px;
font-size: 1.4rem;
box-sizing: border-box;
width: 178px;
margin-right: 17%;
padding: 11px 33px 11px 13px;
}

.accessTop .accessBox2Btn {
box-sizing: border-box;
width: 178px;
padding: 11px 33px 11px 13px;
}
*/
.accessTop .mainSub {
box-sizing: border-box;
width: 100%;
min-width: 950px;
max-width: 950px;
margin: 0 auto;
padding-right: 0;
padding-left: 0;
}

/* 注釈 */
.accessTopNotes {
clear: both;
margin-bottom: 140px;
margin-left: 40px;
text-align: left;
}

.accessTopNotes.notes > li + li,
.accessTopNotes.optionNotes > li + li {
margin-top: 5px;
}

.accessTop .applicationWrap .applicationHdg {
margin-top: 130px;
margin-bottom: 56px;
text-align: center;
}

/* accessトップメインビジュアル ************/

.accessMainVisual {
width: 100%;
margin: 0 auto 40px;
}

.accessMainVisual:after {
display: block;
clear: both;
content: '';
}

.accessMainVisualCol {
float: left;
width: 50%;
}

.accessMainVisualCol a {
display: block;
color: #223;
}

.accessMainVisualCol2 a {
color: #fff;
}

.accessMainVisualHead {
position: relative;
}

.accessMainVisualHead a:hover {
opacity: .7;
}

.accessMainVisualHead img {
position: relative;
width: 100%;
}

.accessMainVisualHdg {
font-size: 41.92px;
font-size: 4.192rem;
font-weight: 100;
line-height: 1.2;
position: relative;
z-index: 1;
color: #223;
text-shadow: 0 0 10px rgba(255, 255, 255, .5);
}

.accessMainVisualHdg2 {
color: #fff;
text-shadow: 2px 2px 2px rgba(0, 0, 0, .9);
}

.accessMainVisualBtn {
z-index: 1;
box-sizing: border-box;
width: 160px;
margin: 10px auto 0;
}

.accessMainVisualBtn p {
width: 100%;
box-sizing: border-box;
padding: 10px 20px 10px 2px;
padding: 5.55556% 11.11111% 5.55556% 1.11111%;
}

.accessMainVisualItems:after,
.accessMainVisualItems2:after {
display: block;
clear: both;
content: '';
}

.accessMainVisualItems > li {
float: left;
box-sizing: border-box;
width: 50%;
text-align: center;
}

.accessMainVisualItems > li a {
display: block;
height: 100%;
color: #223;
}

.accessMainVisualItems > li a:hover {
text-decoration: none;
color: #223;
background: #f4f8f3;
}

.accessMainVisualItems > li p {
margin: 0;
padding: 15px 16.66667%;
text-align: left;
}

.accessMainVisualItems > li:nth-child(2n-1) {
box-sizing: border-box;
border-bottom: 1px solid #ccc;
}

.accessMainVisualItems > li:nth-child(2n) {
box-sizing: border-box;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.accessMainVisualItemsHdg {
font-weight: bold;
margin: 25px 0 20px;
}

.accessMainVisualItems2 > li {
text-align: center;
border-bottom: 1px solid #ccc;
}

.accessMainVisualItems2 > li:nth-child(2), 
.accessMainVisualItems2 > li:nth-child(3) {
float: left;
width: 50%;
}

.accessMainVisualItems2 > li:nth-child(2) {
box-sizing: border-box;
border-right: 1px solid #ccc;
}

.accessMainVisualItems2 > li:nth-child(4) {
clear: both;
}

.accessMainVisualItems2 > li a {
display: block;
height: 100%;
color: #223;
}

.accessMainVisualItems2 > li a img {
padding-top: 40px;
}

.accessMainVisualItems2 > li a:hover {
text-decoration: none;
color: #223;
background: #f4f8f3;
}

.accessMainVisualItems2 > li p {
padding: 0 16.66667%;
text-align: left;
}

.accessMainVisualItems > li h3 {
padding: 40px 0;
}

.accessBox2Outer {
margin: 40px 0;
}

.accessBox2Outer .midPriorityBtn {
width: 160px;
}

.accessMainVisual .textLink {
display: block;
margin-top:10px;
color: #314da5;
text-align: center;
}

.accessMainVisual .textLink:after {
display:inline;
padding-left: 20px;
width: 8px;
height: 14px;
content: '';
background: url(/access/common/img/icon/icon_arrow_02.png)  right .2em no-repeat;
}

.accessTop .lyt .lyt2Btn {
padding: 9px 33px 8px 13px;
}

.accessTop .accessMainVisualItems2 > li p {
padding: 0 8.667% 20px;
margin: 0;
}

.accessMainVisualItems li a:hover .textLink,
.accessMainVisualItems2 li a:hover .textLink {
text-decoration: underline;
color: #0074bd;
}

.accessMainVisual .textLink:hover,
.accessMainVisual .textLink:active,
.accessMainVisual .textLink:focus{
text-decoration: underline;
color: #0074bd;
}

.accessTop .accessLyt {
border-top: none;
border-bottom: none;
}

.accessMainVisualItems > li a.logo {
background: none;
height: auto;
display: inline-block;
}

.accessMainVisualItems > li .fletsLink {
text-align: center;
display: block;
}

.accessMainVisualItems > li .fletsLink a {
display: inline-block;
    color: #314da5;
}

.accessMainVisualItems > li .fletsLink a:hover {
background: url(/access/common/img/icon/icon_arrow_02.png) right .2em no-repeat;
text-decoration: underline;
color: #0074bd;
}

.accessMainVisualItems > li.flets h3 {
padding: 0;
}

.accessMainVisualIcon {
width: 72px;
text-align: center; 
margin: 0 auto 15px;
}

/* 文字サイズ調整　************/
.accessMainVisualText,
.accessMainVisualText2 {
position: absolute;
top: 25%;
right: 15px;
}


@media only screen and (max-width: 1125px) and (min-width: 768px) {

.accessMainVisualText,
.accessMainVisualText2 {
top: 5%;
}

.accessMainVisualText,
.accessMainVisualText2 {
top: 15%;
}

} /* PC 1125px - 950px END */


@media only screen and (max-width: 1320px) and (min-width: 768px){

.accessMainVisualBtn {
bottom: 0;
}

} /* mediaquey END*/


/*  SP ************/

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

.accessTop .mainSub {
width: auto;
min-width: 320px;
max-width: none;
margin: 0;
}

.accessTop .accessMainVisualBtn {
left: 20%;
position: absolute;
}

.accessTop .accessMainVisualHdg:before {
top: -66px;
left: 29px;
}

.accessTop .accessBox2Btn {
display: block;
width: 63%;
margin: 0 auto;
padding: 7px 20px 7px 10px;
}

.accessTop .accessBox2Item2 {
padding: 15px 10px 0;
}

.accessTop .mainSub {
padding-bottom: 0;
}

.accessTop .hdg2Top,
.accessTop .hdg2TopUnique {
margin: 0 0 10px;
margin-top: 0;
}


/* accessメインビジュアル(sp) ************/

.accessMainVisual {
min-width: 320px;
max-width: 100%;
margin: 0 auto;
}

.accessMainVisualCol {
float: none;
width: 100%;
margin-bottom: 4px;
}

.accessMainVisualHdg {
font-size: 45.92px;
font-size: 4.592rem;
top: 14.5%;
}

.accessMainVisualHdg2 {
top: 3%;
}

.accessBox2Outer {
margin: 25px 15px;
}


/* SP logo menu表示 */
/* border調整 */
.accessMainVisualItems > li:nth-child(2n) {
border-right: none;
}

.accessMainVisualItems > li:last-child {
border-left: 1px solid #CCC;
}


/* ひかり　*/
.accessMainVisualCol {
margin-bottom: 0;
}

.accessMainVisualItems {
display: block;
}

.accessMainVisualItems > li.flets {
display: none;
}

.accessMainVisualItems li p {
display: none;
}

.accessMainVisualItems > li h3 {
padding: 11px;
}

.accessMainVisualItems > li a {
height: 50px;
}

/* logo size */
.accessMainVisualItems > li h3 img {
max-width: 80px;
}

.accessMainVisualItems > li:nth-child(1) h3 img {
max-width: 78px;
}

.accessMainVisualItems > li:nth-child(4) h3 img {
max-width: 55px;
}

.accessMainVisualItems > li:last-child h3 img {
max-width: 140px;
}


/* モバイル */
.accessMainVisualItems2 > li a img {
padding-top: 0;
}

.accessMainVisualItems2 {
display: block;
}

.accessMainVisualItems2 > li:nth-child(1) img {
display: block;
max-width: 80%;
margin: 10px auto;
}

.accessMainVisualItems2 > li:nth-child(1) h3 {
display: block;
width: 100%;
text-align: center;
margin: 15px auto 0;
}

.accessMainVisualItems2 > li:nth-child(2),
.accessMainVisualItems2 > li:nth-child(3) {
float: none;
width: 100%;
}

.accessMainVisualItems2 > li:nth-child(2) {
border-right: none;
}

.accessMainVisualItems2 li a p {
display:none;
}

.accessMainVisualItems2 > li a {
display: table;
width: 100%;
padding: 7px 10px;
box-sizing: border-box;
position: relative;
height: 50px;
}

.accessMainVisualItems2 > li a img {
display: table-cell;
vertical-align: middle;
max-width: 60px;
}

.accessMainVisualItems2 > li a h3 {
display: table-cell;
vertical-align: middle;
font-size: 90%;
width: 75%;
text-align: left;
}

.accessMainVisualItems2 > li a {
position: relative;
box-sizing: border-box;
}

.accessTop .hdg1Box {
border-bottom: none;
}

.accessMainVisualIcon {
display: table-cell;
width: 54px;
vertical-align: top;
padding-right: 10px;
}

.accessMainVisualHdg {
display: table-cell;
vertical-align: middle;
}

.accessMainVisualBtn {
width: 150px;
margin: 5px 0 0;
}

.accessMainVisualText,
.accessMainVisualText2 {
position: absolute;
top: 18%;
right: 0;
left: 35%;
}

/*  option */
.accessTop .optionColOf2.no1 {
padding-right: 0;
}

.accessTop .optionColOf2.no3 {
padding-right: 0;
}

.accessTop .option {
margin-bottom: 80px;
}

.accessTop .optionCol {
float: none;
width: 100%;
margin: -25px 0 40px;
padding: 0;
}

.accessTop .optionColOf2 {
float: none;
width: 100%;
margin: 0 0 40px;
padding: 0;
}

.accessTop .optionImg {
margin-bottom: 15px;
text-align: center;
}

.accessTop .optionImg2 {
margin-bottom: 15px;
}

.accessTop .optionHdg {
font-size: 20px;
font-size: 2rem;
text-align: center;
}

.accessTop .optionNotes > li {
padding-left: 0;
}

.accessTop .optionColOf2.no3 {
padding-left: 0;
}

/*
.accessTop .list,
.accessTop .listAttention {
margin: 15px 0 15px 0;
}

.accessTop .list > li,
.accessTop .listAttention > li {
line-height: 1.6;
position: relative;
padding-left: 15px;
color: #223;
}

.accessTop .list > li:before,
.accessTop .listAttention > li:before {
position: absolute;
top: 0;
left: -1px;
display: inline-block;
content: '●';
}

.accessTop .list > li + li,
.accessTop .listAttention > li + li {
margin-top: 7px;
}
*/

.accessTop .information {
margin-bottom: 0;
}

.accessTop .information .styleBox01 {
margin-top: 20px;
}

.accessTop .application {
margin-bottom: 70px;
}

.accessTop .applicationHdg2 .db {
display: block;
}
/*
.accessTop .accessLytTextWrapper {
position: absolute;
top: 19%;
left: 46%;
}

.accessTop .accessLytTextWrapper {
top: 45%;
}

.accessTop .accessLytText {
font-size: 46px;
font-size: 4.6rem;
margin-bottom: 17px;
padding-left: 0;
}

.accessTop .accessLytText:before {
position: static;
display: block;
width: 54px;
height: 54px;
margin-bottom: 8px;
background: url(/access/common/img/sp/icon/icon_access_03.png) no-repeat;
background-size: cover;
}

.accessTop .accessLytBtn {
display: block;
margin: 0;
}
*/
.accessTop .accessLytImg {
box-sizing: border-box;
width: 100%;
}
/*
.accessTop .lyt .lyt2Btn {
margin-right: auto;
margin-left: auto;
}
*/

/* 注釈 */
.accessTopNotes {
margin: 20px auto 50px;
text-align: left;
}

.accessTopNotes > li {
padding-left: 18px;
}

.accessTop .gHd2016_previousPage .topLink {
display: block;
}

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

.accessTop .optionNotes > li + li {
margin-top: 8px;
}

.accessTop .applicationWrap .applicationHdg {
font-size: 24.96px;
font-size: 2.496rem;
margin-top: 70px;
margin-bottom: 20px;
}

/* servMenu メニュー(sp) ************/

.cateTop.accessTop .servMenu .servMenuHdg {
display: none;
}

} /* mediaquey END*/


/* 見出し文字サイズ調整 ************/
@media only screen and (max-width: 700px){

.accessMainVisualHdg {
font-size: 36px;
font-size: 3.6rem;
}

} /* mediaquey END*/

@media only screen and (max-width: 500px){

.accessMainVisualHdg {
font-size: 25px;
font-size: 2.5rem;
}

} /* mediaquey END*/


@media only screen and (max-width: 400px) {

.accessMainVisualHdg {
font-size: 19px;
font-size: 1.9rem;
}

}/* mediaquey END*/


@media only screen and (max-width: 1125px) and (min-width: 768px) {

.accessMainVisualHdg {
font-size: 36px;
font-size: 3.6rem;
}

} /* PC 1125px - 950px END */


/* WiMAX 画像表示切り替え ************/

/* PC時 */
.accessMainVisual img[src*='index_sv_img_03_sp.png'],
.accessMainVisual img[src*='index_sv_img_04_sp.png'] {
display: none;
}

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

.accessMainVisual img[src*='index_sv_img_03.png'],
.accessMainVisual img[src*='index_sv_img_04.png'] {
display: none!important;
}

.accessMainVisual img[src*='index_sv_img_03_sp.png'],
.accessMainVisual img[src*='index_sv_img_04_sp.png'] {
display: block;
}

}/* mediaquey END*/