@charset "UTF-8";

* {
    margin: 0;
    padding: 0; }

body { 
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    background: #F6F6F6;
}
p{
    margin: 0 100px;
    font-size: 17px;
    line-height: 200%;
    text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

a{
    color: #0645ad;
    text-decoration:underline; }
a:hover{
    color: #ff8000;
    text-decoration:underline; }
a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.midashi {
    margin: 150px 0;
    font-size: 54px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.04em;
}
.midashi1 {
    margin: 100px 0;
    font-size: 54px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.04em;
}
.big { font-size: 1.3em;}

@media screen and (max-width: 768px){
.midashi, .midashi1 { font-size: 36px;}
}
@media screen and (max-width: 600px){
.midashi {
    margin: 70px 0;
    font-size: 26px;
}
.midashi1 {
    margin: 50px 0;
    font-size: 26px;
}
}

.aka { color: #ff0000; }
.aka2 { color: #C30000; }
.ao { color: #0000cc; }
.mizu { color: #0066FF; }
.tya { color: #bd000e}
.gray { color: #0C1A37}
.green { color: #009900}
.black { color: #333}

.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size28 { font-size: 28px; }
.size32 { font-size: 32px; }
.size36 { font-size: 36px; }
.size48 { font-size: 48px; }
.size60 { font-size: 60px; }
.size72 { font-size: 72px; }

.b { font-weight: bold; }
.strong{ font-weight: bold; }
.em{ font-weight: bold; }
.yline { background: #FFFF00; }
.center {
    text-align: center;
    padding: 5px 0px 0px 0px; }
.left {
    text-align: left;
    padding: 5px 5px 0px 0px; }
.right {
    text-align: right;
    padding: 5px 0px 0px 5px; }
.to_link {
    margin: 20px 0px 0px 0px;
    text-align: right; }
.to_link_r {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    text-align: right; }
.img_left {
    float: left;
    padding: 5px 20px 20px 100px; }
.img_right {
    float: right;
    padding: 5px 100px 50px 20px; }
.text-right {
    font-size: 8px;
    color: #3d3737;
    text-align: right;
    padding-bottom: 10px;
    line-height: 130%;}
.sample_page {
    line-height:180%;
    text-align:right;
    text-justify:inter-ideograph; 
    margin: -20px 90px 30px;
    padding:0;}
img.border1 {
    margin: 0 auto;
    padding: 1px;
    border: 1px solid #CCCCCC;}
.align-center { text-align:center; } 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 間隔調整 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mds_t_10{margin-top: 10px;}
.mds_t_20{margin-top: 20px;}
.mds_t_30{margin-top: 30px;}
.mds_t_40{margin-top: 40px;}
.mds_t_50{margin-top: 50px;}
.mds_t_60{margin-top: 60px;}
.mds_t_70{margin-top: 70px;}
.mds_t_80{margin-top: 80px;}
.mds_b_10{margin-bottom: 10px;}
.mds_b_20{margin-bottom: 20px;}
.mds_b_30{margin-bottom: 30px;}
.mds_b_40{margin-bottom: 40px;}
.mds_b_50{margin-bottom: 50px;}
.mds_b_60{margin-bottom: 60px;}
.mds_b_70{margin-bottom: 70px;}
.mds_b_80{margin-bottom: 80px;}

.margin-bottom5 { margin-bottom: 5px;}
.margin-bottom10 { margin-bottom: 10px;}
.margin-bottom15 { margin-bottom: 15px;}
.margin-bottom20 { margin-bottom: 20px;}
.margin-bottom25 { margin-bottom: 25px;}
.margin-bottom30 { margin-bottom: 30px;}
.margin-bottom35 { margin-bottom: 35px;}
.margin-bottom40 { margin-bottom: 40px;}
.margin-bottom45 { margin-bottom: 45px;}
.margin-bottom50 { margin-bottom: 50px;}
.margin-bottom60 { margin-bottom: 60px;}
.margin-bottom70 { margin-bottom: 70px;}
.margin-bottom80 { margin-bottom: 80px;}
.margin-bottom90 { margin-bottom: 90px;}
.margin-bottom100 { margin-bottom: 100px;}

.margin-top5 { margin-top: 5px;}
.margin-top10 { margin-top: 10px;}
.margin-top15 { margin-top: 15px;}
.margin-top20 { margin-top: 20px;}
.margin-top25 { margin-top: 25px;}
.margin-top30 { margin-top: 30px;}
.margin-top35 { margin-top: 35px;}
.margin-top40 { margin-top: 40px;}
.margin-top45 { margin-top: 45px;}
.margin-top50 { margin-top: 50px;}

.padding-bottom5 { padding-bottom: 5px;}
.padding-bottom10 { padding-bottom: 10px;}
.padding-bottom15 { padding-bottom: 15px;}
.padding-bottom20 { padding-bottom: 20px;}
.padding-bottom25 { padding-bottom: 25px;}
.padding-bottom30 { padding-bottom: 30px;}
.padding-bottom35 { padding-bottom: 35px;}
.padding-bottom40 { padding-bottom: 40px;}
.padding-bottom45 { padding-bottom: 45px;}
.padding-bottom50 { padding-bottom: 50px;}

.padding-top5 { padding-top: 5px;}
.padding-top10 { padding-top: 10px;}
.padding-top15 { padding-top: 15px;}
.padding-top20 { padding-top: 20px;}
.padding-top25 { padding-top: 25px;}
.padding-top30 { padding-top: 30px;}
.padding-top35 { padding-top: 35px;}
.padding-top40 { padding-top: 40px;}
.padding-top45 { padding-top: 45px;}
.padding-top50 { padding-top: 50px;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 画像 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

img{
    max-width: 100%;
    *width: auto;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
    vertical-align:bottom;
    display:inline-block; }
a img {
    border: none; }
.imgl {
    padding: 0px 20px 20px 40px;
    float: left; }
.imgr {
    padding: 0px 40px 20px 20px;
    float: right; }
table.func-box p.imgl {
    margin: 0;
    padding: 0 20px 20px 110px;
    float: left; }
table.func-box p.imgr {
    margin: 0;
    padding: 0 110px 20px 10px;
    float: right; }
.lp-red-heading {
    box-sizing: border-box;
    width: 84%;
    margin: 70px auto 42px;
    color: #d90000;
    font-size: 36px;
    line-height: 1.45;
    font-weight: 800;
    text-align: center;
    letter-spacing: 0.01em;
}
#in_box .img-shadow {
  position: relative;
  display: block;
  max-width: 80%;
  margin: 50px auto;
  overflow: hidden;
  line-height: 0;
}
#in_box .img-shadow .lp-content-image {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  height: auto;
  margin: 0 !important;
}
#in_box .img-shadow::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 10px rgba(120, 120, 120, 0.35);
  pointer-events: none;
}
#in_box .image-wide {
    max-width: 100%;
    margin: 45px auto;
}
#in_box .image-normal {
    max-width: 80%;
    margin: 45px auto;
}
.lp-image-stack {
    width: 82%;
    margin: 50px auto;
}
.lp-image-stack img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 24px;
}

.lp-course-box .lp-course-image {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 auto 22px;
}
.lp-course-box .lp-bullet-list {
    box-sizing: border-box;
    margin: 10px 40px 26px;
    padding-left: 1.5em;
    font-size: 18px;
    line-height: 1.8;
}
.lp-course-box .lp-bullet-list li {
    margin: 5px 0;
    list-style: none;
}
#tktn_box.lp-benefit-box {
    margin-top: 70px;
}
#tktn_box .lp-benefit-image {
    display: block;
    box-sizing: border-box;
    width: 82%;
    height: auto;
    margin: 28px auto 28px;
}
@media screen and (max-width: 768px) {
    .lp-red-heading {
        width: 88%;
        margin: 56px auto 34px;
        font-size: 28px;
    }
    #in_box .img-shadow,
    #in_box .lp-content-image,
    #in_box .image-wide,
    #in_box .image-normal{
        max-width: 88%;
        margin: 34px auto;
    }
    .lp-image-stack {
        width: 90%;
        margin: 34px auto;
    }
    .lp-image-stack img {
        margin-bottom: 18px;
    }
    .lp-course-box .lp-bullet-list {
        margin: 10px 8% 24px;
        font-size: 17px;
    }
    #tktn_box .lp-benefit-image {
        width: 90%;
    }
}
@media screen and (max-width: 600px) {
    .lp-red-heading {
        width: 92% !important;
        margin: 46px auto 28px;
        font-size: 23px;
        line-height: 1.5;
    }
    .lp-course-box .lp-course-image {
    margin-top: 22px;
    }
    .lp-course-box .lp-course-image:first-child {
    margin-top: 0;
    }
    #in_box .img-shadow,
    #in_box .lp-content-image,
    #in_box .image-wide,
    #in_box .image-normal{
        max-width: 92%;
        margin: 28px auto;
    }
    .lp-image-stack {
        width: 92%;
        margin: 28px auto;
    }
    .lp-image-stack img {
        margin-bottom: 14px;
    }
    .lp-course-box .lp-bullet-list {
        margin: 8px 3%;
        padding-left: 1.25em;
        font-size: 16px;
        line-height: 1.7;
    }
    #tktn_box .lp-benefit-image {
        width: 94%;
        margin: 18px auto 22px;
    }
}
.lp-course-box .c_in_box + .c_in_box {
    margin-top: 34px;
}
.lp-course-box .lp-bullet-list {
    list-style: none;
    padding-left: 0;
}
.lp-course-box .lp-bullet-list li {
    box-sizing: border-box;
    min-height: 53px;
    margin: 5px 0;
    padding: 12px 0 10px 66px;
    background: transparent url(img/main_check.png) left top no-repeat;
    background-size: 53px 53px;
}
@media screen and (max-width: 768px) {
    .lp-course-box .c_in_box + .c_in_box {
        margin-top: 28px;
    }
    .lp-course-box .lp-bullet-list li {
        min-height: 45px;
        padding: 9px 0 8px 55px;
        background-size: 45px 45px;
    }
}
@media screen and (max-width: 600px) {
    .lp-course-box .c_in_box + .c_in_box {
        margin-top: 24px;
    }
    .lp-course-box .lp-bullet-list li {
        min-height: 40px;
        padding: 7px 0 7px 48px;
        background-size: 40px 40px;
    }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 光るボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.button_wrap {
    padding: 1em 0 0;
    overflow: hidden;
    position: relative;}
.btn-cv{
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 2.5em;
    font-weight: 900;
    line-height: 1.2;
    margin: 10px auto 20px;
    padding: .4em 0 .3em;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 80%;}
.btn-cv img {
    vertical-align: middle;}
.btn-cv:after {
    content: ' ' !important;}

/* 緑ボタン */
.btn-cv.sb_green {
    background: -webkit-linear-gradient(#6FE918, #2A9204);
    background: linear-gradient(#6FE918, #2A9204);
    text-shadow: 2px 2px 0 #2A9204;
    border: 3px solid #2A9204;}
    
/* オレンジボタン */
.btn-cv.sb_green:hover {
    background: -webkit-linear-gradient(#FFAF38, #FF6000);
    background: linear-gradient(#FFAF38, #FF6000);
    text-shadow: 2px 2px 0 #FF6000;
    border: 3px solid #FF6000;}
    
/* ボタンの光沢 */
.is-reflection {
    overflow: hidden;}
.is-reflection ::after, .button_wrap::after {
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 3s ease-in-out infinite;
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;}
@keyframes is-reflection {
    0% {transform: scale(0) rotate(45deg);opacity: 0;}
    80% {transform: scale(0) rotate(45deg);opacity: 0.5;}
    81% {transform: scale(4) rotate(45deg);opacity: 1;}
    100% {transform: scale(50) rotate(45deg);opacity: 0;}}
@-webkit-keyframes is-reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.4; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }}
    
/* MediaQuery : スマホ対応 */
@media only screen and (max-width: 767px) {

/* コンバージョンボタン */
    .btn-cv {
    font-size: 1.3em;
    width: 80%;}}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイマー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.timer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #03326D;
}
.timer_in {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 15px 0;
    background-color: #03326D;
    color: #FFFF17;
    font-size: 34px;
    font-weight: bold;
}
.timer_in iframe {
    font-size: 12px;
}
#CDT, #CDT2, #CDT3, #CDT4 {
    font-size: 36px;
    color: #FFF;
    margin: 30px 0 50px;
    padding: 20px 0;
    font-weight: bold;
    background: url(img/red.png) repeat;
}
#CDT .number-wrapper, #CDT2 .number-wrapper, #CDT3 .number-wrapper, #CDT4 .number-wrapper {
    color: #FFF;
    margin: 10px;
    clear: both;
}
#CDT .line, #CDT2 .line, #CDT3 .line, #CDT4 .line {
    color: #FFF;
    float: left;
}
#CDT5 {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 34px;
    color: #FFFF00;
    font-weight: bold;
    background-color: #03326D;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 5px;
}
#CDT5 .number-wrapper {
    color: #FFFF00;
    margin: 10px;
    clear: both;
}
#CDT5 .line {
    color: #FFFF00;
    float: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1サイトキーワード設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#header {
    width: 100%;
    background: -moz-linear-gradient(top, #333333, #0B0B0B) ;
    background: -ms-linear-gradient(top, #333333, #0B0B0B) ;
    background: -o-linear-gradient(top, #333333, #0B0B0B) ;
    background: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#0B0B0B));
}
#header_in { 
    width: 1080px;
    height: 40px; 
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
h1 {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 40px;
    float:left;
}
@media screen and (max-width: 1344px){
#header_in { 
    width: 96%;
    margin: 0 2%;
}}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#banner{
    width: 100%;
    height: 1250px;
    margin: 0 auto;
    padding: 0;
    background: url(img/banner_top.png),url(img/banner_back.png);
    background-position: center, center top;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, 100% 100%;
}
@media screen and (max-width: 1350px){
#banner{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: url(img/banner_top.png),url(img/banner_back.png);
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
    background-size: contain;
    overflow: hidden;
}
#banner img{
    width: 100%;
    height: auto;
    margin: 0;
}}
#banner_smh{
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインエリア設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper{
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#in_box{
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0 0;
    box-shadow: 0 0 10px #CCCCCC;
    background: #FFFFFF;
}
#wrapper #in_box p{
    margin: 20px 100px;
}
#wrapper #in_box .img_size{
    max-width: 80%;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 動画 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.movie_cm{
    margin: 70px 5%;
    padding: 0;
    background: #000;
    aspect-ratio: 16 / 9;
    border: 5px solid #CCC;
}
.movie_cm iframe{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 自己紹介 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper #in_box p.prof_p{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px #009BE3 solid;
    margin: 0px 45px 0px; 
}
.prof_box{
    border:3px solid #EDEDED;
    margin: 20px 10%;
    padding: 30px 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 理由ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.reason_top{
    height: 30px;
    margin: 0;
    padding: 0;
    background: url(img/reason_top.png) top center no-repeat;
}
.reason_center{
    height: auto;
    margin: 0;
    padding: 0 50px;
    overflow: hidden;
    background: url(img/reason_center.png) top center repeat-y;
}
.reason_bottom{
    height: 30px;
    margin: 0;
    padding: 0 auto;
    background: url(img/reason_bottom.png) bottom center no-repeat;
}
.reason, .reason img{
    margin: 0 auto;
    padding: 0;
}
.reason_right{
    float: right;
    margin-right: 9%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* クロージングＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#closing_box{
    width: 100%;
    height: auto;
    padding: 0 0 20px;
    overflow: hidden;
    background: url(img/main_back.png) repeat;
}
#closing_box h3{
    width: 70%;
    margin: 10px 9% 3px;
    padding: 14px 2% 14px 10%;
    font-size: 18px;
    line-height: 140%;
    overflow: hidden;
    background: #FFFFFF url(img/main_check.png) 30px 0 no-repeat;
}
#closing_box .c_in_box{
    width: 82%;
    height: auto;
    margin: 5% 9%;
    padding: 0 0 20px;
    overflow: hidden;
    background: #FFFFFF;
}
#wrapper #in_box #closing_box p{
    margin: 10px 35px;
    padding: 0;
}
#wrapper #in_box #closing_box p.sub{
    font-size: 14px;
    text-align: right;
    margin: 0 9%;
    padding: 0 0 10px;
    line-height: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#tktn_box{
    width: 100%;
    height: auto;
    padding: 0 0 69px;
    overflow: hidden;
    background: url(img/main_back.png) repeat;
}
#tktn_box h3{
    width: 70%;
    margin: 10px 9% 3px;
    padding: 14px 2% 14px 10%;
    font-size: 18px;
    line-height: 140%;
    overflow: hidden;
    background: #FFFFFF url(img/tktn_check.png) 30px center no-repeat;
}
#tktn_box .c_in_box{
    width: 82%;
    height: auto;
    margin: 0 9%;
    padding: 10px 0;
    overflow: hidden;
    background: #FFFFFF;
}
#tktn_box .c_in_box_bottom{
    width: 100%;
    height: 9px;
    overflow: hidden;
    background: url(img/main_bottom.png) repeat;
}
#wrapper #in_box #tktn_box p{
    margin: 10px 35px;
    padding: 0;
}
#tktn_box .img_tktn{
    width: 82%;
    margin: 0 9% 10px;
    padding-top: 10px;
}
.box-design {
    position: relative;
    width: 90%;
    margin: 40px 4%;
    padding: 2% 1%;
    background-color: #fcf7f7;
    color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 追伸ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#ps_box{
    width: 100%;
    height: auto;
    padding: 120px 0 30px;
    overflow: hidden;
    background: url(img/ps_top.png) top no-repeat;
}
#ps_box .c_in_box{
    width: 94%;
    height: auto;
    margin: 0 3%;
    padding: 0;
    overflow: hidden;
    background: url(img/ps_center.png) top center repeat-y;
    box-sizing: border-box;
}
#wrapper #ps_box p{
    margin: 20px 13%;
    padding: 0;
}
#ps_box .ps_bottom{
    width: 100%;
    height: 140px;
    overflow: hidden;
    background: url(img/ps_bottom.png) bottom no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済ボタン設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.cre_btn a{
    width: 600px;
    height: 80px;
    margin: 10px auto;
    overflow: hidden;
    display: block;
    background: url(img/cre_btn.png) center no-repeat;
    text-decoration: none;
}
.cre_btn a:hover{
    background: url(img/cre_btn_a.png) center no-repeat;
    text-decoration: none;
}
.gn_btn a{
    width: 600px;
    height: 80px;
    margin: 10px auto;
    overflow: hidden;
    display: block;
    background: url(img/gn_btn.png) center no-repeat;
    text-decoration: none;
}
.gn_btn a:hover{
    background: url(img/gn_btn_a.png) center no-repeat;
    text-decoration: none;
}
.etc_btn a{
    width: 600px;
    height: 80px;
    margin: 10px auto;
    overflow: hidden;
    display: block;
    background: url(img/etc_btn.png) center no-repeat;
    text-decoration: none;
}
.etc_btn a:hover{
    background: url(img/etc_btn_a.png) center no-repeat;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ＱandＡＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#qanda_box{
    width: 100%;
    height: auto;
    padding: 1px 0 30px;
    overflow: hidden;
    background: #FFFFFF;
}
#qanda_box .Q{
    font-size: 16px;
    font-weight: bold;
    min-height: 45px;
    line-height: 1.4em;
    padding: 15px 10px 15px 85px;
    margin: 0 auto -20px;
    background-image:
        url(img/q.png) ,
         url(img/qanda_back.png);
     background-repeat:
        no-repeat,
        repeat;
    background-position:
        8px center,
        center;
}
#qanda_box .A{
    min-height: 60px;
    padding: 10px 10px 10px 85px;
    margin: -10px auto 0;
    background: #FFFFFF url(img/a.png) 8px 8px no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3{
    font-size: 20px;
    text-align: left;
    padding: 0 100px;
}
h4{
    font-size: 18px;
    text-align: left;
    margin: 40px 5% 10px;
    padding-left: 25px;
    border-bottom: 2px solid #CCCCCC;
    background: url(img/image/circle_brown.png) no-repeat left;
    clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* チェックボックス・ul li */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul {
    margin:20px 10%;
    padding:15px 0 10px;
    list-style: none;
}
ul li {
    font-size: 17px;
    margin: 0;
    padding: 10px 0;
    font-weight: bold;
    text-align: left;
    line-heiht: 180%;
    list-style: disc;
    list-style-position:inside;
}
.reason_center ul li {
    padding: 10px 0 0 20px;
}
.reason_center ul.u-list{
    padding: 0 2%;
    margin: 0 7% 10px;
}
ul#bullet {
    margin:20px 100px;
    padding:15px 0 10px;
    list-style: none;
}
ul#bullet li {
    font-size: 17px;
    color: #0066FF;
    margin: 0;
    padding: 0 0 5px;
    font-weight: bold;
    text-align: left;
    line-heiht: 180%;
    list-style: disc inside;
}
ul.checkbox {
    margin: 0;
    padding: 30px 100px;
}
ul.checkbox li {
    list-style: none;
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    font-weight: bold;
    margin: 0 50px 5px 0;
    padding: 7px 0 3px 30px;
    background: url(img/checkbox1.gif) no-repeat left center;
    border-bottom: 1px dotted rgb(204, 204, 204);
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
ul.checkbox1 {
    margin: 0;
    padding: 30px 100px 10px;
}
ul.checkbox1 li {
    list-style: none;
    font-size: 17px;
    line-height: 150%;
    text-align: left;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 30px 3px;
    background: url(img/checkbox1.gif) no-repeat left 3px;
}
ul.checkbox2 {
    margin: 0;
    padding: 30px 100px;
}
ul.checkbox2 li {
    list-style: none;
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    font-weight: bold;
    margin: 0 50px 0 0;
    padding: 7px 0 3px 30px;
    background: url(img/checkbox1.gif) no-repeat left center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済注意 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pay_dis {
    margin: 50px 100px 20px;
    padding: 20px 20px 13px 40px;
    background: #F8F4E6;
    border: 1px dotted #CCC;
}
.pay_dis ul {
    margin: 0;
    padding: 0;
}
.pay_dis li {
    font-size: 14px;
    margin: 0;
    padding: 0 0 7px;
    text-align: left;
    font-weight: normal;
    list-style-position: outside;
}
.attention {
    margin: 40px 100px 0;
    padding: 20px 20px 13px;
    background: #F2F2F7;
}
#wrapper #in_box .attention p {
    font-size: 14px;
    margin: 0;
    text-align: left;
    padding: 0 0 15px;
}
.attention ul {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
}
.attention li {
    font-size: 14px;
    margin: 0;
    padding: 0 0 7px;
    text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイト更新日 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.newday {
  font-size: 14px;
  color: #000000;
  line-height: 100%;
  text-align: center;
  margin: 60px auto 0;
  padding: 0 0  30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#fotter{
    width: 100%;
    background-color: #333333;
    border-top: 2px solid #5A5A56;
}
#fotter_content{
    width: 950px;
    font-size: 12px;
    color: #ffffff;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #333333;
}
#fotter_content ul{
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 200px;
}
#fotter_content ul::after{
    content: "";
    display: block;
    clear: both;
}
#fotter_content li a{
    font-size: 12px !important;
}
#fotter_content li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 3px 0px 0px 17px;
}
#fotter_content li.first {
    width: 35%;
    text-align: right;
    padding: 3px 20px 0px 17px;
}
#fotter_content li.second {
    width: 35%;
    text-align: left;
    padding: 3px 20px 0px 17px;
}
#fotter_content p {
    width: 950px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    margin: 0;
    padding-top: 20px;
    clear: both;
}
#fotter_content a { 
    color: #ffffff;
    text-decoration: none;
}
#fotter_content a:hover {
    color: #FFA500;
    text-decoration: underline;
}

