@charset "utf-8";
/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-seventeen-child
*/
/*
子テーマ
*/
/*全体の設定
---------------------------------------------------------------------------*/
/*
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
*/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src:
		local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(./assets/fonts/materialicons/MaterialIcons-Regular.woff2) format('woff2'),
		url(./assets/fonts/materialicons/MaterialIcons-Regular.woff) format('woff'),
		url(./assets/fonts/materialicons/MaterialIcons-Regular.ttf) format('truetype')
	;
}
/*Phuong edit*/
.txt_red{
	color: #ff0000;
}
.txt_reds{
	color: #ff457d;
}
.txt_blue{
	color: #68a4d9;
}
.txt_bold_pink{
	color: #f5185e;
	font-weight: bold; 
}
.txt_bold_blue{
	color: #68a4d9;
	font-weight: bold; 
}
.txt_green_bd{
	font-weight: bold;
	color: #339966;
	text-decoration: underline;
}
.txt_violet{
	color: #b279ac;
}
.txt_bold{
	font-weight: bold;
}
.txt_underline{
	text-decoration: underline;
}
.txt_note{
	font-size: 11px;
	text-align: right;
}
.mbt10{
	margin-bottom:10px;
}
.txt_center{
	text-align: center;
}
.bg_yellow{
	background:#ffff99; 
}
.bg_blue{
	background:#ccffff; 
}
.bg_pink{
	padding-bottom: 5px;
	background: #fedcdf;
}
.p_img{
	text-align: center;
	margin-top: 30px;
}
.mgt30{
	margin-top:30px;
}
.mgt50{
	margin-top:50px;
}
.mgt20{
	margin-top:20px;
}
.mgt10{
	margin-top:10px;
}
.fs20{
	font-size: 20px;
}
.fs8{
	font-size: 8px;
}
.fs21{
	font-size: 21px;
}
.fs22{
	font-size: 22px;
}
.fs24{
	font-size: 24px;
}
.fs18{
	font-size: 18px;
}
.fs16{
	font-size: 16px;
}
.fs10{
	font-size: 10px;
}
.fs12{
	font-size: 12px;
}
.orange_bg{
	color: #e8aa1a;
}
.txt_right{
	text-align: right;
}
.title_h2{
	font-size: 22px;
	font-weight: bold;
	border-top:5px solid #ff8635 ;
	border-bottom:5px solid #ff8635 ;
	padding:10px 0; 
}
.title_s2{
	border-bottom: 2px solid #ba9b00;
	width: 100%;
	font-size: 19px;
	margin-top:50px;
	margin-bottom:30px;
	color: #5c4444;
}
.title_s4{
	border-bottom: 1px dashed #000;
	width: 100%;
	font-size: 19px;
	margin-top:50px;
	margin-bottom:30px;
	color: #993366;
}
.title_st11{
	position: relative;
    border-top: solid 2px #80c8d1;
    border-bottom: solid 2px #80c8d1;
    background: #f4f4f4;
    line-height: 2;
    padding: 0.4em 0.5em;
    margin: 2em 0 0.5em;
}
.title_st11:after{
	position: absolute;
    font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
    content: '\f0a7\ POINT';
    background: #80c8d1;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 0.7em;
    line-height: 1;
    letter-spacing: 0.05em;
}
.title_st3{
	position: relative;
    padding: .45em 1em .45em 1.5em;	
    font-size: 20px;
    margin-top:30px;
}
.title_st3::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #b279ac;
}
.link{
	text-align: center;
	margin:30px 0;
}
.link a{
	color:#fff;
	text-decoration: none;
	text-align: center;
	background: #e22f83;
	font-size: 20px;
    padding: 25px 50px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pink_box{
	background: #f4f4f4;
	padding:30px;
	margin-top:30px;
}
.box_white{
	padding: 15px 20px;
	margin: 7px;
	background: #fff;
}
.box_img{
	text-align: center;
}
.box_content{
	background: #fff;
	margin-top: 10px;
	padding: 10px;
}
.box_blue{
	margin: 30px 0px ;
    padding: 30px;
    background-color: #f4f4f4;
    border: 2px solid #7bcbd1;
}
.box_border{
	margin-top:20px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 17px;
    border: solid #b279ac;
    font-size: 18px;
    font-weight: bold;
}
.box_border p{
	margin-top:5px;
	font-size: 18px;
}
.txt_sub{
	font-size: 10px;
}
.only_sp{
	display:none;
}
footer {
text-align: center;
color: #fff;
background: #140600;
padding: 10px;
margin-top: 60px;
}
footer a{
	color: #fff;
}
footer .copy_right{
	color:#fff;
}
/********************************************************
矢印+リンクボタン
*********************************************************/
/* iphoneで左右に動かないようにする */
.elementor-widget-mk_adv_btnlink_01{
	overflow: hidden;
}
.arrow_btn{
	width:80%;
	max-width:80%;
	display: table;
	margin:0 auto;
	text-decoration: none;
}
.arrow_btn .a-arrow{
	width:15%;
	display:  table-cell;
	vertical-align: middle;
	left:0%;
	top:0%;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: animate2;
	-moz-animation-name: animate2;
	-o-animation-name: animate2;
	animation-name: animate2;
	z-index: 10;
}
.arrow_btn .a-arrow img{
	width:70%;
	display: block;
}
.arrow_btn a{
	text-decoration: none;
	color:#fff !important;
}
.arrow_btn p{
}
.arrow_btn .anime_btn{
	width:85% !important;
	max-width:85% !important;
	display:  table-cell;
	vertical-align: middle;
	background: #ff457d ;
	border-radius: 10px;
	font-size:1.5em;
	color:#fff;
	padding:10px 5px;
	text-align: center;
	line-height: 1.6;
	text-decoration: none;
	color:#fff;
}
.caption {
    text-align: center;
    color: #ff457d;
    font-size: 30px;
    font-weight: bold;
}
@-moz-keyframes animate1 {
	0% { -moz-transform: skewX(9deg);}
	10% { -moz-transform: skewX(-8deg); }
	20% { -moz-transform: skewX(7deg); }
	30% { -moz-transform: skewX(-6deg); }
	40% { -moz-transform: skewX(5deg); }
	50% { -moz-transform: skewX(-4deg); }
	60% { -moz-transform: skewX(3deg); }
	70% { -moz-transform: skewX(-2deg); }
	80% { -moz-transform: skewX(1deg); }
	90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes animate1 {
	0% { -o-transform: skewX(9deg); }
	10% { -o-transform: skewX(-8deg); }
	20% { -o-transform: skewX(7deg); }
	30% { -o-transform: skewX(-6deg); }
	40% { -o-transform: skewX(5deg); }
	50% { -o-transform: skewX(-4deg); }
	60% { -o-transform: skewX(3deg); }
	70% { -o-transform: skewX(-2deg); }
	80% { -o-transform: skewX(1deg); }
	90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}
@-webkit-keyframes animate1 {
	0% { -webkit-transform: skewX(9deg);}
	10% { -webkit-transform: skewX(-8deg);}
	20% { -webkit-transform: skewX(7deg);}
	30% { -webkit-transform: skewX(-6deg);}
	40% { -webkit-transform: skewX(5deg);}
	50% { -webkit-transform: skewX(-4deg);}
	60% { -webkit-transform: skewX(3deg);}
	70% { -webkit-transform: skewX(-2deg);}
	80% { -webkit-transform: skewX(1deg);}
	90% { -webkit-transform: skewX(0deg);}
	100% { -webkit-transform: skewX(0deg);}
}
@-moz-keyframes animate2 {
	0% { -moz-transform: translateX(0px);}
	45% { -moz-transform: translateX(20px); }
	50% { -moz-transform: translateX(25px); }
	55% { -moz-transform: translateX(20px); }
	95% { -moz-transform: translateX(0px); }
	100% { -moz-transform: translateX(0px); }
}
@-o-keyframes animate2 {
	0% { -o-transform: translateX(0px); }
	45% { -o-transform: translateX(20px); }
	50% { -o-transform: translateX(25px); }
	55% { -o-transform: translateX(20px); }
	95% { -o-transform: translateX(0px); }
	100% { -o-transform: translateX(0px); }
}
@-webkit-keyframes animate2 {
	0% { -webkit-transform: translateX(0px); }
	45% { -webkit-transform: translateX(20px); }
	50% { -webkit-transform: translateX(25px); }
	55% { -webkit-transform: translateX(20px); }
	95% { -webkit-transform: translateX(0px); }
	100% { -webkit-transform: translateX(0px); }
}
.animate{
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	margin-left:auto;
	margin-right:auto;
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation-name: animate1;
	-moz-animation-name: animate1;
	-o-animation-name: animate1;
	animation-name: animate1;
	width:90%;
	z-index:1;
}
/*リセット*/
*, *:before, *:after {
    -webkit-box-sizing: border-box !important;
       -moz-box-sizing: border-box !important;
         -o-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
            box-sizing: border-box !important;
}
html,body {
    color:#000000;
    margin:0px;
    padding:0px;
    font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana;
    background-color: #fff;
	word-wrap: break-word;	
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style-type: none;
}
img {
    border: none;
    padding:0px;
    vertical-align:middle;
}
input,textarea,select {
    font-size: 1em;
}
form {
    margin: 0px;
}
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
    display: block;
}
em{
    font-style: normal;
}
a{
	text-decoration: underline;
}
p{
	line-height:1.6em;
	font-size: 16px;
}
/*Checkbox*/
.el_checklist{
    border-radius: 1px 1px 1px 1px;
	margin: 0 35px;
}
.el_checklist ul{
	list-style-type: none;
    padding: 0;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
	margin: 0;
}
.el_checklist ul > li{
	display: table-row;
    width: 100%;
}
.el_checklist ul > li > input{
	display: none;
}
.el_checklist ul > li > label{
	display: table-cell;
    width: 100%;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
}
.el_checklist ul>li>label>.iconbefore{
	position: absolute;
    top: 0;
    left: 0;
	color:#000000;
}
.el_checklist ul>li>label>.iconafter{
	max-width: 0;
    overflow: hidden;
    opacity: .5;
    transition: all .2s;
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
}
.el_checklist ul>li>label span{
	display: inline;
    vertical-align: middle;
    font-size: 1.2em;
	line-height:1.9em;
	color:#000000;
}
.el_checklist ul li.active .iconbefore{
	opacity:0;
}
.el_checklist ul li.active .iconafter{
	max-width:40px;
	opacity:1;
}

#check_illust .el_checklist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#check_illust .el_checklist ul > li {
    width: 48%;
    border: 2px solid #000;
    border-radius: 8px;
	overflow: hidden;
}
#check_illust .el_checklist ul p img{
	width: 100%;
}
#check_illust .el_checklist ul > li > label > .iconbefore, 
#check_illust .el_checklist ul > li > label > .iconafter {
    right: 0;
    margin: 0 auto;
}
#check_illust .el_checklist ul > li > label > .iconbefore {
    max-width: 40px;
}
#check_illust .el_checklist ul > li > label {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding: 0 10px 10px;
}
#check_illust .el_checklist ul > li > label span {
    font-size: 0.9em;
    line-height: 1.3;
    text-align: center;
    margin-top: 48px;
}
#check_illust .el_checklist ul > li:nth-of-type(n+3) {
    margin-top: 4%;
}
/*end-check*/
.box_780px{
	width:780px !important;
	margin:0 auto !important;
}
.st_center {
	text-align:center;
}
.h1_text_01 {
	font-size:1.6em;
	font-weight: bold;
	margin-top:20px;
}
.small_text {
	font-size:0.9em;
}
.bold_text{
	font-weight:bold;
}
.st_right {
	text-align: right;
}
.mg_bt_10{
	margin-bottom:10px;
}
.mg_clear{
	margin:0 !important;
}
.block_st_01{
	border:1px solid #ccc;
	padding:10px;
}
.vert_top{
	vertical-align: top;
}
.disp_inline{
	display: inline !important;
}
.disp_inline_block{
	display: inline-block !important;
}
.disp_block{
	display: block !important;
}
.disp_none{
	display: none !important;
}
.float_left{
	float: left !important;
}
.float_right{
	float: right !important;
}
.clear {
    clear: both !important;
}
.clear_after:after{
    content: "" !important;
    clear: both !important;
    height: 0 !important;
    display: block !important;
    visibility: hidden !important;	
}
.a_under{
	text-decoration: underline !important;
}
.stxt{
	font-size:11px;
}
/* ライター表記 */
.writer_info:after{
    content: "" !important;
    clear: both !important;
    height: 0 !important;
    display: block !important;
    visibility: hidden !important;
}
.writer_info .writer_icon{
	float:left;
	width:55px !important;
}
.writer_info .writer_icon img{
	width:100%;
}
.writer_info .writer_parts{
	float:left;
	width:calc(100% - 55px);
	padding-left:10px;
	font-size:1em;
}
/* Shortcodes Ultimate用CSS */
/* ボタン */
.su-button{
	font-weight:bold !important;
	padding:10px 0 !important;
}
.su-button span{
	line-height: 1.5 !important;
}
/* 汎用ボタン */
.cta_bt_01{
	margin:10px 0;
	text-align: center;
	letter-spacing:-0.03em;
}
.cta_bt_01 > a{
	display: inline-block;
	border-radius: 20px;
	font-size:1.6em;
	font-weight:bold;	
	background:#96D947;
	padding:10px 40px;
	line-height: 1.5;
	color:#fff;
}
.cta_bt_01_pk{
	margin:10px 0;
	text-align: center;
	letter-spacing:-0.03em;
}
.cta_bt_01_pk > a{
	display: inline-block;
	border-radius: 20px;
	font-size:1.3em;
	font-weight:bold;
	background:#FF214F;
	padding:30px 80px;
	line-height: 1.5;
	color:#fff;
	text-decoration: none;
}
/* 動的に隠れるヘッダー */
.header_01{
	background:#cd4887;
    text-align: center;
    padding: 10px 0 15px;
}
.header_01 img{
	width: 250px;
}
/* elementorエディタ用 */
.section{
	width:750px !important;
	margin:0 auto 40px !important;
}

