@charset "UTF-8";
/*=============================================================
 mypage マイページ関連
=============================================================*/
/*! common
================================================ */
#gHeader.simple { z-index: 2; }
#mypage_info #wrapper { background: #f4f3ed; }
/*! .login マイページログイン
================================================ */
#mypage_info.login .loginBox { margin: 40px auto; padding: 25px 20px 20px; border-radius: 20px; background: #fff; }
#mypage_info.login .loginBox .loginBoxIn { padding: 0 0 10px; }
#mypage_info.login .loginBox .loginBoxIn .mod_tit01 { line-height: 1.4; margin: 0 0 20px; background: url(../img/common/ico_key03.png) center top no-repeat; background-size: 15px 22px; font-size: 24px; font-size: 1.5rem; }
#mypage_info.login .loginBox .loginBoxIn .form-group { padding: 0; }
#mypage_info.login .loginBox .loginBoxIn .form-group.loginid { padding-top: 20px; }
#mypage_info.login .loginBox .loginBoxIn .form-group.loginid:before { width: 100%; }
#mypage_info.login .loginBox .loginBoxIn .form-group:after { content: none; }
#mypage_info.login .loginBox .loginBoxIn .form-group label { margin: 0 0 5px; padding: 0; }
#mypage_info.login .loginBox .loginBoxIn .form-group label span { font-weight: normal; }
#mypage_info.login .loginBox .loginBoxIn .form-group + .form-group { margin: 10px 0 2px; }
#mypage_info.login .loginBox .loginBoxIn .form-group .col-md-9 { padding: 0; }
#mypage_info.login .loginBox .loginBoxIn .save { margin: 0 0 15px; padding: 13px 0 14px; }
#mypage_info.login .loginBox .loginBoxIn .submitArea { margin-bottom: 15px; }
#mypage_info.login .loginBox .loginBoxIn form + .note01 { padding: 0; text-indent: 0; }
#mypage_info.login .loginBox .loginBoxIn.left { margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid #e1e0d9; }
#mypage_info.login .loginBox .loginBoxIn.left .form-group { padding: 0; }
#mypage_info.login .loginBox .loginBoxIn.left .form-group + .form-group { margin: 10px 0 15px; }
#mypage_info.login .loginBox .loginBoxIn.right .mod_tit01 { margin: 0 0 20px; background: url(../img/common/ico_dot01.png) center top no-repeat; background-size: 20px; font-size: 24px; font-size: 1.5rem; }
#mypage_info.login .loginBox .loginBoxIn.right .mod_btnBox01 { margin: 0 0 12px; }
#mypage_info.login .loginBox .loginBoxIn.right .mod_btnBox01 .btnList li + li { margin: 10px 0 0; }
#mypage_info.login .loginBox .loginBoxIn.right .noteList01 dl { margin: 0; text-indent: 0; }
#mypage_info.login .loginBox .loginBoxIn.right .noteList01 dl dt { text-indent: -.5em; }
#mypage_info.login .loginBox .borderBox { margin-bottom: 15px; padding: 10px 15px; border: 1px solid #ddd; font-size: 20.8px; font-size: 1.3rem; }
@media screen and (min-width: 768px) { #mypage_info.login .loginBox { overflow: hidden; margin: 0 auto 60px; padding: 0; }  #mypage_info.login .loginBox .loginBoxIn { margin: 0; padding: 45px 40px; border-bottom: none; }  #mypage_info.login .loginBox .loginBoxIn .mod_tit01 { min-height: 28px; line-height: 1.6; margin: 0 0 26px; padding: 40px 0 0 35px; background: url(../img/common/ico_key03.png) center top no-repeat; background-size: 19px 28px; font-size: 1.9rem; text-align: center; }  #mypage_info.login .loginBox .loginBoxIn .form-group { padding: 24px 40px; }  #mypage_info.login .loginBox .loginBoxIn .form-group.loginid { padding-top: 30px; }  #mypage_info.login .loginBox .loginBoxIn .form-group.pw { margin: 0; padding: 0 40px 20px; }  #mypage_info.login .loginBox .loginBoxIn .form-group:after { content: none; }  #mypage_info.login .loginBox .loginBoxIn .form-group label { padding: 0 15px 0 35px; }  #mypage_info.login .loginBox .loginBoxIn .form-group label.input { margin: 10px 0; }  #mypage_info.login .loginBox .loginBoxIn .form-group + .form-group { margin: 0; }  #mypage_info.login .loginBox .loginBoxIn .save { margin: 0 0 30px; padding: 0 0 25px 25%; }  #mypage_info.login .loginBox .loginBoxIn .save .control-label { padding: 0 0 0 20px; }  #mypage_info.login .loginBox .loginBoxIn .submitArea { margin-bottom: 15px; }  #mypage_info.login .loginBox .loginBoxIn .submitArea .btn { width: 395px; font-size: 1.8rem; }  #mypage_info.login .loginBox .loginBoxIn form + .note01 { line-height: 1.65; padding: 0; text-indent: 0; }  #mypage_info.login .loginBox .loginBoxIn.left { float: left; width: 50%; margin: 0; padding: 45px 40px; border-bottom: none; }  #mypage_info.login .loginBox .loginBoxIn.left .mod_tit01 { min-height: 28px; padding: 0 0 0 35px; background: url(../img/common/ico_key03.png) left top no-repeat; background-size: 19px 28px; text-align: left; }  #mypage_info.login .loginBox .loginBoxIn.left .form-group label , #mypage_info.login .loginBox .loginBoxIn.left .form-group label.input { margin: 0 0 10px; padding: 0; }  #mypage_info.login .loginBox .loginBoxIn.left .form-group + .form-group { margin: 12px 0 30px; }  #mypage_info.login .loginBox .loginBoxIn.left input[type="text"] , #mypage_info.login .loginBox .loginBoxIn.left input[type="password"] { width: 395px; }  #mypage_info.login .loginBox .loginBoxIn.right { float: right; box-sizing: border-box; width: 50%; margin: 0; padding: 45px 40px 45px 39px; border-left: 1px solid #e1e0d9; }  #mypage_info.login .loginBox .loginBoxIn.right .mod_tit01 { min-height: 28px; line-height: 1.6; margin: 0 0 26px; padding: 0 0 0 35px; background: url(../img/common/ico_dot01.png) left top no-repeat; background-size: 26px; font-size: 1.85rem; text-align: left; }  #mypage_info.login .loginBox .loginBoxIn.right .mod_btnBox01 { margin: 0 0 12px; }  #mypage_info.login .loginBox .loginBoxIn.right .mod_btnBox01 .btnList li + li { margin: 15px 0 0; }  #mypage_info.login .loginBox .loginBoxIn.right .mod_btnBox01 .btnList li .btn { width: 395px; }  #mypage_info.login .loginBox .loginBoxIn.right .noteList01 * { line-height: 1.65; } }
/*! .info マイページ紹介
================================================ */
#mypage_info.info header.linkx { margin: 0 0 30px; padding: 40px 0 0; }
#mypage_info.info header.linkx .logo { width: 150px; margin: 0 auto 20px; }
#mypage_info.info header.linkx .logo img { -webkit-backface-visibility: hidden; }
#mypage_info.info header.linkx .copy { line-height: 1.0; margin: 0 0 20px; padding-left: .5em; color: #ed3939; font-size: 38.4px; font-size: 2.4rem; text-align: center; letter-spacing: .05em; }
#mypage_info.info header.linkx .copy span { display: inline-block; margin: 0 -.4em; }
#mypage_info.info header.linkx .lead { line-height: 1.4; margin: 0 0 20px; font-size: 24px; font-size: 24px; font-size: 1.5rem; }
#mypage_info.info header.linkx .cvBox { margin: 25px 0 0; }
#mypage_info.info .infoBoxIn { padding: 25px 20px 20px; border-radius: 20px; background: #fff; }
#mypage_info.info .infoBoxIn + .infoBoxIn { margin-top: 15px; }
#mypage_info.info .infoBoxIn .infoList01 { margin: 10px 0 0; }
#mypage_info.info .infoBoxIn .infoList01 dt { position: relative; margin: 10px 0 0; /* padding: 0 0 0 10px; */ padding: 0 0 0 12px; font-weight: bold; }
#mypage_info.info .infoBoxIn .infoList01 dt:before { display: inline-block; position: absolute; top: 5px; left: 0; /* top: 7px; width: 5px; height: 5px; border-radius: 2.5px; */ width: 10px; height: 10px; border-radius: 5px; background: #ed3939; content: ""; }
#mypage_info.info .infoBoxIn .infoList01 dd { padding: 0 0 0 10px; }
#mypage_info.info .infoBoxIn .infoList01 dd > .txt { margin: 5px 0 8px; }
#mypage_info.info .infoBoxIn .infoList01.success dt:before { background: #44b5ac; }
#mypage_info.info .infoBoxIn .infoList01 .noteList01 { margin: 3px 0 0 -12px; }
#mypage_info.info .infoBoxIn .infoList02 { margin: 5px 0 8px; }
#mypage_info.info .infoBoxIn .infoList02 li { position: relative; padding-left: 12px; }
#mypage_info.info .infoBoxIn .infoList02 li:before { display: inline-block; position: absolute; top: 10px; left: 0; width: 6px; height: 1px; background: #333; content: ""; }
#mypage_info.info .infoBoxIn .infoList03 { margin: 20px 0 25px; }
#mypage_info.info .infoBoxIn .infoList03 > dt { padding: 6px 15px; background: #e1e0d9; text-align: center; }
#mypage_info.info .infoBoxIn .infoList03 > dd { overflow: hidden; /* &.fit {  .img {  border: 4px solid #009ada; } } */ }
#mypage_info.info .infoBoxIn .infoList03 > dd .img { margin-top: 10px; text-align: center; }
#mypage_info.info .infoBoxIn .infoList03 > dd.special .img { height: 80px; }
#mypage_info.info .infoBoxIn .infoList03 > dd.special .img img { width: auto; height: 100%; }
#mypage_info.info .infoBoxIn .infoList03 > dd .txt { margin: 12px 0 0; font-size: 22.4px; font-size: 1.4rem; }
#mypage_info.info .infoBoxIn .infoList03 > dd + dt { margin-top: 20px; }
#mypage_info.info .infoBoxIn .infoList03#limited { margin-bottom: 0; }
#mypage_info.info .infoBoxIn .appList01 > li , #mypage_info.info .infoBoxIn .appList01 > div , #mypage_info.info .infoBoxIn .appBox01 > li , #mypage_info.info .infoBoxIn .appBox01 > div { overflow: hidden; padding: 13px 0 0; }
#mypage_info.info .infoBoxIn .appList01 > li + li , #mypage_info.info .infoBoxIn .appList01 > div + li , #mypage_info.info .infoBoxIn .appBox01 > li + li , #mypage_info.info .infoBoxIn .appBox01 > div + li { margin: 13px 0 0; border-top: 1px dashed #e1e0d9; }
#mypage_info.info .infoBoxIn .appList01 > li .logoBox , #mypage_info.info .infoBoxIn .appList01 > div .logoBox , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox { /* float: left; width: 44%; */ }
#mypage_info.info .infoBoxIn .appList01 > li .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox .img { margin: 0; /* padding: 3px 0; */ }
#mypage_info.info .infoBoxIn .appList01 > li .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox .caption { margin: 0; padding: 1px 5px 3px; background: #e1e0d9; font-size: 22.4px; font-size: 1.4rem; text-align: center; }
#mypage_info.info .infoBoxIn .appList01 > li .txt , #mypage_info.info .infoBoxIn .appList01 > div .txt , #mypage_info.info .infoBoxIn .appBox01 > li .txt , #mypage_info.info .infoBoxIn .appBox01 > div .txt { /* margin: 0 0 0 44%; padding: 0 0 0 15px; */ margin: 12px 0 0; font-size: 22.4px; font-size: 1.4rem; }
#mypage_info.info .infoBoxIn .appList01 > li.fit .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.fit .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.fit .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.fit .logoBox .img { border: 3px solid #009ada; }
#mypage_info.info .infoBoxIn .appList01 > li.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.fit .logoBox .caption { background: #009ada; color: #fff; }
#mypage_info.info .infoBoxIn .appList01 > li.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.quitline .logoBox .img { border: 3px solid #000; }
#mypage_info.info .infoBoxIn .appList01 > li.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.quitline .logoBox .caption { background: #000; color: #fff; }
#mypage_info.info .infoBoxIn .appList01 > li.siru .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.siru .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.siru .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.siru .logoBox .img { border: 3px solid #ed8b00; }
#mypage_info.info .infoBoxIn .appList01 > li.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.siru .logoBox .caption { background: #ed8b00; color: #fff; }
#mypage_info.info .infoBoxIn .appList01 > li.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.aruku .logoBox .img { border: 3px solid #009eb7; }
#mypage_info.info .infoBoxIn .appList01 > li.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.aruku .logoBox .caption { background: #009eb7; color: #fff; }
#mypage_info.info .infoBoxIn .appList02 { margin: 0; }
#mypage_info.info .infoBoxIn .appList02 > dt { margin-top: 10px; }
#mypage_info.info .infoBoxIn .appList02 > dd.txt { margin: 5px 0 0 !important; }
#mypage_info.info .infoBoxIn .leadBox { overflow: hidden; margin: 0 0 5px; }
#mypage_info.info .infoBoxIn .leadBox .img { float: right; width: 120px; margin: 0 0 10px 10px; }
#mypage_info.info .infoBoxIn .leadBox .txt { margin: 0 0 10px; }
#mypage_info.info .infoBoxIn .leadBox.inquiry { margin-top: -20px; padding: 20px 0 0; }
#mypage_info.info .infoBoxIn .leadBox.inquiry .img { margin-top: -20px; }
#mypage_info.info .infoBoxIn .sampleBox { max-width: 305px; margin: 0 auto; padding: 20px 15px 18px; background: #f4f3ed; }
#mypage_info.info .infoBoxIn .sampleBox .tit { line-height: 1.5; margin: 0 0 16px; font-size: 22.4px; font-size: 1.4rem; text-align: center; }
#mypage_info.info .infoBoxIn .sampleBox > .img { position: relative; border: 1px solid #e1e0d9; background: #fff; }
#mypage_info.info .infoBoxIn .sampleBox > .img a { display: block; position: relative; height: 320px; overflow: hidden; cursor: pointer; }
#mypage_info.info .infoBoxIn .sampleBox > .img a:after { display: block; position: absolute; bottom: 0; z-index: 0; width: 100%; height: 10px; background: #fff; content: ""; }
#mypage_info.info .infoBoxIn .sampleBox > .img button { display: block; position: absolute; right: 0; bottom: 0; z-index: 1; width: 40px; height: 40px; overflow: hidden; border: none; background: rgba(0, 0, 0, .5) url(../img/common/ico_loupe01.png) center center no-repeat; background-size: 30px; text-indent: 40px; text-align: center; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#mypage_info.info .infoBoxIn .sampleBox .modal .modal-dialog { margin: 15px 15px 60px; /* overflow: hidden; */ }
#mypage_info.info .infoBoxIn .sampleBox .modal .img { overflow: hidden; /* max-height: calc(100vh - 74px); */ margin: 0 0 10px; border: 10px solid #fff; }
#mypage_info.info .infoBoxIn .sampleBox .modal button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 { float: left; width: auto; }
#mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn { padding: 8px 20px 7px 12px; border: 1px solid #ed3939 !important; font-weight: normal; font-size: 19.2px; font-size: 1.2rem; }
#mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:before { width: 6px; height: 6px; border-top: 1.5px solid #ed3939; border-right: 1.5px solid #ed3939; }
#mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn { display: block; position: relative; float: right; width: 34px; height: 34px; overflow: hidden; border: none; background: rgba(0, 0, 0, .4); text-indent: 100%; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:before , #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 20px; height: 3px; margin: auto; border-radius: 1px; background: #fff; content: ""; }
#mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#mypage_info.info .infoBoxIn .sampleList { margin: 10px 0 8px; }
#mypage_info.info .infoBoxIn .sampleList dt { display: inline-block; width: auto; line-height: 1.5; margin: 0 0 6px; padding: 2px 10px; background: #adada9; color: #fff; font-weight: bold; font-size: 20.8px; font-size: 1.3rem; }
#mypage_info.info .infoBoxIn .sampleList dt:before { content: none; }
#mypage_info.info .infoBoxIn .sampleList dd { line-height: 1.7; padding: 0; font-size: 19.2px; font-size: 1.2rem; }
#mypage_info.info .infoBoxIn .sampleList dd .mod_ulList01 li { margin: 0; }
#mypage_info.info .infoBoxIn ol.noteList01 { margin: 3px 0 0 -12px; counter-reset: info; }
#mypage_info.info .infoBoxIn ol.noteList01 li { position: relative; padding-left: 24px; text-indent: 0; counter-increment: info; }
#mypage_info.info .infoBoxIn ol.noteList01 li:before { position: absolute; left: 0; content: "※" counter(info); }
#mypage_info.info .infoBox + .noteList01 { margin: 10px 0; }
#mypage_info.info .infoBox hr.hr { height: 1px; margin: 25px -20px; border-top: 1px solid #e1e0d9; }
#mypage_info.info .mod_btnBox01 { margin: 25px auto; }
#mypage_info.info .mod_btnBox01 .btn.btn-primary { padding: 10px 25px 12px 12px; }
#mypage_info.info .cvBox { margin: 25px 0 40px; }
#mypage_info.info .cvBox .tit { position: relative; width: auto; max-width: 370px; line-height: 1.4; margin: 0 auto 25px; padding: 10px 15px 12px; border-radius: 10px; background: #ed3939; color: #fff; font-weight: bold; font-size: 24px; font-size: 24px; font-size: 1.5rem; text-align: center; }
#mypage_info.info .cvBox .tit:after { position: absolute; right: 0; bottom: -10px; left: 0; width: 0; width: 0; height: 0; margin: auto; border-width: 11px 6px 0 6px; border-style: solid; border-color: #ed3939 transparent transparent transparent; content: ""; }
#mypage_info.info .cvBox .btnList01 { margin: 0 0 15px; text-align: center; }
#mypage_info.info .cvBox .btnList01 li + li { margin: 10px 0 0; }
#mypage_info.info .cvBox .btnList01 li .btn { font-size: 25.6px; font-size: 1.6rem; }
#mypage_info.info .cvBox .btnList01 li .btn span { display: block; margin: 4px 0 -1px; font-weight: normal; font-size: 19.2px; font-size: 1.2rem; }
#mypage_info.info .cvBox .subject { margin: 6px 0 0; color: #707070; }
#mypage_info.info .cvBox .subject dt { line-height: 1.5; margin: 0 0 1px; padding-left: 1.1em; font-weight: bold; font-size: 17.6px; font-size: 1.1rem; text-indent: -1.1em; }
#mypage_info.info .cvBox .subject dd { line-height: 1.5; padding-left: 1.1em; font-size: 17.6px; font-size: 1.1rem; }
#mypage_info.info .cvBox .subject dd .small { font-size: 17.6px; font-size: 1.1rem; }
#mypage_info.info .noteList01.notes { margin: 30px 0; }
#mypage_info.info .footNomber { margin: 0 0 40px; text-align: right; }
/* キャンペーン用のバナー */
#mypage_info.info .campaign { width: 100%; margin-right: auto; margin-left: auto; display: block; }
#mypage_info.info .upper_camp { margin-top: 5px; }
#mypage_info.info .under_camp { margin-top: 25px; }
/* バナー終わり */
@media screen and (max-width: 340px) { #mypage_info.info .mod_btnBox01 .btn.btn-primary { text-align: left !important; }  #mypage_info.info .mod_btnBox01 .btn.btn-primary br.viewSp { display: none; } }
@media screen and (min-width: 768px) { #mypage_info.info { height: 100%; }  #mypage_info.info header.linkx { margin: 0 0 60px; padding: 0; }  #mypage_info.info header.linkx .logo { width: 324px; margin: 0 auto 35px; }  #mypage_info.info header.linkx .copy { margin: 0 0 50px; padding-left: .8em; font-size: 3.8rem; }  #mypage_info.info header.linkx .lead { line-height: 1.65; font-size: 1.6rem; }  #mypage_info.info header.linkx .mod_btnBox01 { margin: 50px 0 60px; }  #mypage_info.info header.linkx .cvBox { margin-top: 50px; }  #mypage_info.info header.linkx .cvBox .mod_btnBox01 { margin: 0 0 30px; }  #mypage_info.info .infoBox { overflow: hidden; }  #mypage_info.info .infoBoxIn { width: 465px; padding: 40px 30px; border-radius: 16px; }  #mypage_info.info .infoBoxIn + .infoBoxIn { margin-top: 0; }  #mypage_info.info .infoBoxIn .leadBox { margin: 0; }  #mypage_info.info .infoBoxIn .leadBox .img { float: right; width: 110px; margin: 0 0 10px 10px; }  #mypage_info.info .infoBoxIn .leadBox .txt { margin: 0 0 10px; }  #mypage_info.info .infoBoxIn .leadBox.inquiry { margin: -35px 0 0; padding: 35px 0 0; }  #mypage_info.info .infoBoxIn .leadBox.inquiry .img { margin: -35px 0 15px 10px; }  #mypage_info.info .infoBoxIn .leadBox.inquiry .txt { margin: 0 0 15px; }  #mypage_info.info .infoBoxIn .infoList01 { margin: -5px 0 0; }  #mypage_info.info .infoBoxIn .infoList01 dt { line-height: 1.6; margin: 13px 0 5px; padding: 0 0 0 13px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList01 dt:before { top: 7px; width: 10px; height: 10px; border-radius: 5px; }  #mypage_info.info .infoBoxIn .infoList01 dd { line-height: 1.6; padding: 0 0 0 13px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList01 dd > .txt { margin: 6px 0 10px; }  #mypage_info.info .infoBoxIn .infoList01.success dt:before { background: #44b5ac; }  #mypage_info.info .infoBoxIn .infoList01 .noteList01 { margin: 5px 0 0 -12px; }  #mypage_info.info .infoBoxIn .infoList03 { margin: 20px 0 40px; }  #mypage_info.info .infoBoxIn .infoList03 > dt { margin: 0 0 15px; padding: 4px 10px; }  #mypage_info.info .infoBoxIn .infoList03 > dd { overflow: hidden; }  #mypage_info.info .infoBoxIn .infoList03 > dd .img { float: left; width: 140px; margin: 2px 0 0; text-align: center; }  #mypage_info.info .infoBoxIn .infoList03 > dd .img img { -webkit-backface-visibility: visible; backface-visibility: visible; }  #mypage_info.info .infoBoxIn .infoList03 > dd.fit .img { border: 3px solid #009ada; }  #mypage_info.info .infoBoxIn .infoList03 > dd.special .img { width: 140px; height: auto; }  #mypage_info.info .infoBoxIn .infoList03 > dd.special .img img { width: 100%; height: auto; }  #mypage_info.info .infoBoxIn .infoList03 > dd .txt { margin: 0; padding: 0 0 0 155px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList03 > dd + dt { margin-top: 30px; }  #mypage_info.info .infoBoxIn .appList01 > li , #mypage_info.info .infoBoxIn .appList01 > div , #mypage_info.info .infoBoxIn .appBox01 > li , #mypage_info.info .infoBoxIn .appBox01 > div { margin: -13px 0 0; }  #mypage_info.info .infoBoxIn .appList01 > li + li , #mypage_info.info .infoBoxIn .appList01 > div + li , #mypage_info.info .infoBoxIn .appBox01 > li + li , #mypage_info.info .infoBoxIn .appBox01 > div + li { margin: 13px 0 0; }  #mypage_info.info .infoBoxIn .appList01 > li .logoBox , #mypage_info.info .infoBoxIn .appList01 > div .logoBox , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox { float: left; width: 140px; margin: 1px 0 0; text-align: center; }  #mypage_info.info .infoBoxIn .appList01 > li .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox .img { float: none; width: auto; }  #mypage_info.info .infoBoxIn .appList01 > li .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox .caption { padding: 2px 2px 3px; background: #e1e0d9; font-size: 1.2rem; text-align: center; }  #mypage_info.info .infoBoxIn .appList01 > li .txt , #mypage_info.info .infoBoxIn .appList01 > div .txt , #mypage_info.info .infoBoxIn .appBox01 > li .txt , #mypage_info.info .infoBoxIn .appBox01 > div .txt { margin: 0 0 0 155px; padding: 0; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .appList01 > li.fit .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.fit .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.fit .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.fit .logoBox .img { border: 2px solid #009ada; }  #mypage_info.info .infoBoxIn .appList01 > li.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.fit .logoBox .caption { background: #009ada; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 > li.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.quitline .logoBox .img { border: 2px solid #000; }  #mypage_info.info .infoBoxIn .appList01 > li.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.quitline .logoBox .caption { background: #000; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 > li.siru .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.siru .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.siru .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.siru .logoBox .img { border: 2px solid #ed8b00; }  #mypage_info.info .infoBoxIn .appList01 > li.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.siru .logoBox .caption { background: #ed8b00; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 > li.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.aruku .logoBox .img { border: 2px solid #009eb7; }  #mypage_info.info .infoBoxIn .appList01 > li.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.aruku .logoBox .caption { background: #009eb7; color: #fff; }  #mypage_info.info .infoBoxIn .sampleBox { width: 200px; max-width: 200px; margin: 0 auto; padding: 10px; }  #mypage_info.info .infoBoxIn .sampleBox .tit { margin: 0 0 8px; font-size: 1.6rem; }  #mypage_info.info .infoBoxIn .sampleBox > .img:after { height: 5px; }  #mypage_info.info .infoBoxIn .sampleBox > .img a { height: 200px; }  #mypage_info.info .infoBoxIn .sampleBox > .img a * { transition: .5s ease; }  #mypage_info.info .infoBoxIn .sampleBox > .img a:hover * { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  #mypage_info.info .infoBoxIn .sampleBox .modal { margin: 0 auto; padding-right: 0 !important; }  #mypage_info.info .infoBoxIn .sampleBox .modal .modal-dialog { margin: 30px auto 90px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .modal-dialog.modal-lg { width: calc(100vw - 60px); max-width: 880px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .img { /* max-height: calc(100vh - 120px); */ margin: 0 0 16px; border: 15px solid #fff; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 { float: left; width: auto; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn { width: auto; height: 44px; padding: 11px 30px 10px 12px; font-size: 1.5rem; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:before { right: 15px; width: 7px; height: 7px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:hover:before , #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:active:before { border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; }  #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn { width: 44px; height: 44px; transition: .5s ease; }  #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:before , #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:after { width: 18px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  #mypage_info.info .infoBoxIn .sampleList { margin: 12px 0; }  #mypage_info.info .infoBoxIn .sampleList dt { margin: 0 0 6px; padding: 1px 12px; }  #mypage_info.info .infoBoxIn .sampleList dd { line-height: 1.6; margin: 4px 0 10px; padding: 0; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .sampleList dd .mod_ulList01 li { line-height: 1.5; margin: 0 0 3px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .sampleList dd .mod_ulList01 li:before { top: 7px; }  #mypage_info.info .infoBoxIn ol.noteList01 { margin: 5px 0 0 -12px; counter-reset: info; }  #mypage_info.info .infoBoxIn ol.noteList01 li { position: relative; padding-left: 24px; text-indent: 0; counter-increment: info; }  #mypage_info.info .infoBoxIn ol.noteList01 li:before { position: absolute; left: 0; content: "※" counter(info); }  #mypage_info.info .infoBox + .noteList01 { margin: 18px 0 40px; }  #mypage_info.info .infoBox hr.hr { margin: 35px -30px; border-top: 1px solid #f4f3ed; }  #mypage_info.info .mod_btnBox01 { margin: 60px 0 50px; }  #mypage_info.info .mod_btnBox01 .btn { width: 540px; }  #mypage_info.info .mod_btnBox01 .btn.btn-primary { padding: 16px 20px 17px; }  #mypage_info.info .cvBox { margin: 60px 0 50px; }  #mypage_info.info .cvBox .tit { width: 680px; max-width: 680px; margin: 0 auto 40px; padding: 14px 20px; border-radius: 15px; font-size: 2.3rem; }  #mypage_info.info .cvBox .tit:after { bottom: -16px; border-width: 17px 10px 0 10px; }  #mypage_info.info .cvBox .btnList01 { margin: 0 0 30px; letter-spacing: -.5em; }  #mypage_info.info .cvBox .btnList01 li { display: inline-block; width: 460px; letter-spacing: .05em; }  #mypage_info.info .cvBox .btnList01 li + li { margin: 0 0 0 20px; }  #mypage_info.info .cvBox .btnList01 li .btn { width: 100%; height: auto; padding: 20px; font-size: 1.7rem; }  #mypage_info.info .cvBox .btnList01 li .btn span { margin: 5px 0 -3px; font-size: 1.3rem; }  #mypage_info.info .cvBox .note01 { width: 940px; margin: 0 auto; }  #mypage_info.info .cvBox .subject { width: 940px; margin: 10px auto 0; }  #mypage_info.info .cvBox .subject dt { font-size: 1.3rem; }  #mypage_info.info .cvBox .subject dd { font-size: 1.3rem; }  #mypage_info.info .cvBox .subject dd .small { font-size: 1.3rem; }  #mypage_info.info .noteList01.notes { margin: 50px 0; }  #mypage_info.info .footNomber { margin: 0 0 80px; margin-top: 18px; }  #mypage_info.info .campaign { width: 460px; margin-right: auto; margin-left: auto; display: block; }  #mypage_info.info .upper_camp { margin-top: 40px; margin-bottom: -10px; }  #mypage_info.info .under_camp { margin-top: 40px; margin-bottom: -20px; } }
@media screen and (min-width: 768px) { #mypage_info.info { height: 100%; }  #mypage_info.info header.linkx { margin: 0 0 60px; padding: 0; }  #mypage_info.info header.linkx .logo { width: 324px; margin: 0 auto 35px; }  #mypage_info.info header.linkx .copy { margin: 0 0 50px; padding-left: .8em; font-size: 3.8rem; }  #mypage_info.info header.linkx .lead { line-height: 1.65; font-size: 1.6rem; }  #mypage_info.info header.linkx .mod_btnBox01 { margin: 50px 0 60px; }  #mypage_info.info header.linkx .cvBox { margin-top: 50px; }  #mypage_info.info header.linkx .cvBox .mod_btnBox01 { margin: 0 0 30px; }  #mypage_info.info .infoBox { overflow: hidden; }  #mypage_info.info .infoBoxIn { width: 465px; padding: 40px 30px; border-radius: 16px; }  #mypage_info.info .infoBoxIn + .infoBoxIn { margin-top: 0; }  #mypage_info.info .infoBoxIn .leadBox { margin: 0; }  #mypage_info.info .infoBoxIn .leadBox .img { float: right; width: 110px; margin: 0 0 10px 10px; }  #mypage_info.info .infoBoxIn .leadBox .txt { margin: 0 0 10px; }  #mypage_info.info .infoBoxIn .leadBox.inquiry { margin: -35px 0 0; padding: 35px 0 0; }  #mypage_info.info .infoBoxIn .leadBox.inquiry .img { margin: -35px 0 15px 10px; }  #mypage_info.info .infoBoxIn .leadBox.inquiry .txt { margin: 0 0 15px; }  #mypage_info.info .infoBoxIn .infoList01 { margin: -5px 0 0; }  #mypage_info.info .infoBoxIn .infoList01 dt { line-height: 1.6; margin: 13px 0 5px; padding: 0 0 0 13px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList01 dt:before { top: 7px; width: 10px; height: 10px; border-radius: 5px; }  #mypage_info.info .infoBoxIn .infoList01 dd { line-height: 1.6; padding: 0 0 0 13px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList01 dd > .txt { margin: 6px 0 10px; }  #mypage_info.info .infoBoxIn .infoList01.success dt:before { background: #44b5ac; }  #mypage_info.info .infoBoxIn .infoList01 .noteList01 { margin: 5px 0 0 -12px; }  #mypage_info.info .infoBoxIn .infoList02 { margin: 6px 0 10px; }  #mypage_info.info .infoBoxIn .infoList02 li { position: relative; padding-left: 12px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList02 li:before { display: inline-block; position: absolute; top: 10px; left: 0; width: 6px; height: 1px; background: #333; content: ""; }  #mypage_info.info .infoBoxIn .infoList03 { margin: 20px 0 40px; }  #mypage_info.info .infoBoxIn .infoList03 > dt { margin: 0 0 15px; padding: 4px 10px; }  #mypage_info.info .infoBoxIn .infoList03 > dd { overflow: hidden; }  #mypage_info.info .infoBoxIn .infoList03 > dd .img { float: left; width: 140px; margin: 2px 0 0; text-align: center; }  #mypage_info.info .infoBoxIn .infoList03 > dd .img img { -webkit-backface-visibility: visible; backface-visibility: visible; }  #mypage_info.info .infoBoxIn .infoList03 > dd.fit .img { border: 3px solid #009ada; }  #mypage_info.info .infoBoxIn .infoList03 > dd.special .img { width: 140px; height: auto; }  #mypage_info.info .infoBoxIn .infoList03 > dd.special .img img { width: 100%; height: auto; }  #mypage_info.info .infoBoxIn .infoList03 > dd .txt { margin: 0; padding: 0 0 0 155px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .infoList03 > dd + dt { margin-top: 30px; }  #mypage_info.info .infoBoxIn .appList01 > li , #mypage_info.info .infoBoxIn .appList01 > div , #mypage_info.info .infoBoxIn .appBox01 > li , #mypage_info.info .infoBoxIn .appBox01 > div { margin: -13px 0 0; }  #mypage_info.info .infoBoxIn .appList01 > li + li , #mypage_info.info .infoBoxIn .appList01 > div + li , #mypage_info.info .infoBoxIn .appBox01 > li + li , #mypage_info.info .infoBoxIn .appBox01 > div + li { margin: 13px 0 0; }  #mypage_info.info .infoBoxIn .appList01 > li .logoBox , #mypage_info.info .infoBoxIn .appList01 > div .logoBox , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox { float: left; width: 140px; margin: 1px 0 0; text-align: center; }  #mypage_info.info .infoBoxIn .appList01 > li .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox .img { float: none; width: auto; }  #mypage_info.info .infoBoxIn .appList01 > li .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div .logoBox .caption { padding: 2px 2px 3px; background: #e1e0d9; font-size: 1.2rem; text-align: center; }  #mypage_info.info .infoBoxIn .appList01 > li .txt , #mypage_info.info .infoBoxIn .appList01 > div .txt , #mypage_info.info .infoBoxIn .appBox01 > li .txt , #mypage_info.info .infoBoxIn .appBox01 > div .txt { margin: 0 0 0 155px; padding: 0; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .appList01 > li.fit .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.fit .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.fit .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.fit .logoBox .img { border: 2px solid #009ada; }  #mypage_info.info .infoBoxIn .appList01 > li.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.fit .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.fit .logoBox .caption { background: #009ada; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 > li.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.quitline .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.quitline .logoBox .img { border: 2px solid #000; }  #mypage_info.info .infoBoxIn .appList01 > li.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.quitline .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.quitline .logoBox .caption { background: #000; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 > li.siru .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.siru .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.siru .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.siru .logoBox .img { border: 2px solid #ed8b00; }  #mypage_info.info .infoBoxIn .appList01 > li.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.siru .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.siru .logoBox .caption { background: #ed8b00; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 > li.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appList01 > div.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > li.aruku .logoBox .img , #mypage_info.info .infoBoxIn .appBox01 > div.aruku .logoBox .img { border: 2px solid #009eb7; }  #mypage_info.info .infoBoxIn .appList01 > li.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appList01 > div.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > li.aruku .logoBox .caption , #mypage_info.info .infoBoxIn .appBox01 > div.aruku .logoBox .caption { background: #009eb7; color: #fff; }  #mypage_info.info .infoBoxIn .appList01 .appList02 , #mypage_info.info .infoBoxIn .appBox01 .appList02 { padding: 0 0 0 155px; }  #mypage_info.info .infoBoxIn .appList01 .appList02 > dt , #mypage_info.info .infoBoxIn .appBox01 .appList02 > dt { margin: 0; }  #mypage_info.info .infoBoxIn .appList01 .appList02 > dd.txt , #mypage_info.info .infoBoxIn .appBox01 .appList02 > dd.txt { margin: 3px 0 0 !important; }  #mypage_info.info .infoBoxIn .sampleBox { width: 200px; max-width: 200px; margin: 0 auto; padding: 10px; }  #mypage_info.info .infoBoxIn .sampleBox .tit { margin: 0 0 8px; font-size: 1.6rem; }  #mypage_info.info .infoBoxIn .sampleBox > .img:after { height: 5px; }  #mypage_info.info .infoBoxIn .sampleBox > .img a { height: 200px; }  #mypage_info.info .infoBoxIn .sampleBox > .img a * { transition: .5s ease; }  #mypage_info.info .infoBoxIn .sampleBox > .img a:hover * { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  #mypage_info.info .infoBoxIn .sampleBox .modal { margin: 0 auto; padding-right: 0 !important; }  #mypage_info.info .infoBoxIn .sampleBox .modal .modal-dialog { margin: 30px auto 90px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .modal-dialog.modal-lg { width: calc(100vw - 60px); max-width: 880px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .img { /* max-height: calc(100vh - 120px); */ margin: 0 0 16px; border: 15px solid #fff; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 { float: left; width: auto; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn { width: auto; height: 44px; padding: 11px 30px 10px 12px; font-size: 1.5rem; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:before { right: 15px; width: 7px; height: 7px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:hover:before , #mypage_info.info .infoBoxIn .sampleBox .modal .mod_btnBox01 .btn:active:before { border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; }  #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn { width: 44px; height: 44px; transition: .5s ease; }  #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:before , #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:after { width: 18px; }  #mypage_info.info .infoBoxIn .sampleBox .modal .closeBtn:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  #mypage_info.info .infoBoxIn .sampleList { margin: 12px 0; }  #mypage_info.info .infoBoxIn .sampleList dt { margin: 0 0 6px; padding: 1px 12px; }  #mypage_info.info .infoBoxIn .sampleList dd { line-height: 1.6; margin: 4px 0 10px; padding: 0; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .sampleList dd .mod_ulList01 li { line-height: 1.5; margin: 0 0 3px; font-size: 1.4rem; }  #mypage_info.info .infoBoxIn .sampleList dd .mod_ulList01 li:before { top: 7px; }  #mypage_info.info .infoBoxIn ol.noteList01 { margin: 5px 0 0 -12px; counter-reset: info; }  #mypage_info.info .infoBoxIn ol.noteList01 li { position: relative; padding-left: 24px; text-indent: 0; counter-increment: info; }  #mypage_info.info .infoBoxIn ol.noteList01 li:before { position: absolute; left: 0; content: "※" counter(info); }  #mypage_info.info .infoBox + .noteList01 { margin: 18px 0 40px; }  #mypage_info.info .infoBox hr.hr { margin: 35px -30px; border-top: 1px solid #f4f3ed; }  #mypage_info.info .mod_btnBox01 { margin: 60px 0 50px; }  #mypage_info.info .mod_btnBox01 .btn { width: 540px; }  #mypage_info.info .mod_btnBox01 .btn.btn-primary { padding: 16px 20px 17px; }  #mypage_info.info .cvBox { margin: 60px 0 50px; }  #mypage_info.info .cvBox .tit { width: 680px; max-width: 680px; margin: 0 auto 40px; padding: 14px 20px; border-radius: 15px; font-size: 2.3rem; }  #mypage_info.info .cvBox .tit:after { bottom: -16px; border-width: 17px 10px 0 10px; }  #mypage_info.info .cvBox .btnList01 { margin: 0 0 30px; letter-spacing: -.5em; }  #mypage_info.info .cvBox .btnList01 li { display: inline-block; width: 460px; letter-spacing: .05em; }  #mypage_info.info .cvBox .btnList01 li + li { margin: 0 0 0 20px; }  #mypage_info.info .cvBox .btnList01 li .btn { width: 100%; height: auto; padding: 20px; font-size: 1.7rem; }  #mypage_info.info .cvBox .btnList01 li .btn span { margin: 5px 0 -3px; font-size: 1.3rem; }  #mypage_info.info .cvBox .note01 { width: 940px; margin: 0 auto; }  #mypage_info.info .cvBox .subject { width: 940px; margin: 10px auto 0; }  #mypage_info.info .cvBox .subject dt { font-size: 1.3rem; }  #mypage_info.info .cvBox .subject dd { font-size: 1.3rem; }  #mypage_info.info .cvBox .subject dd .small { font-size: 1.3rem; }  #mypage_info.info .noteList01.notes { margin: 50px 0; }  #mypage_info.info .footNomber { margin: 0 0 80px; margin-top: 18px; }  #mypage_info.info .campaign { width: 460px; margin-right: auto; margin-left: auto; display: block; }  #mypage_info.info .upper_camp { margin-top: 40px; margin-bottom: -10px; }  #mypage_info.info .under_camp { margin-top: 40px; margin-bottom: -20px; } }
/*! .oneTimePass
================================================ */
@media screen and (max-width: 767px) { #oneTimePassword_auth.auth .oneTimeFormBox01 { margin: 0 0 25px; padding: 25px 10px 10px; border: 5px solid #f4f3ed; border-radius: 20px; }  .oneTimePassGroup { padding: 15px 0; }  .oneTimeTxt { padding: 0 0 20px 0; }  .oneTimeCode { padding: 0 0 0 0; }  .oneTimePass { margin: 8px 0 10px; padding: 8px 0 5px; border-radius: 10px; text-align: center; } }
@media screen and (min-width: 768px) { #oneTimePassword_auth.auth .oneTimeFormBox01 { margin: 0 auto 40px; padding: 30px 35px 5px; border: 7px solid #f4f3ed; border-radius: 20px; }  .oneTimePassGroup { padding: 50px 0 15px; display:flex; }  .oneTimeTxt { padding: 0 0 20px 0; }  .oneTimeCode { padding: 0 15px 0 15px; }  .oneTimePass { padding: 20px 0 15px; border-radius: 10px; text-align: center; } }
#oneTimePassword_auth.auth .oneTimePass .item01 { font-weight: bold; }
#oneTimePassword_auth.auth .oneTimePass .item02 { font-weight: normal; }
#oneTimePassword_auth.auth .oneTimePass .faq { color:#ed3939; }
/*! .finish お手続き終了お知らせ
================================================ */
/*! .index マイページTOP(仮組)
================================================ */
#mypage.index .userName { margin: 30px 0 26px; text-align: center; }
#mypage.index #information .alertParagraph { padding: 15px 15px 5px; border: 1px solid #333; background: #ddd; text-align: center; }
#mypage.index #information .infoList { margin: 20px -15px; padding: 15px; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#mypage.index #information .infoList .tit { margin: 0 0 15px; font-weight: bold; font-size: 32px; font-size: 2rem; }
#mypage.index #serviseList { margin: 20px 0; padding: 20px 15px; }
#mypage.index #serviseList .item { position: relative; border: 1px solid #333; }
#mypage.index #serviseList .item + .item { margin-top: -1px; }
#mypage.index #serviseList .item .inner { display: block; height: 114px; padding: 15px 0 15px 80px; text-decoration: none; }
#mypage.index #serviseList .item .inner .category { display: block; position: absolute; top: 0; left: 0; width: 80px; line-height: 1; padding: 10px 0; background: #333; color: #fff; text-align: center; }
#mypage.index #serviseList .item .inner .images { position: absolute; bottom: 0; left: 0; width: 80px; }
#mypage.index #serviseList .item .inner .tit { margin: 0 0 10px; font-weight: bold; font-size: 24px; font-size: 1.5rem; }
@media screen and (min-width: 768px) { #mypage.index #contents { width: 1000px; }  #mypage.index main { float: left; width: 760px; }  #mypage.index aside#side { float: right; width: 200px; }  #mypage.index #information .infoList { margin: 0; border: 1px solid #333; border-top: none; }  #mypage.index #serviseList { padding: 20px 0; }  #mypage.index #serviseList .item { border: none; }  #mypage.index #serviseList .item + .item { margin-top: 0; margin-bottom: 15px; }  #mypage.index #serviseList .item .inner { position: relative; height: auto; height: 100%; padding: 45px 15px 20px; border: 1px solid #333; }  #mypage.index #serviseList .item .inner .category { width: auto; padding: 10px 15px; }  #mypage.index #serviseList .item .inner .images { position: static; width: 120px; margin: 0 auto; }  #mypage.index #serviseList .item .inner .tit { margin: 0 0 10px; font-weight: bold; font-size: 1.5rem; }  #mypage.index #serviseList .item .inner .detail { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; text-indent: 9999px; white-space: nowrap; } }
/*# sourceMappingURL=maps/mypage.css.map */