@charset "utf-8";

#cmeCont {
	padding: 0;
	color: #222;
}
.plus_note_area {
    padding: 50px 35px 0  34px;
}
#cmeCont .plus_note_area .cFrame{max-width: 1280px;margin: 0 auto;}
 
.plus_note_area .loginNote {
    padding: 18px 3em 17px 3.2em;
    color: #c00;
    background: #fff;
    font-size: 133.333%;
    line-height: 1.625;
    font-weight: 500;
}
.plus_note_area .loginNote p {
    background-image: url(../img/icon_notice.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left center;
    padding-left: 3em;
}

/*body.remodal_lock {
	position: fixed;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: visible;
	padding-right: 15px;
}*/

html.remodal_lock, body.remodal_lock {
	width: 100%;
	overflow: visible;
}
.bg{
	background-image: url(../img/bg_img.jpg);
    background-size: cover;
    background-position: center 0;
    padding-bottom: 112px;
}
#main_image img{
	margin: 0 auto;
}
#main_image img {
    position: relative;
    left: 50%;
    margin-left: -653px;
    padding-top: 10px;
}
/*#main_image {
	overflow: hidden;
    min-width: 0;
    background-image: url(../img/bg_mainimage.jpg);
    background-repeat: no-repeat;
}
#main_image img {
    position: relative;
    left: 50%;
    margin-left: -818px;
    margin-top: -2px;
}*/
.lead_text{
	font-family: 'Noto Serif JP', serif;
	margin-top: 20px;
	margin-bottom: 74px;
}
.lead_text p{
	text-align: center;
    font-size: 150%;
    line-height: 2.34em;
	padding: 0 2% 0 2%;
}
.lead_text p + p{
	margin-top: 25px;
}
.color_txt{
	border-bottom: 1px solid #eb5b23;
}
.icon_img{
	margin-bottom: 20px;
}
.icon_img img{
	max-width: 143px;
}
.title_cov {
	font-family: 'Noto Serif JP', serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cmeCont .color_txt a{
	text-decoration: none;
    color: #eb5b23;
    display: inline-block;
}
#cmeCont .unit{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
#campaign_wrap{
	font-size: 100%;
}