.border-bottom-01{
	border-bottom:1px solid #ddd !important;	
}
/******************
Just TinyMCE Custom Stylesプラグイン用のスタイル
※プラグインで設定したCSSと同じ記述を以下に記述する
******************/
.pink_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFCFE5 0%) repeat scroll 0 0;
}
.blue_line{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #B1FDF6 0%) repeat scroll 0 0;
}
.yellow_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFF82 0%) repeat scroll 0 0;
}
.act_line{
	background-position:-100% 1.3em !important;
}
.act_line_off{
	background:0% 1.3em !important;
}
.pink_line_narrow{
	/*background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FF70B6 0%) repeat scroll 0 0;*/
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(255,4,183,0.75) 50%);
	/*background-position:0% 1.3em;*/
	background-position:-100% 1.3em;
}
.blue_line_narrow {
	/*background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FF70B6 0%) repeat scroll 0 0;*/
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(2,255,204,0.75) 50%);
	/*background-position:0% 1.3em;*/
	background-position:-100% 1.3em;
}
.yellow_line_narrow{
	/*background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FF70B6 0%) repeat scroll 0 0;*/
	padding:3px 1px;
	background-size:200% 4px;
	background-repeat:repeat-x;
	-webkit-transition:all 5s ease;
	-moz-transition:all 5s ease;
	-o-transition:all 5s ease;
	-ms-transition:all 5s ease;
	background-image:-webkit-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-moz-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-o-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:-ms-linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	background-image:linear-gradient(left, rgba(130,255,5,0) 50%, rgba(248,255,0,0.92) 50%);
	/*background-position:0% 1.3em;*/
	background-position:-100% 1.3em;
}
.padding_clear{
	padding:0 !important;
}
.padding_clear .elementor-row{
	padding:0 !important;
}
.pdl{
	padding-left:40px;
}
.slider {
            width: 780px;
            margin: 0 auto;
        }
        .slider img {
            width: 260px;
            height: 260px;
        }
