@charset "UTF-8";
/* !wrapper
---------------------------------------------------------- */
html {
overflow-x: hidden;
}
#wrapper  {
min-width:1024px;
overflow: hidden;
padding-top: 0px;
}
.inner {
max-width: 1140px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
@media screen and (max-width: 959px)  {
#wrapper  {
min-width:320px;
}
.inner {
padding: 0 18px;
}
}
/* !header
---------------------------------------------------------- */
#header  {
position: relative;
left: 0;
top: 0;
z-index: 9998;
width: 100%;
background: #fff;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
min-width: 1024px;
}
#header a {
text-decoration: none;
}
#header a:hover {
text-decoration: none;
opacity: .75;
}
#headerIn  {
}
.fixBtn a {
position: absolute;
right: 0;
top: 0;
z-index: 99;
background: url(../img/icon_trip@2x.png)no-repeat top 24px center #FDF12B;
background-size: 40px auto;
color: #014780;
font-weight: bold;
font-size: 16px;
line-height:  1.4375;
text-align: center;
box-sizing: border-box;
padding-top: 64px;
width: 176px;
height: 100%;
transition: opacity 0.5s !important;
-moz-transition: opacity 0.5s !important;
-webkit-transition: opacity 0.5s !important;
}
.headerTop {
border-bottom: 1px solid #D5D5D5;
padding-right: 40px;
}
.headerTop dl {
float: right;
position: relative;
}
.headerTop dl a {
font-size: 13px;
display: block;
min-width:112px;
padding: 6px 20px 7px;
padding-left: 40px;
box-sizing: border-box;
color: #fff;
background: url(../img/icon_langue@2x.png)no-repeat left 18px center #084C83;
background-size: 18px auto;
}
.headerTop dl a:hover {
opacity: 1!important;
}
.headerTop dd a:hover {
background: #5A8CB5
}
.headerTop dl dd {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.headerTop dl dd a {
background:  #084C83;
padding-left: 0;
text-align: center;
}
.headerTop dl:hover  dd {
display: block;
}
.headerTop ul {
float: right;
}
.headerTop ul li {
float: left;
margin-right: 20px;
}
.headerTop ul li a {
display: block;
margin: 7px 0;
color: #666666;
font-size: 12px;
}
#headerLogo  {
float: left;
margin: 21px 30px;
margin-right: 10px;
}
#gNavi  {
float: right;
margin-right: 0;
margin-top: 40px;
}
#gNavi li  {
float: left;
margin-right: 40px;
}
#gNavi li a  {
display: block;
font-size: 15px;
font-weight: 700;
position: relative;
transition: auto!important;
-webkit-transition: auto!important;
}
#gNavi li a:hover,
#topics #gNavi li:nth-child(1) a,
.category #gNavi li:nth-child(1) a,
.date #gNavi li:nth-child(1) a,
.single-post #gNavi li:nth-child(1) a,
.search #gNavi li:nth-child(1) a,
#about #gNavi li:nth-child(2) a,
#business #gNavi li:nth-child(3) a,
#coupon_business #gNavi li:nth-child(3) a,
#payment_business #gNavi li:nth-child(3) a,
#travel_business #gNavi li:nth-child(3) a,
#it_business #gNavi li:nth-child(3) a,
#company #gNavi li:nth-child(4) a,
/* #joining #gNavi li:nth-child(5) a, */
#contact #gNavi li:nth-child(5) a,
#confirm #gNavi li:nth-child(5) a,
#thanks #gNavi li:nth-child(5) a {
opacity: 1;
color: #084c83
}
#gNavi li a:after  {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background:currentColor;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
}
#gNavi li a:hover::after  {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
#topics #gNavi li:nth-child(1) a:after,
.category #gNavi li:nth-child(1) a:after,
.date #gNavi li:nth-child(1) a:after,
.single-post #gNavi li:nth-child(1) a:after,
.search #gNavi li:nth-child(1) a:after,
#about #gNavi li:nth-child(2) a:after,
#business #gNavi li:nth-child(3) a:after,
#coupon_business #gNavi li:nth-child(3) a:after,
#payment_business #gNavi li:nth-child(3) a:after,
#travel_business #gNavi li:nth-child(3) a:after,
#it_business #gNavi li:nth-child(3) a:after,
#company #gNavi li:nth-child(4) a:after,
/* #joining #gNavi li:nth-child(5) a:after, */
#contact #gNavi li:nth-child(5) a:after,
#confirm #gNavi li:nth-child(5) a:after,
#thanks #gNavi li:nth-child(5) a:after  {
content: none;
}
#topics #gNavi li:nth-child(1) a:before,
.category #gNavi li:nth-child(1) a:before,
.date #gNavi li:nth-child(1) a:before,
.single-post #gNavi li:nth-child(1) a:before,
.search #gNavi li:nth-child(1) a:before,
#about #gNavi li:nth-child(2) a:before,
#business #gNavi li:nth-child(3) a:before,
#coupon_business #gNavi li:nth-child(3) a:before,
#payment_business #gNavi li:nth-child(3) a:before,
#travel_business #gNavi li:nth-child(3) a:before,
#it_business #gNavi li:nth-child(3) a:before,
#company #gNavi li:nth-child(4) a:before,
/* #joining #gNavi li:nth-child(5) a:before, */
#contact #gNavi li:nth-child(5) a:before,
#confirm #gNavi li:nth-child(5) a:before,
#thanks #gNavi li:nth-child(5) a:before {
content: '';
position: absolute;
bottom: -36px;
left: 50%;
margin-left: -1px;
width: 2px;
height: 31px;
background:currentColor;
z-index: 2;
}
@media screen and (max-width: 1390px)  {
#headerLogo  {
margin-left: 20px;
}
#gNavi li  {
margin-right: 20px;
}
.headerTop {
padding-right: 40px;
}
#gNavi {
margin-right: 130px;
}
.fixBtn a {
width: 130px;
font-size: 14px
}
}
@media screen and (max-width: 1130px)  {
#headerLogo img {
height: 38px;
}
#headerLogo  {
margin-top:35px;
margin-bottom: 30px;
}
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px)  {
header{
padding-top: 55px;
}
#headerLogo {
margin: 10px 18px 0;
}
#headerLogo img {
}
.fixBtn a {
position: fixed;
right: 10px;
top: auto;
bottom: 10px;
z-index: 99;
background: url(../img/icon_trip@2x.png)no-repeat top 15px center #FDF12B;
background-size: 20px auto;
color: #014780;
font-weight: bold;
font-size: 11px;
line-height:  1.2;
text-align: center;
box-sizing: border-box;
border-radius: 50%;
padding-top: 34px;
width: 75px;
height: 75px;
}
#header  {
position: fixed;
left: 0;
top: 0;
/* z-index: 998;
*/
width: 100%;
background: #fff;
height: 55px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
min-width: auto;
}
#gNavi  {
display: none;
background:#fff;
width: 100%;
height: calc(100vh - 55px);
position: absolute;
left: 0;
top: 100%;
z-index: 99;
padding:0px;
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin: 0;
float: none;
}
#gNavi li {
float: none;
margin-right: 0;
border-top: 1px solid #014780;
}
#gNavi li:last-of-type {
border-bottom: 1px solid #014780;
}
#gNavi li a  {
font-size: 14px;
letter-spacing: 0.15em;
font-weight: bold;
display: block;
position: relative;
padding: 10px 18px;
color: #014780;
}
#gNavi li a:hover,
#topics #gNavi li:nth-child(1) a,
.category #gNavi li:nth-child(1) a,
.date #gNavi li:nth-child(1) a,
.single-post #gNavi li:nth-child(1) a,
.search #gNavi li:nth-child(1) a,
#about #gNavi li:nth-child(2) a,
#business #gNavi li:nth-child(3) a,
#coupon_business #gNavi li:nth-child(3) a,
#payment_business #gNavi li:nth-child(3) a,
#travel_business #gNavi li:nth-child(3) a,
#it_business #gNavi li:nth-child(3) a,
#company #gNavi li:nth-child(4) a,
#joining #gNavi li:nth-child(5) a,
#contact #gNavi li:nth-child(6) a,
#confirm #gNavi li:nth-child(6) a,
#thanks #gNavi li:nth-child(6) a {
color:#014780;
}
#gNavi li a:after,
#gNavi li a:before {
content: none!important;
}
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px)  {
}
.btnMenu  {
display: none;
position: absolute;
right: 18px;
top: 9px;
z-index: 2;
}
.btnMenu a  {
display: block;
width: 40px;
height: 43px;
box-sizing: border-box;
position: relative;
}
.btnMenu a span  {
display: block;
background: #014780;
width: 28px;
height: 2px;
position: absolute;
left: 6px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.btnMenu a span:first-child  {
top: 0px;
}
.btnMenu a span:nth-child(2)  {
top: 9px;
}
.btnMenu a span:nth-child(3)  {
top: 18px
}
.btnMenu.active a span:first-child  {
-webkit-transform: translateY(9px) rotate(45deg);
-moz-transform: translateY(9px) rotate(45deg);
-ms-transform: translateY(9px) rotate(45deg);
transform: translateY(9px) rotate(45deg);
}
.btnMenu.active a span:nth-child(2)  {
opacity: 0;
}
.btnMenu.active a span:nth-child(3)  {
-webkit-transform: translateY(-9px) rotate(-45deg);
-moz-transform: translateY(-9px) rotate(-45deg);
-ms-transform: translateY(-9px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
}
.btnMenu a em  {
font-size: 10px;
letter-spacing: 0.05em;
position: absolute;
color: #014780;
font-weight: bold;
left: 50%;
transform: translateX(-50%);
bottom: 0;
z-index: 2;
text-align: center;
white-space: nowrap;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px)  {
.btnMenu  {
display: block;
}
}
/* !mainVisual
---------------------------------------------------------- */
#mainVisual  {
position: relative;
}
.mvText {
display: none;
/*
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 9;
text-shadow: 2px 2px 6px rgba(0,0,0,0.6),0px -5px 35px rgba(255,255,255,0.3);
*/
}
.mvText .title {
display: inline-block;
font-size: 6.5px;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
/*background: -webkit-linear-gradient(0deg, #014780, #7BCBE8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
*/
}
.mvText .title br {
font-size: 0
}
.mvText .title img {
max-width: 600px
}
.mvText .text {
font-size: 24px;
font-weight: bold;
color: #fff;
letter-spacing: 0.02em;
padding-top: 10px;
}
.sfList {
height: 525px!important;
}
.snWrap {
display: none;
position: absolute;
bottom: 0;
width: 100%;
background: rgba(255,255,255,.8);
padding: 22px 0 10px;
}
.snWrap .inner {
max-width: 440px;
}
.sliderNav {
margin: 0 -10px;
}
.sliderNav .slick-list {
overflow: visible;
}
.snList {
width: 120px!important;
height: 50px!important;
margin: 0 10px;
position: relative;
}
.snList.slick-current:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
height:100%;
box-sizing: border-box;
border: 3px solid #014780;
}
.snList.slick-current:after {
content: '';
position: absolute;
left: 0;
bottom: 98%;
z-index: 4;
background: url(../img/index/arrow_bd.png)no-repeat center bottom;
background-size: 15px auto;
width: 100%;
height: 14px;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px)  {
.snList  {
width: calc(33.33% - 10px)!important;
height: 55px!important;
margin: 0px 5px;
position: relative;
}
.sfList  {
height: 130vw!important;
max-height: 490px
}
.mvText .title {
font-size: 4.5px;
line-height: 1.2;
}
.mvText .title img {
/*width: 77.33vw;
*/width: 290px;
}
.mvText .text {
font-size: 15px;
color: #0F568C;
letter-spacing: 0.02em;
padding-top: 18px;
}
.mvText {
top: calc(50% - 43px);
}
.mvText .inner {
/*max-width: 375px;
*/margin: 0 auto
}
}
@media screen and (max-width: 374px)  {
.mvText .title {
font-size: 4px
}
}
/* !breadcrumb
---------------------------------------------------------- */
/*#breadcrumb {
position: absolute;
width: 100%;
bottom: 0;
left: 0px;
z-index: 9;
background: rgba(255,255,255,0.8);
}
#breadcrumb ul li  {
display: inline-block;
position: relative;
padding-right: 40px;
color: #444;
font-size: 12px;
line-height: 35px;
}
#breadcrumb ul li a {
color:#444;
}
#breadcrumb ul li:before  {
position: absolute;
right: 15px;
top: 0;
z-index: 2;
content: ">";
}
#breadcrumb ul li:last-of-type {
text-decoration: underline;
}
#breadcrumb ul li:last-of-type:before {
content: none;
}
#breadcrumb ul li a:hover {
text-decoration: underline;
}
*/
/* !contents
---------------------------------------------------------- */
#topics_detail #main {
float: left;
width: 72.7%;
}
#side {
float: right;
width: 22.7%;
}
.sideUl {
margin-bottom: 25px;
border: 1px solid #ccc;
border-bottom: none;
}
.sideUl li {
border-bottom: 1px solid #ccc;
}
.sideUl li a {
display: block;
padding: 20px;
padding-right: 37px;
box-sizing: border-box;
font-size: 15px;
background: url(../img/arrow01@2x.png)no-repeat center right 20px;
background-size: 17px auto;
}
.sideUl li a:hover {
text-decoration: none;
opacity: .7
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px)  {
#topics #main,
.category #main,
.date #main,
.single-post #main,
#topics_detail #main,
#search #main,
.search #main {
float: none;
width: 100%;
}
#side {
float: none;
width: 100%;
margin-top: 30px;
}
.sideUl {
margin-bottom: 20px;
}
.sideUl li a {
padding: 12px 12px;
padding-right: 37px;
font-size: 13px;
background: url(../img/arrow01@2x.png)no-repeat center right 12px;
background-size: 15px auto;
}
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px)  {
}
/* !pageTop
---------------------------------------------------------- */
.pageTop a {
position: absolute;
top: 0px;
right: 20px;
z-index: 9;
min-width: 160px;
background:url(../img/arrow02@2x.png)no-repeat left 23px center  #66A6FF;
background-size: 20px auto;
text-align: center;
text-decoration: none;
box-sizing: border-box;
padding-left: 48px;
padding-right: 20px;
font-size: 15px;
line-height: 40px;
color: #fff;
}
.pT02 a {
display: block;
position: fixed;
right: 60px;
bottom: 30px;
z-index: 9999;
width: 40px;
height: 40px;
background:url(../img/pagetop@2x.png)no-repeat center center;
background-size: 100% auto;
opacity: 0;
pointer-events: none;
}
.pT02.active a {
opacity:1;
pointer-events: auto
}
.pT02.scrollBtm a {
opacity: 0;
pointer-events: none;
}
.pageTop a:hover,
.pT02 a:hover {
text-decoration: none;
opacity: .7;
}
@media screen and (max-width: 959px)  {
.pageTop a {
right: 18px;
min-width: 130px;
padding-left: 35px;
padding-right: 10px;
line-height: 30px;
background-position: left 15px center;
background-size: 15px auto;
font-size: 13px;
}
.pT02 a {
display: none;
right: 100px;
width: 30px;
height: 30px;
}
.pageTop a:hover {
opacity: 1;
}
.pT02 a:hover {
opacity: 0;
}
.pT02.active a {
opacity:1!important;
}
.pT02.scrollBtm a {
opacity:0!important;
}
}
/* !footer
---------------------------------------------------------- */
#footer  {
background: #F7F7F7;
border-top:2px #66A6FF solid;
}
#footer p {
line-height: 1.5;
}
.emailWrap {
background: url(../img/bg_email@2x.jpg)no-repeat center center;
background-size: cover;
padding: 30px 0;
color: #fff;
}
.emailWrap .hdM span {
border-color: #FDF12B
}
.emailWrap .text {
font-size: 16px;
line-height: 3.25;
float: left;
}
.emailWrap .send {
float: right;
}
.emailWrap .send a {
display: block;
width: 290px;
height: 52px;
display:flex;
align-items: center;
justify-content: center;
border: 1px solid #FDF12B;
border-radius: 26px;
color: #FDF12B;
font-size: 15px;
}
.emailWrap .send a:hover {
opacity: .7;
text-decoration: none;
}
.emailWrap .send a span {
display: inline-block;
padding-left: 34px;
background: url(../img/ico_mail.png) left center no-repeat;
background-size: 22px auto;
}
.emailWrap input {
height: 50px;
font-size: 15px;
padding:0 20px;
box-sizing: border-box;
width: 100%;
}
.emailWrap input[type='text'] {
padding-right: 180px;
}
.emailWrap input[type='submit'] {
position: absolute;
right: 0;
top: 0;
width: 160px;
background: #FDF12B;
color: #0070B0;
}
.snsWrap  {
padding: 15px 0;
}
.snsWrap .title {
float: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.04em;
padding-top: 4px;
}
.snsWrap ul {
float: right;
font-size: 0;
}
.snsWrap li {
display: inline-block;
margin-left: 25px;
}
#footer .footerIn  {
padding: 120px 20px 40px;
}
.footerIn .lf {
float: left;
margin: 0 45px;
text-align: center;
font-size: 15px;
line-height: 1.66;
}
.footerIn .lf .text {
padding-top: 40px;
}
.footerIn .lf span {
display: block;
padding-top: 5px;
}
.footerIn .lf span:first-of-type {
padding-top: 15px;
}
.footerIn .rt {
/*overflow: hidden;*/
}
.footerIn .rt.pc .ftItem {
height: 242.5px;
}
.footerIn .rt.pc .ftItem:last-child .togHd02 {
height: 22.5px;
}
.ftItem {
float: left;
width: 33%;
box-sizing: border-box;
padding-left:20px;
margin-bottom: 25px;
}
.ftItem.rt{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.togHd02 {
font-size: 0;
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.togHd02 span {
display: inline-block;
font-weight: bold;
vertical-align: middle;
font-size: 15px;
color: #014780;
}
.togHd02:after  {
content: '';
width: 100%;
height: 2px;
position: absolute;
top: calc(50% - 1px);
margin-left: 10px;
background: #014780;
}
.togBox02 li {
padding-bottom: 15px;
}
.togBox02 li li  {
padding-bottom: 0;
padding-left: 1em;
}
.togBox02 a {
color: #676767;
font-size: 13px;
text-decoration: none;
}
.cpWrap {
background: #E4E8ED;
color: #205281;
padding: 10px;
margin-top: 20px;
}
.ftLogo img  {
width: 140px;
}
#copyright  {
font-size: 11px;
float: left;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.cpWrap .link {
float: right;
font-size: 0;
display: flex;
align-items: center;
}
.cpWrap .link a {
font-size: 12px;
color: #205281;
display: inline-block;
padding: 0 16px;
border-left: 1px solid;
line-height: 15px;
text-decoration: none !important;
}
.cpWrap .link a:first-of-type {
border: none;
}
.privacymark {
height: 50px;
padding: 5px;
background: #fff;
}
/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 959px)  {
.emailWrap .text {
font-size: 14px;
position: relative;
right: 0px;
top: 0px;
text-align: center;
padding-bottom: 15px;
float: none;
}
.emailWrap {
padding: 30px 0;
}
.emailWrap .send  {
float: none;
text-align: center;
}
.emailWrap .send a {
margin: 0 auto;
}
.emailWrap .send a:hover {
opacity: 1;
}
.emailWrap .send a span {
display: inline-block;
padding-left: 34px;
background: url(../img/ico_mail.png) left center no-repeat;
background-size: 22px auto;
}
.emailWrap .hdM {
margin-bottom: 25px;
}
.emailWrap input[type='submit'] {
width: 90px
}
.emailWrap input[type='text'] {
padding-right: 105px;
padding-left: 15px;
}
.snsWrap {
padding: 10px 0
}
.snsWrap ul {
float: none;
text-align: center;
}
.snsWrap ul img {
width: 30px;
}
#footer  {
border: none;
}
.footerIn .lf  {
float: none;
margin: 0 -18px 20px;
padding-bottom: 0;
}
#footer .footerIn {
padding: 55px 18px 40px;
}
.ftLogo img {
width: 100px;
}
.footerIn .rt {
overflow: hidden;
margin-left: -12px;
}
.ftItem {
float: none;
width:100%;
padding-left:12px;
margin-bottom: 15px;
text-align: center;
}
.togHd02 {
margin-bottom: 5px;
}
.togHd02:after {
content: none;
width: 100%;
height: 2px;
position: absolute;
top: calc(50% - 1px);
margin-left: 10px;
background: #014780;
}
.togHd02 span {
position: relative;
font-size: 14px
}
.togHd02 span:before {
content: '+';
font-size: 17.5px;
position: absolute;
left: calc(100% + 10px);
top: 50%;
transform: translateY(-53%);
}
.togBox02 a  {
font-size: 11.5px;
}
.togHd02.active span:before {
content: '-';
transform: translateY(-60%);
}
.togBox02 li {
padding-bottom: 5px;
}
.togBox02 {
display: none;
}
.cpWrap  {
background: none;
padding:0;
margin-top: 20px;
text-align: center;
}
.cpWrap .link,#copyright {
float: none;
display: block;
}
.cpWrap .link a:nth-of-type(6) {
border: none;
}
.cpWrap .link a {
color:#444444;
font-size: 11px;
margin-bottom: 15px;
}
.cpWrap .privacymark {
height: 60px;
}
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 374px)  {
.cpWrap .link a {
padding: 0 8px
}
}
/*add*/
body .pcNav {
position: fixed;
box-sizing: border-box;
height: 65px;
left: 0;
right: 0;
top: 0;
background-color: #fff;
color: #333;
transform: translateY(-100%);
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
body.opend .pcNav {
transform: translateY(0%);
}
.pcNav .navLogo {
margin-left: 30px;
margin-top: 8px;
float: left;
width: 180px;
}
.pcNav .navLogo img {
height: 50px;
}
.pcNav #gNavi {
margin-top: 18px;
margin-right: 40px;
}
.pcNav .fixBtn a {
background: url(../img/icon_trip@2x.png)no-repeat top 15px left 28px #FDF12B;
background-size: 20px auto;
font-size: 15px;
line-height: 1.2;
padding-top: 13px;
width: 140px;
}
.pcNav #gNavi li a:before {
content: none!important;
}
.enrolmentTable  {
max-width: 700px;
margin: 0 auto;
padding-top: 30px;
}
.enrolmentTable table  {
width: 100%;
border: 2px solid #2174fb;
box-sizing: border-box;
}
.enrolmentTable table th,
.enrolmentTable table td {
border: 1px solid #2174fb;
font-size: 14px;
line-height: 1.5;
color: #2174fb;
padding: 5px 10px;
font-weight: bold;
text-align: center;
}
.enrolmentTable table th  {
text-align: center;
}
.enrolmentTable table td {
padding: 20px 10px;
box-sizing: border-box;
vertical-align: middle;
}
.enrolmentTable .note  {
font-size: 12px;
display: inline-block;
text-align: left;
}
.lineTable  {
max-width: 700px;
margin: 0 auto;
padding-top: 30px;
}
.lineTable table  {
width: 100%;
box-sizing: border-box;
}
.lineTable table th,
.lineTable table td {
border: 1px solid #bfbfbf;
font-size: 14px;
line-height: 1.5;
padding: 5px 10px;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 767px)  {
.enrolmentTable,
.lineTable {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.enrolmentTable table,
.lineTable table {
width: 700px;
}
}
.checkArea  {
padding-top: 70px;
}
.checkArea .title  {
font-size: 24px;
line-height: 1.5;
margin-bottom: 25px;
text-align: center;
font-weight: bold;
}
.checkUl  {
max-width: 700px;
margin: 0 auto;
}
.checkUl li  {
float: left;
width: 50%;
}
.checkUl li a  {
display: block;
width: 100%;
font-size: 16px;
line-height: 60px;
color: #fff;
text-align: center;
font-weight: bold;
}
.checkUl li a:hover  {
text-decoration: none;
opacity: .7;
}
.checkUl li a.checkTrue  {
background: #2f4f7a;
}
.checkUl li a.checkFalse  {
background: #bdbec1;
}
.checkTrueBox  {
display: none;
}