@charset "UTF-8";
/* COMMON CSS Document */
.content{margin:0 auto; max-width:960px; width:100%;}
/*
.sp{display:none;}
.pc{display:block;}
*/
.cap{font-size:10px;text-align:left;}

/*HEADER
====================================*/
header{}
header.hd-top .logo{float:left;padding:15px 0;}
header.hd-top .hd-right{float:right;}
header.hd-top .hd-right ul{}
header.hd-top .hd-right ul li{float:left;color:#fff;font-size:12px; padding:3px 7px 3px 28px; box-sizing:border-box; margin:0 2px;float:right;font-weight:bold;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
header.hd-top .hd-right ul li:hover{opacity:0.8;}
header.hd-top .hd-right ul li.active{pointer-events: none;cursor: default;}
header.hd-top .hd-right ul li:nth-of-type(1){background:#eb5f28 url(/pg2023/mypage_common/images/common/icon-arrow.png) no-repeat 8px center;background-size:15px 15px;}
header.hd-top .hd-right ul li:nth-of-type(2){background:#18a5e7 url(/pg2023/mypage_common/images/common/icon-arrow.png) no-repeat 8px center;background-size:15px 15px;}
header.hd-top .hd-right ul li:nth-of-type(3){background:#144892 url(/pg2023/mypage_common/images/common/icon-map.png) no-repeat 8px center;background-size:15px 15px;}
header.hd-top .hd-right ul li:nth-of-type(4){background:#144892 url(/pg2023/mypage_common/images/common/icon-home.png) no-repeat 8px center;background-size:15px 15px;}
header.hd-top .hd-right .hd-txt-tit{margin-top:15px; float: right;}

/*NAVIGATION
====================================*/
#gnav{background:url(/pg2023/mypage_common/images/common/bg-navi.jpg)  no-repeat bottom center;background-size:cover;color:#fff;padding:13px 0;}
#gnav ul{padding:0 20px;box-sizing:border-box;}

/*fix 03-15*/

/*#gnav ul li{float:left;text-align:center;margin-right:15px;}
#gnav ul li:nth-last-child(3){margin-right:0;}
#gnav ul li a{font-weight:bold;padding:5px 16px;box-sizing:border-box;-webkit-border-radius: 5px; border-radius: 5px;}
#gnav ul li a:hover ,#gnav ul li.active a{background:#19475e;}
#gnav ul li.active a{pointer-events: none;cursor: default;}
*/

#gnav ul li{float: left; text-align: center; width: 19%; margin-right: 1.25%; font-weight:bold;padding:5px 16px;box-sizing:border-box;-webkit-border-radius: 5px; border-radius: 5px;}
#gnav ul li:nth-of-type(5){margin-right: 0;}
#gnav ul li:hover ,#gnav ul li.active{background:#19475e;}
#gnav ul li.active{pointer-events: none;cursor: default;}

/*MAIN CONTENT
====================================*/
.main{}
.top-page{background:url(/pg2023/mypage_common/images/common/bg_h2.png) no-repeat center bottom;background-size:cover;padding:20px 0 70px;}
.top-page .link-page{margin-bottom:30px;font-size:12px; }
.top-page .link-page li{float:left;}
.top-page .link-page li a{text-decoration:underline;}
.top-page .link-page li a:hover{opacity:0.7;}
.top-page .link-page li::after{content:"＞";margin:0.5em;}
.top-page .link-page li:last-child::after{content:"";}
.top-page h2{font-size:34px;font-weight:bold;color:#144892;}

.main{font-size:16px;}
.main .inner{width:100%;background:url(/pg2023/mypage_common/images/common/bg-inner.png) no-repeat right center;}
.main h3{font-size:24px;font-weight:bold;}
.main h3.tit-01{border-left:10px solid #049bff;padding-left:20px;margin:60px auto 40px;}
.main h3.tit-02{padding-left:25px;margin:30px auto 20px;position:relative;}
.main h3.tit-02::before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background:#049bff;-webkit-border-radius: 3px; border-radius: 3px;}
.main h3.tit-02orange{padding-left:25px;margin:30px auto 20px;position:relative;}
.main h3.tit-02orange::before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background:#dd731a;-webkit-border-radius: 3px; border-radius: 3px;}

.main h4{font-size:20px;font-weight:bold;}
.main h4.tit-01{border-left:10px solid #049bff;padding-left:20px;margin:60px auto 40px;color:#144892;}

.main h4.tit-02{padding-left:20px;margin:40px auto 20px;position:relative;color:#049bff;}
.main h4.tit-02::before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;background:#049bff;-webkit-border-radius: 3px; border-radius: 3px;}

/*FOOTER
===================================*/
footer{padding-top:50px;}
.ft-menu{background:url(/pg2023/mypage_common/images/common/ft-bg-menu.jpg) no-repeat center center;background-size:100% 100%;padding:10px 0;}
.ft-menu ul {max-width:700px;width:100%;margin:0 auto;}
.ft-menu ul li{float:left;color:#fff;font-size:12px;font-weight:bold;}
.ft-menu ul li a{padding:0 7px;border-right:1px solid #fff;box-sizing:border-box;line-height:1;}
.ft-menu ul li:last-child a{border-right:none;}
.ft-menu ul li a:hover,.ft-menu ul li.active a {text-decoration:underline;}
.ft-menu ul li.active a{pointer-events: none;cursor: default;}

.ft-info {color:#144892;font-weight:bold;margin-top:20px;}
.ft-info .ft-txt1{font-size:16px;letter-spacing:1px;}
.ft-info .ft-group .ft-tel{width:50%;float:left;margin-top:10px;padding-left:16px;position:relative;letter-spacing:1px;}
.ft-info .ft-group .ft-tel::before{height:100%;width:6px;background:#84a0c6;-webkit-border-radius: 5px; border-radius: 5px;position:absolute;left:0;top:0; content: ""}
.ft-info .ft-group .ft-tel a{display:inline-block;}
.ft-info .ft-group .copy-r{width:50%;float:right;font-size:10px;text-align:right;}



/*===============================
             MEDIA
================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* #gnav ul li{margin-right:7px;}*/
 .ft-menu ul li a {padding: 0 4px;}
}
@media only screen and (max-width:960px){
.content{margin:0 auto; max-width:960px; width:100%; padding:0 20px;box-sizing:border-box;}

/*fix 03-15*/

/*#gnav ul li{font-size:1.2vw;margin-right:1%}
#gnav ul li:nth-of-type(1){width:20%;}
#gnav ul li:nth-of-type(2){width:24%;}
#gnav ul li:nth-of-type(3){width:10%;}
#gnav ul li:nth-of-type(4){width:14%;}
#gnav ul li:nth-of-type(5){width:13%;}
#gnav ul li:nth-of-type(6){width:14%;margin-right:0;}
*/
#gnav ul li{font-size: 1.5vw;}


header.hd-top .hd-right .hd-txt-tit{width:100%;text-align:right;}
header.hd-top .hd-right{width: calc(100% - 360px);}
header.hd-top .hd-right ul li{font-size:11px;}

.ft-info{margin-top:20px;}
.ft-info .ft-group .ft-tel{width:100%;}
.ft-info .ft-group .copy-r{width:100%;text-align:center;margin-top:40px;}
}
@media only screen and (max-width:960px) and (-webkit-min-device-pixel-ratio:0){
#gnav ul li{font-size:1vw}
header.hd-top .hd-right ul li{font-size:11px;}
}


@media only screen and (max-width:750px){
/*
.sp{display:block;}
.pc{display:none;}
*/
header.hd-top {position:relative;border-bottom:4px solid #0098dd;}
header.hd-top .logo{text-align:left;width:75%;box-sizing:border-box;padding-left:4%;padding-bottom:0;}
header.hd-top .hd-right ul{display:none;}
header.hd-top .hd-right{width:100%;}
header.hd-top .hd-right .hd-txt-tit{width:100%;text-align:center;margin-bottom:15px;}
header.hd-top .btn-click-menu{position:absolute;right:5%;width:14%;top:20px;}
header.hd-top .btn-click-menu{background:url(/pg2023/mypage_common/images/common/btn-click-menu.png) no-repeat center top;background-size:100%;height:auto;overflow:hidden;}
header.hd-top .btn-click-menu.open{background:url(/pg2023/mypage_common/images/common/btn-click-menu-open.png) no-repeat center top;background-size:100%;height:auto;overflow:hidden;}

#gnav{background:#1a9fe5;display:none;position:relative;padding:0;}
#gnav .content{padding:0;}
#gnav ul{width:100%;padding:0;}
#gnav ul li{width:100% !important;font-size:3vw;border-bottom:1px solid #fff; padding: 0;/*fix*/}
#gnav ul li a{padding:15px 10px;width:100%;box-sizing:border-box;display:block;}
#gnav ul li a:hover, #gnav ul li.active a{-webkit-border-radius:0; border-radius: 0px;border:none;background:#79d1ff;}


.ft-menu{padding:0;background:#1a9fe5;}
.ft-menu .content{padding:0;}
.ft-menu ul{max-width:100%;}
.ft-menu .content li{width:50%;float:left;box-sizing:border-box;text-align:center;}

/*fix 03-15*/

/*.ft-menu .content li:nth-of-type(1){display:none;}
.ft-menu .content li:nth-of-type(2n+1) a{border-right:none;}*/
.ft-menu .content li:nth-of-type(2n) a{border-right:none;}

.ft-menu .content li a{width:100%;box-sizing:border-box;display:inline-block;font-size:3vw;border-bottom:1px solid #fff;padding:25px 10px;}
.ft-menu ul li a:hover,.ft-menu ul li.active a {text-decoration:none;}
.ft-menu ul li.active{background:#79d1ff;pointer-events: none;cursor: default;}

.top-page .link-page{display:none;}
.ft-info{padding:20px 5%;box-sizing:border-box;}

.top-page{padding:10px 0 30px;}
.top-page h2{font-size:24px;}
.top-page .link-page{margin-bottom:15px;}
.main{font-size:14px;}
.main h3{font-size:20px;}
.main h4{font-size:16px;}
.main h4.tit-01{margin:40px auto 20px; }

}

@media only screen and (max-width:640px){
.ft-info .ft-group .ft-tel p span{display:inline-block;}
}

@media only screen and (max-width:480px){
.content{padding:0 10px;}
.ft-info{padding:20px 10px;}
.ft-info .ft-txt1 span{display:inline-block;}
}

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

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait){

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape){

}