/************************************
** 動くボタンのCSS
************************************/
/**********************************************************
スマホ用
**********************************************************/
@media screen and (max-width:767px) {
	.only_sp{
		display: block;
	}
	.slider {
            width: 100%;
            margin: 0 auto;
        }
	.slider img{
    width: 100%;
    height: auto;
    margin:0 auto;
}
.slider .slick-prev , .slider .slick-next {
	display: none !important;
}
	.h1_text_01{
		font-size: 22px;
	}	
	.elementor-row{
		padding:0 5px !important;
	}
	img {
		max-width : 100% ;
		height : auto ;
	}
	iframe {
		width : 100% ;
	}
	/* elementorエディタ用 */
	.section{
		max-width: 100%;
        width:100% !important;
        padding:0 !important;
	}
	.sp_width_100per{
		width:100% !important;			
	}
	.sp_text_align_center{
		text-align:center !important;
	}
	/* ライター表記 */
	.writer_info .writer_icon{
		width:45px;
		padding-top:2px;
	}
	.writer_info .writer_parts{
		width:calc(100% - 58px);
		padding-left:5px;
		font-size:0.9em;
	}
	/* Shortcodes Ultimate用CSS */
	/* ボタン */
	.su-button{
		width:90%;
	}
	.su-button span{
		font-size:4.5vw !important;
		padding:10px !important;
	}
	/* 動くマーかー関連 */
	.act_line{
		background-position:-100% 1.1em !important;
	}
	.act_line_off{
		background:0% 1.1em !important;
	}
	.pink_line_narrow {
		background-size: 200% 10px;
		background-position: -100% 1.1em;
	}
	.el_checklist{
		margin: 0 15px;
	}
}
.bounce{
	display: block;
	animation-name: bounce;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}