.campaign_inner{
	width: 100%;
    max-width: 1470px;
    margin: 0 auto;
}
.title_block{
	text-align: center;
	position: relative;
}
.title_cov:before{
    content: "";
    position: absolute;
    background: url(../img/title_bg1.png) no-repeat left top;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.title_cov:after{
    content: "";
    position: absolute;
    background: url(../img/title_bg2.png) no-repeat right bottom;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.title_cov{
    position: relative;
    padding-bottom: 64px;
}
.title_inner{
	width: 56%;
    margin: 0 auto;
    display: flex;
}
.title_wrap{
	margin-left: 4.3%;
	width: 68%;
}
.title{
	font-size: 350%;
	line-height: 1.08em;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.title em{
	font-style: normal;
}
.title .color_1{
	color: #e64609;
}
.title .color_2{
	color: #c1a858;
}
.title_small{
	font-size: 57.2%;
	    font-weight: 500;
}
.sub_title{
	font-size: 250%;
	font-weight: 500;
}
.icon_img20 {
	width: 14%;
}
.icon_img20 img{
	max-width: 115px;
	width: 100%;
}


.newyear_wrap{
	max-width: 1330px;
}
.newyear_col{
	display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: -9px;
}
.col_img{
	width: 52%;
}
.col_img img{
	width: 100%;
}
.col_text{
	width: 42%;
	font-size: 150%;
	font-family: 'Noto Serif JP', serif;
}
.caption{
	font-size: 116.7%;
    text-align: right;
    padding-top: 5px;
}
.text{
	line-height: 2.23em;
   position: relative;
    top: -13px;
}
.name{
	text-align: right;
}
.inner_width{
	max-width: 1204px;
	margin: 0 auto;
}
.flow_block{
	margin-top: 30px;
	padding: 5% 0 5% 0;
    background: url(../img/bg_white_img.png) ;
}
.flow_inner{
	max-width: 1000px;
	margin: 0 auto;
}
.flow_title{
	font-size: 250%;
    font-family: 'Noto Serif JP', serif;
    font-weight: normal;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    background: url(../img/icon_2.png) repeat-x left center;
}
.flow_title span{
	background: #fff;
    display: inline-block;
    padding: 2% 3%;
    position: relative;
    top: -4px;
}
.flow_list{
	margin-top: 35px;
	padding-left: 10px;
}
.flow_item{
	display: flex;
	justify-content: space-between;
}
.flow_sub_title{
	font-size: 150%;
}
.flow_text_wrap{
	width: 96%;
	line-height: 1.28em;
}
.flow_sub_title + p{
	margin-top: 17px;
}
.icon_no{
	width: 4%;
}
.flow_text_wrap p{
	font-size: 133.5%;
	letter-spacing: -0.06em;
    line-height: 1.95em;
}
.flow_item + .flow_item{
	margin-top: 52px;
}
.flow_item:nth-child(2) .flow_text_wrap p{
	margin-top: 11px;
}
.flow_item:nth-child(3){
	margin-top: 60px;
}
.flow_item:nth-child(3) .flow_sub_title{
	padding-top: 9px;
}
.flow_item:nth-child(4) .flow_sub_title{
	padding-top: 6px;
}
.flow_item:nth-child(4) .flow_sub_title + p{
	margin-top: 27px;
}
.profile_block{
	margin-top: 50px;
	background: url(../img/bg_profile_img.jpg) ;
}
.profile_wrap{
	display: flex;
    justify-content: space-between;
}
.profile_inner{
	padding: 6% 6% 5% 6%;
}
.profile_img{
	width: 31.26%;
}
.profile_img img{
	max-width: 275px;
	width: 100%;
}
.profile_text_wrap{
	width: 63%;
}
.profile_name{
	font-size: 150%;
}
.profile_text_wrap p{
	font-size: 133.5%;
    line-height: 1.89em;
    margin-top: 8px;
}
#cmeCont a.link_text{
	font-size: 133.5%;
    color: #df4408;
    margin-top: 8px;
    display: inline-block;
    background: url(/club-me/common/v0006/images/icon_blank_gray.svg) no-repeat right center;
    padding-right: 20px;
    word-break: break-all;
}
#cmeCont .product_link .button {
	width: 100%;
    background-color: #df4408;
    display: inline-block;
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    padding: 17px 8.97%;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.39em;
    color: #fff;
    margin-top: 50px;
}
#cmeCont .product_link .button em{
	font-style: normal;
    font-size: 111.5%;
}
.product_link .button:hover {
    opacity: 0.7;
}
.bnr_block{
	max-width: 1200px;
	margin: 64px auto 0;
}
.bnr_block a{
	transition: all 0.3s ease;
}
.bnr_block a:hover{
	opacity: 0.7;
}
.bnr_block img{
	width: 100%;
}
.campaign_content.apparea{
	background: none;
	padding: 0;
	margin-top: 100px;
}
.presenttitle{
	text-align: center;
}
.presenttitle img{
	max-width: 153px;
}
/*.campaign_content.apparea .quizcont {
    padding: 0 7.95% 0;
    background: #fff;
}*/
/*.campaign_content.apparea .applicationblock{
	padding: 0 46px 0 47px;
}*/
.campaign_content.apparea .presentsummary {
    width: 100%;
    border-collapse: collapse;
    font-size: 133.333%;
    line-height: calc(7/4);
    margin-top: 30px;
}
.campaign_content.apparea .presentsummary th {
    width: 30.65%;
    white-space: nowrap;
    text-align: left;
}
.campaign_content.apparea .presentsummary th, .campaign_content.apparea .presentsummary td {
    padding: 32px 0 34px 0;
    border-bottom: 1px solid #dbdbdb;
    letter-spacing: -0.05em;
}
.campaign_content.apparea .color_red {
    color: #cc0000;
}
ul{
	list-style: none;
}
.campaign_content.apparea .presentsummary td .detail a {
    color: #c00 !important;
    text-decoration: underline;
}
.campaign_content.apparea .presentsummary td ul li {
    margin-left: 1em;
    text-indent: -1em;
}
.campaign_content.apparea .presentsummary td ul.termsnote {
    margin: 15px 0 12px;
}
.campaign_content.apparea .presentsummary td ul.termsnote li:nth-child(3){
	margin-top: 10px;
}
.campaign_content.apparea .presentsummary td.padding_btm_adjust {
	padding-bottom: 65px;
}
.campaign_content.apparea .presentsummary td.padding_btm_adjust1 {
	padding-bottom: 44px;
}

