@charset "UTF-8";
/* CSS Document */

/* リセット
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-size:14px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* ベースフォント
---------------------------------------------------------- */
body{
    font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
    color:#333;
    line-height:1.4em;
    text-align:left;
    -webkit-text-size-adjust: 100%;
}

body.affiliate {
    line-height: 1.6em;
}

body.cashback {
    line-height: 1.6em;
}

input, textarea {
    font-family : inherit;
    font-size : 100%;
}

@media (max-width: 480px) {
    body{font-size: 12px;}
}

/* 汎用セレクタ
---------------------------------------------------------- */

/*clear*/
.cl {display: block; min-height: 1%;}
.cl:after {	clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl {height: 1%;	/*\*//*/height: auto;overflow: hidden;/**/}
.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}


/*font*/
.fwB{font-weight:bold !important;}
.fs10{font-size:10px !important;line-height:1.5em;}
.fs11{font-size:11px !important;line-height:1.5em;}
.fs12{font-size:12px !important;line-height:1.5em;}
.fs14{font-size:14px !important;line-height:1.5em;}
.fs15{font-size:15px !important;line-height:1.5em;}
.fs16{font-size:16px !important;line-height:1.5em;}
.fs18{font-size:18px !important;line-height:1.5em;}
.fs20{font-size:20px !important;line-height:1.5em;}
.fs26{font-size:26px !important;line-height:1.5em;}
.fs30{font-size:30px !important;line-height:1.5em;}
.fsS{font-size:80% !important;line-height:1.5em;}
.fsL{font-size:120% !important;line-height:1.5em;}

.fs10rem{font-size:1.0rem !important;line-height:1.5em;}
.fs11rem{font-size:1.1rem !important;line-height:1.5em;}
.fs12rem{font-size:1.2rem !important;line-height:1.5em;}
.fs14rem{font-size:1.4rem !important;line-height:1.5em;}
.fs16rem{font-size:1.6rem !important;line-height:1.5em;}
.fs18rem{font-size:1.8rem !important;line-height:1.5em;}
.fs20rem{font-size:2.0rem !important;line-height:1.5em;}

.fs10em{font-size:1.0em !important;line-height:1.5em;}
.fs11em{font-size:1.1em !important;line-height:1.5em;}
.fs12em{font-size:1.2em !important;line-height:1.5em;}
.fs13em{font-size:1.3em !important;line-height:1.5em;}
.fs14em{font-size:1.4em !important;line-height:1.5em;}
.fs16em{font-size:1.6em !important;line-height:1.5em;}
.fs18em{font-size:1.8em !important;line-height:1.5em;}
.fs20em{font-size:2.0em !important;line-height:1.5em;}


@media (max-width: 480px) {
    .fsS{font-size:11px !important;}
}
@media (max-width: 380px) {
    .fsS{font-size:10px !important;}
}
/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

.flL{float:left !important;}
.flR{float:right !important;}

body{
    background:#FFFFFF;
}

img{max-width: 100%;}


a:link{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:visited{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:hover{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

a:active{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

/*=================================
  全体のボックス
=================================*/

#wrapper{
    margin:0 auto;
    padding: 0;
    text-align:left;
}
#wrapper.noHeader{
    margin:0 auto;
    padding: 0;
    text-align:left;
}

.cashback #wrapper {
    padding: 0;
}

.rounded{border-radius:10px;}
.roundedUp{border-radius: 10px 10px 0 0;}
.roundedDown{border-radius: 0 0 10px 10px;}
.roundedUp7{border-radius: 7px 7px 0 0;}
.roundedDow7{border-radius: 0 0 7px 7px;}
.roundedLeftDown0{border-radius: 15px 15px 0 15px;}
.roundedRightDown0{border-radius: 15px 15px 15px 0;}
.roundedS{border-radius:5px;}
.roundedL{border-radius:30px;}
.wrapper{
    margin:0 auto;
    padding:42px 0 0 0;
    min-width: 320px;
    max-width: 640px;
    text-align:left;
}
@media (max-width: 480px) {
    .wrapper{padding:42px 0 0 0;}
}

.container{max-width: 900px;min-width: 320px;margin:auto;}


/*=================================
  ヘッダー
=================================*/
#header{
    text-align:center;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    background-color: #3DA9EE;
    background-position: bottom;
    background-size:100%;
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    color:#FFFFFF;
}
.headerTitle{font-size:20px;margin:10px 5px;}
.headerTitle.threadTtl {padding: 0 30px; font-size: 18px;}

@media (max-width: 480px) {
    .headerTitle {
        font-size: 15px;
    }
    .headerTitle.threadTtl {
        font-size: 15px;
    }
}