@keyframes bounce{
	20%, 53%, 80%, 0%, 100% {
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		transform: translate3d(0,0,0);
	}
	40%, 43% {
		animation-timing-function: cubic-bezier(.755,.050,.855,.060);
		transform: translate3d(0,-30px,0);
	}
	70% {
		animation-timing-function: cubic-bezier(.755,.050,.855,.060);
		transform: translate3d(0,-15px,0);
	}
	90% {
		transform: translate3d(0,-4px,0);
	}
}

video.vcl02{
    max-width: 100%;
    width: 100%;
    margin:0 auto;
    display:block;
}

.btn-next{
    text-align: center;
    margin-top: 15px;
}

.btn-next img{
	cursor: pointer;
}

.txt_note{
    text-align: right;
    font-size: 10px;
    line-height: 1.6;
}


.btnLink > a{
    max-width: 100%;
    display: block;
    margin: 25px auto 15px;
}

.btnLink > a img{
    width: 100%;
}

.mgt00{
    margin-top: 0 !important;
}

.sec_content{
    display: none;
    margin-bottom: 40px;
}

.sec_content.q1{
    display: block;
}

.sponser{
	text-align: right;
	font-size: 12px;
	line-height: 1.5;
	margin: 10px 0 20px;
}

.link_about > span{
	display: block;
}

