@charset "UTF-8";
/* CSS Document */

/*================================================

　common.css

================================================*/


/* RESET
==============================================================*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-weight:normal; }
body{ line-height:1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ display:block; }
nav, ul, ol, li{ list-style-type: none; list-style-image:none; }
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
a{ margin:0; padding:0; font-size:100%; text-decoration: none; vertical-align:baseline; background:transparent; color: #737271; }
table{ border-collapse:collapse; border-spacing:0; }
select{ vertical-align:middle; cursor:pointer; }
input{ font: 13px/1.5 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; vertical-align:middle; }
textarea{ font: 13px/1.5 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; sans-serif; vertical-align:middle; color:#666; }
input[type="radio"], input[type="checkbox"], input[type="submit"]{ cursor:pointer; }
input[type="button"],input[type="submit"]{ -webkit-appearance: none; border:none; border-radius:0; margin:0;  }
input[type="text"],input[type="number"],input[type="password"],input[type="email"],textarea{
	-webkit-appearance: none; border:none; border-radius:0; margin:0;  padding:0 10px; border-radius: 1px;
}
input, textarea, select{ outline: 0; }
/*img{ background-color:white; }*/
img[src="/img/pixel.gif"]{ background-color:transparent; }


body{
	font: 12px/1.5 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #333;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
a{
	outline: none;
}


.sp{
	display: block;
}
.pc{
	display: none;
}

/*placeholder color*/
/*Webkit*/
::-webkit-input-placeholder    {color: #919191 !important}

/*Firefox 19以降*/
::-moz-placeholder    {color: #919191 !important}

/*Firefox 18以前*/
:-moz-placeholder    {color: #919191 !important}

/*Windows IE*/
:-ms-input-placeholder    {color: #919191 !important}


/* header
==============================================================*/
#header{
	overflow: hidden;
	position: relative;
}
#header .siteMenu{
	border-bottom: 3px solid #e50780;
	background: #f9f8f4;
}
#header .siteMenu ul{
	display: table;
	width: 100%;
	padding: 0 19px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .siteMenu li{
	position: relative;
	display: table-cell;
	vertical-align: bottom;
	padding: 7px 4px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .siteMenu li a{
	display: block;
	width: 100%;
	font-size: 9px;
	color: #737271;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .siteMenu li.current{
	font-size: 9px;
}
#header .siteMenu li.current:after{
	content:"";
	display: block;
	width: 9px;
	height: 4px;
	background: url(../../images/shindan/arw_pink_menu.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	position: absolute;
	bottom: 0;
	left: 40%;
}
#header .siteMenu li.current{
	font-size: 9px;
}
#header .siteMenu li.current a{
	color: #000;
}
#header .siteMenu li.disabled{
	color: #c4c3c0;
}

#header .headerTop{
	padding: 20px 0 0;
	text-align: center;
}
#header .headerTop .logo img{
	width: 128px;
	height: auto;
}
#header .logo span{
	display: block;
	line-height: 0;
}
#header .headerTop .logo span img{
	width: 48px;
	height: auto;
}
#header .headerBottom{
	padding: 18px 0 0;
}
#header .headerBottom ul,
#footer .footerNav ul{
	display: table;
	width: 100%;
}
#header .headerBottom li,
#footer .footerNav li{
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
	width: 25%;
	position: relative;
}
#header .headerBottom li.current:after,
#footer .footerNav li.current:after{
	content:"";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #e50780;
}
#header .headerBottom li a,
#footer .footerNav li a,
#header .headerBottom li.current,
#footer .footerNav li.current{
	display: block;
	padding: 0 0 7px;
	font-size: 9px;
	color: #000;
	border-bottom: 1px solid #e7e6e2;
}
#header .headerBottom li.current,
#footer .footerNav li.current{
	width: 100%;
	padding-top: 3px;
}
#header .headerBottom li .icn,
#footer .footerNav li .icn{
	display: block;
	margin: 0 auto;
	position: relative;
}
#header .headerBottom li.nav01 .icnHd01,
#footer .footerNav li.nav01 .icnHd01{
	width: 18px;
	height: 18px;
	margin-bottom: 2px;
	top: -2px;
	background: url(../../images/shindan/ico_gnav_01.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}
#header .headerBottom li.nav02 .icnHd02,
#footer .footerNav li.nav02 .icnHd02{
	width: 20px;
	height: 18px;
	margin-bottom: 5px;
	background: url(../../images/shindan/ico_gnav_02.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
}
#header .headerBottom li.nav03 .icnHd03,
#footer .footerNav li.nav03 .icnHd03{
	width: 20px;
	height: 20px;
	margin-bottom: 2px;
	top: -1px;
	background: url(../../images/shindan/ico_gnav_03.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
}
#header .headerBottom li.nav04 .icnHd04,
#footer .footerNav li.nav04 .icnHd04{
	width: 19px;
	height: 19px;
	margin-bottom: 2px;
	top: -1px;
	background: url(../../images/shindan/ico_gnav_04.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 19px auto;
	background-size: 19px auto;
}
#header .headerBottom li.nav01.current .icnHd01,
#footer .footerNav li.nav01.current .icnHd01,
#header .headerBottom li.nav02.current .icnHd02,
#footer .footerNav li.nav02.current .icnHd02,
#header .headerBottom li.nav03.current .icnHd03,
#footer .footerNav li.nav03.current .icnHd03,
#header .headerBottom li.nav04.current .icnHd04,
#footer .footerNav li.nav04.current .icnHd04{
	background-position: 0 bottom;
}
#header .headerBottom li.login{
	display: inline-block;
	width: auto;
	position: absolute;
	top: 41%;
	right: 5.5%;
}
#header .headerBottom li.login a{
	position: relative;
	padding: 3px 2px 3px 5px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: #6aadfe;
	border-bottom: none;
}
#header .headerBottom li.login .icn{
	display: none;
}
#header .headerBottom li.login a::before {
	content: "";
	display: inline-block;
	border-top: 10px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 5px solid #6aadfe;
	border-left-color: #6aadfe;
	position: absolute;
	right: -10px;
	top: 50%;
	margin-top: -10px;
}

/* header 20190401 リニューアル
==============================================================*/
.head {
    background-color: #edc9c9;
    height: 90px;
    position: relative;
    background: linear-gradient(90deg,#00aeca 0%,#00aeca 50%,#f09199 50%,#f09199 100%);
}

.logo {
    width: 940px;
    margin: 0 auto;
}

.logo_area {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    height: 84px;
    text-align: left;
}

.logo_area img {
    padding: 20px 0 0 0;
    display: inline;
    width: 250px;
}

/* header sp 20190401 リニューアル */
.head_sp {
	background-color:#edc9c9;
	height:56px;
	position: relative;
	background:linear-gradient(90deg,#00aeca 0%,#00aeca 50%,#f09199 50%,#f09199 100%);
}
.logo_area_sp {
	position: absolute;
	bottom: 0;
	background-color: #fff;
	width:100%;
	height:52px;
	text-align:left;
}
.logo_area_sp img{
	width: 168px;
	padding:12px 0 0 9px;
}
.logo_sp{
	width:100%;
	margin:0 auto;
}

/* footer
==============================================================*/
#footer{
	overflow: hidden;
	padding: 10px 0 35px;
	border-top: 1px solid #e7e6e2;
}
#footer .footerTop{
	margin-top: 0;
	padding: 10px 0 12px;
	border-bottom: 1px solid #e7e6e2;
}
 #footer .footerLink{
	text-align: center;
	line-height: 1.2;
}
#footer .footerLink li{
	display: inline-block;
	padding: 0 6px 0 2px;
	border-right: 1px solid #e7e6e2;
	font-size: 9px;
}
#footer .footerLink li:first-child{
	padding-left: 0;
}
#footer .footerLink li:nth-child(even),
#footer .footerLink li:last-child{
	padding-right: 0;
	border-right: none;
}
#footer .footerLink a{
	color: #737271;
	text-decoration: none;
}
#footer .footerLink a:hover{
}
#footer .footerBottom{
	margin-top: 9px;
	padding: 0 15px;
}
#footer .externalLink{
	text-align: center;
}
#footer .externalLink li{
	display: inline-block;
	padding: 0 7px;
	font-size: 8px;
}
#footer .externalLink li.app a{
	background: url(../../images/shindan/ico_app_01.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
#footer .externalLink li.facebook a{
	background: url(../../images/shindan/ico_facebook_01.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
#footer .externalLink a{
	display: inline-block;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 20px 20px;
	color: #737271;
	text-decoration: none;
}
#footer .ci{
	margin-top: 33px;
}
#footer .ci .copyright .logo{
	width: 112px;
}
#footer .ci .copyright small{
	position: relative;
	bottom: 1px;
	padding-left: 10px;
	font-size: 8px;
	font-weight: bold;
	color: #435b67;
}
#footer .ci .groupSite{
	margin-top: 13px;
	font-size: 8px;
	font-weight: bold;
}
#footer .ci .groupSite a{
	color: #435b67;
	text-decoration: underline;
}

/* footer 20190401 リニューアル
==============================================================*/
#footer {
    padding-bottom: 15px;
}

#footer {
    width: 100%;
    min-width: 940px;
    background-color: #fff;
    border-top: 1px solid #e7e6e2;
}

#ft_inner_block {
    padding: 20px 0;
    width: 940px;
    margin: 0 auto;}

#ft_inner_block div.colBox01 {
    height: 100%;
    overflow: hidden;
}

#ft_inner_block div.colBox01 .imgCol {
    float: left;
    width: 330px;
    text-align: left;
}

#ft_inner_block div.colBox01 .imgCol a {
    text-decoration: none;
}

#ft_inner_block div.colBox01 .imgCol .logo {
    display: inline;
    padding: 0px;
    width: 101px;
}

#ft_inner_block div.colBox01 .imgCol small {
    bottom: 0;
    color: #435b67;
    font-size: 10px;
    font-weight: bold;
    padding-left: 10px;
    position: relative;
}

#ft_inner_block div.colBox01 .textCol {
    float: right;
    width: 603px;
    font-size: 85%;
    text-align: right;
    margin-top: 1.5em;
}

a {
    color: #6c5a54;
    text-decoration: underline;
}


/* parts
==============================================================*/
/* pageTop */
#pageTop{
	display: none;
	position: absolute;
	right: 0;
}
#pageTop a{
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: url(../../images/shindan/pagetop.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 40px auto;
	background-size: 40px auto;
}

/* btn */
.btnPink{
	display: block;
	width: 100%;
	padding: 12px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #e4007f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnPink:hover{
	background: #be8844;
}

