@charset "utf-8";
*{
box-sizing: border-box;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
-webkit-overflow-scrolling: touch;
}

body {
margin: 0;
padding: 0;
background-color: #fcfbf7 !important;
color:#333333;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,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;}

/* 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 */

/*
*/

a:link{
	color:#ff4a72;
	text-decoration:none;
	font-weight:normal;
}

a:visited{
	color:#96636f;
	text-decoration:none;
	font-weight:normal;
}

a:active{
	color:#ff91a9;
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	color:#d42149;
	text-decoration: underline;
	font-weight:normal;
}

a[href^="tel:"] { cursor: default; color:inherit; text-decoration: none;}

form{
display:inline;
}

strong{
font-weight:bold;
}

img{max-width: 100%;}

.mar-t-0{margin-top:0px !important;}
.mar-t-5{margin-top:5px !important;}
.mar-t-10{margin-top:10px !important;}
.mar-t-15{margin-top:15px !important;}
.mar-t-20{margin-top:20px !important;}
.mar-t-7{margin-top:7px !important;}
.mar-t-3{margin-top:3px !important;}
.mar-t-30{margin-top:30px !important;}
.mar-t-40{margin-top:40px !important;}
.mar-t-50{margin-top:50px !important;}
.mar-t--10{margin-top:-10px !important;}
.mar-b-7{margin-bottom:7px !important;}
.mar-b-10{margin-bottom:10px !important;}
.mar-b-15{margin-bottom:15px !important;}
.mar-b-20{margin-bottom:20px !important;}
.mar-b-25{margin-bottom:25px !important;}
.mar-b-30{margin-bottom:30px !important;}
.mar-b-35{margin-bottom:35px !important;}
.mar-b-0{margin-bottom:0px !important;}
.mar-b-2{margin-bottom:2px !important;}
.mar-b-3{margin-bottom:3px !important;}
.mar-b-5{margin-bottom:5px !important;}
.pad-t-10{padding-top:10px !important;}
.pad-t-20{padding-top:20px !important;}
.pad-t-50{padding-top:50px !important;}
.pad-t-5{padding-top:5px !important;}
.pad-b-0{padding-bottom:0px !important;}
.pad-b-5{padding-bottom:5px !important;}
.pad-b-10{padding-bottom:10px !important;}
.pad-t-20{padding-top:20px !important;}
.pad-b-20{padding-bottom:20px !important;}
.mar-r-0{margin-right:0px !important;}
.mar-r-9{margin-right:9px !important;}
.mar-r-10{margin-right:10px !important;}
.mar-l-0{margin-left:0px !important;}
.mar-l-5{margin-left:5px !important;}
.mar-l-10{margin-left:10px !important;}
.mar-l-15{margin-left:15px !important;}
.mar-l-30{margin-left:30px !important;}
.mar-l--20{margin-left:-20px !important;}
.mar-r-10{margin-right:10px !important;}
.mar-r-5{margin-right:5px !important;}
.mar-r-7{margin-right:7px !important;}
.mar-r-25{margin-right:25px !important;}
.padding-left-zero{padding-left:0px !important;}
.width-middle{width:720px !important;}
.width-auto{width:auto !important;}
.mar-20{margin:20px !important;}
.mar-0{margin:0px 0px 0px 0px !important;}
.pad-0{padding:0px 0px 0px 0px !important;}
.pad-l-0{padding-left:0px !important;}
.pad-l-10{padding-left:10px !important;}
.pad-l-20{padding-left:20px !important;}
.pad-r-10{padding-right:10px !important;}
.pad-r-50{padding-right:50px !important;}
.nowrap{white-space: nowrap !important;}

/* END OF SUPER COMMON*/

/* Drawer Menu*/

html,body {
height: 100%;
overflow-x:hidden;
position: relative;
}

#drawer-toggle {
position: absolute;
opacity: 0;
}

#drawer-toggle-label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
right: 0px;
height:50px;
width: 50px;
display: none;
position: absolute;
background: rgba(255,255,255,.0);
z-index: 99998;
}

#drawer-toggle-label:before {
	content: '\f0c9';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	display: block;
	position: absolute;
	right: 18px;
	top: 7px;
	color:#e9527d;
	font-size:24px;
}