/* check list */
/* .boxList{
	padding: 0px 45px 0px 45px;
} */

.selectbtn_yn .el_checklist ul > li {
    width: 50%;
    display: table-cell;
    text-align: center;
    color: #fff;
}

.selectbtn_yn .el_checklist ul > li > label {
    padding-left: 0;
    display: inline-block;
    background: #707070;
    border-radius: 14px;
    width: 96%;
	border: solid 3px #fff;
	padding: 1em 0;
	box-shadow: 4px 4px 4px rgba(100,100,100,0.4);
    transition: .2s;
    color: #fff;
    font-weight: bold;
	box-sizing: border-box;
}

.selectbtn_yn .el_checklist ul > li > label p {
    line-height: 3;
    font-size: 1.4em;
}

.selectbtn_yn .el_checklist ul > li > label:hover, 
.selectbtn_yn .el_checklist ul > li > input[type="checkbox"]:checked + label {
    background-color: #e164a0;
    border-color: #fff;
    box-shadow: 4px 4px 4px rgba(100,100,100,0.4);
    color: #fff;
}

#check-illust01 .el_checklist ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#check-illust01 .el_checklist ul > li {
    width: 48%;
}

#check-illust01 .el_checklist ul > li > label p {
    display: none;
}

#check-illust01 .el_checklist ul > li > label {
    display: block;
    background: url(../img/3047d415-240624_dgdg.jpg) center top / 100% auto no-repeat;
    padding-top: 108%;
}