/* icn */
.icn{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}
.arwWhite{
	width: 15px;
	height: 15px;
	background: url(../../images/shindan/arw_white.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
}
.arwGray{
	width: 18px;
	height: 18px;
	background: url(../../images/shindan/arw_gray.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}
.arwPink{
	width: 16px;
	height: 16px;
	background: url(../../images/shindan/arw_pink.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	top: -3px;
}
.arwMovie{
	width: 11px;
	height: 11px;
	background: url(../../images/shindan/arw_white_movie.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
	top: -1px;
	margin-right: 4px;
}

.icnHeart{
	width: 14px;
	height: 14px;
	background: url(../../images/shindan/icn_heart.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}


/* bnrArea */
/* PP再同意告知 */
	html .pp_info{
		width: 350px;
		color: #ff0000;
		margin-left: 5px;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

.bnrArea{
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bnrArea img{
	width: 100%;
	height: auto;
}
.bnrArea01{
	background: url(../../images/shindan/img_section02.png?date=20190328) no-repeat center 0 #f9f8f4;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.bnrArea02{
	padding-top: 20px;
	text-align: center;
}
.bnrArea02 .detailLink{
	display: block;
	margin-top: 9px;
	font-size: 9px;
}
.bnrArea02 a .arwGray{
	margin-right: 3px;
	width: 10px;
	height: 10px;
	background: url(../../images/shindan/arw_gray.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	top: -1px;
}

/* listArea */
.listArea{
	text-align: center;
	padding: 0 10px;
}
.listArea li{
	width: 47.5%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.listArea li a{
	display: block;
	line-height: 1.6;
}
.listArea li.pc{
	display: none;
}
.listArea li .txt{
	margin-bottom: 3px;
	font-size: 9px;
	line-height: 1.7;
	color: #333;
}
.listArea li .main{
	font-size: 12px;
	color: #be8844;
	line-height: 1.5;
}
.listArea li .img{
	padding: 0 23px;
}
.listArea li .img img{
	width: 100%;
	height: auto;
}

/* registArea */
.registArea{
	position: relative;
	text-align: center;
}
.registArea .linkGold{
	font-size: 18px;
	color: #be8844;
}
.registArea .link,
.registArea a{
	font-size: 18px;
	color: #e4007f;
}
.registArea .arwPink,
.registArea .arwPink{
	margin-right: 5px;
}
.registArea .linkGold .arwPink{
	background: url(../../images/shindan/arw_gold.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.registArea .link .arwPink{
	background: url(../../images/shindan/arw_pink.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.registArea01{
	padding: 30px 0 23px;
	background: url(../../images/shindan/img_section01.png?date=20190328) no-repeat center 0 #f9f8f4;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.registArea01 .txt{
	margin-bottom: 4px;
	font-size: 9px;
	color: #e4007f;
}
.registArea02{
	padding: 30px 0 28px;
}
.registArea02 .titBox{
	margin-bottom: 3px;
}
.registArea02 small{
	display: block;
	margin-top: 3px;
	font-size: 7px;
}
.registArea .grayTxt{
	display: block;
	margin-top: 4px;
}
.registArea .grayTxt a{
	font-size: 9px;
	color: #737271;
}
.registArea .grayTxt .arwGray{
	margin-right: 3px;
	width: 10px;
	height: 10px;
	background: url(../../images/shindan/arw_gray.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
	position: relative;
	top: -1px;
}
.registPt01:before{
	content:"";
	display: block;
	width: 48px;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 4px;
	background: url(../../images/shindan/img_regist01_l.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 48px auto;
	background-size: 48px auto;
}
.registPt01:after,
.registPt02:after{
	content:"";
	display: block;
	width: 41px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 6px;
	background: url(../../images/shindan/img_regist01_r.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 41px auto;
	background-size: 41px auto;
}
.registPt02:before{
	content:"";
	display: block;
	width: 53px;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 4px;
	background: url(../../images/shindan/img_regist02_l.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 52px auto;
	background-size: 52px auto;
}
.registPt03:before{
	content:"";
	display: block;
	width: 56px;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: -4px;
	background: url(../../images/shindan/img_regist03_l.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 56px auto;
	background-size: 56px auto;
}
.registPt03:after{
	content:"";
	display: block;
	width: 48px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: -2px;
	background: url(../../images/shindan/img_regist03_r.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 48px auto;
	background-size: 48px auto;
}
.registPt04:before{
	content:"";
	display: block;
	width: 48px;
	height: 107px;
	position: absolute;
	bottom: 0;
	left: -2px;
	background: url(../../images/shindan/img_regist04_l.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 48px auto;
	background-size: 48px auto;
}
.registPt04:after{
	content:"";
	display: block;
	width: 61px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: -9px;
	background: url(../../images/shindan/img_regist04_r.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 61px auto;
	background-size: 61px auto;
}
.registPt05:before{
	content:"";
	display: block;
	width: 48px;
	height: 107px;
	position: absolute;
	bottom: 0;
	left: -2px;
	background: url(../../images/shindan/img_regist05_l.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 48px auto;
	background-size: 48px auto;
}
.registPt05:after{
	content:"";
	display: block;
	width: 56px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: -5px;
	background: url(../../images/shindan/img_regist05_r.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 56px auto;
	background-size: 56px auto;
}



/* modal
==============================================================*/
.mfp-bg{
	background-color:rgba(115, 114, 113, 0.4);
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.mfp-wrap{
	background: none;
}
.documentBoxAnim .documentImg{
	width: 50%;
	margin: 10px auto 0;
}
.documentBoxAnim .documentImg img{
	width: 100%;
	height: auto;
}
.documentBoxAnim .mfp-close{
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: center;
	background-color: #c4c3c0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity:1;
	color: #fff;
}
.documentBoxAnim{
	position: relative;
	width: 300px;
	margin: 20px auto;
	border: 5px solid #f9f8f4;
	background: #fff;
	box-shadow:0 0 25px rgba(157,156,154,.9);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.documentBoxAnim .documentBoxIn{
	overflow: hidden;
	padding: 20px 15px 25px;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.documentDetailList{
	text-align: center;
}
.documentDetailList dt{
	float:left;
	clear:left;
	width: 60px;
	margin-top: 12px;
	font-size: 13px;
	color: #4994ee;
}
.documentDetailList dd{
	float:left;
	width: 190px;
	margin: 12px 0 0 10px;
	text-align: left;
}
.documentDetailList dd .noteTxt{
	margin-top: 8px;
	font-size: 9px;
	line-height: 1.7;
	text-align: left;
}


.planDetailList{
	text-align: center;
}
.planDetailList dt{
	margin-top: 12px;
	font-size: 13px;
	color: #4994ee;
}
.planDetailList dd{
	margin: 12px 0 0 10px;
	text-align: left;
}


.modalSection{
	margin-top: 14px;
	padding-top: 13px;
	background: url(../../images/shindan/img_section01.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}

.logoModal{
	text-align: center;
}
.logoModal img{
	width: 80px;
	height: auto;
}
.movieMdl .movieBox{
	margin: 16px 0 12px;
	text-align: center;
	border: 5px solid #F9F8F4;
}
.documentBoxAnim.movieMdl .documentBoxIn{
	padding: 20px 15px 15px;
}
.movieMdl .movieBox iframe{
	width: 100%;
	height: 100%;
}
.movieMdl .movieBox #movieBoxImg img{
	width: 100%;
	height: auto;
}
.movieMdl .linkArea a{
	color: #4994ee;
}
.movieMdl .linkArea a .arwPink{
	width: 11px;
	height: 11px;
	margin-right: 5px;
	top: -1px;
	background: url(../../images/shindan/arw_pink_mdl.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}

.diagnosisMdl.diagnosis {
	width: 300px;
}
.headingModal07 .category {
	padding-top: 5px;
	text-align: center;
}
.headingModal07 .category img{
	width: 170px;
}
.headingModal07 .hdg {
	margin-top: 0;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #4994ee;
}
.headingModal07 .text {
  margin-top: 5px;
  text-align: center;
  font-size: 10px;
  color: #737271;
}
.textModal01 {
	margin-top: 10px;
	text-align: center;
}
.textModal01 .fig {
	margin-top: 10px;
}
.textModal01 .fig img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.textModal01 p,
.textModal01 dl {
	color: #737271;
	font-size: 18px;
}
.textModal01 p {
	font-size: 12px;
}
.btn04 .btn {
	margin-top: 15px;
	text-align: center;
}
.btn04 .btn .match button, .btn04 .btn .match a {
	position: relative;
	margin: 0 auto;
	padding: 0;
	display: block;
	color: #fff;
	border: none;
	background-color: #6aadfe;
	font-size: 15px;
	width: 120%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-left: -10%;
}
.btn04 .btn .match button:after, .btn04 .btn .match a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 15px;
	height: 8px;
	background: url(../../images/shindan/ico_btn_02.png?date=20190328) no-repeat;
	background-size: 15px 8px;
	 margin-left: -7px;
}
.btn04 .btn .match button span, .btn04 .btn .match a span {
	display: inline-block;
	padding-left: 28px;
	background: url(../../images/shindan/ico_match_04.png?date=20190328) no-repeat 0 50%;
	background-size: 21px 18px;
}
.btn04 .btn .cancel{
	margin: 15px 0;
	font-size: 12px;
}
.btn04 .btn .cancel a {
	display: inline-block;
	padding-left: 16px;
	color: #737271;
	background: url(../../images/shindan/ico_xmark_02.png?date=20190328) no-repeat 0 50%;
	background-size: 11px 11px;
}
.btn04 .btn .prev {
	margin: 20px 0;
	font-size: 12px;
}
.btn04 .btn .prev a {
	display: inline-block;
	padding-left: 16px;
	color: #737271;
	background: url(../../images/shindan/ico_btn_03.png?date=20190328) no-repeat 0 50%;
	background-size: 11px 11px;
}
.btn04 .btn .next:last-child {
	border-radius: 0 0 6px 6px;
}
.btn04 .btn .next button, .btn04 .btn .next a {
	position: relative;
	margin: 0 auto;
	padding: 0;
	display: block;
	color: #fff;
	border: none;
	background-color: #6aadfe;
	font-size: 15px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.btn04 .btn .next button:after, .btn04 .btn .next a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 15px;
	height: 8px;
	background: url(../../images/shindan/ico_btn_02.png?date=20190328) no-repeat;
	background-size: 15px 8px;
	margin-left: -7px;
}
.btn04 .btn .next button span, .btn04 .btn .next a span {
	display: inline-block;
	padding-left: 23px;
	background: url(../../images/shindan/ico_btn_01.png?date=20190328) no-repeat 0 50%;
	background-size: 16px 16px;
}
.btn04 .btn .close a {
	position: relative;
	margin: 0 auto;
	padding: 0;
	display: block;
	color: #fff;
	border: none;
	background-color: #6aadfe;
	font-size: 15px;
	width: 120%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-left: -11%;
}
.btn04 .btn .close a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 15px;
	height: 8px;
	background: url(../../images/shindan/ico_btn_02.png?date=20190328) no-repeat;
	background-size: 15px 8px;
	margin-left: -7px;
}


.diagnosis01 {
	margin: 15px auto 0;
	width: auto;
}
.diagnosis01 .answerA {
	position: relative;
	margin-bottom: 25px;
	font-size: 15px;
	text-align: center;
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	background-color: #d9eafe;
	border-radius: 4px;
	margin: 0 15px 10px 0;
	line-height: 1.4;
}
.diagnosis01 .answerA:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 40px;
	width: 11px;
	height: 10px;
	background: url(../../images/shindan/ico_diagnosis_02.png?date=20190328) no-repeat;
	background-size: 11px 10px;
}
.diagnosis01 .answerB {
	position: relative;
	margin-top: 10px;
	font-size: 15px;
	text-align: center;
	width: auto;
	padding: 10px;
	box-sizing: border-box;
	background-color: #d9eafe;
	border-radius: 4px;
	 margin: 10px 0 0 15px;
	line-height: 1.4;
}
.diagnosis01 .answerB:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	right: 40px;
	width: 11px;
	height: 10px;
	background: url(../../images/shindan/ico_diagnosis_03.png?date=20190328) no-repeat;
	background-size: 11px 10px;
}
.diagnosis01 ul {
	width: 100%;
	padding: 7px 0 5px;
	table-layout: fixed;
	background: url(../../images/shindan/bg_diagnosis_01.png?date=20190328) no-repeat 50% 50%;
	background-size: 1px auto;
}
.diagnosis01 ul li {
	display: table-cell;
	vertical-align: middle;
	letter-spacing: normal;
	font-size: 10px;
	font-weight: bold;
	color: #6aadfe;
	width: 67px;
}
.diagnosis01 ul li.textA,
.diagnosis01 ul li.textB{
}
.diagnosis01 ul li.select2{
	width: 52px;
}
.diagnosis01 ul li.select3{
	width: 52px;
}
.diagnosis01 ul li img {
	cursor: pointer;
}
.diagnosis01 ul .textA {
	width: 15px;
	text-align: left;
}
.diagnosis01 ul .textB {
	text-align: right;
	width: 15px;
}
.diagnosis01 ul .select1 img,
.diagnosis01 ul .select4 img {
	width: 58px;
}
.diagnosis01 ul .select2 img,
.diagnosis01 ul .select3 img {
	width: 42px;
}
.diagnosis01 ul .select3 {
	text-align: right;
}
.diagnosis01 ul .select4 {
	text-align: right;
}

.diagnosis.documentBoxAnim .documentBoxIn{
	padding-top: 15px;
	padding-bottom: 0;
}
.stepDetailBox{
	padding: 20px 20px 8px;
}
.stepDetailBox .step {
	width: 100%;
	text-align: center;
}
.stepDetailBox .step dt {
	font-size: 12px;
	color: #737271;
}
.stepDetailBox .step dd {
	margin-top: 12px;
}
.stepDetailBox .step .gauge {
	width: 100%;
	height: 10px;
	border: 1px solid #e7e6e2;
	box-sizing: border-box;
}
.stepDetailBox .step .gauge div {
	position: relative;
	padding-right: 5px;
	background: #8abffe;
	background: -webkit-linear-gradient(left, #b4d6fe, #8bbffe);
	background: linear-gradient(to right, #b4d6fe, #8bbffe);
	height: 8px;
}
.stepDetailBox .step .gauge div:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 5px;
	height: 8px;
	background: url(../../images/shindan/ico_diagnosis_01.png?date=20190328) no-repeat;
	background-size: 5px 8px;
}
.stepDetailBox	.btn04 .btn{
	margin-top: 10px;
}
.stepDetailBox .btn04 .btn .prev{
	margin: 0;
}

.finishMdl .textModal01 .fig{
	padding: 5px 25% 15px;
}
.finishMdl .textModal01 p{
	color: #000;
}


/* start state */
.documentBoxZoom .documentBoxAnim {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.documentBoxZoom.mfp-ready .documentBoxAnim{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.documentBoxZoom.mfp-removing .documentBoxAnim{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
/* Dark overlay, start state */
.documentBoxZoom.mfp-bg{
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.documentBoxZoom.mfp-ready.mfp-bg{
	opacity: 0.8;
}
/* animate out */
.documentBoxZoom.mfp-removing.mfp-bg{
	opacity: 0;
}



.shindanBox{
	overflow: hidden;
	padding: 0 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shindanBox .diagnosis01{
	width: 300px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shindanBox .fig{
	padding: 0 15px;
}
.shindanBox .textModal01 .fig{
	padding: 5px 25% 15px;
}




/* content
==============================================================*/
#content{
	overflow: hidden;
}
#main{
	border-top: 5px solid #f9f8f4;
}
.contBox h2{
	font-size: 20px;
	text-align: center;
	color: #000;
	line-height: 1.4;
}
.txtBox{
	margin-top: 6px;
}
.subTxt{
	margin-top: 6px;
	padding: 0 15px;
	text-align: center;
	color: #4994ee;
}
.titBox + .subTxt{
	margin-top: 6px;
}
.noteTxt{
	font-size: 9px;
	text-align: center;
	color: #737271;
}
.subTxt + .noteTxt{
	margin-top: 8px;
}
.contSection{
	padding: 25px 0 19px;
	background: url(../../images/shindan/img_section02.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.option{
	margin: 0 25px 30px;
	padding: 10px;
	font-size: 11px;
	text-align: center;
	border: 1px solid #e7e6e2;
}
.option h3{
	font-size: 13px;
	color: #4994ee;
	clear: both;
}
.option p.sub{
	margin: 10px 0 0;
}
.option dl{
	margin: 16px 0 0;
	display: inline-block;
	vertical-align: top;
}
.option dl.partyjoin {
	margin-right: 16px;
}
.option dl dt{
	padding-bottom: 6px;
	font-size: 12px;
	color: #4994ee;
	border-bottom: 1px solid #4994ee;
}
.option dl dd{
	margin-top: 6px;
}


/* top
==============================================================*/
/* kv
----------------------------------------*/
.kvCont{
	border-bottom: 1px solid #e7e6e2;
}
.kvCont a div{
	background: no-repeat;
}
.kvCont .kvInner{
	padding: 5% 0 5% 59%;
	margin-left: -27%;
	-webkit-background-size: 47% auto;
	background-size: 47% auto;
	background-position: 0 bottom;
}
.kvCont .kvInner h1{
	font-size: 19px;
	color: #e4007f;
}
.kvCont .kvInner .imgKvPerson{
	width: 95%;
	margin-top: -4px;
	margin-left: 5px;
	padding-top: 40%;
	position: relative;
}
.kvCont .kvInner .imgKvPerson img{
	width: 100%;
	height: auto;
}
.kvCont .kvInner .imgKvPerson li{
	position: absolute;
	top: 0;
	left: 0;
}
.kvCont .kvInner .movieLink{
	margin-top: 10px;
	color: #e92b95;
}

/* contBox
----------------------------------------*/
.contBox{
	overflow: hidden;
}
.contBox .contIn{
	padding: 30px 0 27px;
}
/* titBox */
.titBox{
	text-align: center;
}
.titBox p{
	line-height: 0;
}
.titBox h1,
.titBox h2,
.titBox h3{
	margin-top: 3px;
	font-size: 18px;
	color: #be8844;
}
.userBox,
.faqBox,
.registArea02,
.adviceBox,
.sectionBtm{
	background: url(../../images/shindan/img_section02.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}

/* topStartedBox */
.topStartedBox{
	padding: 20px 15px 30px;
	text-align: center;
}
.topStartedBox .topImg{
	margin-bottom: 5px;
}
.topStartedBox .topStartedTxt{
	padding: 0 0 22px;
	background: url(../../images/shindan/img_section01.png?date=20190328) no-repeat center bottom;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.topStartedBox .topStartedBtnArea{
	padding: 11px 0 0;
}
.topStartedBox .topStartedBtnArea .txt{
	margin-bottom: 9px;
	color: #e4007f;
}
.topStartedBox .topStartedBtnArea a .arwWhite{
	position: relative;
	top: -3px;
	margin-right: 3px;
}


/* aboutBox */
.aboutBox .aboutList li{
	padding: 21px 3px 0;
}
.aboutBox .aboutList li .img{
	margin: 7px 0;
}
.aboutBox .aboutList li a{
	font-size: 9px;
}
.aboutBox .aboutList li .arwGray{
	margin-right: 3px;
	width: 10px;
	height: 10px;
	background: url(../../images/shindan/arw_gray.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.aboutBox .aboutList li:last-child{
	width: 60%;
	padding: 25px 0 0;
}
.aboutBox .aboutList li:last-child .img{
	margin-left: 43px;
	padding: 0;
}
.aboutBox .aboutList li:last-child .txt{
	padding: 0 20px;
}
.aboutBox .aboutList02 li{
	padding: 26px 3px 0;
}
.aboutBox .aboutList02 li .img{
	margin: 11px 0 9px;
	padding: 0 16px;
}
.aboutBox .aboutList02 li:first-child .img{
	padding: 0 20px 0 19px;
}
.aboutBox .aboutList02 li:last-child .img{
	padding: 0 25px;
}


/* plansBox */
.contBox .plansBox{
	padding-bottom: 13px;
}
.plansBox .plansList{
	padding: 0 5px;
}
.plansBox .plansList li{
	width: 47%;
	padding: 25px 4px 0;
}
.plansBox .plansList li .txt{
	margin-top: 4px;
}
.plansBox .plansList li .img{
	padding: 0 31px;
}
.plansBox .plansList li:nth-child(2) .img{
	padding: 0 11px 0 10px;
}
.plansBox .plansList li:last-child .img{
	padding: 0 25px;
}

/* userBox */
.userBox li{
	width: 31%;
	padding: 14px 0 0;
	font-size: 7px;
}
.userBox li .img{
	overflow: hidden;
	padding: 0 7px 0 6px;
}
.userBox li .img img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.userBox li .txtBox{
	padding: 8px 3px 0;
}
.userBox li .txt{
	font-size: 7px;
	color: #000;
	line-height: 1.8;
}
.userBox li .woman,
.userBox li .man{
	margin-top: 2px;
}
.userBox li .woman{
	color: #e4007f;
}
.userBox li .man{
	color: #4994ee;
}

/* faqBox */
.faqBox .faqImg{
	position: relative;
	padding: 14px 15px 0;
}
.faqBox .faqImg img{
	width: 100%;
	height: auto;
}
.faqBox .faqImg ul li{
	position: absolute;
	width: 25%;
}
.faqBox .faqImg ul .q01{
	top: 54%;
	left: 4%;
}
.faqBox .faqImg ul .q02{
	top: 20%;
	left: 7%;
}
.faqBox .faqImg ul .q03{
	top: 8%;
	left: 38%;
}
.faqBox .faqImg ul .q04{
	top: 20%;
	right: 7%;
}
.faqBox .faqImg ul .q05{
	top: 54%;
	right: 4%;
}


/* supportBox */
.supportBox{
	padding: 30px 10px 27px;
	background: #f9f8f4;
}
.supportBox .supportCont{
	width: 100%;
	border: 2px solid #dec3a1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.supportBox .supportContBt{
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.supportBox .supportContIn{
	padding: 30px 0 24px;
	text-align: center;
	border: 1px solid #dec3a1;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.supportList{
	padding: 0 0 0 15px;
}
.supportList li{
	width: 48%;
	padding: 13px 0 0;
}
.supportList li .txt{
	margin-top: 6px;
	font-size: 7px;
}

.supportList li:first-child .img{
	padding: 0 35px 0 0;
}
.supportList li:nth-child(2) .img{
	padding: 0 13px 0 22px;
}
.supportList li:last-child .img{
	padding: 0 22px;
}
.supportList li .txt span{
	display: block;
	margin-top: 2px;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.supportList li.support01 p{
	margin-left: -21px;
}
.supportList li.support02 span{
	color: #4994ee;
}
.supportList li.support01 span,
.supportList li.support03 span{
	color: #be8844;
}
.supportList li .link{
	margin-top: 2px;
	font-size: 9px;
}
.supportList li a .arwGray{
	margin-right: 2px;
	width: 9px;
	height: 9px;
	background: url(../../images/shindan/arw_gray.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	position: relative;
	top: -1px;
}
.supportList li:last-child{
	padding-top: 16px;
	margin-left: -21px;
}
.supportBox .supportTxt{
	margin-top: 24px;
	color: #be8844;
}
.infoBox{
	padding: 27px 15px 0;
	text-align: center;
}
.infoBox .tit{
	padding-bottom: 4px;
	border-bottom: 1px solid #e7e6e2;
}
.infoBox ul{
	padding: 12px 0 6px;
}
.infoBox li{
	margin-top: 4px;
	line-height: 1.3;
}
.infoBox li a{
	font-size: 9px;
	color: #e4007f;
}
.infoBox li a span{
	padding-right: 8px;
	color: #737271;
}
.infoBox .more{
	font-size: 9px;
}
.infoBox .more .arwGray{
	margin-right: 2px;
	width: 9px;
	height: 9px;
	background: url(../../images/shindan/arw_gray.png?date=20190328) no-repeat 0 0;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	position: relative;
	top: -1px;
}


/* report
==============================================================*/
.reportBox{
}
.contBox .contIn.detailBox{
	padding: 20px 0 0;
}
.userListBox{
	padding: 10px 0 22px;
	background: none;
}
.userListBox li{
	width: 46%;
	margin-left: 2px;
}
.userListBox li:nth-child(n+9) {
	display: none;
}
.userListBox li .img{
	position: relative;
	overflow:visible;
}
.userListBox li .img .icnNew{
	width: 27%;
	position: absolute;
	top: -2px;
	right: 5px;
}
.userListBox li .img .icnNew img{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.userListBox li .txtBox{
	margin-top: 0;
	padding: 5px 0 0;
}
.userListBox li .txt,
.userListBox li .woman,
.userListBox li .man{
	font-size: 9px;
}
.repoSendArea{
	text-align: center;
	padding: 25px 15px 0;
}
.repoSendArea .img,
.repoSendArea p{
	display: inline-block;
	vertical-align: top;
}
.repoSendArea .img{
	width: 22%;
	margin-right: 5px;
}
.repoSendArea .img img{
	width: 100%;
	height: auto;
}
.repoSendArea p{
	padding-top: 2%;
	font-size: 9px;
	color: #000;
	text-align: left;
}



/* detail
----------------------------------------*/
.contBox .reportDetailBox{
	padding: 20px 0 0;
}
.contBox .reportDetailBox .titBox h1,
.contBox .reportDetailBox .titBox h2,
.contBox .reportDetailBox .titBox h3{
	line-height: 1.4;
}

/* userNameBox */
.reportBox .userNameBox{
	margin-top: 5px;
	text-align: center;
}
.reportBox .userNameBox p{
	display: inline-block;
	vertical-align: middle;
}
.reportBox .userNameBox .woman{
	color: #e4007f;
}
.reportBox .userNameBox .man{
	color: #4994ee;
}

/* userPhotoBox */
.reportBox .userPhotoBox{
	margin-top: 25px;
}
.reportBox .userRepoBox{
	padding: 0 25px 25px;
}
.reportBox .userPhotoBox{
	text-align: center;
}
.reportBox .userPhotoBox div{
	display: inline-block;
	vertical-align: top;
}
.reportBox .userPhotoBox img{
	width: 100%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.reportBox .userPhotoBox .mainPhoto{
	width: 45%;
	margin-right: 13px;
	padding-top: 10px;
	padding-top: 4%;
}
.reportBox .userPhotoBox .userPhoto{
	position: relative;
	width: 48%;
}
.reportBox .userPhotoBox .userPhoto div{
	position: relative;
	display: block;
}
.reportBox .userPhotoBox .userPhoto .womanPhoto{
	width: 55%;
	padding-right: 42px;
	z-index: 10;
}
.reportBox .userPhotoBox .userPhoto .manPhoto{
	width: 58%;
	margin-top: -15%;
	margin-left: 13%;
	padding-left: 38px;
	z-index: 9;
}
.reportBox .userPhotoBox .userPhoto p{
	position: absolute;
	font-size: 7px;
	line-height: 1.7;
}
.reportBox .userPhotoBox .userPhoto .womanPhoto p{
	top: 7px;
	right: 0;
	text-align: left;
	color: #e4007f;
}
.reportBox .userPhotoBox .userPhoto .manPhoto p{
	bottom: 12px;
	left: 0;
	text-align: right;
	color: #4994ee;
}
.reportBox .userRepoDetail{
	padding-top: 2px;
}
.reportBox .userRepoDetail dt{
	margin-top: 23px;
	padding-left: 18px;
	font-weight: bold;
	color: #be8844;
	background: url(../../images/shindan/icn_cmnt.png?date=20190328) no-repeat 0 2px;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
.reportBox .userRepoDetail dd{
	margin-top: 7px;
	color: #000;
}

/* adviceBox */
.adviceBox{
	position: relative;
	padding: 30px 75px 28px;
	text-align: center;
}
.adviceBox p{
	position: relative;
	z-index: 10;
}
.adviceBox.man p{
	color: #4994ee;
}
.adviceBox .tit{
	margin-bottom: 7px;
	font-weight: bold;
}
.adviceBox:before{
	content:"";
	display: block;
	width: 82px;
	height: 160px;
	position: absolute;
	bottom: 0;
	left: -15px;
	background: url(../../images/shindan/img_advice_l.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 82px auto;
	background-size: 82px auto;
	z-index: 10;
}
.adviceBox:after{
	content:"";
	display: block;
	width: 112px;
	height: 176px;
	position: absolute;
	bottom: 0;
	right: -16px;
	background: url(../../images/shindan/img_advice_r.png?date=20190328) no-repeat 0 bottom;
	-webkit-background-size: 112px auto;
	background-size: 112px auto;
	z-index: 10;
}
.contBox .repoBtm{
	padding: 24px 0 27px;
}
.contBox .repoBtm + .sectionBtm{
	padding-top: 0;
	background: none;
}

/* repoPagging */
.repoPagging{
	text-align: center;
}
.repoPagging li{
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
	line-height: 1;
	border-left: 1px solid #e7e6e2;
}
.repoPagging li:first-child{
	border-left: none;
	padding-left: 0;
}
.repoPagging li a{
	font-size: 9px;
	line-height: 1;
}
.repoPagging li.prev a{
	padding-left: 8px;
	background: url(../../images/shindan/icn_prev.png?date=20190328) no-repeat 0 center;
	-webkit-background-size: 3px auto;
	background-size: 3px auto;
}
.repoPagging li.next a{
	padding-right: 5px;
	background: url(../../images/shindan/icn_next.png?date=20190328) no-repeat right center;
	-webkit-background-size: 3px auto;
	background-size: 3px auto;
}

/* faqList */
.faqList{
	text-align: center;
	padding: 15px 20px 0;
}
.faqList li{
	display: inline-block;
	vertical-align: top;
	width: 29%;
	margin-left: 10px;
}
.faqList li.pc{
	display: none;
}
.faqList li:nth-child(2){
	margin-left: 0;
}
.faqList li img{
	width: 100%;
	height: auto;
}


/* plan
==============================================================*/
.planBox .planCont{
	padding: 25px 15px 18px;
}
.planBox .planList{
	width: 100%;
	border-bottom: 1px solid #c4c3c0;
}
.planBox .planList th,
.planBox .planList td{
	vertical-align: top;
	text-align: left;
}
.planBox .planList th{
	padding: 6px 10px;
	border-top: 1px solid #c4c3c0;
}
.planBox .planList td{
	position: relative;
	padding: 6px 5px 5px 15px;
	font-size: 10px;
	border-top: 1px solid #e7e6e2;
}
.planBox .planList .plan{
	padding: 6px 0 5px 10px;
}
.planBox .planList .free{
	width: 35%;
	padding: 6px 10px;
	border-right: 1px solid #e7e6e2;
}
.planBox .planList .free img{
	width: 100%;
	height: auto;
}
.planBox .planList .mark{
	position: absolute;
	top: 5px;
	left: 0;
	color: #e7e6e2;
}
.planBox .planList .included{
	font-size: 7px;
}
.planBox .planNote{
	padding: 11px 0 0;
	text-align: center;
	background: url(../../images/shindan/img_section02.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.planBox .planNote dl dt,
.planBox .planNote dl dd,
.planBox .planNote dl dd li{
	display: inline-block;
	vertical-align: middle;
}
.planBox .planNote dl dt span{
	padding-left: 5px;
	color: #c4c3c0;
}
.planBox .planNote dl dd{
	width: 45%;
}
.planBox .planNote dl dd ul{
	letter-spacing: -0.4em;
	text-align: left;
}
.planBox .planNote dl dd li{
	width: 14%;
	margin: 0 3px;
	letter-spacing: normal;
}
.planBox .planNote dl dd li img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.planBox .planCamp{
	padding: 23px 0 25px;
	background: url(../../images/shindan/img_section01.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.planBox .planCamp .usualPrice{
	text-decoration: line-through;
}
.planBox .planCamp .mainPrice{
	font-weight: bold;
}
.planBox .imgBox img{
	width: 100%;
	height: auto;
}
.planBox .imgBox01{
	width: 19%;
	margin: 26px auto 0;
}
.planBox .imgBox02{
	width: 65%;
	margin: 24px auto 0;
	padding-left: 14%;
}
.planBox .txtBox .noteTxt{
	line-height: 1.7;
}
.planBox .txt02{
	margin-top: 5px;
}
.planBox .functionListBox{
	padding: 0 25px;
}
.planBox .functionListBox > div{
	margin-top: 18px;
}
.planBox .functionListBox p{
	font-weight: bold;
}
.planBox .functionListBox ul{
	margin-top: 7px;
}
.planBox .functionListBox li{
	position: relative;
	padding-left: 15px;
}
.planBox .functionListBox li:after{
	content:"▶";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.planBox .functionListBox .functionFree p,
.planBox .functionListBox .functionFree li:after{
	color: #e4007f;
}
.planBox .functionListBox .functionToll p,
.planBox .functionListBox .functionToll li:after{
	color: #bf8845;
}



/* service
==============================================================*/
.serviceMenuBox{
	text-align: center;
	padding: 15px 15px 20px;
}
.serviceMenuBox .serviceMenu{
	border-top: 1px solid #e7e6e2;
	border-left: 1px solid #e7e6e2;
	border-right: 1px solid #e7e6e2;
}
.serviceMenuBox .serviceMenu p,
.serviceMenuBox .serviceMenu li a{
	display: block;
	position: relative;
	padding: 6px;
	color: #737271;
	border-bottom: 1px solid #e7e6e2;
}
.serviceMenuBox .serviceMenu p:after{
	content:"▼";
	position: absolute;
	top: 8px;
	right: 10px;
	color: #737271;
	font-size: 8px;
}
.serviceMenuBox .serviceMenu p.open:after{
	content:"▲";
}


/*01*/
.valuesBox{
}
.valuesBox .planCamp{
	padding-bottom: 0;
}
.valuesBox .valuesImgBox{
	padding: 0 15px;
	line-height: 0;
	text-align: center;
}
.valuesBox .valuesImgBox img{
	width: 100%;
	height: auto;
}
.valuesBox .valuesImgBox01{
	margin-top: 11px;
}
.valuesBox .valuesImgBox02{
	margin: 16px 0 10px;
}
.valuesList{
	text-align: center;
}
.valuesList .typeName{
	position: relative;
	margin-bottom: 6px;
	font-size: 15px;
}
.valuesList .typeName .icn{
	position: relative;
	top: -1px;
}
.valuesList .typeName .icnValuesNameL{
	width: 11px;
	height: 8px;
	margin-right: 5px;
}
.valuesList .typeName .icnValuesNameR{
	width: 11px;
	height: 8px;
	margin-left: 3px;
}
.valuesList ul li{
	margin-top: 17px;
	background: none !important;
}
.valuesList .img{
	width: 9%;
	margin: 0 auto;
}
.valuesList .img img{
	width: 100%;
	height: auto;
}
.valuesList .txtSex{
	font-size: 9px;
	font-weight: bold;
	color: #ff7f13;
}
.valuesList .txt{
	margin-top: 5px;
	font-size: 9px;
	line-height: 1.7;
}

.valuesList .type01 .typeName,
.valuesList .type01 .txtSex{
	color: #ff7f13;
}
.valuesList .type02 .typeName,
.valuesList .type02 .txtSex{
	color: #28bbd5;
}
.valuesList .type03 .typeName,
.valuesList .type03 .txtSex{
	color: #88c142;
}
.valuesList .type04 .typeName,
.valuesList .type04 .txtSex{
	color: #ff0826;
}
.valuesList .type05 .typeName,
.valuesList .type05 .txtSex{
	color: #90268e;
}
.valuesList .type06 .typeName,
.valuesList .type06 .txtSex{
	color: #bfb840;
}
.valuesList .type07 .typeName,
.valuesList .type07 .txtSex{
	color: #273496;
}
.valuesList .type08 .typeName,
.valuesList .type08 .txtSex{
	color: #0b9c91;
}
.valuesList .type09 .typeName,
.valuesList .type09 .txtSex{
	color: #945b36;
}
.valuesList .type10 .typeName,
.valuesList .type10 .txtSex{
	color: #e30881;
}
.valuesList .type11 .typeName,
.valuesList .type11 .txtSex{
	color: #00a518;
}
.valuesList .type12 .typeName,
.valuesList .type12 .txtSex{
	color: #bf8740;
}
.valuesList .type13 .typeName,
.valuesList .type13 .txtSex{
	color: #686a6c;
}
.valuesList .type01 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values01_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type02 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values02_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type03 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values03_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type04 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values04_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type05 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values05_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type06 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values06_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type07 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values07_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type08 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values08_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type09 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values09_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type10 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values10_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type11 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values11_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type12 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values12_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type13 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values13_name_l.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type01 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values01_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type02 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values02_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type03 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values03_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type04 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values04_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type05 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values05_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type06 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values06_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type07 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values07_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type08 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values08_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type09 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values09_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type10 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values10_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type11 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values11_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type12 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values12_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.valuesList .type13 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values13_name_r.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}


.bx-wrapper{
	margin: 0 auto 30px;
}
.bx-wrapper img{
	display: inline;
}
.bx-has-pager{
	width: 77%;
	position: absolute;
	top: 3px;
	left: 11%;
	text-align: center;
	z-index: 20;
}
.bx-wrapper .bx-viewport{
	padding-top: 33px;
}
.bx-controls-direction a{
	display: block;
	position: absolute;
	top: -5px;
	text-indent: -9999px;
	width: 6px;
	height: 11px;
	padding: 10px;
}
.bx-controls-direction .bx-prev{
	left: 0;
	background: url(../../images/shindan/icn_page_prev.png?date=20190328) no-repeat center;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
}
.bx-controls-direction .bx-next{
	right: 0;
	background: url(../../images/shindan/icn_page_next.png?date=20190328) no-repeat center;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
}
.bx-pager .bx-pager-item{
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}
.bx-pager .bx-pager-item a{
	display: block;
	width: 7px;
	height: 7px;
	text-indent: -9999px;
	background: #e7e6e2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.bx-pager .bx-pager-item a.active{
	background: #6aadfe;
}

/*02*/
.settingStep{
	text-align: center;
}
.settingStep li{
	margin-top: 25px;
}
.settingStep li:first-child{
	margin-top: 5px;
}
.settingStep li .main{
	margin: 4px 0 6px;
	font-size: 15px;
	color: #be8844;
}
.settingStep li .img{
	margin-top: 14px;
	line-height: 0;
}
.settingStep li .img img{
	width: 100%;
	height: auto;
}
.encounterList{
	margin-top: 28px;
	margin-bottom: -3px;
}
.encounterList li{
	margin-top: 0;
}
.encounterList li.step02{
	margin-top: -4px;
}
.encounterList li .img01{
	padding-right: 21%;
	margin-left: -25px;
}
.encounterList li .img02{
	padding-left: 21%;
	margin-right: -12px;
}


/*03*/
.setteingImgSlide{
	margin: 25px auto 0;
	width: 100%;
	height: auto;
	padding: 0 15px;
	text-align: left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.setteingImgSlide ul{
	width: 100%;
	height: auto;
	padding: 34% 0 0;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.setteingImgSlide ul li{
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: none;
	position: absolute;
	text-align: center;
}
.setteingImgSlide ul li img{
	width: 100%;
	height: auto;
}

/*04*/
.serviceStep{
	padding: 27px 12px 0;
	text-align: center;
}
.serviceStep li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 31%;
}
.serviceStep li.step01{
	padding-top: 7px;
	padding-right: 29px;
	padding-left: 7px;
	background: url(../../images/shindan/img_service_step_next01.png?date=20190328) no-repeat right 52%;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}
.serviceStep li.step02{
	padding-bottom: 16px;
	padding-right: 8px;
	background: url(../../images/shindan/img_service_step_next02.png?date=20190328) no-repeat right bottom;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.serviceStep li.step02 .img{
	padding: 0 3px;
}
.serviceStep li.step03{
	padding: 10px 0 16px;
	background: url(../../images/shindan/img_service_step_next02.png?date=20190328) no-repeat 76% bottom;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.serviceStep li.step04{
	padding: 5px 0 10px;
}
.serviceStep li.step05{
	padding-top: 13px;
	padding-left: 10px;
	margin-left: -9px;
	margin-right: 7px;
	background: url(../../images/shindan/img_service_step_next03.png?date=20190328) no-repeat left top;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
}
.serviceStep li.step06{
	margin-top: -5px;
	padding-left: 21px;
	background: url(../../images/shindan/img_service_step_next01.png?date=20190328) no-repeat left 57%;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
}

.serviceStep li.step03,
.serviceStep li.step04{
	width: 72%;
}
.serviceStep li.stepIine{
	width: 96%;
	padding-top: 8px;
	padding-right: 12px;
}
.serviceStep li img{
	width: 100%;
	height: auto;
}
.serviceStep li .img{
	margin-bottom: 3px;
	line-height: 0;
}
.serviceStep li.step03 .img{
	margin-bottom: 0;
}
.serviceStep li.step05 .img{
	padding: 0 12px;
}
.serviceStep li.step06 .img{
	padding: 0 5px;
}
.serviceStep li p{
	font-size: 9px;
	line-height: 1.7;
}
.serviceStep li.step03 p,
.serviceStep li.step04 p{
	position: absolute;
}
.serviceStep li.step03 p{
	top: 59%;
	left: 30%;
}
.serviceStep li.step04 p{
	top: 67%;
	left: 30%;
}
.matchmakingList{
	margin-top: -5px;
	padding: 0 10px 8px;
	text-align: center;
}
.matchmakingList li{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	padding: 27px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.matchmakingList li img{
	width: 100%;
	height: auto;
}
.matchmakingList li .comment{
	padding: 0 11px;
}
.matchmakingList li .img{
	width: 24%;
	margin: 0 auto;
}
.matchmakingList li:nth-child(2) .img{
	margin-top: 10px;
}
.matchmakingList li .txt{
	position: relative;
	margin-top: 9px;
	font-size: 9px;
	color: #be8844;
	line-height: 1.7;
}
.matchmakingList li .txt p{
	padding: 10px 0;
	min-height: 43px;
}
.matchmakingList li .txt:before{
	content:"";
	display: inline-block;
	width: 126px;
	height: 2px;
	margin: 0 auto;
	background: url(../../images/shindan/img_matchmaking_line.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 126px auto;
	background-size: 126px auto;
}
.matchmakingList li .txt:after{
	content:"";
	display: inline-block;
	width: 126px;
	height: 2px;
	margin: 0 auto;
	background: url(../../images/shindan/img_matchmaking_line.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 126px auto;
	background-size: 126px auto;
}
.matchmakingList li .txt span{
	font-weight: bold;
}

/*05*/
.dataList{
	padding-bottom: 25px;
	text-align: center;
}
.dataList li{
	margin-top: 20px;
}
.dataList li .dataTit{
	font-size: 15px;
	color: #be8844;
}
.dataList li .dataTit span{
	font-weight: bold;
}
.dataList li .img{
	margin-top: 17px;
	padding: 0 15px;
	text-align: center;
}
.dataList li .img img{
	width: 100%;
	height: auto;
}
.contSection .dataList{
	padding-bottom: 5px;
}
.contSection .dataList li:first-child{
	margin-top: 0;
}
.contSection .dataList li:first-child .img{
	margin-top: 7px;
}

/*06*/
.serviceDetailList li{
	margin-top: 30px;
}
.serviceDetailList li:first-child{
	margin-top: 20px;
}
.serviceDetailList li .img{
	margin: 14px auto 0;
}
.serviceDetailList li.step01 .img{
	width: 37%;
}
.serviceDetailList li.step02 .img{
	width: 38%;
	margin-top: 16px;
	padding-left: 5px;
}
.serviceDetailList li.step03 .img{
	width: 28%;
	margin-top: 16px;
}
.serviceDetailList li.step04 .img{
	width: 26%;
}
.serviceDetailList li.step05 .img{
	width: 35%;
	padding-left: 2px;
}
.serviceDetailList li.step06 .img{
	width: 45%;
	margin-top: 9px;
	padding-left: 4px;
}
.serviceDetailNote{
	padding: 33px 33px 25px;
	line-height: 1.7;
}



/* form
==============================================================*/
.formMdl.documentBoxAnim .documentBoxIn{
	overflow: hidden;
	padding: 13px 10px 0;
}
.formMdl{
}
.formMdl p{
	text-align: center;
}
.formMdl .formTop{
	font-size: 18px;
	color: #4994ee;
}
.formMdl .subTxt{
	padding: 0;
	font-size: 11px;
}
.formMdl .formBox{
	margin-top: 25px;
	padding-top: 18px;
	background: url(../../images/shindan/img_section02.png?date=20190328) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.formMdl .formBox .formTit{
	font-size: 13px;
	color: #be8844;
}
.formMdl .formBox .formCont{
	padding-top: 20px;
}
.formMdl .input{
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #c4c3c0;
	border-radius: 0;
	background: fff;
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.formMdl .input[disabled] {
	background-color: #c4c3c0;
}
.formMdl .select {
	overflow: hidden;
	display: inline-block;
	position: relative;
	border: 1px solid #c4c3c0;
	width: 100%;
	box-sizing: border-box;
}
.formMdl .select.disabled {
	border-color: #e7e6e2;
}
.formMdl .select:after {
	position: absolute;
	top: 60%;
	right: 10px;
	display: block;
	content: '';
	background: url(../../images/shindan/icn_select_01.png?date=20190328) no-repeat;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	pointer-events: none;
}
.formMdl .select select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	width: 130%;
	padding: 7px 10px;
	border-radius: 0;
	border: none;
	background: none transparent;
	vertical-align: middle;
	color: inherit;
	box-sizing: border-box;
	font-size: 12px;
}
.formMdl .select select[disabled] {
	background-color: #e7e6e2;
	color: #9d9c9a;
}
.formMdl .radio {
	position: relative;
	display: inline-block;
	padding-left: 24px;
	cursor: pointer;
}
.formMdl .radio.disabled {
	color: #9d9c9a;
	cursor: default;
}
.formMdl .check {
	position: relative;
	display: inline-block;
	padding-left: 24px;
	cursor: pointer;
}
.formMdl .check .sp{
	display: inline-block;
}
.formMdl .check.disabled {
	color: #9d9c9a;
	cursor: default;
}
.formMdl .checkFlag,
.formMdl .radioFlag{
  display: none;
	margin: 0;
}
.formMdl .checkFlag + label,
.formMdl .radioFlag + label{
	position: relative;
	display: inline-block;
	margin-right: 12px;
	padding: 0 0 0 24px;
	font-size: 14px;
	cursor: pointer;
}
.formMdl .checkFlag + label:after,
.formMdl .radioFlag + label:after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 15px;
	height: 15px;
	margin-top: -9px;
	background: #FFF;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.formMdl .checkFlag + label.checked:before,
.formMdl .radioFlag + label.checked:before{
	content: " ";
	position: absolute;
	top: 50%;
	left: 3px;
	display: block;
	width: 9px;
	height: 9px;
	margin-top: -6px;
	background: #be8844;
	z-index: 10;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.formMdl dl{
}
.formMdl dl dt{
	margin-top: 15px;
	text-align: center;
}
.formMdl dl dt:first-child{
	margin-top: 0;
}
.icnRequired{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 2px 4px 1px;
	color: #fff;
	background: #3168d7;
	position: relative;
	top: -2px;
	font-size: 12px;
}
.icnRequired.pc{
	display: none;
}
.formMdl dl dd{
	margin-top: 3px;
}

.formMdl .formInput{
}
.formMdl .formInput li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 47.4%;
	margin-left: 10px;
}
.formMdl .birthSelect{
	letter-spacing: -0.4em;
}
.formMdl .birthSelect li{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.formMdl .birthSelect li.year{
	width: 42%;
	margin-right: -4px;
}
.formMdl .birthSelect li.day{
	width: 28%;
}
.formMdl .birthSelect li.day + li.day{
	margin-left: 5px;
}
.formMdl .birthSelect li .select{
	width: 75%;
	vertical-align: middle;
	margin-right: 4px;
	text-align: center;
}
.formMdl .birthSelect li span{
	display: inline-block;
	vertical-align: middle;
}
.formMdl .birthSelect li .select select{
	padding-left: 18px;
}
.formMdl .radioSelect{
	margin-top: 10px;
	text-align: center;
}
.formMdl .radioSelect li{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.formMdl .formInput li:first-child,
.formMdl .radioSelect li:first-child{
	margin-left: 0;
}

.formMdl .inputBox{
	margin-top: 10px;
}
.formMdl .inputBox + .noteTxt{
	margin-top: 10px;
}
.formMdl .checkBox{
	margin-bottom: 10px;
	text-align: center;
}
.formMdl .checkBox label{
	text-align: left;
}
.formMdl .consentTxt a{
	border-bottom: 1px dashed #737271;
}
.formMdl .submitBtn{
	position: relative;
	width: 120%;
	margin-top: 22px;
	margin-left: -10%;
	padding: 15px 0;
	font-size: 15px;
	color: #fff;
	background: #6aadfe;
	border: none;
}
.formMdl .submitBtn:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 19px;
	height: 10px;
	background: url(../../images/shindan/ico_btn_02.png?date=20190328) no-repeat;
	-webkit-background-size: 19px auto;
	background-size: 19px auto;
	margin-left: -11px;
}

.formMdl .errorTxt {
	margin-top: 4px;
	text-align: center;
  color: #ff020d;
  font-size: 9px;
  font-weight: bold;
}
.formMdl .input.error,
.formMdl .select.error{
	border: 1px solid #eb0505;
}

/* footer 20190401 sp リニューアル*/
footer { padding-top: 20px; }
.footerInner { padding: 5px 10px 10px; }

footer .pagetop {
	margin: 0 0 5px;
	text-align: right;
}

footer .pagetop a {
	padding-left: 15px;
	background: url(../../../s/images/form2/arr_pagetop.png?date=20190328) no-repeat left center;
	background-size: 12px 7px;
	font-size: 108%;
}

footer .pagetop a { text-decoration:none; }

footer a.arr01 {
	padding-left: 10px;
	background: url(../../../s/images/form2/arrow_triangle.png?date=20190328) no-repeat left center;
	background-size: 6px auto;
	line-height: 200%;
	text-decoration: none;
}

#border {
	margin: 0 0 10px;
	border-top: 1px solid #e7e6e2;
}

footer .footerInner .copyright a{
	text-decoration: none;
}
/* end */

/* ==============================================================

 media queries

==============================================================*/

/*
----------------------------------------------
	SP WIDE
----------------------------------------------
*/
@media screen and (min-width: 481px) and (max-width: 768px) {
	.kvCont .kvInner{
		-webkit-background-size: 25% auto;
		background-size: 25% auto;
	}
}

/*
----------------------------------------------
	pc
----------------------------------------------
*/

@media screen and (min-width:641px){
	html .pc{
		display: block;
	}
	html .sp{
		display: none;
	}

	html body{
		min-width:1010px;
	}
	html .contInPc{
		width: 1024px;
		margin: 0 auto;
	}

	html a{
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html a:hover{
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}

	html #header .headerBottom a:hover,
	html .kvCont a:hover,
	html .listArea li a:hover,
	html .infoBox .more:hover,
	html .repoPagging li a:hover,
	html .faqList li a:hover,
	html .bnrArea a:hover,
	html .faqBox a:hover,
	html .repoSendArea a:hover{
		opacity:0.6;
	}

	html .txtBox{
		margin-top: 10px;
	}
	html .subTxt{
		font-size: 18px;
		line-height: 1.7;
	}
	html .noteTxt{
		font-size: 14px;
	}
	html .titBox + .subTxt,
	html h2 + .noteTxt{
		margin-top: 10px;
	}

	html .contBox h2{
		font-size: 40px;
	}

	html .contBox .contIn.detailBox{
		padding: 40px 0 52px;
	}

	html .contSection{
		padding: 45px 0 0;
		background: url(../../images/shindan/img_section02_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}

	html .option{
		width: 660px;
		margin: 20px auto 0px;
		padding: 20px;
		font-size: 14px;
	}

	html .option h3{
		font-size: 20px;
	}
	html .option dl{
		width: 300px;
	}
	html .option dl.partyjoin {
		margin-right: 20px;
	}
	html .option dl dt{
		padding-bottom: 10px;
		font-size: 16px;
		color: #4994ee;
		border-bottom: 1px solid #4994ee;
	}
	html .option dl dd{
		margin-top: 10px;
	}


	/* header
	==============================================================*/
	html #header{
		border-bottom: 1px solid #e7e6e2;
	}
	html .top #header{
		border-bottom: none;
	}
	html #header .siteMenu{
		padding: 0;
		border-bottom: 5px solid #e50780;
	}
	html #header .siteMenu ul{
		width: 1024px;
		margin: 0 auto;
		padding: 13px 0 0;
	}
	html #header .siteMenu li{
		display: inline-block;
		width: auto;
		margin-left: 22px;
		padding: 7px 6px 18px;
	}
	html #header .siteMenu li:first-child{
		margin-left: 0;
		padding-left: 19px;
	}
	#header .siteMenu li.current{
		font-size: 18px;
	}
	html #header .siteMenu li.current:after{
		left: 45%;
	}
	html #header .siteMenu li a{
		font-size: 18px;
	}
	html #header .siteMenu li a:hover{
		color: #4994ee;
	}
	html #header .siteMenu li.current:after{
		width: 16px;
		height: 8px;
		background-image: url(../../images/shindan/arw_pink_menu_pc.png?date=20190328);
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #header .siteMenu li.disabled{
		font-size: 18px;
		color: #c4c3c0;
	}

	html #header .headerTop{
		width: 1024px;
		margin: 0 auto;
		padding: 35px 0 0;
	}
	html #header .headerBottom{
		padding: 30px 0 33px;
	}
	html #header .headerBottom{
		width: 1024px;
		text-align: center;
		margin: 0 auto;
	}
	html #header .headerBottom li,
	html #header .headerBottom li.current{
		display: inline-block;
		width: auto;
		padding: 0 17px 0 18px;
	}
	html #header .headerBottom li.current:after{
		display: none;
	}
	html #footer .footerNav li.current:after{
		display: none;
	}
	html #header .headerBottom li.nav03{
		padding: 0 14px 0 20px;
	}
	html #header .headerBottom li a,
	html #header .headerBottom li.current{
		padding: 0;
		font-size: 18px;
		color: #737271;
		border-bottom: none;
	}
	html #header .headerBottom li .icn{
		display: inline-block;
		margin-right: 8px;
		margin-bottom: 0 !important;
	}
	html #header .headerBottom li.nav01 .icnHd01{
		width: 20px;
		height: 21px;
		top: -1px;
		background: url(../../images/shindan/ico_gnav_01_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #header .headerBottom li.nav02 .icnHd02{
		width: 23px;
		height: 21px;
		margin-right: 5px;
		top: -1px;
		background: url(../../images/shindan/ico_gnav_02_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #header .headerBottom li.nav03 .icnHd03{
		width: 20px;
		height: 20px;
		top: -2px;
		background: url(../../images/shindan/ico_gnav_03_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #header .headerBottom li.nav04 .icnHd04{
		width: 22px;
		height: 22px;
		top: -2px;
		margin-right: 6px;
		background: url(../../images/shindan/ico_gnav_04_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #header .headerBottom li.current{
		margin: 0 14px 0 20px;
		color: #000;
	}
	html #header .headerBottom li.nav01.current{
		margin: 0 17px 0 18px;
	}
	html #header .headerBottom li.nav02.current{
		margin: 0 17px 0 18px;
	}
	#header .headerBottom li.nav01.current .icnHd01,
	#header .headerBottom li.nav02.current .icnHd02,
	#header .headerBottom li.nav03.current .icnHd03,
	#header .headerBottom li.nav04.current .icnHd04{
		background-position: 0 bottom;
	}
	html #header .headerBottom li.login{
		position: static;
		padding-left: 22px;
	}
	html #header .headerBottom li.login a{
		padding: 0;
		font-size: 18px;
		font-weight: normal;
		color: #4994ee;
		border-bottom: none;
		background: none;
	}
	html #header .headerBottom li.login .icnHd05{
		display: inline-block;
		width: 22px;
		height: 22px;
		top: -2px;
		background: url(../../images/shindan/ico_gnav_05_pc.png?date=20190328) no-repeat 0 0;
	}
	html #header .headerBottom li.login a:hover{
		opacity: 1;
		color: #416a9c;
	}
	html #header .headerBottom li.login a:hover .icnHd05{
		background-position: 0 bottom;
	}
	html #header .headerBottom li.login a::before{
		display: none;
	}

	html #header .headerTop .logo img{
		width: 198px;
		height: auto;
	}
	html #header .headerTop .logo span{
		margin-top: 5px;
	}
	html #header .headerTop .logo span img{
		width: 76px;
		height: auto;
	}


	/* footer
	==============================================================*/
	html #footer{
		/* 20190401 リニューアル
		padding-bottom: 60px;
		border-top: none;
		*/
	}
	html #footer .footerTop{
		padding: 22px 0;
		background: #f9f8f4;
	}
	html .top #footer .footerTop{
		background: #fff;
	}
	html #footer .footerBottom{
		overflow: hidden;
		width: 930px;
		margin: 38px auto 0;
	}
	html #footer .footerLink li{
		font-size: 14px;
		padding: 0 11px 0 10px;
	}
	html #footer .footerLink li:nth-child(2n){
		padding-right: 14px;
		border-right: 1px solid #e7e6e2;
	}
	html #footer .footerLink li:last-child{
		border-right: none;
	}
	html #footer .externalLink{
		float: right;
		margin-top: 10px;
	}
	html #footer .ci{
		float: left;
		margin-top: 0;
	}
	html #footer .externalLink li{
		margin-left: 15px;
		padding: 0;
		font-size: 14px;
	}
	html #footer .externalLink li a{
		padding-left: 25px;
	}
	html #footer .externalLink li.app a {
		background-image: url(../../images/shindan/ico_app_01_pc.png?date=20190328);
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #footer .externalLink li.facebook a {
		background-image: url(../../images/shindan/ico_facebook_01_pc.png?date=20190328);
		-webkit-background-size: auto;
		background-size: auto;
	}
	html #footer .ci .copyright .logo{
		width: 101px;
	}
	html #footer .ci .copyright small{
		padding-left: 10px;
		padding: position;
		bottom: 0;
		font-size: 10px;
	}
	html #footer .ci .groupSite{
		font-size: 10px;
	}
	html #footer .ci .groupSite a{
		font-size: 12px;
	}
	html #footer a:hover{
		text-decoration: none;
	}
	html #footer .footerLink li a:hover,
	html #footer .externalLink li a:hover{
		opacity:0.6;
	}


	/* parts
	==============================================================*/
	/* pageTop */
	html #pageTop a{
		width: 60px;
		height: 60px;
		-webkit-background-size: auto;
		background-size: auto;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	html #pageTop a:hover{
		background-position: 0 bottom;
	}

	html .userBox,
	html .faqBox,
	html .registArea02,
	html .adviceBox,
	html .sectionBtm{
		background: url(../../images/shindan/img_section02_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}

	/* btn */
	html .btnPink{
		display: inline-block;
		width: auto;
		padding: 12px 17px;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .btnPink:hover{
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}

	/* icn */
	html .arwGray,
	html .aboutBox .aboutList li .arwGray,
	html .bnrArea02 a .arwGray,
	html .supportList li a .arwGray,
	html .infoBox .more .arwGray,
	html .registArea .grayTxt .arwGray{
		width: 18px;
		height: 18px;
		background: url(../../images/shindan/arw_gray_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
		position: relative;
		top: -1px;
	}
	html .arwWhite{
		width: 22px;
		height: 22px;
		background: url(../../images/shindan/arw_white_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .arwPink{
		width: 28px;
		height: 28px;
		background: url(../../images/shindan/arw_pink_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
		position: relative;
		top: -2px;
	}
	html .arwMovie{
		width: 22px;
		height: 22px;
		background: url(../../images/shindan/arw_pink_movie.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
		margin-right: 8px;
	}
	html .icnHeart{
		width: 20px;
		height: 17px;
		background: url(../../images/shindan/icn_heart_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
		position: relative;
		top: 0;
		margin: 0 4px;
	}

	/* bnrArea */
	/* PP再同意告知 */
	html .pp_info{
		width: 450px;
		color: #ff0000;
		margin 0 auto;
		padding: 10px;
	}
	html .pp_text{
		text-align: center;
		padding-left: 120px;
		width: 450px;
	}

	html .bnrArea{
		padding: 29px 33px 26px;
		text-align: center;
	}
	html .bnrArea a{
		display: inline-block;
	}
	html .bnrArea .bnrAreaInCamp01{
		width: 930px;
		height: 120px;
		margin: 0 auto;
		background: #fff;
	}
	html .bnrArea img{
		display: block;
		width: auto;
		margin: 0 auto;
	}
	html .bnrArea img.sp{
		display: none;
	}
	html .bnrArea01{
		background: url(../../images/shindan/img_section02_pc.png?date=20190328) no-repeat center 0 #f9f8f4;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .top .bnrArea01{
		background: #f9f8f4;
	}
	html .bnrArea02{
		padding: 20px 0 0;
	}
	html .bnrArea02 .bnrAreaIn{
		width: 1024px;
		margin: 0 auto;
	}
	html .bnrArea .detailLink{
		display: inline-block;
		width: auto;
		margin: 15px 0 0;
		font-size: 14px;
	}
	html .bnrArea .detailLink:hover{
		opacity:0.8;
	}

	/* listArea */
	html .listArea{
		width: 1024px;
		margin: 0 auto;
		padding: 0;
	}
	html .listArea li,
	html .plansBox .plansList li{
		width: 306px;
		padding: 21px 30px 0;
	}
	html .aboutBox .aboutList li:last-child{
		width: 309px;
		margin-left: -2px;
		padding: 21px 30px 0;
	}
	.listArea li.pc{
		display: inline-block;
	}
	html .listArea li .main{
		font-size: 24px;
	}
	html .listArea li .txt{
		margin-bottom: 10px;
		padding: 0 15px;
		font-size: 18px;
	}
	html .listArea li .img img{
		width: auto;
		height: auto;
	}

	/* registArea */
	html .registArea{
		overflow: hidden;
	}
	html .registArea .registAreaIn{
		position: relative;
		width: 1024px;
		margin: 0 auto;
	}
	html .registArea .link,
	html .registArea .linkGold{
		font-size: 28px;
	}
	html .registArea .link{
		color: #e4007f;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .registArea .link:hover{
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	html .registArea .link .arwPink,
	html .registArea .linkGold .arwPink{
		margin-right: 16px;
	}
	html .registArea .arwPink img{
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .registArea a:hover .arwPink img{
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	html .registArea .linkGold .arwPink{
		background: url(../../images/shindan/arw_gold_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .registArea .link .arwPink{
		background: url(../../images/shindan/arw_gold_pc.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .registArea .link:hover{
		color: #be8844;
	}
	html .registArea a:hover .arwPink img,
	html .registArea a:hover .arwPink img{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		opacity: 0;
	}
	html .registArea a:hover .linkGold{
		color: #be8844;
	}
	html .registArea a:hover .linkGold .arwPink{
	}
	html .registArea .grayTxt{
		width: 1024px;
		margin: 15px auto 0;
	}
	html .registArea .grayTxt a{
		font-size: 14px;
	}
	html .registArea .grayTxt a:hover{
		opacity: 0.8;
	}
	html .registArea01{
		padding: 57px 0 55px;
		background: url(../../images/shindan/img_section03_pc.png?date=20190328) no-repeat center 0 #f9f8f4;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .registArea01 .txt{
		margin-bottom: 8px;
		font-size: 18px;
	}
	html .registArea02{
		padding: 60px 0 56px;
	}
	html .registArea02 .titBox{
		margin-bottom: 15px;
	}
	html .registArea02 a{
		font-size: 54px;
	}
	html .registArea02 a:hover{
		color: #be8844;
	}
	html .registArea02 small{
		margin-top: 5px;
		font-size: 14px;
	}
	html .registArea02 a .arwPink{
		width: 54px;
		height: 54px;
		top: -3px;
		margin-right: 10px;
		background: url(../../images/shindan/arw_gold_l.png?date=20190328) no-repeat 0 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .registArea02 a:hover .arwPink{
		background-position: 0 bottom;
	}

	html .registAreaIn:before,
	html .registAreaIn:after{
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .registPt01:before{
		width: 97px;
		height: 201px;
		left: 190px;
		bottom: -54px;
	}
	html .registPt01:after,
	html .registPt02:after{
		width: 82px;
		height: 198px;
		right: 189px;
		bottom: -54px;
	}
	html .registPt02:before{
		width: 109px;
		height: 201px;
		left: 190px;
		bottom: -54px;
	}
	html .registPt03:before{
		width: 113px;
		height: 197px;
		left: 171px;
		bottom: -54px;
	}
	html .registPt03:after{
		width: 97px;
		height: 192px;
		right: 189px;
		bottom: -54px;
	}
	html .registPt04:before{
		width: 96px;
		height: 216px;
		left: 181px;
		bottom: -71px;
	}
	html .registPt04:after{
		width: 122px;
		height: 203px;
		right: 192px;
		bottom: -70px;
	}
	html .registPt05:before{
		width: 96px;
		height: 215px;
		left: 178px;
		bottom: -71px;
	}
	html .registPt05:after{
		width: 113px;
		height: 202px;
		right: 192px;
		bottom: -70px;
	}



	/* modal
	==============================================================*/
	html .documentBoxAnim{
		width: 950px;
		border: 10px solid #f9f8f4;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	html .documentBoxAnim .documentBoxIn{
		padding: 61px 0 58px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
	}
	html .documentBoxAnim .titBox{
		width: auto;
	}
	html .documentBoxAnim .mfp-close{
		width: 30px;
		height: 30px;
		line-height: 30px;
		top: 10px;
		right: 10px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		opacity:1;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .documentBoxAnim .mfp-close:hover{
		opacity: 0.6;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	html .documentBoxAnim .documentImg,
	html .documentBoxAnim .documentImg img{
		width: auto;
	}
	html .documentBoxAnim .documentImg{
		margin-top: 15px;
		text-align: center;
	}
	html .documentDetailList{
		padding: 0 150px;
	}
	html .documentDetailList dt{
		width: 140px;
		text-align: left;
		margin-top: 24px;
		font-size: 20px;
	}
	html .documentDetailList dd{
		width: 480px;
		margin-top: 24px;
		font-size: 18px;
		line-height: 1.7;
	}
	html .documentDetailList dd .noteTxt{
		font-size: 14px;
	}

	html .planDetailList{
		padding: 0 150px;
	}
	html .planDetailList dt{
		margin-top: 24px;
		font-size: 20px;
	}
	html .planDetailList dd{
		margin-top: 24px;
		font-size: 18px;
		line-height: 1.7;
	}

	html .modalSection{
		margin-top: 35px;
		padding-top: 27px;
		background: url(../../images/shindan/img_section03_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .txtDocuments{
		width: 90px;
	}
	html .logoModal img,
	html .movieMdl .movieBox img{
		width: auto;
	}
	html .documentBoxAnim.movieMdl .documentBoxIn{
		padding: 61px 0 38px;
	}
	html .movieMdl .movieBox,
	html .movieMdl .movieBox iframe{
		width: 810px;
		height: 455px;
	}
	html .documentBoxAnim.movieMdl .documentBoxIn{
		padding: 61px 0 38px;
	}
	html .movieMdl .movieBox{
		margin: 36px auto 32px;
	}
	html .movieMdl .movieBox #movieBoxImg{
		cursor: pointer;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .movieMdl .movieBox #movieBoxImg:hover{
		opacity: 0.6;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	html .movieMdl .linkArea a{
		font-size: 18px;
	}
	html .movieMdl .linkArea a .arwPink{
		width: 22px;
		height: 22px;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .movieMdl .linkArea a .arwPink{
		width: 22px;
		height: 22px;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .movieMdl .linkArea a .arwPink img{
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .movieMdl .linkArea a:hover .arwPink img{
		opacity: 0;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	html .diagnosisMdl.diagnosis {
		width: 690px;
	}
	html .diagnosisMdl.diagnosis .documentBoxIn{
		padding: 23px 25px 25px;
	}
	html .headingModal07 .category {
		padding-top: 20px;
		text-align: center;
	}
	html .headingModal07 .category img{
		width: auto;
		max-width: 250px;
	}
	html .headingModal07 .hdg {
		margin-top: 0;
		font-size: 28px;
	}
	html .headingModal07 .text {
		font-size: 14px;
	}
	html .textModal01 .fig img {
		width: auto;
		max-width: 400px;
		width: expression(this.width >= this.height ? "400px" : "auto");
	}
	html .textModal01 p{
		margin-top: 3px;
		font-size: 18px;
	}

	html .btn04{
		margin: 0 -25px -25px;
	}
	html .btn04 .btn{
		margin-top: 13px;
	}
	html .btn04 .btn .match button, .btn04 .btn .match a {
		font-size: 24px;
		width: 120%;
		height: 80px;
		line-height: 80px;
	}
	html .btn04 .btn .match button:after,
	html .btn04 .btn .match a:after {
		width: 22px;
		height: 12px;
		background: url(../../images/shindan/ico_btn_02_pc.png?date=20190328) no-repeat 0 0;
		background-size: auto;
		margin-left: -11px;
	}
	html .btn04 .btn .match button span,
	html .btn04 .btn .match a span {
		padding-left: 40px;
		background: url(../../images/shindan/ico_match_04_pc.png?date=20190328) no-repeat 0 50%;
		background-size: auto;
	}
	html .btn04 .btn .cancel{
		margin: 20px 0;
		font-size: 18px;
	}
	html .btn04 .btn .cancel a {
		padding-left: 24px;
		background: url(../../images/shindan/ico_xmark_02_pc.png?date=20190328) no-repeat 0 50%;
		background-size: auto;
	}
	html .btn04 .btn .next:last-child {
		border-radius: 0 0 12px 12px;
	}
	html .btn04 .btn .next button,
	html .btn04 .btn .next a {
		font-size: 24px;
		height: 80px;
		line-height: 80px;
	}
	html .btn04 .btn .next button:after,
	html .btn04 .btn .next a:after {
		width: 22px;
		height: 12px;
		background: url(../../images/shindan/ico_btn_02_pc.png?date=20190328) no-repeat 0 0;
		background-size: auto;
		margin-left: -11px;
	}
	html .btn04 .btn .next button span,
	html .btn04 .btn .next a span {
		padding-left: 38px;
		background: url(../../images/shindan/ico_btn_01_pc.png?date=20190328) no-repeat 0 50%;
		background-size: auto;
	}
	html .btn04 .btn .prev{
		font-size: 18px;
	}
	html .btn04 .btn .prev a{
		padding-left: 24px;
		background: url(../../images/shindan/ico_btn_03_pc.png?date=20190328) no-repeat 0 50%;
		background-size: auto;
	}
	html .btn04 .btn .close a{
		padding: 15px 0 16px;
		font-size: 24px;
	}
	html .btn04 .btn .close a:after{
		width: 22px;
		height: 12px;
		background: url(../../images/shindan/ico_btn_02_pc.png?date=20190328) no-repeat 0 0;
		background-size: auto;
	}

	html .diagnosis01 {
		margin: 35px auto 0;
		width: 540px;
	}
	html .diagnosis01 .answerA {
		font-size: 22px;
		width: 390px;
		padding: 15px;
		border-radius: 8px;
		margin-left: 30px;
		margin-bottom: 25px;
	}
	html .diagnosis01 .answerA:after {
		left: 46px;
		width: 18px;
		height: 16px;
		background: url(../../images/shindan/ico_diagnosis_02.png?date=20190328) no-repeat;
		background-size: 18px 16px;
	}
	html .diagnosis01 .answerB {
		position: relative;
		margin-top: 25px;
		font-size: 22px;
		width: 390px;
		padding: 15px;
		border-radius: 8px;
		margin-left: 120px;
	}
	html .diagnosis01 .answerB:after {
		right: 46px;
		width: 18px;
		height: 16px;
		background: url(../../images/shindan/ico_diagnosis_03.png?date=20190328) no-repeat;
		background-size: 18px 16px;
	}
	html .diagnosis01 ul {
		letter-spacing: 0.4em;
		padding: 0;
		background: url(../../images/shindan/bg_diagnosis_01.png?date=20190328) no-repeat 50% 50%;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .diagnosis01 ul .select1 img,
	html .diagnosis01 ul .select2 img,
	html .diagnosis01 ul .select3 img,
	html .diagnosis01 ul .select4 img{
		width: auto;
	}
	html .diagnosis01 ul li {
		display: inline-block;
		font-size: 14px;
		margin-left: 40px;
	}
	html .diagnosis01 ul li.select1{
		margin-left: 0;
	}
	html .diagnosis01 ul li.select2{
		margin-left: 48px;
    	margin-right: 38px;
	}
	html .diagnosis01 ul li.select3{
		margin-left: 43px;
	}
	html .diagnosis01 ul li img {
		cursor: pointer;
	}
	html .diagnosis01 ul .textA {
		margin-left: 0;
		width: 33px;
	}
	html .diagnosis01 ul .textB {
		margin-left: 10px;
		width: 33px;
	}
	html .stepDetailBox .step {
		margin: 0 auto;
		width: 410px;
	}
	html .stepDetailBox .step dt {
		font-size: 18px;
	}
	html .stepDetailBox .step dd {
		margin-top: 15px;
	}
	html .stepDetailBox .step .gauge {
		height: 18px;
	}
	html .stepDetailBox .step .gauge div {
		padding-right: 10px;
		height: 16px;
	}
	html .stepDetailBox .step .gauge div:after {
		left: 100%;
		width: 10px;
		height: 16px;
		background: url(../../images/shindan/ico_diagnosis_01.png?date=20190328) no-repeat;
		background-size: auto;
	}

	html .stepDetailBox{
		background: none;
		padding: 20px 20px 45px;
	}
	html .stepDetailBox .btn04 .btn{
		margin-top: 16px;
	}

	html .finishMdl .textModal01 .fig{
		padding: 10px 0 16px;
	}
	html .finishMdl .btn04 .btn{
		margin-top: 23px;
	}

	html .shindanBox{
		width: 690px;
		margin: 0 auto 46px;
		padding: 0;
	}
	html .shindanBox .btn04{
		margin-bottom: 0;
	}
	html .shindanBox .headingModal07 .category{
		padding-top: 0;
	}
	html .shindanBox .stepDetailBox{
		padding-bottom: 0;
	}
	html .shindanBox .diagnosis01{
		width: 540px;
		padding: 0;
	}
	html .formMdl .submitBtn,
	html .btn04 .btn .match a,
	html .btn04 .btn .close a{
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
		-ms-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
	}
	html .formMdl .submitBtn:hover,
	html .btn04 .btn .match a:hover,
	html .btn04 .btn .close a:hover{
		background: #be8844;
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
	html .btn04 .btn .prev a:hover{
		opacity: 0.6;
	}


	/* top
	==============================================================*/

	/* contBox
	----------------------------------------*/
	html .contBox .contIn{
		padding: 60px 0 52px;
	}
	html .contBox .sectionBtm{
		padding: 60px 0 34px;
	}
	html .titBox{
		width: 1024px;
		margin: 0 auto;
	}
	html .titBox h1,
	html .titBox h2,
	html .titBox h3{
		margin-top: 8px;
		font-size: 28px;
		line-height: 1.4;
	}
	html .titBox p img{
		height: auto;
	}
	html .titBox p .txtStarted{
		width: 80px;
	}
	html .titBox p .txtAbout{
		width: 87px;
	}
	html .titBox p .txtPlans{
		width: 85px;
	}
	html .titBox p .txtUser{
		width: 115px;
	}
	html .titBox p .txtFaq{
		width: 37px;
	}
	html .titBox p .txtProviding{
		width: 155px;
	}

	/* kvCont */
	html #content{
		border-top: 1px solid #e7e6e2;
	}
	html #main{
		border-top: 10px solid #f9f8f4;
	}
	html .mainTop{
		overflow: hidden;
		border-bottom: 1px solid #e7e6e2;
	}
	html .mainTop .mainTopIn{
		width: 1024px;
		margin: 0 auto;
	}
	html .kvCont{
		width: 740px;
		float: left;
		padding: 0;
		border-right: 1px solid #e7e6e2;
		border-bottom: none;
	}
	html .kvCont a{
		display: block;
	}
	html .kvCont .kvInner{
		padding: 30px 0 46px 420px;
		margin-left: -90px;
		background-position: 0 bottom;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .kvCont .kvInner h1{
		font-size: 37px;
		line-height: 1.4;
	}
	html .kvCont .kvInner .imgKvPerson{
		padding: 0 0 20px;
		height: 167px;
	}
	html .kvCont .kvInner .imgKvPerson img{
		width: 390px;
	}
	html .kvCont .kvInner .movieLink{
		padding:2px 0;
		font-size: 18px;
	}
	html .kvCont a:hover .movieLink,
	html .kvCont .kvInner .movieLink:hover{
		color: #be8844;
	}
	html .kvCont a:hover .arwMovie,
	html .kvCont .kvInner .movieLink:hover .arwMovie{
		background-position: 0 bottom;
	}

	/* topStartedBox */
	html .topStartedBox{
		width: 240px;
		float: left;
		padding: 35px 20px 25px;
	}
	html .topStartedBox .topStartedTxt{
		padding: 0 0 36px;
		background: url(../../images/shindan/img_section01_pc.png?date=20190328) no-repeat center bottom;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .topStartedBox .topImg{
		margin-bottom: 13px;
	}
	html .topStartedBox .topImg img{
		width: 80px;
		height: auto;
	}
	html .topStartedBox .titBox{
		width: auto;
	}
	html .topStartedBox .topStartedBtnArea{
		padding: 13px 0 0;
	}
	html .topStartedBox .topStartedBtnArea a:hover .btnPink{
		background: #be8844;
	}
	html .topStartedBox .topStartedBtnArea .txt{
		font-size: 18px;
		margin-bottom: 20px;
	}
	html .topStartedBox .topStartedBtnArea a .arwWhite{
		top: -1px;
	}

	/* aboutBox */
	html .aboutBox .aboutList li,
	html .aboutBox .aboutList li:last-child{
		padding: 45px 10px 0;
	}
	html .aboutBox .aboutList li a{
		font-size: 14px;
	}
	html .aboutBox .aboutList li .img{
		margin: 16px 0 14px;
	}
	html .aboutBox .aboutList02 li .img{
		margin: 23px 0 22px;
	}
	html .aboutBox .aboutList02 li:last-child .img{
		margin: 19px 0 22px;
	}
	html .aboutBox .aboutList li:last-child .txt{
		margin-top: -6px;
	}
	html .aboutBox .aboutList02 li:first-child .txt{
		margin-top: -3px;
	}
	html .aboutBox .aboutList02 li:last-child .txt{
		margin-top: -7px;
		padding: 0 15px;
	}

	/* plansBox */
	html .plansBox .plansList{
		padding: 0 0 0 5px;
	}
	html .plansBox .plansList li{
		width: 308px;
		padding: 46px 10px 0;
	}
	html .plansBox .plansList li:nth-child(2){
		width: 312px;
		padding: 40px 10px 0 15px;
	}
	html .plansBox .plansList li .txt{
		margin-top: 13px;
		margin-bottom: 0;
	}
	html .plansBox .plansList li .main{
		margin-top: -2px;
	}

	/* userBox */
	html .userList li{
		width: 186px;
		padding: 42px 0 0;
	}
	html .userBox li .txt,
	html .userBox li .woman,
	html .userBox li .man{
		font-size: 14px;
	}
	html .userBox li .txtBox{
		margin-top: 0;
		padding: 17px 0 0;
	}
	html .userBox li .txtBox .txt{
		margin-bottom: 0;
	}
	html .userList li .img img{
		width: 160px;
	}

	/* faqBox */
	html .faqBox .faqImg{
		padding: 43px 0 12px;
		text-align: center;
	}
	html .faqBox .faqImg img{
		width: auto;
		margin: 0 auto;
	}
	html .faqBox .faqImg ul li{
		width: 160px;
	}
	html .faqBox .faqImg ul .q01{
		top: 203px;
		left: 132px;
	}
	html .faqBox .faqImg ul .q02{
		top: 83px;
		left: 241px;
	}
	html .faqBox .faqImg ul .q03{
		top: 43px;
		left: 432px;
	}
	html .faqBox .faqImg ul .q04{
		top: 83px;
		right: 241px;
	}
	html .faqBox .faqImg ul .q05{
		top: 203px;
		right: 132px;
	}


	/* supportBox */
	html .supportBox{
		padding: 60px 0;
	}
	html .supportBox .titBox{
		width: auto;
	}
	html .supportBox .supportCont,
	html .supportBox .supportContBt,
	html .supportBox .supportContIn{
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	html .supportBox .supportCont{
		width: 990px;
		margin: 0 auto;
		padding-top: 20px;
		background: url(../../images/shindan/box_started_top.png?date=20190328) no-repeat left top;
	}
	html .supportBox .supportContBt{
		padding-bottom: 20px;
		background: url(../../images/shindan/box_started_bottom.png?date=20190328) no-repeat left bottom;
	}
	html .supportBox .supportContIn{
		padding: 50px 0 44px;
		background: url(../../images/shindan/box_started_in.png?date=20190328) repeat-y left top;
	}
	html .supportList li{
		width: 286px;
		padding: 18px 8px 0;
	}
	html .supportList li:last-child{
		width: 305px;
		margin-left: 0;
		padding-top: 16px;
	}
	html .supportList li .txt,
	html .supportList li .link{
		font-size: 14px;
		padding: 0;
		letter-spacing: -1px;
	}
	html .supportList li.support01 p{
		margin-left: -44px;
	}
	html .supportList li .txt span,
	html .supportBox .supportTxt,
	html .supportBox .supportTxt{
		font-size: 18px;
	}
	html .supportList li .txt{
		margin-top: 16px;
		margin-bottom: 6px;
	}
	html .supportList li:last-child .txt{
		margin-top: 20px;
	}
	html .supportBox .supportTxt{
		position: relative;
		display: inline-block;
		margin-top: 32px;
		padding: 0 20px;
	}
	html .supportBox .supportTxt:before{
		content:"";
		width: 11px;
		height: 26px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../../images/shindan/mark_support_l.png?date=20190328) no-repeat 0 0;
	}
	html .supportBox .supportTxt:after{
		content:"";
		width: 11px;
		height: 26px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../../images/shindan/mark_support_r.png?date=20190328) no-repeat 0 0;
	}
	html .supportList li a .arwGray{
		margin-right: 5px;
	}
	html .infoBox{
		width: 930px;
		margin: 0 auto;
		padding: 55px 0 0;
	}
	html .infoBox .tit{
		padding-bottom: 7px;
		font-size: 18px;
	}
	html .infoBox ul{
		padding: 19px 0 16px;
	}
	html .infoBox li{
		margin-top: 10px;
	}
	html .infoBox li a{
		font-size: 14px;
	}
	html .infoBox li a:hover{
		color: #be8844;
	}
	html .infoBox .more{
		font-size: 14px;
	}


	/* report
	==============================================================*/
	.reportBox{
	}
	html .userListBox{
		background: none;
		margin-left: -50px;
		padding: 0;
	}
	html .userListBox .userList{
	}
	html .userListBox li{
		width: 255px;
		margin-left: 50px;
		padding: 52px 0 0;
	}
	html .userListBox li:nth-child(n+9) {
		display: inline-block;
	}
	html .userListBox li .img img{
		width: auto;
		height: auto;
	}
	html .userListBox li .img .icnNew{
		width: 76px;
		right: -4px;
	}
	html .userListBox li .txtBox{
		padding: 14px 0 0;
	}
	html .userListBox li .txt{
		font-size: 18px;
		padding: 0;
	}
	html .userListBox li .woman,
	html .userListBox li .man{
		font-size: 14px;
	}
	html .repoSendArea{
		padding: 50px 0 0 55px;
	}
	html .repoSendArea .img,
	html .repoSendArea .img img{
		width: 100px;
	}
	html .repoSendArea .img{
		margin-right: 9px;
	}
	html .repoSendArea p{
		padding: 8px 0 0;
		font-size: 14px;
	}


	/* detail
	----------------------------------------*/
	html .contBox .reportDetailBox{
		padding: 40px 0 52px;
	}

	/* userNameBox */
	html .reportBox .userNameBox{
		margin-top: 10px;
	}
	html .reportBox .userNameBox p{
		font-size: 18px;
	}

	/* userRepoBox */
	html .reportBox .userRepoBox{
		overflow: hidden;
		width: 905px;
		margin: 55px auto 0;
		padding: 0 0 50px;
	}

	/* userPhotoBox */
	html .reportBox .userPhotoBox{
		width: 270px;
		float: left;
		margin-top: 0;
	}
	html .reportBox .userPhotoBox img{
		width: auto;
		height: auto;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	html .reportBox .userPhotoBox div{
		display: block;
	}
	html .reportBox .userPhotoBox .mainPhoto,
	html .reportBox .userPhotoBox .userPhoto{
		width: 100%;
	}
	html .reportBox .userPhotoBox .mainPhoto{
		padding-top: 0;
		margin: 0 0 0 13px;
	}
	html .reportBox .userPhotoBox .userPhoto{
		margin-top: 23px;
	}
	html .reportBox .userPhotoBox .userPhoto p{
		font-size: 14px;
	}
	html .reportBox .userPhotoBox .userPhoto .womanPhoto{
		padding-right: 120px;
		text-align: left;
	}
	html .reportBox .userPhotoBox .userPhoto .womanPhoto p{
		right: 40px;
	}
	html .reportBox .userPhotoBox .userPhoto .manPhoto{
		margin-top: -35px;
		padding-left: 120px;
		text-align: right;
	}
	html .reportBox .userPhotoBox .userPhoto .manPhoto p{
		left: 40px;
	}

	/* userRepoDetail */
	html .reportBox .userRepoDetail{
		width: 570px;
		float: right;
		padding-top: 0;
	}
	html .reportBox .userRepoDetail dt,
	html .reportBox .userRepoDetail dd{
		font-size: 18px;
	}
	html .reportBox .userRepoDetail dt{
		margin-top: 27px;
		padding-left: 27px;
		background: url(../../images/shindan/icn_cmnt_pc.png?date=20190328) no-repeat  0 2px;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .reportBox .userRepoDetail dt:first-child{
		margin-top: 0;
	}
	html .reportBox .userRepoDetail dd{
		margin-top: 8px;
		line-height: 1.7;
	}

	/* adviceBox */
	html .adviceBox{
		width: 860px;
		margin: 0 auto;
		padding: 57px 0 0;
	}
	html .adviceBox:before,
	html .adviceBox:after{
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .adviceBox:before{
		width: 165px;
		height: 325px;
		bottom: -276px;
		left: 20px;
	}
	html .adviceBox:after{
		width: 225px;
		height: 350px;
		bottom: -276px;
		right: 11px;
	}
	html .adviceBox p{
		width: 570px;
		margin: 0 auto;
		font-size: 18px;
		line-height: 1.6;
	}
	html .adviceBox .tit{
		margin-bottom: 12px;
	}
	html .contBox .repoBtm{
		padding: 60px 0 0;
	}

	/* repoPagging */
	html .repoPagging{
		padding: 0 0 60px;
	}
	html .repoPagging li{
		padding:0 10px 0 15px;
	}
	html .repoPagging li a{
		font-size: 14px;
	}
	html .repoPagging li.prev a,
	html .repoPagging li.next a{
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .repoPagging li.prev a{
		padding-left: 20px;
	}
	html .repoPagging li.next a{
		padding-right: 18px;
	}

	/* faqList */
	html .faqList{
		padding: 45px 0 0;
	}
	html .faqList li{
		width: 160px;
		margin-left: 27px;
	}
	html .faqList li.pc{
		display: inline-block;
	}
	html .faqList li img{
		width: auto;
	}
	html .faqList li:first-child{
		margin-left: 0;
	}
	html .faqList li:nth-child(2){
		margin-left: 27px;
	}



	/* plan
	==============================================================*/
	html .planBox .planListBox{
		width: 870px;
		margin: 58px auto 0;
		position: relative;
	}
	html .planBox .planList{
	}
	html .planBox .planCont{
		padding: 0 0 57px;
	}
	html .planBox .planList th,
	html .planBox .planList td{
		font-size: 18px;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html .planBox .planList th{
		padding: 13px 20px;
	}
	html .planBox .planList td{
		padding: 12px 10px 15px;
	}
	html .planBox .planList .free{
		width: 200px;
		padding: 13px 20px;
	}
	html .planBox .planList td.free{
		padding: 15px 25px 10px 19px;
	}
	html .planBox .planList .plan{
		width: 134px;
		padding-left: 19px;
		padding-right: 0;
	}
	html .planBox .planList .mark{
		margin-right: 5px;
		position: static;
	}
	html .planBox .planList .included{
		font-size: 13px;
	}
	html .planBox .planListImg{
		position: absolute;
		top: 17px;
		right: 20px;
	}
	html .planBox .planListImg img{
		background: none;
	}

	html .planBox .planNote{
		padding: 30px 0 0;
		background: url(../../images/shindan/img_section02_pc.png?date=20190328) no-repeat center -1px;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .planBox .planNote p,
	html .planBox .planNote dl{
		display: inline-block;
		vertical-align: middle;
		font-size: 18px;
	}
	html .planBox .planNote dl dd,
	html .planBox .planNote dl dd li,
	html .planBox .planNote dl dd li img{
		width: auto;
	}
	html .planBox .planNote dl dd ul{
		letter-spacing: normal;
	}
	html .planBox .planNote dl dd li{
		margin: 0 5px;
	}
	html .planBox .planCamp{
		padding: 50px 0 53px;
		background: url(../../images/shindan/img_section03_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}

	html .planBox .txt02{
		margin-top: 11px;
	}
	html .planBox .txt02 .subTxt{
		line-height: 1.7;
	}
	html .planBox .txt02 .noteTxt{
		margin-top: 12px;
	}
	html .planBox .imgBox{
		margin-top: 48px;
		text-align: center;
	}
	html .planBox .imgBox img{
		width: auto;
	}
	html .planBox .functionBox{
		overflow: hidden;
		width: 1024px;
		margin: 20px auto 0;
		padding: 0 35px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html .planBox .planFunction .functionListBox{
		width: 580px;
		float: left;
		margin-right: -40px;
		padding: 0;
	}
	html .planBox .planFunction .functionListBox div + div{
		margin-top: 53px;
	}
	html .planBox .planFunction .functionListBox p,
	html .planBox .planFunction .functionListBox li{
		font-size: 18px;
	}
	html .planBox .planFunction .functionListBox li{
		margin-top: 3px;
		padding-left: 25px;
	}
	html .planBox .planFunction .imgBox{
		float: right;
		width: 413px;
		margin: 0;
		padding: 0;
	}
	html .planBox .functionListBox ul{
		margin-top: 14px;
	}


	/* service
	==============================================================*/

	html .serviceMenuBox{
		padding-bottom: 30px;
	}
	html .serviceMenuBox ul li{
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		padding: 0 14px 0 19px;
		text-align: center;
		border-left: 1px solid #e7e6e2;
	}
	html .serviceMenuBox ul li:first-child{
		border-left: 0;
		padding-left: 29px;
	}
	html .serviceMenuBox ul li a:hover{
		color: #be8844;
	}

	/*01*/
	html .valuesBox .planCamp{
		padding-bottom: 0;
	}
	html .valuesBox .valuesImgBox{
		padding: 0;
	}
	html .valuesBox .valuesImgBox img{
		width: auto;
	}
	html .valuesBox .valuesImgBox01{
		margin-top: 22px;
		margin-bottom: -1px;
	}
	html .valuesBox .valuesImgBox02{
		margin-top: 31px;
		padding-bottom: 50px;
	}
	html .valuesList{
		z-index: 0;
	}
	html .valuesList .typeName{
		margin-bottom: 9px;
		font-size: 28px;
	}
	html .valuesList .typeDetail{
		font-size: 18px;
	}
	html .valuesList .txtValues{
		width: auto;
		height: auto;
	}
	html .valuesList .typeName .icnValuesNameL,
	html .valuesList .typeName .icnValuesNameR{
		width: 21px;
		height: 17px;
		-webkit-background-size: auto !important;
		background-size: auto !important;
	}
	html .valuesList ul{
		margin-top: 10px;
	}
	html .valuesList ul li{
		display: inline-block;
		vertical-align: top;
		width: 310px;
		margin-left: 55px;
	}
	html .valuesList ul li:first-child{
		margin-left: 0;
	}
	html .valuesList .img{
		width: 100%;
	}
	html .valuesList .img img{
		width: auto;
	}
	html .valuesList .txtSex{
		margin-top: 2px;
		font-size: 18px;
	}
	html .valuesList .txt{
		margin-top: 15px;
		font-size: 14px;
	}

	html .bx-wrapper .bx-viewport{
		padding-top: 70px;
	}
	html .bx-has-pager{
		position: relative;
		width: 1024px;
		margin: 0 auto;
		top: -425px;
		left: 0;
	}
	html .bx-pager .bx-pager-item{
		margin: 0 5px;
	}
	html .bx-pager .bx-pager-item a{
		width: 10px;
		height: 10px;
	}
	html .bx-controls-direction .bx-prev,
	html .bx-controls-direction .bx-next{
		overflow: hidden;
		width: 13px;
		height: 22px;
		top: 217px;
		z-index: 20;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .bx-controls-direction .bx-prev{
		left: 54px;
	}
	html .bx-controls-direction .bx-next{
		right: 50px;
	}

	/*02*/
	html .contBox .contIn.valuesDetail{
		padding-bottom: 0;
	}
	html .settingStep{
		margin-top: 17px;
		margin-bottom: -15px;
	}
	html .settingStep li{
		display: inline-block;
		vertical-align: top;
		width: 255px;
		margin-top: 0;
		margin-left: 53px;
	}
	html .settingStep li:first-child{
		margin-top: 0;
		margin-left: 0;
	}
	html .settingStep li .num img{
		width: auto;
		height: auto;
	}
	html .settingStep li .main{
		margin: 12px 0 10px;
		font-size: 24px;
	}
	html .settingStep li .txt{
		font-size: 18px;
		line-height: 1.7;
	}
	html .settingStep li .img img{
		width: auto;
	}
	html .encounterList{
		margin-top: 54px;
	}
	html .encounterList li{
		width: 425px;
		margin-left: 2px;
	}
	html .encounterList li.step02{
		margin-top: 0;
	}
	html .encounterList li .txt{
		width: 360px;
		margin: 0 auto;
	}
	html .encounterList li .img{
		margin-top: 29px;
	}
	html .encounterList li .img01,
	html .encounterList li .img02{
		padding: 0;
	}
	html .encounterList li .img01{
		margin-left: -185px;
	}
	html .encounterList li .img02{
		margin-right: -163px;
	}


	/*03*/
	html .setteingImgSlide{
		margin: 40px auto 6px;
		width: 760px;
		height: 261px;
		padding: 0;
	}
	html .setteingImgSlide ul{
		width: 760px;
		height: 261px;
		padding: 0;
		text-align: left;
		overflow: hidden;
		position: relative;
	}
	html .setteingImgSlide ul li{
		width: 760px;
		height: 261px;
	}
	html .setteingImgSlide ul li img{
		width: auto;
	}


	/*04*/
	html .serviceStep{
		width: 1024px;
		margin: 10px auto 0;
		padding: 0;
	}
	html .serviceStep li{
		width: auto;
		margin: 0 10px;
	}
	html .serviceStep li.step01{
		padding-top: 100px;
		padding-right: 55px;
		padding-left: 0;
		margin-right: 0;
		background-position: right 64%;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .serviceStep li.step02{
		padding-top: 87px;
		padding-right: 35px;
		margin-left: 0;
		background: url(../../images/shindan/img_service_step_next01.png?date=20190328) no-repeat right 55%;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .serviceStep li.step03{
		width: 430px;
		margin-left: 8px;
		padding-top: 13px;
		padding-bottom: 65px;
		background-position: 69% bottom;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .serviceStep li.step04{
		width: auto;
		padding-top: 6px;
	}
	html .serviceStep li.step05{
		width: 180px;
		margin-left: 5px;
		padding-top: 50px;
		padding-left: 40px;
		background: url(../../images/shindan/img_service_step_next01.png?date=20190328) no-repeat 0 61%;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .serviceStep li.step06{
		width: 180px;
		padding-top: 20px;
		padding-left: 40px;
		background-position: left 60%;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .serviceStep li.stepIine{
		width: 645px;
		margin: -5px 45px 4px 0;
		padding: 0;
	}
	html .serviceStep li img{
		width: auto;
	}
	html .serviceStep li p{
		font-size: 18px;
	}
	html .serviceStep li.step03 p{
		top: 54%;
	}
	html .serviceStep li.step04 p{
		top: 70%;
	}
	html .matchmakingList{
		margin: 20px 0 3px;
		padding: 0;
	}
	html .matchmakingList li{
		width: 305px;
	}
	html .matchmakingList li img{
		width: auto;
	}
	html .matchmakingList li .comment{
		margin-bottom: 2px;
		padding: 0;
	}
	html .matchmakingList li .txt{
		margin-top: 20px;
		font-size: 18px;
	}
	html .matchmakingList li .txt p{
		min-height: 93px;
		padding: 18px 0 17px;
	}
	html .matchmakingList li .txt:before,
	html .matchmakingList li .txt:after{
		width: 260px;
		background: url(../../images/shindan/img_matchmaking_line_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .matchmakingList li:nth-child(2) .img{
		margin-top: 22px;
	}

	/*05*/
	html .dataList{
		overflow: hidden;
		width: 1024px;
		margin: 0 auto;
		padding-bottom: 53px;
	}
	html .dataList li{
		display: inline-block;
		vertical-align: top;
		width: 390px;
		margin-top: 46px;
		margin-left: 40px;
	}
	html .dataList li:nth-child(odd),
	html .contSection .dataList  li:nth-child(even){
		margin-left: 8px;
	}
	html .contSection .dataList li:nth-child(odd){
		margin-left: 40px;
	}
	html .contSection .dataList li:first-child{
		margin-top: 45px;
		margin-left: 0;
	}
	html .contSection .dataList li:first-child .img{
		margin-top: 21px;
	}
	html .dataList li.main{
		width: 100%;
	}
	html .dataList li .dataTit{
		font-size: 24px;
	}
	html .dataList li .img{
		margin: 28px auto 0;
		padding: 0;
	}
	html .dataList li.main{
		margin-left: 0;
	}
	html .dataList li.main .img img{
		width: auto;
	}
	html .dataList li.date{
	}
	html .dataList li.date .img{
		margin-top: 21px;
	}
	html .dataList li.message{
	}
	html .dataList li.message .img{
		margin-top: 63px;
	}


	/*06*/
	html .serviceDetailList{
		width: 800px;
		margin: -16px auto 0;
	}
	html .serviceDetailList li{
		width: 360px;
		margin-top: 49px;
		margin-left: 65px;
	}
	html .serviceDetailList li:first-child{
		margin-top: 49px;
	}
	html .serviceDetailList li.step03,
	html .serviceDetailList li.step05{
		margin-left: 0;
	}
	html .serviceDetailList li .main{
		margin-bottom: 5px;
	}
	html .serviceDetailList li .img{
		width: 100% !important;
		margin-top: 25px !important;
		text-align: center;
	}
	html .serviceDetailNote{
		width: 690px;
		margin: 0 auto;
		padding: 62px 0 2px;
		line-height: 1.7;
	}
	html .serviceDetailList li.step02 .img,
	html .serviceDetailList li.step03 .img{
		margin-top: 30px !important;
	}
	html .serviceDetailList li.step04 .img{
		margin-left: -7px;
	}
	html .serviceDetailList li.step06 .img{
		margin-top: 15px !important;
	}



	/* form
	==============================================================*/
	html .formMdl.documentBoxAnim .documentBoxIn{
		padding: 40px 50px 0 60px;
	}
	html .documentBoxAnim.formMdl{
		width: 690px;
	}
	html .formMdl .formTop{
		font-size: 28px;
	}
	html .formMdl .subTxt{
		font-size: 18px;
	}
	html .formMdl .formBox .formTit{
		margin-bottom: 11px;
		font-size: 20px;
	}
	html .formMdl dl dt,
	html .formMdl dl dd{
		display: inline-block;
		vertical-align: top;
		margin-top: 0;
	}
	html .formMdl dl dt{
		position: relative;
		width: 178px;
		padding: 25px 10px 24px;
		font-size: 14px;
		text-align: left;
		border-top: 1px solid #e7e6e2;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html .formMdl dl dt .icnRequired{
		position: absolute;
		top: 38%;
		right: 13px;
		font-size: 12px;
	}
	html .formMdl dl dt.name{
		border-top: none;
	}
	html .formMdl dl dt.name:first-child{
		padding-top: 30px;
	}
	html .formMdl dl .name{
		padding-top: 7px;
		padding-bottom: 5px;
	}
	html .formMdl dl dt.name02{
		padding-top: 6px;
	}
	html .formMdl dl dd.name02{
		padding-top: 0;
		padding-bottom: 18px;
	}
	html .formMdl dl .name .sp{
		display: none;
	}
	html .formMdl dl .name .icnRequired{
		top: -15px;
	}
	html .formMdl dl dd{
		width: 365px;
		padding: 18px 0 11px 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	html .formMdl .formBox{
		margin-top: 20px;
		background: none;
	}
	html .formMdl .formBox + .formBox{
		margin-top: 5px;
	}
	html .formMdl .formBoxLast{
		padding: 43px 0 0;
		background: url(../../images/shindan/img_section02_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}

	html .formMdl .input{
		padding: 4px 10px;
		font-size: 16px;
	}
	html .formMdl .formInput span{
		display: inline-block;
		vertical-align: middle;
		width: 30px;
		margin-right: 5px;
		font-size: 14px;
	}
	html .formMdl .formInput li{
		width: 46.4%;
		margin-left: 0;
	}
	html .formMdl .formInput li input{
		width: 120px;
	}

	html .formMdl .select select{
		height: 34px;
		padding: 3px 5px;
		font-size: 16px;
	}
	html .formMdl .select:after{
		width: 10px;
		height: 9px;
		top: 50%;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .formMdl .birthSelect{
		margin-top: 2px;
	}
	html .formMdl .birthSelect .year{
		width: 40%;
		margin-right: 0;
	}
	html .formMdl .birthSelect .year .select{
		width: 110px;
	}
	html .formMdl .birthSelect .day{
		width: 29%;
	}
	html .formMdl .birthSelect .day .select{
		width: 80px;
	}
	html .formMdl .select.prefectures{
		width: 200px;
	}
	html .formMdl .select.annual{
		width: 280px;
	}
	html .formMdl .select.occupation{
		width: 220px;
	}
	html .formMdl .birthSelect li span{
		margin-left: 2px;
		font-size: 16px;
	}

	html .formMdl .radioSelect{
		margin-top: 3px;
		text-align: left;
	}
	html .formMdl .radioSelect li label{
		font-size: 18px;
	}
	html .formMdl .radio,
	html .formMdl .check{
		padding-left: 30px;
	}
	html .formMdl .checkFlag + label:after,
	html .formMdl .radioFlag + label:after ,
	html .formMdl .checkFlag + label.checked:before,
	html .formMdl .radioFlag + label.checked:before{
		display: none;
	}
	html .formMdl .checkFlag + label,
	html .formMdl .radioFlag + label{
		background: url(../../images/shindan/icn_check.png?date=20190328) no-repeat 0 2px;
	}
	html .formMdl .checkFlag + label.checked,
	html .formMdl .radioFlag + label.checked{
		background: url(../../images/shindan/icn_check_on.png?date=20190328) no-repeat 0 2px;
	}
	html .formMdl .checkFlag + label{
		padding: 3px 0 3px 30px;
	}

	html .formMdl .inputBox{
		position: relative;
		width: 470px;
		margin: 27px auto 58px;
	}
	html .formMdl .inputBox .icnRequired{
		display: inline-block;
		margin-left: 0;
		margin-right: 25px;
		top: 2px;
	}
	html .formMdl .inputBox .input{
		width: 85%;
	}
	html .formMdl .inputBox .errorTxt{
		padding-left: 60px;
	}

	html .formMdl .checkBox{
	}
	html .formMdl .checkBox .sp{
		display: none;
	}
	html .formMdl .consentTxt{
		margin-top: 20px;
		font-size: 18px;
		color: #737271;
	}
	html .formMdl .submitBtn{
		margin-top: 20px;
		margin-left: -11%;
		padding: 21px 0 23px;
		font-size: 24px;
	}
	html .formMdl .submitBtn:after{
		width: 22px;
		height: 12px;
		background: url(../../images/shindan/ico_btn_02_pc.png?date=20190328) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}

	html .formMdl .policyCheckBox{
		margin-top: 13px;
	}
	html .formMdl .policyCheckBox .tit{
		font-size: 18px;
		color: #737271;
	}
	html .formMdl .policyCheckBox .policyDetail{
		width: 560px;
		height: 120px;
		margin: 9px auto 0;
		padding: 10px 30px;
		overflow: scroll;
		font-size: 18px;
		text-align: left;
		border: 1px solid #c4c3c0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html .formMdl .policyCheckBox .policyDetail a{
		color: #4994ee;
	}
	html .formMdl .policyCheckBox .policyDetail h3{
		color: #4994ee;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	html .formMdl .policyCheckBox .policyDetail h4{
		margin: 20px 0 10px;
		font-weight: bold;
	}
	html .formMdl .policyCheckBox .policyDetail p{
		font-size: 18px;
		line-height: 28px;
		text-align: left;
	}
	html .formMdl .policyCheckBox .policyDetail p + ol{
		margin-top: 10px;
	}
	html .formMdl .policyCheckBox .policyDetail ol li + li{
		margin-top: 10px;
	}
	html .formMdl .policyCheckBox .policyDetail ol.no-style-type li{
		position: relative;
	}
	html .formMdl .policyCheckBox .policyDetail ol.no-style-type li span{
		left: 0;
		position: absolute;
		top: 0;
	}
	html .formMdl .policyCheckBox .policyDetail ol.policy-list li p{
		padding-left: 70px;
	}
	html .formMdl .policyCheckBox .policyDetail ol.style-upper-latin,
	html .formMdl .policyCheckBox .policyDetail ol.style-upper-latin li{
		list-style-type: upper-latin;
	}
	html .formMdl .policyCheckBox .policyDetail ol.style-upper-latin{
		padding-left: 30px
	}
	html .formMdl .policyCheckBox .policyDetail .prapoli-text + div{
		margin: 20px 0;
		text-align: right;
	}
	html .formMdl .policyCheckBox .policyDetail .prapoli-text + div p{
		text-align: right;
	}
	html .formMdl .policyCheckBox .policyDetail .prapoli-info{
		color: #737271;
		font-size: 14px;
		padding: 0 0 60px;
	}
	html .formMdl .errorTxt{
		margin-top: 2px;
		font-size: 13px;
		text-align: left;
	}
	html .formMdl .select + .errorTxt{
		margin-top: -4px;
	}



}