@charset "utf-8";

body {
   margin: 0;
   padding: 0;
   color:#333333;
   font-family: sans-serif;
   line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {font-size:1em; padding:0px;margin:0px;}
p { margin:0px; }
ul li { list-style-type:none; }
a img { border:0; }
a { outline: none; }
body{text-align:center;}

.mar-t-20{margin-top:20px !important}
.mar-t-30{margin-top:30px !important}
.mar-t-50{margin-top:50px !important}
.mar-b-10{margin-bottom:10px !important}
.mar-b-20{margin-bottom:20px !important}
.mar-r-0{margin-right:0px !important}
.align-center{text-align:center !important}
.vanishBR{display: none;}

/* CLEAR FIX*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
*/

.top_mainvisual{background: #7f7f7f no-repeat; background-size: cover; height: 100vh;position: relative;min-height:774px;}
header{text-align:right;position:relative;padding:20px;background-color:#ff4a72;opacity:0.9;z-index: 9999;}
header div{margin:0px auto;}
header h1{float:left;display:block;}
header h1 img{width:150px;}

.topHeaderMenuWrap{display: inline-block;margin:0px 20px;padding: 0px;font-size:14px;}
header i.fa-bars{display:none;}
.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
body.open{
    position: fixed;
}

.topHeaderMenu{margin:0px;padding:0px;display:inline-block;}
.topHeaderMenu li{margin:0px 10px;padding:10px;color:#fff;display:inline-block;position:relative;border-radius:5px;transition: .5s;}
.topHeaderMenu li:hover{background-color:#ff85a0;}
.topHeaderMenu li a{display:block;color:#fff;text-decoration: none;}
.topHeaderMenu li a i{display:inline-block;margin-left:5px;}
.topHeaderMenu li ul{
  opacity: 0;
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: calc(100% + 30px);
  left: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  visibility: hidden;
  transition: .5s;
}

.topHeaderMenu li:hover ul,.topHeaderMenu li ul:hover{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.topHeaderMenu li ul li{
  width: 100%;
background-color:#ff4a72;
border:1px solid #fff;
border-width:1px 1px 0px 1px;
transition-duration:0.5s;
	margin:0px;
	padding:0px;
	border-radius: 0px;
}

.topHeaderMenu li ul li:hover{border-radius:0px;background-color:#ff85a0;}

.topHeaderMenu li ul li:first-child{border-bottom:1px;border-radius:5px 5px 0px 0px;}
.topHeaderMenu li ul li:last-child{border-bottom:1px solid #fff;border-radius:0px 0px 5px 5px;}

.topHeaderMenu li ul li a{white-space: nowrap;padding:5px 20px;border-radius:0px;display: block;}
.topHeaderMenu li ul li a:hover{background-color:transparent;}

a.topHeaderMenuNA{color:#fbbdcb;}
.topHeaderMenu li ul li a.topHeaderMenuNA:hover{background-color:#ff4a72;}

.topHeaderSign{display:inline-block;margin:0px;padding:0px;}
.topHeaderSign li{display:inline-block;color:#fff;font-size:12px;}
.topHeaderSign li a{display:block;padding:5px 10px;border:1px solid #fff;border-radius:5px;color:#fff;text-decoration: none;}
.topHeaderSign li a:hover{background-color:#ff85a0;}


.topHeaderLang{
  *zoom: 1;
  list-style-type: none;
  display:inline-block;
  margin:0px 0px 0px 30px;
  padding: 0;
	width:100px;
	text-align:left;
	font-size:12px;
}

.topHeaderLang li{
  position: relative;
  margin: 0;
  padding: 0;
  display:block;
background-color:#ff4a72;
border:1px solid #fff;
	border-radius:5px;
}

.topHeaderLang li:hover{background-color:#ff85a0;border-radius:5px 5px 0px 0px;}

.topHeaderLang li a{
  display: block;
  margin: 0;
  padding:5px 10px;
	color:#fff;
	text-decoration: none;
}

.topHeaderLang li a i{display:block;float:right;position: relative;top:2px;}

.topHeaderLang li ul{
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: calc(100% + 30px);
  left: -1px;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}

@media screen and (min-width: 1200px) {
    .topHeaderLang li:hover ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }
}

.topHeaderLang li ul li{
  width: 100%;
border-width:1px 1px 0px 1px;
border-radius:0px;
}

.topHeaderLang li ul li:hover{border-radius:0px;}

.topHeaderLang li ul li:last-child{border-bottom:1px solid #fff;border-radius:0px 0px 5px 5px;}

.topHeaderLang li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

.topHeaderLang li:hover ul li a {
    visibility: visible;
    opacity: 1;
}

.top_mainvisual_copyWrap{width:100%;height:100%;display: table;}

.album {
	margin: auto;
	position: absolute;
	width:100%;
	height:100%;
}

.album span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}

.album span:nth-child(1) {
	background-image: url(../img/top_mainvisual01.jpg);
}

.album span:nth-child(2) {
	background-image: url(../img/top_mainvisual02.jpg);
	animation-delay: 6s;
}

.album span:nth-child(3) {
	background-image: url(../img/top_mainvisual03.jpg);
	animation-delay: 12s;
}

.album span:nth-child(4) {
	background-image: url(../img/top_mainvisual04.jpg);
	animation-delay: 18s;
}

.album span:nth-child(5) {
	background-image: url(../img/top_mainvisual05.jpg);
	animation-delay: 24s;
}

.album span:nth-child(6) {
	background-image: url(../img/top_mainvisual06.jpg);
	animation-delay: 30s;
}


@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

.topTitle{
z-index: 999;
position: relative;
}

.topTitle h3{
	font-size:24px;
	color:#7f7f7f;
	display: block;
	padding:40px 20px 20px;
	font-weight: normal;
background-color: #fff;
}

.top_contents{padding: 20px;}

.contents_table,.contents_table02{display:table;table-layout: fixed;width: 100%;border-collapse: collapse;}

.top_services_block{
	display:table-cell;
	border-width:0px 1px 1px 0px;
	border-style: solid;
	border-color:#cdcdcd;
	width:50%;
}

.top_services_block:last-child{border-width:0px 0px 1px 1px;}

.top_services_block_content{padding:0px 20px 20px 0px;}
.top_services_block:last-child .top_services_block_content{padding:0px 0px 20px 20px;}

.top_services_block h3{
background-color: #ff7493;
color:#fff;
padding:10px;
	display: block;
	font-size: 24px;
	border-radius: 5px;
}

.contents_table02 .top_services_block{border-width:0px 1px 0px 0px;}

.contents_table02 .top_services_block:last-child{border-width:0px 0px 0px 1px;}

.contents_table02 .top_services_block_content{padding:20px 20px 20px 0px;text-align: center;}
.contents_table02 .top_services_block:last-child .top_services_block_content{padding:20px 0px 20px 20px;}

.top_services_block p{display: block;margin:20px 0px 0px;color:#343434;font-size:14px;text-align: left;}
.top_services_block p i{display: inline-block;margin:0px 5px 0px 10px;}

.top_services_block_cta{text-align:center !important;}
.top_services_block_cta a{display:inline-block;padding:10px 20px;border:1px solid #ff4a72;border-radius:5px;color:#ff4a72;text-decoration: none;margin:0px 10px;font-size:14px;transition: .5s;}
.top_services_block_cta a:hover{background-color:#ffe0e7;}
.top_services_block_cta span{display:inline-block;padding:10px 20px;border:1px solid #cbcbcb;border-radius:5px;color:#808080;text-decoration: none;margin:0px 10px;font-size:14px;transition: .5s;background-color:#f1f1f1;}


.green h3{background-color: transparent;}

footer{
border-top: 5px solid #222;
background: #f3f3f3;
	padding:30px;
	font-size:12px;
}

.footer_logo{float: left;}
.footerMenu{float:right;}
.footerMenu ul{margin:0px;padding:0px;}
.footerMenu ul li{display: inline-block;margin:5px;}
.footerMenu ul li a{color:#333;}

.footerLang{float:right;clear:right;margin-top:10px;}
.footerLang ul{margin:0px;padding:0px;}
.footerLang ul li{display: inline-block;margin:5px;}
.footerLang ul li a{color:#333;}

.copyright{clear:both;margin-top:120px;}

.feature ul{display:table;margin:20px 0px 20px;padding:0px;}
.feature ul li{
display:table-cell;
width:33%;
}

.feature ul li img{width:150px;}

.feature ul li h2{font-size:24px;color:#ff4a72;display: block;margin-top:20px;}
.feature ul li p{font-size:14px;display: block;padding:20px;text-align:left;}

.flow div.topTitle h3{padding: 0px 20px 20px;color:#333;}

.flow_title{border:2px solid #ff4a72;border-radius:5px;}
.flow_title span{font-size:20px;font-weight:bold;padding:5px 13px;background-color:#ff4a72;display:block;color:#fff;float:left;}
.flow_title h3{text-align:left;color:#ff4a72;font-size:20px;font-weight:normal;display: block;padding:5px 0px 0px 50px;}

.flow{background-color:#e6e6e6;padding:30px;}

.flow_wrap{margin-bottom:30px;border-radius: 10px;background-color: #fff;padding:20px;}

.flow_wrap p{text-align: left;font-size:14px;display: block;margin-top:20px;}

.flow_btns{margin:20px auto 0px;}
.flow_btns a{display:inline-block;padding:10px 20px;border:2px solid #ff4a72;border-radius:5px;color:#ff4a72;text-decoration: none;margin:10px;font-size:18px;transition: .5s;}
.flow_btns a:hover{background-color:#9e1f3b;color:#fff;}


#index_post_list_wrap{margin-top:20px;overflow: scroll;text-align: justify;white-space: nowrap;}
.index_post_list .post_type2 { display: inline-block; width:233px; margin:0 0 25px 25px; border:1px solid #ccc; height:240px; background:#fff; position:relative; text-align:left;white-space:normal;}
.index_post_list .post_type2 .image { margin:0 0 15px 0; display:block; width:233px; height:144px; overflow:hidden;  }
.index_post_list .post_type2 a.image img {
  width:233px; height:144px;
  -webkit-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:700ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
.index_post_list .post_type2 .image:hover img {
 -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);
}
.index_post_list .post_type2 .title { font-size:14px; line-height:150%; }
.index_post_list .post_type2 .title a { display:block; margin:0 15px 7px; max-height:42px; overflow:hidden; color: #333;text-decoration: none;}
.index_post_list .post_type2 .title a:hover {text-decoration:underline;color:#ff4a72;}
.index_post_list .post_type2 .meta { margin:0 15px; height:23px; overflow:hidden; }
.index_post_list .post_type2 .meta li { display:inline; font-size:12px; margin:0 3px 0 0; line-height:160%; }
.index_post_list .post_type2 .meta li:first-child { border-right:1px solid #ccc; padding-right:7px; }
.topHeaderLang select {
	background: #ff4a72; color: #fff; width: 100%; height: 30px; border: 1px solid #fff; border-radius: 5px; font-size: 12px; cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}
.topHeaderLang select:hover {
	background-color:#ff85a0;
}
.topHeaderLang select option {
	border-width:1px 1px 0px 1px;
	border-radius:0px;
}

@media screen and (min-width: 1200px) {
    .topHeaderLang:after {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        right: 10px;
        top: 13px;
        font-size: 14px;
        color: #fff !important;
    }
}

.nationNav{
    display:block;
    background-color:#fff;
    border-bottom:1px solid #ff4a72;
    text-align:center;
    padding:10px 0px 0px;
    line-height:1em;
}

.nationNav ul{margin:0px;padding:0px;}
.nationNav li{margin:0px 10px 10px;display:inline-block;}
.nationNav li a{padding:5px;border-radius:3px;text-decoration:none;color:#ff4a72;font-size:0.8em;position:relative;}
.nationNav li a:hover{background-color:#ffced9;text-decoration:none;}
.nationNav li a span{display:none;position:absolute;min-width:100%;bottom:-30px;left:0px;text-align:center;padding:5px;border-radius:3px;background-color:#8E8E8E;color:#fff;white-space:nowrap;}
.nationNav li a:hover span{display:block;}
.nationNav li a.current{background-color:#ff4a72;color:#fff;text-decoration:none;}

a.nationNavNA{color:#AEAEAE;}

.mainvisual{
    background-image:url(../img/mainvisual_bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
	background-position: center center;
}

.vietnam01{background-image:url(../img/top_mainvisual01.jpg);}
.vietnam02{background-image:url(../img/top_mainvisual02.jpg);}
.vietnam03{background-image:url(../img/top_mainvisual03.jpg);}
.vietnam04{background-image:url(../img/top_mainvisual05.jpg);}
.indonesia01{background-image:url(../img/top_mainvisual_indonesia01.jpg);}
.indonesia02{background-image:url(../img/top_mainvisual_indonesia02.jpg);}
.indonesia03{background-image:url(../img/top_mainvisual_indonesia03.jpg);}
.indonesia04{background-image:url(../img/top_mainvisual_indonesia04.jpg);}

.mainvisual h1{
    font-size:48px;
    color:#ff4a72;
    font-weight:bold;
    display:block;
    text-align:center;
    margin:30px 20px 20px;
    padding:0px;
    line-height:1em;
}

.mainvisual h1 span{font-size:24px;}

.vietnam01 h1,.vietnam02 h1,.vietnam03 h1,.vietnam04 h1,.indonesia01 h1,.indonesia02 h1,.indonesia03 h1,.indonesia04 h1{color:#fff;margin:0px 20px 20px;padding-top:40px;}
.vietnam01 h1,.vietnam02 h1,.vietnam03 h1,.vietnam04 h1,.indonesia01 h1,.indonesia02 h1,.indonesia03 h1,.indonesia04 h1{margin-bottom:300px;}

.mainvisual h2{
    font-size:18px;
    color:#ff4a72;
    display:block;
    text-align:center;
    margin:0px 20px 30px;
    padding:0px;
    line-height:1em;
}

.vietnam01 h2,.indonesia01 h2{color:#fff;margin-bottom:300px;}

.mainvisual img{width:40%;margin-bottom:20px;}

.mainvisual div{
    background-color:#f1f1f1;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    padding:40px 0px;
    text-align:center;
}

.mainvisual div a.ctaBtn{
    display:inline-block;
    background-color:#3774ff;
    border-radius:10px;
    color:#fff;
    font-size:28px;
    text-shadow: 0px -1px 2px #1c3a7e;
    position:relative;
    text-decoration:none;
    padding:20px;
    width:40%;
	cursor: pointer;
}

.mainvisual div a.ctaBtn i{
    font-size:38px;
    position:absolute;
    top:22px;
    right:20px;
}

.mainvisual div a.ctaBtn:hover{background-color:#5589ff;}

.mainvisual div p{display:block;margin-top:10px;font-size:14px;color:#A8A8A8;}

.contents{margin:30px auto 50px;width:1200px;text-align:left;}
.contentsForm{margin:30px auto 50px;width:1200px;text-align:left;padding:0px 0px;}
.contentsFormWrap{padding:0px 20px;}
.contentsLeft{float:left;width:720px;}
.contentsRight{float:right;width:450px;}

.contentsTitle{
    border-left:5px solid #ff4a72;
    font-size:24px;
    color:#d8375b;
    padding:2px 10px;
    display:block;
    margin-bottom:20px;
}

.contentsText{
    font-size:14px;
    color:#4d4d4d;
}

.contentsImage{display:block;margin-top:20px;text-align:center;}
.contentsImage img{max-width:100%;}

.contentsTitleSmall{color:#67ba64;border-bottom:1px solid #67ba64;padding:3px;display:block;font-size:16px;}
.contentsTitleSmall_solid{color:#fff;background-color:#67ba64;padding:10px;display:block;font-size:16px;}

.subContentsTitle{font-size:16px;color:#fff;background-color:#67ba64;padding:5px;margin-bottom:5px;}

.subContentBlock{background-color:#f1f1f1;padding:10px;text-align:left;}

.subContentBlock h4{color:#67ba64;font-size:16px;display:block;margin-bottom:10px;}

.subContentBlock p{font-size:12px;color:#4d4d4d;}

.contentsRightBlock{border:1px solid #cdcdcd;background-color:#f1f1f1;overflow:hidden;}
.contentsRightBlock h3{background-color:#cdcdcd;display:block;font-size:16px;color:#fff;padding:10px;}
.contentsRightBlock table{width:95%;border-collapse:collapse;margin:5px auto;}
.contentsRightBlock table th{border-bottom:1px solid #d9d9d9;padding:5px 20px 5px 5px;text-align:right;font-size:0.8em;width:30%;white-space:nowrap;}
.contentsRightBlock table td{border-bottom:1px solid #d9d9d9;padding:5px 0px 5px;font-size:0.8em;}
.contentsRightBlock table tr:last-child th,.contentsRightBlock table tr:last-child td{border-bottom:0px;}

.contentsRightBlockDescription{text-align:right;font-size:12px;color:#676767;}
.contentsRightBlockChartTitle{display:inline-block;background-color:#fff;border-radius:3px;padding:5px 10px;font-size:14px;font-weight:bold;color:#d8375b;margin-left:20px;}
.flowStep{border:2px solid #67ba64;position:relative;margin-bottom:10px;}
.flowStep span.number{background-color:#67ba64;padding:10px 15px;font-weight:bold;color:#fff;display:inline-block;font-size:16px;}
.flowStep h3{display:inline-block;color:#67ba64;padding:10px 20px 0px;font-size:16px;}
.flowStep span.day{display:block;color:#67ba64;position:absolute;right:15px;bottom:15px;font-size:12px;}
a.cta{
    display:inline-block;
    background-color:#3774ff;
    border-radius:5px;
    color:#fff;
    font-size:18px;
    text-shadow: 0px -1px 2px #1c3a7e;
    position:relative;
    text-decoration:none;
    padding:10px;
    width:60%;
    transition-duration:0.5s;
}

a.cta i{
    font-size:28px;
    position:absolute;
    top:10px;
    right:10px;
}

a.cta:hover{background-color:#5589ff;}

.hint{
    background-color:#fff;
    border-radius:5px;
    position:relative;
    padding:10px 10px 10px 40px;
}

.hint i{
    font-size:28px;
    position:absolute;
    top:10px;
    left:10px;
    color:#f19db5;
}

.menuTable table{width:100%;border-collapse:separate;border-spacing:5px;}
.menuTable table th{background-color:#67ba64;color:#fff;empty-cells: hide;white-space:nowrap;vertical-align:middle;padding:10px;}
.menuTable table td{border:2px solid #67ba64;empty-cells: hide;padding:10px;text-align:center;}
.menuTable table td.menuName{background-color:#e9537d;color:#fff;font-weight:bold;border:0px;text-align:center;font-size:1.2em;width:40%}
.menuTable table td.menuDisable{color:#696969;}
.menuTable table th a i{color:#fff;text-decoration:none;}

.menuTable table td strong{font-size:1.5em;color:#67ba64;}
.menuTable table td span{display:block;color:#696969;margin-top:0px;font-size:0.8em;}

.menuTable table td.menuDesc{font-size:0.8em;text-align:left;}

.optionTitle{background-color:#67ba64;color:#fff;padding:10px;display:inline-block;}
.optionContent{border:2px solid #67ba64;padding:10px;text-align:left;}
.optionContent p{font-size:0.8em;}
.optionContent p.fee{display:block;margin-top:10px;font-size:1em;}
.optionContent p.fee strong{font-size:1.5em;color:#67ba64;}
.optionContent p.fee span{color:#696969;margin-top:0px;font-size:0.8em;}

.licorice_manga{display: block; width:100%;margin-bottom:20px;}
.licorice_manga img:first-child{width:100%;}
.licorice_manga img:last-child{display: none;}
@media screen and (max-width: 590px) {
.licorice_manga img:last-child{width:100%;display: inline;}
.licorice_manga img:first-child{display: none;}
img.centered{width:100%;}
}

.policy_container{
margin:30px 30px 50px;
text-align: left;
}

.policy_container h1{font-size: 24px;display:block;margin-bottom: 20px;color:#4d4d4d;}

.policy_info{
background-color: #ddf7dc;
padding:20px;
font-size:14px;
}

.policy_container h2{font-size: 18px;display:block;margin-top: 30px;color:#4d4d4d;}
.policy_container h3{font-size: 16px;display:block;margin-top: 10px;color:#4d4d4d;}
.policy_container p{font-size:14px;}

.policy_container ul{margin:0px;padding:0px 0px 0px 1.5em;}
.policy_container li{list-style: decimal;font-size:14px;}

.app-title{
color:#fff;
margin-bottom:20px;
}

.app-title h2{display: block;font-size:24px;margin-bottom:20px;border-left:5px solid #fff;padding-left:10px;text-align: left;}

.cta02{margin:50px 0px 30px;}
.cta02 h2{display: block;font-size:36px;margin-bottom:20px;color:#fff;}

.cta02 ul{margin:0px;padding:0px;display: flex;flex-wrap: wrap;}
.cta02 ul li{
margin:10px;
padding:40px;
list-style-type: none;
display: block;
width:48%;
border-radius:10px;
background-color:#fff;
box-shadow: 0px 2px 5px 0px #a32642;
position: relative;
text-align: left;
}

.cta02 ul li img.country-image{width:240px;}

.cta02 ul li a.cta_googleplay{position: absolute;top:20px;right:20px;}
.cta02 ul li a.cta_applestore{position: absolute;bottom:20px;right:20px;}

@media screen and (max-width: 1200px) {
.cta02 ul li{margin:10px 10px;width:100%;}
}

@media screen and (max-width: 530px) {
.cta02 ul li{padding:20px;}
.cta02 ul li img.country-image{width:150px;}
.cta02 ul li a.cta_googleplay{width:90px;top:15px;right:15px;}
.cta02 ul li a.cta_googleplay img{width:90px;}
.cta02 ul li a.cta_applestore{width:90px;bottom:15px;right:15px;}
}

.showcase{
padding:30px 0px;
}

.showcase ul{display:block;margin:0px;padding:0px 0px 30px;width: 100%;white-space: nowrap;overflow: auto;}
.showcase ul li{margin:0px 10px 0px;padding:0px;display:inline-block;width:300px;}
.showcase ul li a{display: block;text-decoration: none !important;text-align: center;}
.showcase ul li span{display: block;text-decoration: none !important;}
.showcase ul li span.interview-picture{
border:1px solid #bbb;
border-radius:50%;
background-position: center center;
background-size:100%;
background-repeat: no-repeat;
width:200px;
height:200px;
margin: 0px auto 20px;
transition: 0.5s;
}

.showcase ul li a:hover span.interview-picture{background-size:120%;}

.showcase ul li span.asahishoes{background-image:url(../img/asahisoes_thumb.jpg);}
.showcase ul li span.lunch{background-image:url(../img/lunch_thumb.jpg);}
.showcase ul li span.unknown{background-image:url(../img/comingsoon_thumb.jpg);}

.interview-name{font-size:14px;width: 100%;overflow: hidden;width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #666;font-weight: bold;}
.interview-description{font-size:12px;margin-top:10px;color:#666;width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.showcase .topTitle h3{color: #7f7f7f;padding-top:0px;padding-bottom:30px;}

.report{background-color:#E7E7E7;}
.report .topTitle h3{color: #333;padding-top:30px;padding-bottom:15px;background-color:transparent;}

.table-note{margin-top:20px;font-size:12px;color:#6C6C6C;}

.mainvisual_lp{
    background-size:cover;
    background-repeat:no-repeat;
}

.mainvisual_lp h1{
    font-size:48px;
    color:#ff4a72;
    font-weight:bold;
    display:block;
    text-align:center;
    margin:30px 20px 20px;
    padding:0px;
    line-height:1em;
}

.mainvisual_lp h1 span{font-size:24px;}

.mainvisual_lp h2{
    font-size:18px;
    color:#ff4a72;
    display:block;
    text-align:center;
    margin:0px 20px 30px;
    padding:0px;
    line-height:1em;
}

.mainvisual_lp img{width:80%;margin-bottom:20px;}

.mainvisual_lp div.cta_wrap{
    background-color:#f1f1f1;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    padding:40px 0px;
    text-align:center;
}

.mainvisual_lp div a.ctaBtn{
    display:inline-block;
    background-color:#3774ff;
    border-radius:10px;
    color:#fff;
    font-size:28px;
    text-shadow: 0px -1px 2px #1c3a7e;
    position:relative;
    text-decoration:none;
    padding:20px;
    width:40%;
	cursor: pointer;
}

.mainvisual_lp div a.ctaBtn i{
    font-size:38px;
    position:absolute;
    top:22px;
    right:20px;
}

.mainvisual_lp div a.ctaBtn:hover{background-color:#5589ff;}

.mainvisual_lp div.mainvisual_copy{display:block;margin-top:10px;font-size:14px;color:#922940;background-color:#ffe1e9;padding:10px;border-radius:10px;margin:0px 20px 30px;text-align:left;}

.sub_contents{padding:20px;text-align: left;}
.sub_catch_copy{text-align:left;display:block;font-size:18px;color:#ff4a72;border-left:5px solid #ff4a72;padding:2px 10px;}
.subsub_catch_copy{text-align:left;display:block;font-size:16px;color:#ff4a72;margin:30px 0px 10px;}
.sub_image img{width:80%;}

.sub_copy{display: block;margin: 20px 0px 0px;color: #343434;font-size: 14px;text-align: left;}

.breadcrumb_wrap{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#f1f1f1;
}

.breadcrumb {
margin: 0px auto;
padding: 0px 10px;
display: block;
text-align: left;
}

.breadcrumb li{
display:inline;
list-style: none;
font-size:12px;
}

.breadcrumb li:after{
font-family: "FontAwesome";
content: '\f105';
color: #979797;
display: inline-block;
vertical-align: middle;
font-size:14px;
position: relative;
top: -1px;
}

.breadcrumb li:last-child:after{
content: '';
}

.breadcrumb li a {
text-decoration: none;
color: #979797;
display: inline-block;
padding:5px 10px 3px;
}

.breadcrumb li:last-child a{color:#000;text-decoration: none;}
.breadcrumb li:first-child a{padding-left:0px;}

.breadcrumb li:first-child a:before{
font-family: "FontAwesome";
content: '\f015';
font-weight: normal;
color: #979797;
display: inline-block;
vertical-align: middle;
font-size:14px;
position: relative;
top: -2px;
}

.breadcrumb li a:hover {
text-decoration: underline;
}

#points_closer{display: none;}

#points{
position: fixed;
background-color: rgba(0,0,0,.8);
bottom:0px;
right:0px;
width:100%;
max-width: 400px;
padding:10px 10px 10px 70px;
text-align: left;
box-sizing: border-box;
z-index: 9999;
cursor: pointer;
transition: 1s;
}

#points_closer:checked ~ #points{opacity:0;bottom:-100px;}

#points label{
position: absolute;
font-size:14px;
color:#fff;
right:10px;top:10px;
}

#points img{
position: absolute;
width:50px;
top:-7px;
left:10px;
}

#points h2{font-size:14px;color:#ff4a72;}
#points p{font-size:12px;color:#fff;margin-top:3px;}