#check-illust01 .el_checklist ul > li:nth-of-type(2) > label {
    background-image: url(../img/b7d2003f-q2_02.jpg);
}

#check-illust01 .el_checklist ul > li:nth-of-type(3) > label {
    background-image: url(../img/b7d2003f-q2_03.jpg);
}

#check-illust01 .el_checklist ul > li:nth-of-type(4) > label {
    background-image: url(../img/b7d2003f-q2_04.jpg);
}

#check-illust01 .el_checklist ul > li:first-of-type > input:checked + label {
    background-image: url(../img/28317dc9-240624_xvxv.jpg);
}

#check-illust01 .el_checklist ul > li:nth-of-type(2) > input:checked + label {
    background-image: url(../img/b7d2003f-q2_02_on.jpg);
}

#check-illust01 .el_checklist ul > li:nth-of-type(3) > input:checked + label {
    background-image: url(../img/b7d2003f-q2_03_on.jpg);
}

#check-illust01 .el_checklist ul > li:nth-of-type(4) > input:checked + label {
    background-image: url(../img/b7d2003f-q2_04_on.jpg);
}

.el_checklist ul > li > label p {
    font-size: 1.3em;
}

#check-illust01 .el_checklist ul > li:nth-of-type(n+3) {
    margin-top: 4%;
}

#check-list ul {
    display: flex;
    flex-wrap: wrap;
}


#check-list ul li + li {
    margin-top: 0.9em;
}

#check-list ul > li > label {
    background-color: #fff;
    border: solid 3px #53c1c6;
    display: block;
    padding: 0.5em 1.6em;
    font-weight: bold;
    border-radius: 5em;
    transition: .2s;
    color: #53c1c6;
}

.el_checklist ul > li > input {
    display: none;
}


#check-list ul > li > label:hover, 
#check-list ul > li > input[type="checkbox"]:checked + label {
    background-color: #53c1c6;
    border-color: #fff;
    box-shadow: 3px 3px 3px rgba(64,64,64,0.4);
    color: #fff;
}

@media only screen and (max-width: 750px) {
	/* .boxList{
		padding: 0px;
	} */

	.el_checklist ul > li > label p {
		font-size: 1em;
	}
	
	.selectbtn_yn .el_checklist ul > li > label p {
		line-height: 2.5;
		font-size: 1.3em;
	}
}