header.header_pc{background: #ffffff;line-height: 1em;text-align: left;}
header.header_pc div.utility{background-color:#f2f2f2;position: relative;padding:10px 15px;}
header.header_pc div.utility h1{font-size:12px;color:#4d4d4d;}
header.header_pc div.utility_login{
	display: flex;
	justify-content: flex-end;
}
header.header_pc div.utility_login div:first-child{margin-right:10px;}
header.header_pc div.utility_login div:first-child a{color:#e8527d;padding:0px 5px;display: inline-block;font-size:12px;}

header.header_pc div.utility_login div:nth-child(2) a{display: inline-block;padding:0px 0px 3px 0px;margin-left:5px;}
header.header_pc div.utility_login div:nth-child(2) a.current{border-bottom:1px solid #e9527d;}

.header_pc_nav_block{position: relative;padding:20px 15px;}
.header_pc_nav_block ul{margin:0px;padding:0px;position:absolute;right:15px;top:23px;}
.header_pc_nav_block ul li{display: inline-block;margin-left:10px;}
.header_pc_nav_block ul li a{font-size:14px;color:#4d4d4d;display: inline-block;padding:5px 10px;}
.header_pc_nav_block ul li a:hover{text-decoration: none;color:#e9527d}
.header_pc_nav_block ul li.inquiry a{background-color:#e9527d;border-radius:13px;color:#fff;}
.header_pc_nav_block ul li.inquiry a:hover{background-color:#EE7396;}
.header_pc_nav_block ul li.current a{color:#e9527d}
.header_pc_nav_block ul li a i{display: inline-block;margin-left:5px;}

.header_pc_nav_block ul li ul li {
    position: relative;
	display: block;
	text-align: center;
	margin:0px;
	border-bottom:1px solid #FCADC3;
}

.header_pc_nav_block ul li ul li a{
	display: block;
	padding: 5px 10px;
	text-align: center;
	color:#fff !important;}
.header_pc_nav_block ul li ul li a:hover{background-color:#EE7396;}
.header_pc_nav_block ul li ul li.current a{background-color:#fff;color:#e9527d !important;}

.header_pc_nav_block ul li ul {
	opacity: 0;
	visibility: hidden;
    position: absolute;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	background-color:#e9527d;
	left:25px;
	top:25px;
	right:auto;
	z-index: 999;
	border:1px solid #FCADC3;
	border-bottom:0px;
}

.header_pc_nav_block ul li:hover ul {
    top: 30px;
    visibility: visible;
    opacity: 1;
}

header.header_mobile {
display: none;
position: relative;
background: #ffffff;
padding: 12px 0;
height: 50px;
}

header.header_mobile img{width: 120px;}

header.header_mobile a.notification{
position: absolute;
left:15px;
top:15px;
color:#e9527d;
line-height: 1em;
font-size:24px;
transform: rotate(45deg);
}

header.header_mobile a.notification i.new:after{
content: '';
width: 10px;
height: 10px;
border: 2px solid #fff;
position: absolute;
right: -6px;
bottom: 4px;
background-color: #ff0000;
border-radius: 50%;
}

header.header_mobile a.notification i.current{color:#a3a3a3 !important;}

#drawer {
position: fixed;
top: 0;
right:-300px;
height: 100%;
width: 300px;
background-image: url(../img/menu_bg.png);
overflow-x: hidden;
overflow-y: auto;
z-index: 99999;
}

#page-content {
width: 100%;
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
}

#drawer-toggle:checked ~ #drawer-toggle-label {
height: 100%;
width: calc(100% - 300px);
background: rgba(0,0,0,.5);
}

#drawer-toggle:checked ~ #drawer-toggle-label:before {color:#fff;}

#drawer-toggle:checked ~ #drawer-toggle-label{
right: 300px;
}

#drawer-toggle:checked ~ #drawer {
right: 0px;
}

@media all and (max-width:350px) {

#drawer-toggle:checked ~ #drawer-toggle-label {
height: 100%;
width: 70px;
}

#drawer-toggle:checked ~ #drawer-toggle-label,
#drawer-toggle:checked ~ header {
right: calc(100% - 70px);
}

#drawer-toggle:checked ~ #drawer {
width: calc(100% - 70px);
}

}

/* END OF Drawer Menu*/

.menu_top{padding:20px;position: relative;text-align: left;}

.menu_top_photo{
border-radius: 50%;
width:80px;height:80px;
overflow: hidden;
position: absolute;
left:18px;top:18px;
background-color: #fff;
}

.menu_top_photo img{width:80px;}

.menu_top_level{margin-left:90px;color:#fff600;font-size:12px;}
.menu_top_name{margin-left:90px;color:#ffffff;font-size:14px;}
.menu_top_age{margin-left:90px;color:#cbcbcb;font-size:12px;}
.menu_top_edit{margin-left:90px;font-size:12px;}

.menu_top_level i,.menu_top_edit i{display: inline-block;margin-right:5px;}

.menu_top_edit a{color:#ff4a72 !important;}

#drawer ul{margin:0px 20px 0px;padding:10px 0px 10px;border-bottom:1px solid #808080;}
#drawer ul:last-child{border-bottom: 0px;}
#drawer ul li{margin:0px;padding:5px 0px;text-align: left;display: block;font-size:14px;}

#drawer ul li a{display: block;position: relative;}
#drawer ul li a:visited{color:#ff4a72;}
#drawer ul li a.current{color:#a3a3a3 !important;}
#drawer ul li a i{display: inline-block;margin-right:5px}
#drawer ul li a span{position: absolute;right:0px;top:3px;font-size:12px;color:#fff;font-weight:bold;text-decoration: none;}

#drawer ul li h2{color:#fff;}

#drawer ul li img{display: inline-block;margin-right:5px;}

ul.tab{
margin:0px;padding:0px;
display: flex;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}

ul.tab li{
flex-grow: 1;
border-right:1px solid #e0e0e0;
padding:0px;
background-color:#f9f9f9;
font-size:14px;
width: 100%;
}

ul.tab li:last-child{border-right: 0px;}

ul.tab li a{display:block;text-decoration: none !important;padding:5px;}
ul.tab li a:visited{color:#ff4a72;}
ul.tab li a:hover{background-color:#e5e5e5;}

ul.tab li a.current{background-color:#ff4a72;color:#fff;}

.sort{
background-color:#fff;
padding:10px;
font-size:14px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
text-align: left;
}

.feed {padding:10px 0px;}

.feed a.banner{margin-bottom:10px;display: block;}
.feed a.banner img{width: 100%;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);}

.feed ul{margin:0px;padding:0px;}
.feed ul li{margin:0px 0px 10px;padding:0px;position: relative;display: block;background-color:#fff;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);text-align: left;}
.feed ul li h2{display: block;margin:0px 65px 0px 0px;padding:10px 10px 0px;font-size:18px;color:#000;font-weight: bold;}
.feed ul li h3{display: block;margin:0px 65px 0px 0px;padding:5px 10px 0px;font-size:12px;color:#686868;font-weight:normal;}
.feed ul li h3 p{display: inline-block;margin-right:10px;}
.feed ul li h3 p i{display: inline-block;margin-right:5px}
.feed ul li div.post_points{
position: absolute;
right: 10px;
top: 10px;
background-image: url(../img/point_bg.png);
width: 55px;
height: 55px;
background-size: cover;
font-size: 18px;
color: #fff;
line-height: 57px;
text-align: center;
font-weight: bold;
}
.feed ul li div.post_picture{margin-top:10px;position: relative;}
.feed ul li div.post_picture h3{display: block;position: absolute;background-color: #8a00ff;color:#fff;fon-size:14px;padding:5px 10px;}

.feed ul li div.post_desc{padding:5px 10px 10px;font-size:12px;color:#686868;}

.page_title{
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
background-color:#f9f9f9;
}

.page_title h1{display: block;color:#000;font-size:18px;padding:10px;text-align: left;}
.page_title h1 i{display: inline-block;margin-right:5px}

ul.sub_tub{
margin:0px;padding:0px;
display: flex;
background-color:#fff;
text-align: center;
}

ul.sub_tub li{
flex-grow: 1;
padding:10px 0px;
font-size:14px;
width: 100%;
}

ul.sub_tub li a{display:inline-block;text-decoration: none !important;padding:5px;color:#000;}
ul.sub_tub li a:visited{color:#000;}
ul.sub_tub li a:hover{color:#5D5D5D;}

ul.sub_tub li a.current{border-bottom:1px solid #e9527d;font-weight: bold;}

.point_gauge{
position: relative;
padding:20px 10px;
margin: 0px auto;
max-width: 400px;
}

.point_gauge ul{
margin: 0px;
padding: 0px 40px 0px 0px;
background-color: #fff;
border-radius: 12px;
height: 24px;
display: flex;
}

.point_gauge li{
flex-grow: 1;
padding: 2px 3px;
margin: 0px;
width: 100%;
text-align: left;
line-height: 1em;
}

ul.mission_list li.mission_completed{background-color:#e6e6e6;}

.point_gauge li img{width:18px;}

.point_gauge span{
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
}

.point_gauge span img{width:40px}

.point_gauge_lv{
display: block;
position: absolute;
right: 7px;
bottom: 3px;
font-size:10px;
text-align:center;
padding:3px 5px;
background-color:#888888;
color:#fff;
border-radius:5px;
}

ul.mission_list{mrgin:0px;padding:0px;}
ul.mission_list li{
margin:0px 0px 10px;
padding:0px 10px;
position: relative;
display: block;
background-color:#fff;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
text-align: left;
}
ul.mission_list li h3{
margin:0px;
padding: 10px 60px 10px 10px;
border-bottom: 1px solid #d9d9d9;
font-size:18px;
}

ul.mission_list li div.point_num{
display: block;
position: absolute;
right:10px;
top:12px;
display: flex;
align-items:center;
}

ul.mission_list li div.point_num img{width:40px;}
ul.mission_list li div.point_num span{font-size:12px;display: inline-block;padding-left:5px;}

ul.mission_list li p{padding:5px 10px 10px;font-size:12px;color:#686868;}
ul.mission_list li i.fa-check{color:#83ca57;font-size:18px;display: inline-block;margin-right:5px;}

.sign_link{
position: absolute;
left:10px;
top:20px;
}

.sign_link a{
font-size:12px;
display: inline-block;
}

.form_wrap{padding:20px;background-color: #fff;}

.sns_sign_in{
border: 1px solid #e0e0e0;
background-color: #f9f9f9;
padding:20px;
}

.sns_sign_in ul,.sns_sign_in ul li{margin: 0px;padding: 0px;}

.sns_sign_in li a,.sns_sign_in_setting li a{
  display: block;
  padding: 10px 5px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius:5px;
}

.sns_sign_in li a i,.sns_sign_in_setting li a i{font-size:18px;}

.fb_login {background-color: #3b5998;margin-bottom:20px;}
.gp_login {background-color: #dd4b39}
.sns_sign_in li a:hover,.sns_sign_in_setting li a:hover {opacity: 0.8}

.sns_sign_in li a i,.sns_sign_in_setting li a i{display:inline-block;margin-right:5px;}

.sign_in_or{color:#999;font-size:16px;margin:10px 0px;}

.sign_in_form ul{margin:0px;padding:0px;}
.sign_in_form ul li{margin:0px 0px 20px;padding:0px;text-align: left;}

.sign_in_form ul li label{display:block;font-size:12px;color:#666666;}
.sign_in_form ul li input[type="text"],.sign_in_form ul li input[type="email"],.sign_in_form ul li input[type="password"],.sign_in_form ul li input[type="tel"]{
display: block;
width:100%;
margin: 0;
padding: 5px 10px;
border: 0 solid rgba(233,82,125,1);
border-bottom-width: 1px;
-webkit-border-radius: 0;
border-radius: 0;
color: rgba(51,51,51,1);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(255,255,255,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
font-size:14px;
}

.sign_in_form ul li label.check_label{color:#e9527d;}

.sign_in_submit{
display: block;
width:100%;
cursor: pointer;
padding: 10px 20px;
border: none;
-webkit-border-radius: 10px;
border-radius: 10px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
font-size:14px;
}

.sign_in_form h2{font-size: 18px;display: block;text-align: left;}

.sign_in_forget{
font-size:12px;
color:#7e7e7e;
}

.sign_in_forget p{display:block;padding:0px;margin-bottom:10px;}

.sign_in_forget p a{display:inline-block;margin-left:5px;}

.sign_up_agreement{display:flex;align-items:flex-start;}

.sign_up_agreement label.check_label{margin-left:5px;}

.check_label a{text-decoration: underline;}

.show_point{
background-color:#fff;
padding:20px;
font-size:14px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
margin-bottom:10px;
position: relative;
}

.show_point h3{
font-size:14px;
margin:0px;
padding:0px;
color:#7f7f7f;
}

.show_point h3 span{color:#000;font-size:1.8em;}

.point_exchange_btn{margin:20px 0px 0px;}

.point_exchange_btn a{
display: block;
width:100%;
cursor: pointer;
padding: 10px 20px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
font-size:14px;
}

.point_exchange_btn a:hover{text-decoration: none;opacity: 0.8;}

.point_exchange_btn_disable{
margin:20px 0px 0px;
display: block;
width:100%;
padding: 10px 20px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: rgba(255,255,255,1);
background: #cccccc;
font-size:14px;
}

.point_exchange_notify{font-size:12px;color:#7f7f7f;margin:10px 0px 0px;}
.point_exchange_notify span{color:#000;font-weight: bold;}

.history{
background-color:#fff;
padding:0px;
font-size:14px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
margin-bottom:10px;
}

.page_sub_title{
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
background-color:#f9f9f9;
position: relative;
}

.page_sub_title h2{display: block;color:#000;font-size:14px;padding:5px;text-align: left;}
.page_sub_title h2 i{display: inline-block;margin-right:5px}

.page_sub_title div{
position: absolute;
color:#7f7f7f;
right:10px;
top:5px;
font-size:12px;
}

.page_sub_title div span{color:#000;font-size:14px;}

.history_table_wrap{padding:20px 10px 20px}
.history_table_wrap table{width:100%;border-collapse:collapse;font-size:12px;}

.history_table_wrap table th{
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
background-color:#f9f9f9;
font-weight:bold;
padding:5px 5px;
text-align: left;
}

.history_table_wrap table td{
padding:5px 5px;
border-bottom:1px solid #e0e0e0;
text-align: left;
}

.history_table_wrap table th:last-child,.history_table_wrap table td:last-child{text-align: right;}

.btn_see_more{
display: block;
text-align: right;
padding: 0px 10px 20px;
font-size:14px;
}

.btn_see_more i{display: inline-block;margin-right:5px;}

.btn_back{
font-size:12px;
position: absolute;
left:10px;
top:10px;
}
.btn_back i{display: inline-block;margin-right:5px;}

.setting_wrap{background-color:#fff;padding:20px;text-align: left;}

.setting_wrap h2{font-size:18px;display: block;}
.setting_wrap h3{font-size:12px;display: block;color:#7f7f7f;margin-bottom:20px;}

.setting_wrap ul{margin:0px;padding:0px;}
.setting_wrap ul.radio li{margin:0px 0px 10px;padding:0px;text-align: left;}
.setting_wrap ul.radio li label{display:block;font-size:14px;font-weight:bold;color:#000;}

.setting_wrap ul.text{margin:20px 0px 0px;padding:0px;}
.setting_wrap ul.text li{margin:0px 0px 10px;padding:0px;text-align: left;}
label.label_title{display:block;font-size:12px;font-weight:bold;color:#666;}

.setting_wrap ul.text li input[type="text"],.setting_wrap ul.text li input[type="email"],.setting_wrap ul.text li input[type="password"],.setting_wrap ul.text li input[type="tel"]{
display: block;
width:100%;
margin: 0;
padding: 5px 10px;
border: 0 solid rgba(233,82,125,1);
border-bottom-width: 1px;
-webkit-border-radius: 0;
border-radius: 0;
color: rgba(51,51,51,1);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(255,255,255,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
font-size:14px;
}

.setting_wrap ul.text li input[type="tel"]{padding-left:40px;}

.country_code{position:absolute;left:10px;bottom: 5px;font-size:12px;color:#C2C2C2;}

.switcher{display: none;}
.edit_form{height:0px;width:0px;opacity: 0; position: relative;}

.show_form{font-size:14px;color:#000;font-weight:bold;}
.switcher:checked ~ .edit_form{height:auto;width:100%;opacity: 1;}
.switcher:checked ~ .show_form{height:0px;width:0px;opacity: 0;}

.label_switcher{display:inline-block;color:#ff4a72;margin-left:10px;font-size:14px;}

.edit_form .label_switcher{position:absolute;right:10px;bottom: 5px;font-size:12px;}

.edit_form .selectWrap ~ .label_switcher{position: relative;margin-left: 20px;font-size: 12px;top: -12px;}

ul.sns_sign_in_setting{margin-top:20px;}
ul.sns_sign_in_setting li{margin-bottom:20px;}
ul.sns_sign_in_setting label.label_title{margin-bottom:10px;}

.sns_account{font-size:14px;color:#000;font-weight:bold;}
.sns_sign_in_setting li div.sns_account a{display:inline-block;color:#ff4a72 !important;margin-left:10px;font-size:14px;padding:0px;font-weight:bold;}

.selectWrap{
border: 1px solid #CCCCCC;
border-radius: 3px;
display: inline-block;
overflow: hidden;
position: relative;
background-color:#fff;
width:auto;
position: relative;
box-sizing: border-box;
padding-right: 20px;
}

.selectWrap select{
background: transparent;
border: none;
font-size: 14px;
padding: 5px;
color: #555555;
width:130%;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.selectWrap:after{
content: "\f0d7";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size:18px;
color:#666;
z-index:999;
position: absolute;
top: 2px;
right: 10px;
}

.country{margin:20px 10px 0px;font-weight:bold;font-size:14px;color:#000;}

.country img{display:inline-block;margin-right:5px;}

.setting_photo{position: relative;height:85px;}

.setting_photo_img{
border-radius: 50%;
width:80px;height:80px;
overflow: hidden;
background-color: #fff;
border:1px solid #e5e5e5;
position: absolute;
left:0px;top:0px;
}

.setting_photo_img img{max-width:80px;max-height:80px;}

.setting_photo_upload{position: absolute;left:100px;top:25px;}

.setting_photo_upload label{
display: inline-block;
cursor: pointer;
padding: 5px 10px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
font-size:12px;
}

.setting_photo_upload label:hover{opacity: 0.8;}

.setting_photo_upload label i{display: inline-block;margin-right:5px;}

.info,.caution,.error-caution{
background-color:#ceecf6;
border-radius:5px;
position:relative;
}

.caution{background-color:#f6f4ce;}
.error-caution{background-color:#e11700;margin:20px auto 0px;}

.info p:before,.caution p:before,.error-caution p:before{
position: absolute;
top:10px;
left:10px;
content: "\f05a";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #fff;
font-size: 18px;
}

.caution p:before{content: "\f071";color:#8d1919;top:15px;left:15px;}
.error-caution p:before{content: "\f071";color:#fff;top:10px;left:15px;}

.info p,.caution p,.error-caution p{padding:10px 10px 10px 35px;color:#265483;text-align: left;line-height: 1.2em;font-size:14px;}
.caution p{color:#8d1919;padding:10px 10px 10px 50px;}
.error-caution p{color:#fff;padding:10px 10px 10px 50px;}

.info strong{font-size:1.2em;font-weight:bold;}

.article_common{padding:20px;background-color:#fff;}

.info .sign_in_submit{display: inline-block;margin-top:10px;margin-bottom:20px;width:auto;}

.job{
background-color:#fff;
text-align:left;
}

.job h2{display: block;margin:0px 65px 0px 0px;padding:10px 10px 0px;font-size:18px;color:#000;font-weight: bold;}
.job h3{display: block;margin:0px 65px 0px 0px;padding:5px 10px 0px;font-size:12px;color:#686868;font-weight:normal;}
.job h3 p{display: inline-block;margin-right:10px;}
.job h3 p i{display: inline-block;margin-right:5px}
.job div.post_points{
position: absolute;
right: 10px;
top: 5px;
background-image: url(../img/point_bg.png);
width: 55px;
height: 55px;
background-size: cover;
font-size: 18px;
color: #fff;
line-height: 57px;
text-align: center;
font-weight: bold;
}
.job div.post_picture{position: relative;}
.job div.post_picture h3{display: block;position: absolute;background-color: #8a00ff;color:#fff;fon-size:14px;padding:5px 10px;}

.job div.post_desc{padding:5px 10px 10px;font-size:12px;color:#686868;}

.job_info{position:relative;}

.survey{margin-top:10px;}

.survey ul{margin:0px;padding:0px;}
.survey ul li{margin:0px 0px 10px;background-color:#fff;
padding:20px;
font-size:14px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
text-align:left;
position: relative;
}

.survey ul li p{font-weight:bold;font-size:16px;margin-bottom:20px;}

.survey ul li p span{font-size:12px;display: block;margin-top:5px;color:#8B8B8B;font-weight: normal;}

.survey ul li ul.radio{margin:0px;padding:0px;}

.survey ul li ul.radio li{
margin:0px 0px 20px 10px;
padding:0px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.42);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.42);
}


.survey ul li ul.radio li:last-child{margin-bottom:0px;}

.survey ul li ul.radio li label{display: block;}

.survey ul li input[type="text"],.survey ul li input[type="number"],.survey ul li input[type="date"]{
display: block;
width:100%;
margin: 0;
padding: 5px 10px;
border: 0 solid rgba(233,82,125,1);
border-bottom-width: 1px;
-webkit-border-radius: 0;
border-radius: 0;
color: rgba(51,51,51,1);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(255,255,255,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
font-size:14px;
}

.survey ul li input[type="number"],.survey ul li input[type="date"]{
display: inline-block;
width:auto;
}

label.upload_button{
display: inline-block;
cursor: pointer;
padding: 5px 10px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
font-size:12px;
}

.upload_button:hover{opacity: 0.8;}

label.upload_button i{display: inline-block;margin-right:5px;}

.survey_submit{
display: inline-block;
width:auto;
cursor: pointer;
padding: 15px 30px;
border: none;
-webkit-border-radius: 10px;
border-radius: 10px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
font-size:18px;
}

.survey_submit_wrap{text-align:center;background-color:#fff;padding:20px 0px 30px;}

.survey_num{position:absolute;top:10px;right:10px;font-size:12px;color:#ADADAD;display:inline-block;}

.point_get{background-color:#fff;padding-top:80px}

.show_coin{
display: inline-block;
position: relative;
width: 225px;
min-height: 158px;
background-image: url(../img/show_coin_bg.png);
background-size: contain;
background-repeat: no-repeat;
text-align: center;
padding: 42px 0px 0px 80px;
font-size: 40px;
color: #fff;
font-weight: bold;
}

.point_get table{border:0px;margin:30px auto 30px;width:200px;}
.point_get table th{text-align:left;font-weight:normal;padding:5px 0px;color:#949494;width:60%;}
.point_get table td{text-align:right;font-weight:bold;padding:5px 0px;color:#000;}

.mission_achieved{
position: absolute;
top:0px;
left:20px;
right:20px;
background-color:#fff1c8;
padding:0px 0px 20px;
border:1px solid #ffc700;
color:#c99a3b;
border-radius:0px 0px 10px 10px;
z-index: 99999999999;
overflow: hidden;
transition: 2s;
}

.modal_close{position: absolute;top:5px;right:10px;font-size:20px;}

a.btn_mission_achieved{
display: inline-block;
width:auto;
cursor: pointer;
padding: 10px 20px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
font-size:14px;
}

a.btn_mission_achieved:hover{text-decoration: none;opacity: 0.8;}

.mission_achieved p:before{
position: absolute;
top:20px;
left:20px;
content: "\f091";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
color: #c99a3b;
font-size: 18px;
}


.mission_achieved p{padding:20px 20px 0px 50px;color:#c99a3b;text-align: left;line-height: 1.2em;font-size:14px;}

#mission_achieved_witcher{display:none;}

#mission_achieved_witcher:checked ~ .mission_achieved {
top:-100%;
}

.exchange_point{
background-color: #fff;
padding:20px;
text-align: left;
}

.exchange_point h2{font-size:12px;font-weight:normal;}

.exchange_point ul{margin:30px 0px 30px;padding:0px;}

.exchange_point ul li{
margin:0px 0px 20px;
padding:0px;
border:1px solid #dcdcdc;
display: block;
position: relative;
}

.exchange_point ul li.exchange_point_unavailable{background-color:#f2f2f2;}

.exchange_point_img{
position: absolute;
top:50%;
left:30px;
width:150px;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}

.exchange_point_img img{width: 100%;}

.exchange_point_desc{
padding:30px 10px 20px 200px;
}

.exchange_point_desc h3{font-size:24px;font-weight:bold;color:#000;margin-bottom:10px;}
.exchange_point_desc span{display: block;margin-bottom:5px;font-size:12px;color:#818181;}

.exchange_point_apply{
padding:0px 20px 20px 200px;
}

.exchange_point_apply input[type="submit"]{
display: inline-block;
width: auto;
cursor: pointer;
padding: 9px 20px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
font-size: 12px;
margin-left: 10px;
position: relative;
top: -12px;
}

.exchange_point ul li.exchange_point_unavailable .exchange_point_apply input[type="submit"]{background: #ccc;}

.exchange_point ul li.exchange_point_unavailable .selectWrap{background-color:#ccc;}

.exchange_point_notice{background-color:#b3b3b3;color:#fff;padding:5px;font-size:14px;text-align: center;}

#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;}

.temp{height:100vh;color:#fff;background-color:#5B5B5B;padding-top:40px;}

.invite_mainvisual{position:relative;background-color:#fff;}
.invite_mainvisual img{width:100%;}
.invite_mainvisual span{
position: absolute;
font-size: 32px;
color:#fff;
font-weight:bold;
left:10.16%;
bottom:8.9%;
display: block;
background-image:url(../img/invite_coin.png);
width:80px;height:80px;
background-size: cover;
padding-top:15px;
}

.invite_mainvisual span:last-child{right:10.16%;left:auto;}

.invite_copy{
background-color:#fff;
padding:20px;
text-align: left;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
margin-bottom:10px;
}
.invite_copy h1{font-size:18px;color:#000;display: block;margin-bottom:10px;}
.invite_copy h2{font-size:14px;color:#676767;}

.invite_method{
background-color:#fff;
padding:20px;
text-align: left;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.42);
margin-bottom:10px;
}

.invite_method h1{font-size:18px;color:#000;display: block;margin-bottom:10px;}
.invite_method p{font-size:14px;color:#676767;margin-bottom:20px;}

.invite_method input[type="text"]{
display: inline-block;
width:calc(100% - 90px);
margin: 0;
padding: 5px 10px;
border: 0 solid rgba(233,82,125,1);
border-bottom-width: 1px;
-webkit-border-radius: 0;
border-radius: 0;
color: rgba(51,51,51,1);
-o-text-overflow: clip;
text-overflow: clip;
background: rgba(255,255,255,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
font-size:14px;
}

.invite_method input[type="button"]{
display: inline-block;
width: 80px;
cursor: pointer;
padding: 5px 0px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
font-size: 14px;
margin-left: 10px;
}

.btns_invite{display: flex;}
.btns_invite div{width: calc(100% / 3);padding:0px 5px;}
.btn_invite_facebook a,.btn_invite_line a,.btn_invite_whatsapp a{
display: block;
cursor: pointer;
padding: 10px 5px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1) !important;
background: #3b5998;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
text-decoration: none !important;
font-size: 14px;
text-align: center;
}

.btn_invite_line a{background-color:#1dcd00;}
.btn_invite_whatsapp a{background-color:#4ac959;}

.btn_invite_facebook a i,.btn_invite_line a i,.btn_invite_whatsapp a i,.btn_invite_email a i{display: inline-block;margin-right:5px;font-size:16px;}

.btn_invite_email{text-align: center;}
.btn_invite_email a{
display: inline-block;
width: auto;
cursor: pointer;
padding: 10px 40px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
font-size: 14px;
text-decoration: none !important;
}

.notification_list{background-color: #fff;}
.notification_list ul{margin:0px;padding:0px 20px;}
.notification_list li{
display: block;
margin:0px;
padding:15px;
border-bottom:1px solid #e0e0e0;
position:relative;
}
.notification_list li:last-child{border-bottom:0px;}

.notification_list li span{color:#a3a3a3;font-size:12px;position: absolute;top:20px;right:20px;}
.notification_list li label{text-align: left;font-size:16px;cursor :pointer;display: block;font-weight:bold;color:#ff4a72;padding-right:100px;}

.notification_check{display: none;}

.notification_list li p {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
	text-align: left;
	font-size:14px;
}

.notification_check:checked + p {
    height: auto;
    padding: 20px 0px;
    opacity: 1;
}

.contact_wrap{background-color:#fff;padding:20px;text-align: left;}

.contact_wrap h2{font-size:18px;display: block;margin-bottom:20px;}

.contact_wrap textarea{border:1px solid #ff4a72;border-radius: 5px;display: block;margin-bottom:20px;width:100%;min-height:150px;text-align: left;}

.contact_wrap_submit{text-align: center;}
.contact_wrap input[type="submit"]{
display: inline-block;
width: auto;
cursor: pointer;
padding: 9px 20px;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
color: rgba(255,255,255,1);
background: rgba(233,82,125,1);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-appearance: none;
font-size: 14px;
}

.top_mainvisual_copyWrap{
background: #7f7f7f no-repeat;
background-size: cover;
position: relative;
}

.top_mainvisual_copy{
	width:100%;
	height:100%;
	text-align: center;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slogan_top_mainvisual_copy {
	background-color: rgba(0,0,0,0.5);
	margin-top:30px;
}

.slogan_top_mainvisual_copy h2{
	font-size: 44px;
	color:#fff;
}

@media screen and (max-width: 575px) {
	.top_mainvisual_copyWrap {
		background-color: #e84c6d;
	}

	.slogan_top_mainvisual_copy {
		background-color: transparent;
		margin-top: 0;
	}

	.slogan_top_mainvisual_copy h2{
		font-size: 16px !important;
	}
}

@media screen and (min-width: 576px) {
	.top_mainvisual_copyWrap{
		height: calc(100vh - 70px);
		min-height: 774px;
	}
}

@media screen and (max-width: 1024px) {
	.slogan_top_mainvisual_copy h2{
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.slogan_top_mainvisual_copy h2{
		font-size: 28px;
	}
}

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

.album span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    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 }
}

.report{background-color:#E7E7E7;}
.report .topTitle h3{color: #333;padding-top:30px;padding-bottom:5px;background-color:transparent;border-bottom:1px solid #999999;display: inline-block;font-weight: normal;}

#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; }

.service{background-color:#fff;}
.service h2{color: #333;padding-top:30px;padding-bottom:5px;border-bottom:1px solid #999999;display: inline-block;font-weight: normal;}
.service ul{margin:30px 0px 0px;padding:0px;}
.service ul li.service_block{
display: block;
position: relative;
background-size: cover;
background-position: center center;
color:#fff;
margin-bottom:10px;
}

.service_wrap{
display: block;
width: 100%;
height: 210px;
background-image: url(../img/top_mainvisual_bg.gif);
z-index: -10;
}

.service_promotion{background-image: url(../img/bg_service_promotion.jpg)}
.service_survey{background-image: url(../img/bg_service_survey.jpg)}
.service_recruit{background-image: url(../img/bg_service_recruit.jpg)}
.service_coupon{background-image: url(../img/bg_service_coupon.jpg)}

.service ul li.service_block a.service_title{
display: inline-block;
color:#fff;
font-size:16px;
border:1px solid #fff;
padding:10px 20px;
margin-top:50px;
min-width:60%;
}

.service ul li.service_block div.service_link{display: flex;margin:20px 0px;font-size:12px;}
.service ul li.service_block div.service_link a{width:50%;padding-right:20px;text-align: right;color:#fff;}
.service ul li.service_block div.service_link a:last-child{padding-left:20px;text-align:left;}
.service ul li.service_block div.service_link a img{display: inline-block;margin-right:5px;}

.service ul li.service_block p{font-size:12px;text-align: left;padding:0px 20px 20px;}

.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,.lp_showcase ul li span{display: block;text-decoration: none !important;}
.showcase ul li span.interview-picture,.lp_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,.lp_showcase ul li a:hover span.interview-picture{background-size:120%;}

span.asahishoes{background-image:url(../img/asahisoes_thumb.jpg);}
span.pangansari{background-image:url(../img/pangansari_thumb.jpg);}
span.tlwproject{background-image:url(../img/tlwproject_thumb.jpg);}
span.solusikerjanyata{background-image:url(../img/solusikerjanyata_thumb.jpg);}

span.lunch{background-image:url(../img/lunch_thumb.jpg);}
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;}

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

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

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

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

ul.breadcrumbs{
	margin: 0;
	padding-left: 0;
	text-align: left;
}

ul.breadcrumbs li {
  display: inline-block;
  font-size:12px;
  color:#4D4D4D;
}

ul.breadcrumbs li + li:before {
	content: '\f054';
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-weight: normal;
	padding: 0 5px;
}

ul.breadcrumbs li a {
	color:#4D4D4D;
}
ul.breadcrumbs li:last-child {
	font-weight:bold;
}

.category_mainvisual{
display: block;
position: relative;
background-size: cover;
background-position: center center;
color:#fff;
min-height:260px;
}

.category_mainvisual_wrap{
display: block;
width: 100%;
height: 100%;
background-image: url(../img/top_mainvisual_bg.gif);
height: 260px;
}

.category_mainvisual_promo{background-image: url(../img/bg_category_promotion.jpg)}
.category_mainvisual_survey{background-image: url(../img/bg_category_survey.jpg)}
.category_mainvisual_recruit{background-image: url(../img/bg_category_recruit.jpg)}
.category_mainvisual_coupon{background-image: url(../img/bg_category_coupon.jpg)}
.category_mainvisual_service{background-image: url(../img/bg_category_promotion.jpg)}
.category_mainvisual_download{background-image: url(../img/bg_category_download.jpg)}
.category_mainvisual_inquiry{background-image: url(../img/bg_category_inquiry.jpg)}
.category_mainvisual_point_back{
	background-image: url(../img/bg_category_coupon.jpg);
}
.category_mainvisual_business{
	background-image: url(../img/bg_sales.png);
}
.category_mainvisual_offshore{
	background-image: url(../img/bg_offshore.png);
}
.category_mainvisual_ec{
	background-image: url(../img/bg_ec.png)
}
.category_mainvisual_copy{
position: absolute;
bottom:20px;
color:#fff;
text-align: left;
}

.category_mainvisual_copy h1{font-size:24px;font-weight:normal;}
.category_mainvisual_copy h2{font-size:14px;font-weight:normal;display: block;margin-top:10px;}

.cta_btns{
display: flex;
background-color:#fff;
}

.cta_btns a{
width:50%;
color:#e9527d;
font-size:16px;
padding:20px 0px;
}

.cta_btns a:hover{background-color: #fcedf1;}

.cta_btns a:last-child{border-left:1px solid #b3b3b3;}
.cta_btns a i{display: inline-block;font-size:1.2em;margin-right:5px;}

.cta_btns a.current{background-color:#f8e8ed;}

.block_grey{background-color: #e5e5e5;padding:30px;position: relative;}
.block_white{background-color: #fff;padding:30px;position: relative;}

.block_grey h2,.block_white h2 {
	font-size: 20px;
	color:#353535;
	display: block;
	padding:0 0 10px;
	border-bottom:1px solid #e9527d;
	margin:0 auto 20px;
	width:80%;}
.block_grey p,.block_white p {
	color:#4d4d4d;
	text-align: left;
	margin-bottom:30px;
}

.block_grey p span,.block_white p span{display: block;margin-top:10px;font-size:12px;}

.service_step_vertical{margin:0px;padding:0px;}
.service_step_vertical li{display: block;margin-bottom:40px;}
.service_step_vertical li:last-child{margin-bottom:0px;}
.service_step_vertical li img{width:350px;max-width:70%;}
.service_step_vertical li h3{display: block;margin-top:20px;color:#000;font-size:16px;}

.service_step_horizontal{margin:0px;padding:0px;display: flex;}
.service_step_horizontal li{display: block;margin-bottom:40px;padding:0px 20px;}

.service_step_horizontal li img{max-width:100%;}
.service_step_horizontal h3{display: block;margin-top:20px;color:#000;font-size:14px;}

.service_step_wide{margin:0px;padding:0px;}
.service_step_wide li{display: block;margin-bottom:0px;}
.service_step_wide li img{max-width:90%;}

.sales_ex{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;list-style: decimal;}

.sales_ex li {
	list-style: disc;
	text-align: left;
}

.sales_figure{position: absolute;width: 150px;right:20px;bottom:0px;}

.cta_btns_small a img{display: inline-block; margin-right:5px;}


@media all and (max-width:450px) {
.service_step_horizontal li{padding:0px 10px;}
.service_step_wide li img{max-width:100%;}
.sales_ex{padding:0px 35% 0px 0px;}
.sales_figure{width: 30%;right:0px;}
}

.cta_btns_bottom{border-top:1px solid #b3b3b3;}
@media all and (max-width:450px) {
.cta_btns_small{display: block;}
.cta_btns_small a{display: block; width:100%;border-left:0px solid #b3b3b3 !important;}
.cta_btns_small a:last-child{border-top:1px solid #b3b3b3;}
}

.service_description{
display:flex;
flex-wrap: wrap;
justify-content:space-between;
text-align: center;
width: 90%;
margin:0px auto;padding:0px;
-webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 }

.service_description > li:nth-child(1){flex-basis:40%;}
.service_description > li:nth-child(2){flex-basis:20%;font-size:60px;color:#9E9E9E;}
@media all and (max-width:550px) {.service_description > li:nth-child(2){font-size:40px;}}
.service_description > li:nth-child(3){flex-basis:40%;}
.service_description > li:nth-child(4){flex-basis:40%;padding-top:20px;text-align: left;}
.service_description > li:nth-child(5){flex-basis:20%;}
.service_description > li:nth-child(6){flex-basis:40%;padding-top:20px;text-align: left;}
.service_description > li:nth-child(7){flex-basis:40%;padding-top:10px;font-size: 12px;text-align: left;}
.service_description > li:nth-child(8){flex-basis:20%;}
.service_description > li:nth-child(9){flex-basis:40%;padding-top:10px;font-size: 12px;text-align: left;}
.service_description > li:nth-child(10){flex-basis:40%;font-size:50px;color:#9E9E9E;}
.service_description > li:nth-child(11){flex-basis:20%;}
.service_description > li:nth-child(12){flex-basis:40%;font-size:50px;color:#9E9E9E;}
.service_description > li:nth-child(13){flex-basis:40%;font-size:14px;}
.service_description > li:nth-child(14){flex-basis:20%;}
.service_description > li:nth-child(15){flex-basis:40%;font-size:14px;}

.service_description > li p{margin-bottom:0px !important;}

.service_description > li ul{list-style-type: disc;margin:0px 0px 0px 20px;padding:0px;text-align: left;}
.service_description > li ul li{padding-bottom:5px;list-style-type: disc;}

.company_tbl{width:90%;margin:0px auto 20px;border-collapse: collapse;border:1px solid #7f7f7f;}
.company_tbl th{background-color:#EBEBEB;padding:5px;font-size:12px;vertical-align:middle;text-align: left;border:1px solid #7f7f7f;white-space: nowrap;}
.company_tbl td{background-color:#fff;padding:5px;font-size:14px;vertical-align:middle;text-align: left;border:1px solid #7f7f7f;}

.inquiry_form{margin:0px 0px 40px;padding:0px;}
.inquiry_form li{
margin:0px 0px 20px;
padding:0px;
text-align: left;
}

.inquiry_form li span{
display: block;
padding:0px 0px 5px;
font-size:12px;
color:#6E6E6E;
}

.inquiry_form_text{
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: 0.5s, border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding: 8px;
    font-size: 14px;
    color: #000;
    border-radius: 3px;
	box-sizing: border-box;
	max-width:100%;
}
.inquiry_form_text:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
	background-color: #fff !important;
}

.inquiry_form_textarea{
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: 0.5s, border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding: 8px;
    font-size: 14px;
    color: #000;
    border-radius: 3px;
	box-sizing: border-box;
	max-width:100%;
	min-width:60%;
	min-height:300px;
}
.inquiry_form_textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
	background-color: #fff !important;
}

@media all and (max-width:600px) {
.inquiry_form_textarea{width:100%;}
}

.selectWrap{
border: 1px solid #CCCCCC;
border-radius: 3px;
display: inline-block;
overflow: hidden;
position: relative;
background-color:#fff;
width:auto;
position: relative;
box-sizing: border-box;
padding-right: 20px;
}

.form-radio-content .selectWrap{display: block;}

.selectWrap select{
background: transparent;
border: none;
font-size: 14px;
padding: 5px;
color: #555555;
width:130%;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.selectWrap:after{
content: "\f0d7";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
font-size:18px;
color:#666;
z-index:999;
position: absolute;
top: 3px;
right: 10px;
}

input::placeholder {
  color: #cdcdcd;
}

/* IE */
input:-ms-input-placeholder {
  color: #cdcdcd;
}

/* Edge */
input::-ms-input-placeholder {
  color: #cdcdcd;
}

.inquiry_form_submit{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color:#e9527d;border-radius:5px;color:#fff;font-size:18px;padding:10px 20px;border:0px;cursor: pointer;}
.inquiry_form_submit a:hover{background-color:#EE7396;}

.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;clear:left;}
.contentsRightBlockChartTitle{display:inline-block;background-color:#fff;border-radius:3px;padding:5px 10px;font-size:14px;font-weight:bold;color:#d8375b;margin-left:20px;}

.border-top{border-top: 1px solid #b3b3b3;}

.contentsRightBlock{float:left;width:35%;}
.float-right{float:right;width:62%;}

@media all and (max-width:750px) {
.contentsRightBlock{float:none;width:auto;}
.float-right{float:none;width:auto;margin-top:20px;}
}

.HeaderSign{
  *zoom: 1;
  list-style-type: none;
  display:inline-block;
  margin:0px;
  padding: 0;
  display: block;
  text-align:right;
}

.HeaderSign li{
  position: relative;
  margin: 0;
  padding: 0;
  display:inline-block;
border-radius:5px;
}

.HeaderSign li a{
  display: block;
  margin: 0;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}
.HeaderSign li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: calc(100% + 5px);
  right:0px;
  margin: 0;
  padding: 0;
	width: 100%;
	text-align: left;
	background-color:#fff;
	border:1px solid #ADADAD;
	border-radius: 5px;
}

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

.HeaderSign li ul li{
  width: 100%;
border-radius:0px;
overflow: hidden;
margin:0px;padding:0px;
}

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

.HeaderSign li ul li:last-child{border-bottom:1px;border-radius:0px 0px 5px 5px;}

.HeaderSign li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
  padding:10px;
  color:#333;
}
.HeaderSign li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

.HeaderSign li ul li a:hover{background-color:#E5E5E5;}

.drawer__user{color: #fff;padding:20px 20px 0px;font-size:14px;text-align: left;}

.policy_container{
text-align: left;
padding: 20px;
margin-top:1px solid #b3b3b3;
}

.policy_container h1{
font-size: 24px;
margin-bottom: 20px;
}
.policy_container h2{
display: block;
font-size: 18px;
margin: 20px 0px 10px;
}
.policy_container h3{
display: block;
font-size: 16px;
margin: 20px 0px 10px;
}
.policy_container ul li{list-style: disc;}

.interview_header{
position:relative;
height: calc(100vh - 137px);
max-height: 500px;
background-size: 60%;
background-position: top right;
background-repeat: no-repeat;
background-color:#000;
}
.asahishoes{background-image:url(../img/asahisoes_top.jpg)}
.pangansari{background-image:url(../img/pangansari_top.jpg)}
.tlwprojects{background-image:url(../img/tlwprojects_top.jpg)}
.solusikerjanyata{background-image:url(../img/solusikerjanyata_top.jpg)}

.interview_header div{
width:40%;
height: 100%;
padding:20px;
text-align: left;
position: relative;
}

.interview_header div h1{font-size: 30px;font-weight:bold;color:#fff;display: block;}
.interview_header div h1 strong{color:#ff5b7f;}

.interview_header div h2{font-size: 16px;color:#fff;display: block;margin-top:20px;}
.interview_header div h3{font-size: 12px;color:#fff;display: block;margin-bottom:10px;}

.interview_data{
border:2px solid #ff5b7f;
padding:20px 320px 20px 20px;
position: relative;
text-align: left;
}

.interview_data span{display: block;position: absolute;background-color:#fff;padding:0px 10px;top:-12px;left:20px;color:#ff5b7f;font-weight: bold;}

.interview_data h3{position: absolute;right:20px;top:20px;}
.interview_data h3 img{width:290px;}

.interview_data h2{font-size:18px;font-weight:bold;display: block;}
.interview_data h2 a{color:#000;text-decoration: none;}

.interview_data p{font-size:16px;}
.interview_data p a{font-size:16px;color:#3774ff;}
.interview_data p a i{display: inline-block;margin-right:5px;}
.interview_data p.interview_data_desc{margin-top:20px;}

.interview_contents{margin-top:30px;text-align: left;}

.interview_contents h3{display: block;border-left:5px solid #ff5b7f;color:#ff5b7f;padding:2px 10px;font-size:20px;text-align: left;}

.interview_contents p{font-size:16px;}

.interview_contents p.interviewer{
color:#666;
display: block;
text-align: left;
margin-top:25px;
}

.interviewee{color:#000;text-align: left;display: block;margin-top:15px;}

.interview_picture_wrap{text-align: center;margin-top:25px;}
.interview_picture{
display: inline-block;
border:1px solid #b8b8b8;
}

.interview_picture span{display: block;background-color: #b8b8b8;padding:10px;color:#fff;text-align: left;width:100%;}

.interview_cta{margin-top: 40px;position: relative;}
.interview_cta h3{display: block;position: absolute;background-color:#fff;padding:0px 10px;top:-12px;left:20px;color:#ff5b7f;}

.interview_cta table{border-collapse: collapse;width:100%;border:1px solid #ff5b7f;}

.interview_cta table td{
width:33.33333333333%;
padding:20px 0px 10px;
}

.interview_cta table td p{border-right:1px solid #ff5b7f;text-align: center;padding:10px 20px;}
.interview_cta table td:first-child p{padding:0px 0px;}
.interview_cta table td:last-child p{border-right:0px solid #ff5b7f;}


a.interview_cta_btn{
    display:inline-block;
    background-color:#3774ff;
    border-radius:5px;
    color:#fff;
    font-size:18px;
    position:relative;
    text-decoration:none;
    padding:10px 20px;
	cursor: pointer;
}

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

.interview_cta table td:nth-child(2) p a,.interview_cta table td:last-child p a{text-decoration: none;color:#3774ff;font-weight: bold;}
.interview_cta table td:nth-child(2) p a i,.interview_cta table td:last-child p a i{display: inline-block;font-size:24px;margin-right:5px;}
.interview_cta table td:nth-child(2) p a i{position: relative;top:3px;}

.interview-content{
padding: 20px 20px 50px;
background-color: #fff;
}


.lp_mainvisual_copyWrap{
display: table;
background: #7f7f7f no-repeat;
background-size: cover;
height: calc(100vh - 70px);
position: relative;
min-height: 774px;
width: 100%;
text-align: center;
}

@media all and (max-width:950px) {.lp_mainvisual_copyWrap{height: calc(100vh - 56px);min-height: 774px;}}
@media all and (max-width:450px) {.lp_mainvisual_copyWrap{min-height: auto;}}

.lp_mainvisual_copy{width:100%;height:100%;display: table-cell;vertical-align: middle;text-align: center;position: relative;background-image: url(../img/top_mainvisual_bg.gif);overflow: hidden;}

.lp_mainvisual_copy h1{
width:80%;
height:100%;
margin:0px auto;
position:relative;
top:-20px;
left:0;
right:20;
overflow: hidden;
}

@media all and (max-width:750px) {
.lp_mainvisual_copy h1{width:90%;top:-10px;}
}

@media all and (max-width:600px) {
.lp_mainvisual_copy h1{width:80%;}
}


.lp_mainvisual_copy h1.short{
width:80%;
height:100%;
margin:0px auto;
position:relative;
top:-20px;
left:0;
right:20;
overflow: hidden;
}

@media all and (max-width:750px) {
.lp_mainvisual_copy h1.short{width:90%;top:-10px;}
}

@media all and (max-width:600px) {
.lp_mainvisual_copy h1.short{width:80%;}
}


.lp_mainvisual_copy h2{
position:absolute;
bottom:0px;
right:10px;
width: 230px;
}

@media all and (max-width:600px) {
.lp_mainvisual_copy h2{right:0;left:0;margin: 0px auto;bottom:-20px;}
}
@media all and (max-width:450px) {
.lp_mainvisual_copy h2{right:0;left:0;margin: 0px auto;bottom:-40px;}
}


.lp_mainvisual_copy div{
margin:0px auto;
position:absolute;
bottom:50px;
left:0;right:0;
}

.lp_mainvisual_copy div a:first-child{
display: inline-block;
border:5px solid #fff;
background-color: #e9537d;
-webkit-box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1);
-moz-box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1);
box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1);
color:#fff;
border-radius: 10px;
padding:20px 40px;
font-size:42px;
font-weight: bold;
text-decoration: none;
}

.lp_mainvisual_copy div a:last-child{
display: block;
padding:20px 0px;
color:#fff;
font-size:18px;
}

.lp_mainvisual_copy div a:hover{opacity: 0.8;}

.lp_mainvisual_copy div a:last-child i{display: inline-block;margin-right:8px;}


@media all and (max-width:750px) {
.lp_mainvisual_copy div{left:30px;right:auto;}
.lp_mainvisual_copy div a:first-child{font-size:30px;}
}


@media all and (max-width:600px) {
.lp_mainvisual_copy div{bottom: 250px;left:0;right:0;}
}

@media all and (max-width:450px) {
.lp_mainvisual_copy div{bottom: 250px;}
.lp_mainvisual_copy div a:first-child{font-size:24px;padding:15px 30px;}
.lp_mainvisual_copy div a:last-child{padding:10px 0px;}
}


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

.lp_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;
}

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

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

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

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

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

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

.lp_nayami{background-color:#f5f5f5;padding:30px 20px 0px;}

.lp_nayami h2{display: inline-block;padding:0px 30px 10px;border-bottom:4px double #e9537d;font-size:26px;color:#4d4d4d;}

.lp_nayami ul{
margin:30px 0px 0px;
padding:0px;
display:flex;
}

.lp_nayami ul li{
flex: 1;
display: block;
position: relative;
background-image:url(../img/lp_nayami_bg.png);
background-size: contain;
background-repeat: no-repeat;
min-height: 250px;
margin-right:20px;
padding:20px 20px 0px;
text-align: left;
font-size:18px;
font-weight: bold;
}

.lp_nayami ul li img{position: absolute;width:35%;bottom:0px;right:-20px;}

.lp_nayami ul li:last-child{margin-right:0px;}

@media all and (max-width:900px) {
.lp_nayami ul li{font-size:14px;}
}

@media all and (max-width:700px) {
.lp_nayami ul{display: block;}
.lp_nayami ul li{margin-bottom:30px;padding: 20px 40% 0px 20px;font-size: 18px;min-height: 260px;}
.lp_nayami ul li img{width:30%;}
.lp_nayami h2{padding:0px 10px 10px;font-size:18px;}
}

@media all and (max-width:450px) {
.lp_nayami ul li{padding: 20px 30% 0px 20px;}
.lp_nayami ul li img{width:50%;}
}

.lp_kaiketsu{
position: relative;
background: #ea527c;
padding:10px;
}
.lp_kaiketsu:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border: 21px solid transparent;
border-top-color: #ea527c;
border-bottom: 0;
margin-left: -21px;
margin-bottom: -21px;
z-index: 9999;
}

.lp_kaiketsu .dashed{
position: relative;
padding: 30px;
border: #ffffff dashed 2px;
}


.lp_kaiketsu div h2{font-size:32px;color:#f4d3dc;display: block;}
.lp_kaiketsu div h2 span{font-size:42px;color:#fff;white-space: nowrap;}

@media all and (max-width:450px) {
.lp_kaiketsu div h2 span{display: block;}
}

.lp_kaiketsu div p{margin:30px 0px 0px;font-size:14px;color:#fff;text-align: left;}

.lp_solutions{padding:30px;}
.lp_solutions ul{margin:20px 0px 0px;padding:0px;}
.lp_solutions ul li{
display:table;
border:2px solid #ea527c;
margin-bottom:20px;
background-color: #fff;
}

.lp_solutions ul li:last-child{margin-bottom:0px;}

.lp_solutions ul li span{
min-width: 124px;
min-height:124px;
background-color: #ea527c;
color:#fff;
font-weight:bold;
display: table-cell;
font-size:50px;
vertical-align: middle;
}

.lp_solutions ul li h3{
width:  40%;
align-self: center;
font-size:24px;
display: table-cell;
vertical-align: middle;
}

.lp_solutions ul li p{
font-size:14px;
text-align: left;
padding:10px 20px 10px 0px;
display: table-cell;
vertical-align: middle;
}

@media all and (max-width:900px) {
.lp_solutions ul li span{min-width: 80px;min-height:80px;font-size:30px;}
.lp_solutions ul li h3{width:30%;font-size:18px;}
}

@media all and (max-width:700px) {
.lp_solutions ul li p{font-size:12px;}
}

@media all and (max-width:500px) {
.lp_solutions ul li{display:block;position: relative;}
.lp_solutions ul li span{position: absolute;min-width: 40px;min-height:40px;font-size:18px;display: block;top:0px;left:0px;padding-top:8px;box-sizing: border-box;}
.lp_solutions ul li h3{width:auto;font-size:18px;margin-left:60px;display: block;text-align: left;padding-top:10px;}
.lp_solutions ul li p{padding:20px;display: block;}
}

.lp_showcase{
background-color:#f4d3dc;
padding:30px 20px;
}

.lp_showcase h2{display: inline-block;padding:0px 30px 10px;border-bottom:4px double #e9537d;font-size:26px;color:#4d4d4d;}

.lp_showcase ul{margin:30px 0px 0px;padding:0px;}

.lp_showcase ul li{
background-color:#fff;
display: block;
margin-bottom:20px;
-webkit-box-shadow: 0px 3px 3px 0px rgba(186,161,165,1);
-moz-box-shadow: 0px 3px 3px 0px rgba(186,161,165,1);
box-shadow: 0px 3px 3px 0px rgba(186,161,165,1);
}

.lp_showcase ul li a{
display: block;
padding:20px;
}

.lp_showcase ul li a:hover{text-decoration: none;}

.lp_showcase_wrap{
display: block;
float:left;
}

.lp_showcase_wrap h3{display: block;font-size:16px;font-weight:bold;}

.lp-interview-description{
text-align: left;
margin-left:240px;
font-size:14px;
}

.lp-interview-description h4{display: block;font-size:18px;margin-bottom:20px;color:#e9537d;}
.lp-interview-description p.interviewer{color:#707070;}
.lp-interview-description p.interviewee{color:#000000;margin-bottom:10px;}

.lp-interview-link{display: block;color:#e9537d;text-align: right;padding-top:10px;}
.lp-interview-link i{display: inline-block;margin-right:5px;}

@media all and (max-width:680px) {
.lp_showcase_wrap{float:none;margin-bottom:30px;}
.lp-interview-description{margin-left:0px;}
}

.lp_cta{
background-color: #fff;
padding:80px 0px 65px;
position: relative;
}

.lp_cta h2{
position:absolute;
bottom:0px;
right:10px;
width: 230px;
}

@media all and (max-width:600px) {
.lp_cta h2{position: static;display: inline-block;}
}


.lp_cta div{
margin:0px auto;
}

.lp_cta div a:first-child{
display: inline-block;
border:5px solid #fff;
background-color: #e9537d;
-webkit-box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1),2px 3px 6px 0px rgba(110,110,110,1);
-moz-box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1),2px 3px 6px 0px rgba(110,110,110,1);
box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1),2px 3px 6px 0px rgba(110,110,110,1);
color:#fff;
border-radius: 10px;
padding:20px 40px;
font-size:42px;
font-weight: bold;
text-decoration: none;
}

.lp_cta div a:last-child{
display: block;
padding:20px 0px;
color:#e9537d;
font-size:18px;
}

.lp_cta div a:hover{opacity: 0.8;}

.lp_cta div a:last-child i{display: inline-block;margin-right:8px;}

.lp_solutions h2{display: inline-block;padding:0px 30px 10px;border-bottom:4px double #e9537d;font-size:26px;color:#4d4d4d;}


.lp_mainvisual_copyWrap_short{
display: table;
background: #7f7f7f no-repeat;
background-size: cover;
height: calc(100vh - 100px);
position: relative;
min-height: 500px;
width: 100%;
text-align: center;
max-height: 700px;
}

.lp_mainvisual_copy_short{width:100%;height:100%;display: table-cell;vertical-align: top;text-align: center;position: relative;background-image: url(../img/top_mainvisual_bg.gif);overflow: hidden;}

.lp_mainvisual_copy_short h1{
width:90%;
margin:0px auto;
position:relative;
top:-10px;
left:0;
right:20;
overflow: hidden;
}

.lp_mainvisual_copy_short h1 img{height: calc(100vh - 250px);min-height: 300px;max-height:600px;}

@media all and (max-width:750px) {
.lp_mainvisual_copy_short h1{width:90%;top:0px;}
.lp_mainvisual_copy_short h1 img{height:300px;min-height: auto;}
}

@media all and (max-width:600px) {
.lp_mainvisual_copy_short h1{width:80%;}
.lp_mainvisual_copy_short{height: auto;padding-bottom:250px;}
.lp_mainvisual_copy_short h1 img{height:auto;min-height: auto;}
}

@media all and (max-width:400px) {.lp_mainvisual_copy_short{height: auto;padding-bottom:230px;}}

.lp_mainvisual_copy_short h2{
position:absolute;
bottom:0px;
right:10px;
width: 230px;
}

@media all and (max-width:600px) {
.lp_mainvisual_copy_short h2{right:0;left:0;margin: 0px auto;bottom:-20px;}
}
@media all and (max-width:450px) {
.lp_mainvisual_copy_short h2{right:0;left:0;margin: 0px auto;bottom:-50px;}
}

.lp_mainvisual_copy_short div{
margin:0px auto;
position:absolute;
bottom:0px;
left:0;right:0;
}

.lp_mainvisual_copy_short div a:first-child{
display: inline-block;
border:3px solid #fff;
background-color: #e9537d;
-webkit-box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1);
-moz-box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1);
box-shadow: inset 2px 3px 3px 0px rgba(176,62,92,1);
color:#fff;
border-radius: 10px;
padding:10px 30px;
font-size:32px;
font-weight: bold;
text-decoration: none;
margin-top:20px;
}

.lp_mainvisual_copy_short div a:last-child{
display: block;
padding:20px 0px;
color:#fff;
font-size:18px;
}

.lp_mainvisual_copy_short div a:hover{opacity: 0.8;}

.lp_mainvisual_copy_short div a:last-child i{display: inline-block;margin-right:8px;}


@media all and (max-width:750px) {
.lp_mainvisual_copy_short div{left:30px;right:auto;}
.lp_mainvisual_copy_short div a:first-child{font-size:30px;}
}

@media all and (max-width:600px) {
.lp_mainvisual_copy_short div{position: static;}
.lp_mainvisual_copy_short div a:first-child{font-size:24px;padding:10px 25px;}
.lp_mainvisual_copy_short div a:last-child{padding:10px 0px;}
}

.lp_nayami02{background-color:#f5f5f5;padding:20px 20px 0px;}

.lp_nayami02 h2{display: inline-block;padding:0px 30px 10px;border-bottom:4px double #e9537d;font-size:26px;color:#4d4d4d;}

.lp_nayami02 ul{
margin:0px 0px 0px;
padding:0px;
display:flex;
}

.lp_nayami02 ul li{
flex: 1;
display: block;
position: relative;
background-image:url(../img/lp_nayami_bg.png);
background-size: contain;
background-repeat: no-repeat;
min-height: 250px;
margin-right:20px;
padding:20px 20px 0px;
text-align: left;
font-size:18px;
font-weight: bold;
}

.lp_nayami02 ul li img{position: absolute;width:35%;bottom:0px;right:-20px;}

.lp_nayami02 ul li:last-child{margin-right:0px;}

@media all and (max-width:900px) {
.lp_nayami02 ul li{font-size:14px;}
}

@media all and (max-width:700px) {
.lp_nayami02 ul{display: block;}
.lp_nayami02 ul li{margin-bottom:30px;padding: 20px 40% 0px 20px;font-size: 18px;min-height: 260px;}
.lp_nayami02 ul li img{width:30%;}
.lp_nayami02 h2{padding:0px 10px 10px;font-size:18px;}
}

@media all and (max-width:450px) {
.lp_nayami02 ul li{padding: 20px 30% 0px 20px;}
.lp_nayami02 ul li img{width:50%;}
}

.lp_licorice_logo{position: absolute;left:10px;top:10px;display: block;}
.lp_licorice_logo img{width:100px;}
@media all and (max-width:550px) {.lp_licorice_logo img{width:50px;}}

.movie{
background-color:#6B6B6B;
padding-bottom:20px;
}

.movie .topTitle h3{color:#fff;padding-top:30px;padding-bottom:5px;background-color:transparent;border-bottom:1px solid #fff;display: inline-block;font-weight: normal;margin-bottom:20px;}

.movie iframe{width:80%;}

.text-prewrap {
	white-space: pre-wrap;
}