/*=================================
  パンクズ
=================================*/
#breadcrumb{padding:5px;margin:0 auto 0;}
#breadcrumb ul li{float:left;padding:3px;font-size:12px;}
#breadcrumb ul li a,#breadcrumb ul li span{word-break: break-all;}


/*=================================
  フッター
=================================*/

#footer{
    clear:both;
    margin:0 2%;
    padding: 0;
    width:96%;
}

.footer_menu{
    margin:30px 0px;
    padding:0;
    text-align:left;
    background: #FFFFFF;
    border: 2px solid #3A3AB1;
    border-radius:5px;
}


.p5{padding:0.5%;}
.p10{padding:1%;}
.p15{padding:1.5%;}
.p20{padding:2%;}
.p30{padding:3%;}
.p40{padding:4%;}
.p2010{padding:2% 1%;}
.p1020{padding:1% 2%;}
.p10-0{padding:1% 0%;}
.p5px {padding: 5px;}
.p6px {padding: 6px;}
.p7px {padding: 7px;}
.pl0 {padding-left: 0 !important;}
.pl10 {padding-left: 1%;}
.pl20 {padding-left: 2%;}
.pl30 {padding-left: 3%;}
.pr10 {padding-right: 1%;}
.pr20 {padding-right: 2%;}
.pr30 {padding-right: 3%;}
.p10px {padding:10px;}
.p20px {padding:20px;}
.p1020px {padding: 10px 20px;}
.p1510px {padding: 15px 10px;}

.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt4{padding-top:4%;}
.pb10{padding-bottom:1%;}
.pb20{padding-bottom:2%;}
.pb30{padding-bottom:3%;}
.pb40{padding-bottom:4%;}

.pb10px{padding-bottom:10px;}
.pb20px{padding-bottom:20px;}
.pb30px{padding-bottom:30px;}

.mb-10{margin-bottom:-2% !important;}
.mt-10{margin-top:-2% !important;z-index:3;position: relative;}
.mt-20{margin-top:-4% !important;}
.mt-30{margin-top:-6% !important;}
.mt-40{margin-top:-8% !important;}
.mt-15{margin-top:-3% !important;}
.mt5{margin-top:1% !important;}
.mt10{margin-top:2% !important;}
.mt20{margin-top:4% !important;}
.mt30{margin-top:6% !important;}
.mt50{margin-top:10% !important;}
.mt70{margin-top:14% !important;}
.mb0{margin-bottom:0% !important;}
.mt0{margin-top:0% !important;}
.mb5{margin-bottom:1% !important;}
.mb10{margin-bottom:2% !important;}
.mb20{margin-bottom:4% !important;}
.mb30{margin-bottom:6% !important;}
.mb40{margin-bottom:8% !important;}
.mb50{margin-bottom:10% !important;}
.mlr10{margin-left:2% !important;margin-right:2% !important;}
.mr10{margin-right:2% !important;}
.mr20{margin-right:4% !important;}
.mr5{margin-right:1% !important;}
.mlr5{margin-left:1% !important;margin-right:1% !important;}
.mlr20{margin-left:4% !important;margin-right:4% !important;}
.ml0{margin-left: 0% !important;}
.ml20{margin-left: 4% !important;}
.ml40{margin-left: 6% !important;}

.mb1px{margin-bottom:1px !important;}
.mb10px{margin-bottom:10px !important;}
.mb20px{margin-bottom:20px !important;}