.bottomBtn {width: 350px;margin: 90px auto 0;}
.bottomBtn a {display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;padding: 0 24px;font-family: 'Noto Sans JP', sans-serif;color: #222;background-color: #fff;border: 1px solid #dbdbdb;border-radius: 3px;font-size: 133.333%;text-decoration: none;transition: all 0.3s ease;}
.bottomBtn a:hover {color: #c00 !important;background: #f5f5f5;}
.bottomBtn a:after {content: '';display: block;width: 7px;height: 7px;margin: 0 0 0 10px;border-top: 2px solid #c00;border-right: 2px solid #c00;transform: rotate(45deg)}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
	.title_inner {width: 61%;}
}
@media only screen and (min-width: 768px) and (max-width: 1460px) {
	#main_image img {width: 100%;margin-left: 0;left: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
	.inner_width{padding: 0 15px}
	.flow_block{padding: 5% 14px 5%;}
	.title_cov {position: relative;padding-bottom: 23px;}
	.title_wrap {margin-left: 0;width: 49%;}
	.title_inner {width: 81%;margin: 0 auto;display: flex;justify-content: center;}
	.title {font-size: 2.8vw;line-height: 1.08em;letter-spacing: 0.1em;}
	.sub_title {font-size: 1.9vw;}
	.col_text {width: 44%;font-size: 1.51vw;padding-right: 2%;}
	.text {line-height: 1.8em;position: relative;top: 0;}
    .name {text-align: right;margin-top: 10px;}
    .title_cov:before {background-size: 140px 80px;}
    .title_cov:after {background-size: 200px 74px;background-position: right 4em;}
}
@media only screen and (max-width:767px) {
	#cmeCont {
		padding: 0;
	}

	#cmeCont .unit{
	width: auto;
    max-width: inherit;
    margin: 0;
	}
	.bg {
    padding-bottom: 56px;
    background-image: url(../img/bg_img_x2.jpg);
}
	.plus_note_area{
		padding: 30px 0 0;
	}
	.plus_note_area .loginNote {
    	padding: calc(100vw/(750/30)) calc(100vw/(750/25)) calc(100vw/(750/25)) calc(100vw/(750/30));
    	font-weight: normal;
    	font-size: 108%;
    	margin-bottom: 26px;
    	line-height: 1.54;
    	letter-spacing: -0.05em;
	}
	.plus_note_area .loginNote small {
    	font-size: 93%;
	}
	.plus_note_area .loginNote p {
    	background-size: 23px 23px;
    	background-position: left 0.3em;
    	padding-left: 2.5em;
	}


	#main_image{
		min-width: 0;
		padding: 0;
	}

	#main_image img {
    	width: 100%;
    	left: 0;
    	margin: 0;
    	left: 0;
		padding-top: 7px;
	}

	.lead_text{
		padding: 0 24px 0 30px;
    	margin-top: 15px;
    	margin-bottom: 45px;
	}
	.lead_text p {
    	text-align: left;
    	font-size: 108.35%;
    	line-height: 1.94em;
	}
	.lead_text p + p {
    	margin-top: 24px;
	}
	.title_cov{
		display: block;
		padding-bottom: 0;
	}
	.title_cov:before,
	.title_cov:after{
		position: inherit;
	}
	.icon_img {
    	margin-bottom: 16px;
	}
	.icon_img img {
    	max-width: 82px;
	}
	.title_inner {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    display: flex;
	}
	.icon_img20 {
    width: 20%;
    order: 2;
    position: absolute;
    left: 15px;
    top: 80px;
	}
	.icon_img20 img{
	max-width: 73px;
	position: relative;
    z-index: 2;	
	}
	.title_wrap {
    margin-left: 0;
    width: 100%;
	}
	.title {
    font-size: 172%;
    line-height: 1.05em;
    letter-spacing: normal;
	}
	.title_small {
    font-size: 54.2%;
	}
	.sub_title {
    font-size: 122%;
    margin-top: 0;
	}
	.newyear_making{
	margin-top: 24px;
	}
	.newyear_col{
	display: block;
	top: 0;
	}
	.col_img {
    width: 100%;
	}
	.caption {
    font-size: 71.7%;
	}
	.col_text {
    width: auto;
    font-size: 93%;
    line-height: 1.93em;
    padding: 10px 24px 0 30px;
	}
	.text {
    line-height: 2.23em;
    position: relative;
    top: 0;
	}
	.name{
	margin-top: 5px;
	}
	.inner_width{
	margin-top: 11px;
	}
	.flow_inner{
	padding: 0 15px;
	}
	.flow_block {
    margin-top: 0;
    padding: 33px 0 42px;
    margin-left: 14px;
    margin-right: 14px;
	}
	.flow_title {
    font-size: 122%;
    max-width: 264px;
    background: url(../img/icon_2.png) repeat-x left center;
    background-size: 58px 16px;
	}
	.flow_sub_title {
    font-size: 100.1%;
	}
	.flow_sub_title + p {
    margin-top: 5px;
	}
	.flow_title span{
	top: 0;
	}
	.flow_text_wrap {
    width: 95%;
    line-height: normal;
    padding-top: 0;
	}
	.flow_text_wrap p {
    font-size: 93%;
    letter-spacing: normal;
    line-height: 1.65em;
	}
	.flow_list {
    margin-top: 11px;
    padding-left: 0;
	}
	.flow_list .flow_item:nth-child(1) .icon_no img{
	max-width: 7px;
	}
	.flow_list .flow_item:nth-child(2) .icon_no img{
	max-width: 10px;
	}
	.flow_list .flow_item:nth-child(3) .icon_no img{
	max-width: 9px;
	padding-top: 3px;
	}
	.flow_list .flow_item:nth-child(4) .icon_no img{
	max-width: 11px;
	padding-top: 3px;
	}
	.flow_list .flow_item:nth-child(1) .flow_text_wrap{
	padding-top: 3px;
	}
	.flow_list .flow_item:nth-child(2) .flow_text_wrap{
	padding-top: 3px;
	}
	.flow_item:nth-child(2) .flow_text_wrap p {
    margin-top: 5px;
	}
	.flow_item:nth-child(4) .flow_sub_title + p {
    margin-top: 5px;
	}
	.flow_item + .flow_item {
    margin-top: 16px;
	}
	.flow_item:nth-child(3) {
    margin-top: 24px;
	}
	.flow_item:nth-child(3) .flow_sub_title, 
	.flow_item:nth-child(4) .flow_sub_title{
    padding-top: 0;
	}
	.flow_item:nth-child(4) {
    margin-top: 25px;
	}
	.profile_block {
    margin-top: 26px;
	}
	.profile_wrap{
	display: block;
	}
	.profile_inner {
    padding: 30px 23px 28px;
	}
	.profile_img {
    width: 100%;
    text-align: center;
	}
	.profile_text_wrap {
    width: 100%;
	}
	.profile_img img {
    max-width: 138px;
	}
	.profile_name {
    font-size: 93%;
    text-align: center;
    padding-top: 20px;
	}
	.profile_text_wrap p {
    font-size: 92.95%;
    line-height: 1.69em;
    margin-top: 10px;
	}
	#cmeCont a.link_text {
    font-size: 93%;
	}
	.product_link{
	padding: 0;
	}
	#cmeCont .product_link .button {
    font-size: 93%;
    line-height: 1.25em;
    padding: 16px 8.97%;
    margin-top: 18px;
	}
	.bnr_block {
    max-width: 100%;
    margin: 26px auto 0;
    padding: 0 24px 0 30px;
	}
	#cmeCont .product_link .button em {
    font-style: normal;
    font-size: 123.85%;
	}
	#campaign_wrap{
		font-size: 116.6%;
	}
	.campaign_content {
		margin: 28px 0 0;
    	padding: 30px 0 64px 0 ;
    	background-image: url(../img/bg_x2.jpg);
    	background-position: center;
    	background-size: cover;
	}
	.campaign_content.apparea {
    	margin-top: 45px;
	}
	.presenttitle img {
    	max-width: 98px;
	}
	.campaign_content.apparea .applicationblock{
		padding: 0;
	}
	.campaign_content.apparea .applicationblock .quizcont {
    	padding: 10px 10px 0;
	}
	.campaign_content.apparea .presentsummary, .campaign_content.apparea .presentsummary tbody, .campaign_content.apparea .presentsummary tr, .campaign_content.apparea .presentsummary th, .campaign_content.apparea .presentsummary td {
    	display: block;
	}
	.campaign_content.apparea .presentsummary {
    	width: 100%;
    	font-size: calc(100vw/(750/26));
    	line-height: 2;
    	margin-top: 2px;
	}
	.campaign_content.apparea .presentsummary th {
    	width: auto;
    	margin-bottom: 6px;
	}
	.campaign_content.apparea .presentsummary td {
    	line-height: 1.6;
	}
	.campaign_content.apparea .presentsummary th, .campaign_content.apparea .presentsummary td {
    	letter-spacing: normal;
    	padding: 0;
    	border: none;
	}
	.campaign_content.apparea .presentsummary tr {
    	margin-bottom: -1px;
    	padding: 20px 0;
   		border-bottom: 1px solid #dbdbdb;
	}
	.campaign_content.apparea .presentsummary td ul li {
    	margin-left: 1em;
    	text-indent: -1em;
	}
	.campaign_content.apparea .presentsummary td .detail {
    	margin: calc(100vw/(750/24)) 0;
	}
	.campaign_content.apparea .presentsummary td ul.termsnote {
    	margin: calc(100vw/(750/10)) 0;
	}
	.campaign_content.apparea .presentsummary td.padding_btm_adjust {
    	padding-bottom: 0;
	}
	.campaign_content.apparea .presentsummary td.padding_btm_adjust1 {
    	padding-bottom: 0;
	}

	.bottomBtn {
		width: calc(100vw/(750/510));
		margin: calc(100vw/(750/80)) auto 45px;
	}
	.bottomBtn a {
		height: calc(100vw/(750/120));
	    border-radius: 5px;
	    font-size: calc(100vw/(750/30));
	}
	
	.bottomBtn a:after {
		width: 9px;
		height: 9px;
		margin: 0 0 0 calc(100vw/(750/14));
	}
}
@media only screen and (max-width: 350px){
	.bottomBtn a {
		font-size: 14px;
	}
}