.u-center{ text-align:center !important; }
.u-right{ text-align:right !important; }
.u-lg{ font-size:1.15em !important; }

/*.u-xl{ font-size:1.35em !important; }*/
.u-xxl{ font-size:1.7em !important; }
.u-red{ color:#c00 !important; }
.u-hl{ background: #ff0 !important; }

/* bonus font fix */
.u-bonus{font-size:1em!important;}
.u-bonus strong{font-size:1.15em!important;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特別特典ボックス2 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 限定特典トップ */
.tokuten-main-title {
  display: block;
  width: 100%;
  height: auto;
  margin: 70px auto 0;
}
/* 商品画像 */
.tokuten-image-box {
  position: relative;
  margin: 10px auto 20px !important;
  padding: 5px;
  background: linear-gradient(
    135deg,
    #071a35 0%,
    #1267b8 25%,
    #48d7ff 50%,
    #1267b8 75%,
    #071a35 100%
  );
  box-shadow: 0 7px 22px rgba(72, 48, 0, 0.18);
}
.tokuten-image-box::before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: -1;
  content: "";
  background: rgba(0, 0, 0, 0.12);
  filter: blur(10px);
}

/* スマートフォン */
@media screen and (max-width: 767px) {
  .tokuten-main-title {
    margin: 40px auto 0;
  }
  .tokuten-image-box {
    margin: 20px auto;
    padding: 3px;
  }
}



/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.co.jp/
--------------------------------------------------------*/