.text-white{color:#FFFFFF !important;}
.text-pink{color:#FD92B9 !important;}
.text-pink2{color:#FC3EB3 !important;}
.text-pink3{color:#f8618a !important;}
.text-pink4{color:#ff2979 !important;}
.text-pink5{color:#FF6766 !important;}
.text-blue{color:#3DA9EE !important;}
.text-blue2{color:#32ACE0 !important;}
.text-blue3{color:#32ACE0 !important;}
.text-red{color:#F57D7F !important;}
.text-green{color:#1CB1D3 !important;}
.text-green2{color:#bcff7e !important;}
.text-orange{color:#F2835F !important;}
.text-grey{color:#999999 !important;}
.text-gre2{color:#535353 !important;}
.text-grey3{color:#999999 !important;}
.text-black{color: #000 !important;}
.text-default{color: #333 !important;}
.text-yellow{color:#FFFF00 !important;}
.text-purple{color:#2C3093 !important;}
.underline{text-decoration:underline !important;}

.bgBlue{background: #3DA9EE;color:#FFFFFF;}
.bgPink{background: #FEB4CF;color:#FFFFFF;}
.bgGreen{background: #1CB1D3;}
.bgGreen2{background: #a0d706;}
.bgRed{background: #F57D7F;}
.bgOrange{background: #f99e4d;}
.bgOrange2{background: #ffcea6;}

.bgLightBlue{background:#BFE1FB;}
.bgLightBlue2{background:#eff6ff;}
.bgBlue{background:#64b5f7;}
.bgBlue2{background:#1a76d2;}
.bgBlue3{background:#3fadea;}
.bgBlue4{background: #98d0e7;color:#333;}
.bgBlue5{background: #2CB4FF;}
.bgBlue6{background: #96C3FA;}
.bgGrey{background:#F2F2F2;}
.bgGrey2{background:#595959;}
.bgGrey3{background:#F0F0F0;}
.bgGrey4{background:#616161;}
.bgGrey5{background:#e2e2e2;}
.bgWhite{background:#FFFFFF;}
.bgPink2{background: #FEF3F3;}
.bgPink3{background: #FE4A6D;}
.bgPink4{background: #FFB0D3;}
.bgYellow{background: #FFFFDD;}

.bgSecurity{background:#efefef;}


.bg1{background:url(../img/bg/bg1.png);}
.bg2{background:url(../img/bg/bg2.png);}
.bg3{background:url(../img/bg/bg3.png);}
.bg4{background:url("../img/bg/bg4.png");}
.bg5{background:url("../img/bg/bg5.png");}
.bg6{background:url("../img/bg/bg6.png");}
.bg7{background:url("../img/bg/bg7.png");}
.bg8{background:url("../img/bg/bg8.png");}

.bgRedStripe{background:url(../img/bg/bg_red_stripe.png);}
.bgRedStripe2{background:url(../img/bg/bg_red_stripe2.png);}
.bgGreenStripe2{background:url(../img/bg/bg_green_stripe2.png);}


.borderBlue{border:2px solid #3DA9EE;}
.borderBlue2{border:2px solid #3fadea;}
.borderBlue3{border:1px solid #3DA9EE;}
.borderRed{border:2px solid #F57D7F;}
.borderGreen{border:2px solid #1CB1D3;}
.borderPink{border:2px solid #FEB4CF;}
.borderPink2{border:2px solid #FC3EB3;}
.borderPink3{border:2px solid #ff6766;}
.borderGrey{border:2px solid #CCCCCC;}
.borderGreyDashed{border:2px dashed #CCCCCC;}
.borderGrey2{border:2px solid #D8D8D8;}
.borderGrey3{border:1px solid #D8D8D8;}
.borderOrange{border:1px solid #ffcea6;}
.borderOrange2{border:2px solid #ffcea6;}


.bbWhite{border-bottom:2px solid #FFFFFF;}
.bbPink{border-bottom:2px solid #FEB4CF;}
.bbBlue{border-bottom:2px solid #3DA9EE;}
.bbGrey{border-bottom:2px solid #e6e6e6;}
.bbGrey2{border-bottom:1px solid #cecece;}
.bbGrey3{border-bottom:1px solid #999999;}
.bbGrey4{border-bottom:1px solid #D8D8D8;}
.bbGrey5{border-bottom:2px dashed #D8D8D8;}



.mail_icon img {
    width: 75px;
    height: 75px;
}

@media (max-width: 768px) {
    .mail_icon img {
        width: 50px;
        height: 50px;
    }
}

.but_blue {
    background: #3DA9EE;
    color: #FFFFFF !important;
    border-radius: 5px !important;
}

footer {
    background-color: #3DA9EE;
    color: #FFFFFF;
}

footer small {
    font-size: 12px;
    text-align: center;
    display: block;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    overflow: unset;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    height: 140px;
    transition: .5s;
}

header .logoArea {
    background: #43aaec;
    text-align: center;
    height: 100px;
    box-sizing: border-box;
    padding: 10px;
}

header .logoArea img {
    height: 100%;
}

body {
    padding-top: 140px;
    margin-bottom: 80px !important;
}

@media (max-width: 768px) {
    body {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 550px) {
    body {
        padding-top: 120px;
    }
}

@media (max-width: 480px) {
    body {
        padding-top: 100px;
        /*margin-bottom: 50px !important;*/
    }
}

header.hide {
    top: -100px;
}

@media (max-width: 550px) {
    header.hide {
        top: -80px;
    }
}

@media (max-width: 480px) {
    header.hide {
        top: -60px;
    }
}

.hNavi {
    width: 100%;
    overflow: hidden;
    background: #fff;
    text-align: center;
    border-bottom: 2px solid #ccc;
}

.hNavi p {
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
}


@media (max-width: 550px) {
    header {
        height: 80px;
    }
    header .logoArea {
        height: 80px;
    }
    .lowerPage header {
        height: 120px;
    }
    .lowerPage .logoArea {
        height: 80px;
    }
}

@media (max-width: 480px) {
    header {
        height: 60px;
    }
    header .logoArea {
        height: 60px;
    }
    .lowerPage header {
        height: 100px;
    }
    .lowerPage .logoArea {
        height: 60px;
    }
}

.h2_ttl {
    position: relative;
    text-align: center;
    padding: 15px 0;
}

@media(max-width: 768px) {
    .h2_ttl {
        font-size: 1.3rem;
    }
}

.h2_ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

.h2_ttl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }

.under {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
}

table.status {
    width: 100%;
    margin: 0px 0px 0px;
    border-collapse: collapse;
}

table.status th {
    width: 25%;
    background-color: #a4e7ef;
    padding: 11px 7px 11px;
    vertical-align: middle;
    border: 1px solid #8cd2db;
}

table.status th {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #222;
    text-align: center;
}

table.status td {
    width: 25%;
    background-color: #fff;
    padding: 11px 7px 11px;
    vertical-align: middle;
    border: 1px solid #8cd2db;
}

table.status td {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #333;
    text-align: center;
}

table.status2 {
    width: 100%;
    margin: 0px 0px 5px;
    border-collapse: separate;
    border-spacing: 1px 1px;
}

table.status2 {
    line-height: 1.5;
    vertical-align: middle;
    text-align: center;
}

table.status2 th {
    width: 20%;
    background-color: #4bc2d1;
    padding: 11px 6px 11px;
    font-size: 10px;
    color: #222;
    font-weight: normal;
    letter-spacing: -1px;
    color: #36342e;
}

table.status2 td {
    width: 20%;
    background-color: #a4e7ef;
    padding: 11px 6px 11px;
    font-size: 10px;
    color: #222;
    font-weight: normal;
}

table.data {
    width: 100%;
    margin: 0px 0px 0px;
    border-collapse: collapse;
}

table.data th {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #222;
    text-align: center;
}

table.data th {
    width: 70px;
    background-color: #a4e7ef;
    padding: 12px 7px 12px;
    vertical-align: middle;
    border: 1px solid #8cd2db;
}

table.data td {
    background-color: #fff;
    padding: 12px 10px 12px;
    vertical-align: middle;
    border: 1px solid #8cd2db;
}

table.data td {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #333;
    text-align: left;
}

.exp_ttl {
    position: relative;
    padding: .5em .75em;
    background-color: #fff;
    border: 1px solid #8cd2db;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
}

.exp_ttl::before,
.exp_ttl::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
.exp_ttl::before {
  border-top: 15px solid #8cd2db;
}
.exp_ttl::after {
  margin-top: -2px;
  border-top: 15px solid #fff;
}

.exp_img {
    width: 120px;
    height: 120px;
    margin-right: 4px;
}

.exp_img img {
    width: 120px;
    height: 120px;
    display: block;
}

table.interview_list_data {
    margin: 0px 0px 0px;
    border-collapse: separate;
    border-spacing: 0px 1px;
}

table.interview_list_data th {
    width: 47px;
    background-color: #a4e7ef;
    padding: 7px 3px 7px;
    font-size: 10px;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.5;
    color: #222;
    text-align: center;
    vertical-align: middle;
}

table.interview_list_data td {
    background-color: #fff;
    padding: 7px 5px 7px;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #333;
    text-align: left;
    vertical-align: middle;
}

.faq_q {
    border-bottom: 2px dashed #a4e7ef;
    margin: 5px 0px 8px;
    padding: 12px 0px 10px;
    position: relative;
}

.faq_q {
    font-size: 14px;
    color: #4bc2d1;
    letter-spacing: 0px;
    line-height: 1.3;
    text-align: left;
}

.faq_a {
    margin: 0px 0px 0px;
    padding: 12px 0px 10px;
    position: relative;
}

.faq_a {
    font-size: 13px;
    color: #222;
    letter-spacing: 0px;
    line-height: 1.5;
    text-align: left;
}

.grey_label {
    border-radius: 5px;
    background: #e0e0e0;
    padding: 5px;
    color: #222;
}

.border_ttl {
    padding: .5em .75em;
    background-color: #fff;
    border: 2px solid #8cd2db;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.entryfix {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 40;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .entryfix {
        height: 60px;
    }
}

.registBtn {
    background: #3DA9EE;
    display: inline-block;
    color: #FFFFFF !important;
    padding: 5px;
    border-bottom: 5px solid #016396;
    font-size: 20px;
    border-radius: 3px;
    position: relative;
    text-align: center;
}

.registBtn.cast {
    background: #F57D7F;
    border-bottom: 5px solid #B10E12;
}

.registBtn img {
    max-height: 40px;
}

@media (max-width: 768px) {
    .registBtn img {
        max-height: 30px;
    }
}

.pt10 {
    padding-top: 1%;
}

@media (max-width: 410px) {
    .entryfix .pt10 {
        padding-top: 7px;
    }
}

.lineHeightWide-small { line-height: 1.8em !important; }
.lineHeightWide-medium { line-height: 2.0em !important; }
.lineHeightWide-large { line-height: 2.2em !important; }