@charset "UTF-8";

/* ------------------------------------
 * add
 * ------------------------------------ */
b {
	font-weight: bold;
}

/* ------------------------------------
 * reading_area_detail
 * ------------------------------------ */
.contents_reading{
	width: 93%;
	max-width: 1200px;
	margin: 6% auto 3%;
}
.reading_area_detail{
	word-break: break-all;
}
.reading_area_detail img{
	display: inline-block;
	max-width: 100%;
}
.reading_area_detail .ph {
	display: block;
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	line-height: 1;
}
.reading_area_detail .ph img.thumb {
	margin: 1em 0;
}
.new_arrival {
	color: #e80013;
}
.reading_area_detail .dummy {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* pager */
.clearfix::after {
	display: table;
	clear: both;
	content: "";
}
@media (min-width: 767px) {
	.block--pager .sp {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.block--pager .pc {
		display: none !important;
	}
}

/* ------------------------------------
 * top
 * ------------------------------------ */
.fc_nav_area .welcome {
	margin-bottom: 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}
.fc_nav_area .name {
	margin-bottom: 10px;
	font-size: 15px;
	text-align: center;
}
.member_contents_area .thumbnail img {
	background: no-repeat center;
	background-size: cover;
}
#home .member_contents_area > section ul li a .item_detail .thumbnail img {
	max-height: 168px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
@media screen and (max-width: 1000px) and (min-width: 767px) {
	#home .member_contents_area > section ul li a .item_detail .thumbnail img {
		height: 16vw;
		min-height: inherit;
	}
}
@media (max-width: 767px) {
	 #home .member_contents_area > section ul li a .item_detail .thumbnail img {
		max-height: 42.5vw;
	}
}

/* ------------------------------------
 * member_contents_area
 * ------------------------------------ */
.lower .member_contents_area > section ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 93%;
}
.lower .member_contents_area > section ul li {
	width: 32%;
	font-size: 15px;
	vertical-align: top;
	margin: 0 2% 0 0;
}
.lower .member_contents_area > section ul li:nth-child(3n) {
	margin-right: 0;
}
.lower .member_contents_area > section ul li a {
	display: block;
	padding: 4%;
	border: solid 1px #232323;
	background: #ffffff;
	color: #232323;
	font-size: 16px;
	text-decoration: none;
	box-shadow: 4px 4px 0 #232323;
	transition: all .2s ease-out;
}
.lower .member_contents_area > section ul li a:hover {
	border-right: solid 1px #e80013;
	border-bottom: solid 1px #e80013;
	background: none;
	box-shadow: 0px 0px 0 #e80013;
	transition: all .3s ease-in;
}
.lower .member_contents_area > section ul li a .item_detail img {
	width: 100%;
	margin: 0 auto 4%;
}
.lower .member_contents_area > section ul li a .item_update {
	width: 100%;
	margin: 1% auto 0;
	padding-top: 2%;
	border-top: solid 1px #e2e2e2;
	color: #777777;
	font-size: 81%;
	line-height: 1;
}
.lower .member_contents_area > section ul li a .item_update .year {
	font-size: 70%;
}
@media (max-width: 767px) {
	 .lower .member_contents_area > section ul li {
		width: 100%;
		margin: 0 0 10px;
		font-size: 15px;
		vertical-align: top;
	}
}

/* movie */
.lower	.block_player{
	width: 800px;
	margin: 0 auto 30px;
}
.lower	.block_player .inner .ulizahtml5 {
	width: 100% !important;
	height: auto !important;
	position: relative;
	padding-top: 56.25%;
}
.lower	.block_player .inner .ulizahtml5 .vjs-center-menu {
	width: 100%;
	height: auto;
	margin-top: -40px;
	position: absolute;
	top: 50%;
}
.lower	.block_player .inner .ulizahtml5 video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* blog */
#blog.lower #fc_blog_area .thumb{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
#fc_blog_area .reading_area_detail *{
	white-space: normal !important;
	word-break: break-all !important;
}
#fc_blog_area .list_inner .item_detail .thumbnail{
	width: 10%;
	float: left;
	min-width: 100px;
	min-height: 74px;
	position: relative;
	margin-right: 1%;
}
#fc_blog_area .list_inner .item_detail .thumbnail img{
	display: block;
	width: 100%;
	height: 100%;
	min-width: 100px;
	min-height: 74px;
	background: no-repeat center;
	background-size: cover;
}
#fc_blog_area .list_inner .item_detail::after{
	display: table;
	content: "";
	clear: both;
}
#fc_blog_area .list_inner .item_detail .item_detail_text{
	display: block;
	width: 61%;
	overflow: hidden;
}
#fc_blog_area .list_inner .item_detail .item_update{
	font-size: 81%;
	line-height: 1;
}
@media (max-width: 767px) {
	#fc_blog_area .list_inner .item_detail .thumbnail {
		width: 30%;
		min-height: inherit;
		margin-right: 2%;
	}
	#fc_blog_area .list_inner .item_detail .item_update{
		font-size: 100%;
	}
	#fc_blog_area .list_inner .item_detail .item_update span{
		font-size: 70% !important;
	}
}



/* form */
------------------------------ */
.form dt {
	margin: 2em 0 0.5em;
	color: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
}
.form dd {
	margin: 0 0 1em;
	color: inherit;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.form--confirm {
	transition: none;
	margin: 0 auto 0 auto;
	background: #fff;
	border-radius: 3px;
}
.form--confirm * {
	transition: none;
}
.form--confirm dt {
	margin: 2em 0 .5em;
	font-size: 0.8em;
	font-weight: bold;
	opacity: 0.5;
}
.form--confirm dt:first-of-type {
	margin-top: 0;
}
.form--confirm dd:not(:last-of-type) {
	margin: 0 0 .5em;
}
.form--confirm.no-border {
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}
::-webkit-input-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}
/* autofill */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"] {
 color: inherit;
 font-size: 18PX;
 font-weight: 300;
 line-height: 1.6;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	background: #fff;
 box-shadow: none;
 border-radius: 0.3em;
 border: 1px solid #b5b5b5;
 padding: 0.5em;
}
input[type="text"].form__error,
input[type="tel"].form__error,
input[type="email"].form__error,
input[type="password"].form__error,
input[type="number"].form__error {
	background: #fff0ea;
 color: #f33;
 border-color: #f33;
}
input[type="text"].form__error:focus,
input[type="tel"].form__error:focus,
input[type="email"].form__error:focus,
input[type="password"].form__error:focus,
input[type="number"].form__error:focus {
	background: transparent;
 color: inherit;
 border-color: inherit;
}
input[type="text"][disabled],
input[type="tel"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="number"][disabled] {
	background: #ddd;
 color: #000;
 border: none;
 opacity: 0.5;
}
/* textarea */
textarea {
	color: inherit;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	background: #fff;
	box-shadow: none;
	border-radius: 0.3em;
	border: 1px solid #b5b5b5;
	padding: 0.5em;
	height: 10em;
}
textarea.form__error {
	background: #fff0ea;
	color: #f33;
	border-color: #f33;
}
textarea[disabled] {
	background: #ddd;
	border: none;
	opacity: 0.5;
}
/* select */
.form__select {
	display: inline-block;
	position: relative;
}
.form__select select {
	color: inherit;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	background: #fff;
	box-shadow: none;
	border-radius: 0.3em;
	border: 1px solid #e7e7e7;
	padding: 0.5em;
	padding-right: 1.5em;
}
.form__select select.form__error {
	background: #fff0ea;
	color: #f33;
	border-color: #f33;
}
.form__select select[disabled] {
	background: #ddd;
	border: none;
	opacity: 0.5;
}
.form__select::after {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border: 2px solid #e7e7e7;
	border-top: none;
	border-right: none;
	margin: -0.25em 0 0;
	position: absolute;
	right: 0.75em;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* select */
.form__select {
	display: inline-block;
	position: relative;
}
.form__select select {
	color: inherit;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.2em;
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	background: #fff;
	box-shadow: none;
	border-radius: 0.3em;
	border: 1px solid #e7e7e7;
	padding: 0.5em;
	padding-right: 1.5em;
}
.form__select select.form__error {
	background: #fff0ea;
	color: #f33;
	border-color: #f33;
}
.form__select select[disabled] {
	background: #ddd;
	border: none;
	opacity: 0.5;
}
.form__select::after {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border: 2px solid #e7e7e7;
	border-top: none;
	border-right: none;
	margin: -0.25em 0 0;
	position: absolute;
	right: 0.75em;
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* checkbox */
.form__checkbox label {
	color: inherit;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	display: block;
	padding: 0.5em;
	position: relative;
	cursor: pointer;
}
.form__checkbox input[type="checkbox"],
.form__checkbox input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
}
.form__checkbox.form__error {
	color: #f33;
}
.form__checkbox label {
	padding-left: 1.8em;
}
.form__checkbox label p::before {
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	border-radius: 0.3em;
	border: 1px solid #ddd;
	margin: -0.6em 0 0;
	position: absolute;
	left: 0;
	top: 50%;
}
.form__checkbox label p::after {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.4em;
	border: 2px solid #ffffff;
	border-top: none;
	border-right: none;
	margin: -0.25em 0 0;
	position: absolute;
	left: 0.2em;
	top: 70%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0;
}
.form__checkbox :checked ~ p::before {
	background: #e80013;
	border-color: #e80013;
}
.form__checkbox :checked ~ p::after {
	top: 50%;
	opacity: 1;
}

@media (max-width: 767px){
	.form__checkbox label{
        font-size: 15px;
    }
}

/* radio */
.form__radio label {
	color: inherit;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	display: block;
	padding: 0.5em;
	position: relative;
	cursor: pointer;
}
.form__radio input[type="checkbox"],
.form__radio input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
}
.form__radio.form__error {
	color: #f33;
}
.form__radio label p {
	padding-left: 1.4em;
}
.form__radio label p::before {
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	border: 1px solid #ddd;
	margin: -0.6em 0 0;
	position: absolute;
	left: 0;
	top: 50%;
}
.form__radio :checked ~ p::before {
	border-color: #e80013;
	border-width: 0.3em;
}
/* toggle button */
.form__toggle label {
	color: inherit;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 0.2em;
	display: block;
	padding: 0.5em;
	position: relative;
	cursor: pointer;
}
.form__toggle input[type="checkbox"],
.form__toggle input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 0;
	height: 0;
	opacity: 0;
	position: absolute;
}
.form__toggle.form__error {
	color: #f33;
}
.form__toggle label {
	padding-left: 0;
	position: relative;
}
.form__toggle label::before,
.form__toggle label::after {
	content: '';
	display: block;
	height: 30px;
	margin: -15px 0 0;
	position: absolute;
	border: 1px solid #ddd;
}
.form__toggle label::before {
	width: 50px;
	border-radius: 15px;
	right: 0;
	top: 50%;
}
.form__toggle label::after {
	width: 30px;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	right: 20px;
	top: 50%;
}
.form__toggle .checked::before {
	background: #e80013;
	border-color: #e80013;
}
.form__toggle .checked::after {
	right: 0;
}
.form__toggle .txt--sub {
	margin: 5px 0 0;
}
/* horizontal */
.form--horizontal {
	font-size: 0;
}
.form--horizontal li {
	display: inline-block;
	color: inherit;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
.form--horizontal li.input--half {
	width: 49% !important;
}
.form--horizontal li.input--half:first-of-type {
	margin-right: 2%;
}
.form--horizontal label {
	margin: 0 0.3em 0 0;
}
.list--attention {
	margin: 1em 0;
	font-size: 12px;
}
.list--attention li {
	padding: 0 0 0 1em;
	text-indent: -0.5em;
	line-height: 1.4;
}
.list--attention li:not(:last-child) {
	margin-bottom: .5em;
}
.list--attention li:before {
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	top: 0.1em;
	content: '\f111';
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media (max-width: 767px){
	.input--half {
		width: 50% !important;
	}
	.input--quarter {
		width: 25% !important;
	}
}
@media (min-width: 767px){
	.input--half {
		width: 40% !important;
	}
	.input--quarter {
		width: 15% !important;
	}
}

/* support */
.support .heading,
#questionnaire .heading{
	margin: 12% auto 6%;
 font-size: 250%;
}
.support .reading_area_header{
	width: 93%;
	margin: 0 auto;
}
@media (max-width: 767px){
 .support .heading,
 #questionnaire .heading{
	font-size: 150%;
 }
 .support .heading:before
 #questionnaire .heading:before{
	top: -10px;
 }
 .support .heading:after,
 #questionnaire .heading:after,{
	bottom: -10px;
 }
 .support .reading_area_header,
 #questionnaire .reading_area_header,{
	width: 100%;
 }
 #faq.support .reading_area_header {
	padding-top: 20px;
 }
}
.support .reading_area_header > p {
 margin-bottom: 1em;
}
.support .support-list li{
 text-indent: -1em;
 padding-left: 1em;
 margin-bottom: 10px;
}
.support .list--support dt {
	margin: 0 0 5px;
 padding: 0 0 5px;
 font-weight: bold;
}
.support .list--support dd {
	margin: 0 0 30px;
}
.support .list--support dd .txt {
	margin: 0 0 15px;
}
.support .list--support li {
	margin: 0 0 5px;
 text-indent: -1em;
 padding-left: 1em;
}
.support .terms-list li {
	margin: 0 0 10px;
}
.support .terms-list li ul li {
 text-indent: -1em;
 padding-left: 1em;
	margin: 0 0 5px;
}

#faq .wrap,
#faq .wrap .story {
	background: #fff;
 color: #232323;
}
#faq .tit--category {
	width: 93%;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	padding: 0;
	margin: 0 auto 5px;
}
#faq .list--faq {
	margin: 0 0 100px;
}
#faq .list--faq li {
 -webkit-transition: border-color 0.3s ease;
 transition: border-color 0.3s ease;
}
#faq .list--faq li a {
	display: block;
 color: #232323;
 padding: 20px 1%;
 border-top: 1px solid rgba(0, 0, 0, 0.2);
 text-decoration: none;
 transition: .3s;
}
#faq .list--faq li a:hover{
 color:#e80013;
}
#faq .list--faq li:last-child {
 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#faq .list--faq .tit {
 padding-left: 25px;
}
#faq .icon--q,
#faq .icon--a {
 font-weight: 400;
 letter-spacing: 0.04em;
	margin-right: 5px;
 float: left;
 font-size: 20px;
	position: relative;
	top: -10px;
}
#faq .searchBox {
	width: 500px;
	position: relative;
	margin: 60px auto;
 text-align: center;
}

#faq .searchBox input[type="submit"] {
	position: absolute;
	right: 7px;
	top: 0;
	width: 40px;
 line-height: 51px;
 font-size: 18px;
 color: #232323;
	background: transparent;
 font-weight: bold;
 border-radius: 30px;
 cursor: pointer;
 border: none;
 z-index: 2;
 font-family: FontAwesome;
}
#faq ..tit--category {
 font-size: 14px;
}
#faq .txt {
	padding-top: 0;
 margin-bottom: 0;
}
#faq .list--faq a {
 color: #232323;
}
#faq .list--faq .icon--q {
	position: relative;
 color: #232323;
	top: -6px;
}
#faq .reading_area_detail{
	margin-bottom: 8%;
}
#faq	.block--faq-detail .icon--q,
#faq	.block--faq-detail .icon--a {
	display: block;
	float: none;
	width: 32px;
	color: #232323;
	background: none;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	margin-right: 11px;
	position: static;
}
#faq	.block--faq-detail dt {
	margin: 0 0 20px;
 padding: 0 0 20px;
 font-size: 16px;
 font-weight: bold;
 border-bottom: 1px solid ;
	position: relative;
}
#faq	.block--faq-detail dt .icon--q {
	top: -.1em;
}
#faq	.block--faq-detail dt .txt {
	word-break: break-all;
}
#faq	.block--faq-detail dd {
	position: relative;
}
#faq	.block--faq-detail dd .icon--a {
 color: #c00;
}
#faq	.block--faq-detail dd .txt {

}
#faq .list--faq .txt {
 padding-left: 25px;
}
#faq .story	.block--contact {
	width: 93%;
 padding: 0 5%;
}
#faq .list--faq{
	width: 93%;
	margin: 0 auto;
}
#faq .list--faq:not(:last-of-type){
	margin-bottom: 60px;
}
@media (max-width: 767px){
	#faq .list--faq:not(:last-of-type){
		margin-bottom: 30px;
	}
}
#faq .story .list--faq:last-of-type {
	margin: 0 0 30px;
}
#faq .story .list--faq:last-of-type li:last-of-type {
 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#faq .txt--no-data {
 padding-left: 5%;
}
#faq .detail__btn a {
 color: #232323;
}
#faq	.block--contact {
 text-align: center;
 font-size: 13px;
	margin: 40px auto 60px;
}
#faq	.block--contact a {
 color: #232323;
}
#faq.page--detail .story {
	padding-top: 0;
}
@media (max-width: 767px){
 #faq .searchBox {
	width: 93%;
	margin: 50px auto 40px;
 }
 .faq_list .list_reading{
	width: 100%;
 }
 #faq .list--faq .icon--q {
	top: -5px;
 }
 #faq .list--faq li a {
	padding: 13px 1%;
 }
 #faq .tit--category {
	font-size: 16px;
	margin: 0 auto 5px;
 }
}

/* Q&A
------------------------------ */
#qa .btn{
	width: 350px;
	margin: 0 auto 1em;
}
#qa.edit .reading_area .reading_area_detail,
#qa.confirm .reading_area .reading_area_detail,
#qa.complete .reading_area .reading_area_detail{
	margin-bottom: 6%;
}
#qa .txt{
	margin-bottom: 1em;
}

#qa .form--post dd:not(:last-child){
	margin-bottom: 1em;
}
.txt--sub.error,	.block--error li {
	color: #ff0020;
	margin-bottom: 1em;
}

#qa .tit--q span{
	display: block;
	font-size: 150%;
}
#qa .name{
	font-size: 90%;
	text-align: right;
}
#qa .tit--a{
	color: #e80013;
	font-size: 180%;
	margin-bottom: 0;
}
#qa.qaTop .reading_area_header{
	border-bottom: solid 1px rgba(23,23,23,1);
	padding-bottom: 3%;
	margin-bottom: 6%;
}




@media (min-width: 767px){
	#qa .form--post dd:first-of-type input{
		width: 25%;
	}
}
@media (max-width: 767px){
	#qa .tit--q span{
		display: block;
		font-size: 150%;
	}
	#qa .tit--a{
		color: #e80013;
		font-size: 150%;
		margin-bottom: 0;
	}
}



/* questionnaire
------------------------------ */
#questionnaire .reading_area .reading_area_header{
	margin: 6% auto 4%;
	padding-bottom: 4%;
}
#questionnaire .thumbnail{
	text-align: center;
	margin: 0 auto 4%;
}
#questionnaire .thumbnail img{
	max-width: 100%;
}

#questionnaire	.block {
	padding-bottom: 2em;
}
#questionnaire	.block--error {
	background: #fff0ea;
	color: #f33;
	border: .5px solid #F32;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 1em;
	margin: 1.5em auto ;
}
#questionnaire	.block--error * + ul {
	padding: 1em 0 0 1em;
}
#questionnaire	.block--error ul {
	padding: 0 0 0 1em;
}
#questionnaire	.block--error ul li {
	font-size: 13px;
	text-indent: -0.5em;
}
#questionnaire	.block--error ul li:not(:last-child) {
	margin-bottom: .5em;
}
#questionnaire	.block--error ul li:before {
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	top: 0.1em;
	content: '\f111';
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

#questionnaire .txt--basic,
#questionnaire #questionnaire_form dl{
	overflow: hidden;
}

#questionnaire .btn{
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
}
#questionnaire #questionnaire_form dt{
	text-align: left;
	margin-bottom: 10px;
}
#questionnaire #questionnaire_form dd{
	text-align: left;
	margin-bottom: 3em;
}
#questionnaire #questionnaire_form .form--confirm dt{
	margin-bottom: 5px;
}
#questionnaire #questionnaire_form .form--confirm dd{
	margin-bottom: 1.5em;
}
#questionnaire textarea{ box-sizing: border-box;	width: 100%!important;}

#questionnaire input,
#questionnaire .btn--main,
#questionnaire .btn--sub{ min-width: 250px;}
#questionnaire input[name*="answers[11]"] {
	width: 10% !important;
	min-width: 50px;
}
#questionnaire input[name*="answers[17]"],
#questionnaire input[name*="answers[13]"]{
	width: 25% !important;
	min-width: 50px;
}
#questionnaire .form--horizontal li,
#questionnaire .form--horizontal li input{ padding-right: 4px;}

.input--quarter.postal_code{ margin-left: 10px;}

#questionnaire .txt {
	margin: 0 0 60px;
}
#questionnaire	.block--error {
	margin: 0 0 50px;
}
#questionnaire	.block--error li:not(:last-of-type) {
	margin: 0 0 10px;
}
#questionnaire	.block--error li:before {
	content: '';
}
#questionnaire.complete .txt--basic {
	margin-bottom: 30px;
	width: 800px;
	margin: 0 auto;
}
#questionnaire .icon--required::after {
	content: '必須';
	color: #c00;
	font-size: 12px;
	margin-left: 10px;
}
#questionnaire.confirm .reading_area .reading_area_detail,
#questionnaire.complete .reading_area .reading_area_detail{
	padding-bottom: 0;
	border-bottom: none;
}
#questionnaire #questionnaire_form .form--confirm dd:last-of-type{ margin-bottom: 0;}
@media (max-width: 767px) {
	#questionnaire .reading_area .reading_area_detail{
		width: 100%;
		padding: 0 0 3%;
	}
	#questionnaire .txt{
		margin-bottom: 20px;
	}
	#questionnaire #questionnaire_form dd{
		margin-bottom: 2em;
	}
	#questionnaire #questionnaire_form .form--post dt {
			padding: 0;
			margin-bottom: 5px;
	}
	#questionnaire input[name*="answers[17]"], #questionnaire input[name*="answers[13]"] {
		width: 50% !important;
		min-width: 50px;
	}
	#questionnaire input[name*="answers[11]"] {
		width: 20% !important;
		min-width: 50px;
	}
	#questionnaire .txt--basic,
	#questionnaire .form--post,
	#questionnaire.complete .txt--basic,
	.txt--sub.center {	width: auto!important;	margin: 0 5%!important; }
	#questionnaire #questionnaire_form dt,
	#questionnaire #questionnaire_form dd{ float: none;	width: auto; text-align: left; }
	#questionnaire .form--post dt{ padding: 0 0 10px 0;}
}
@media (min-width: 767px) {
	.input--quarter.age{
		width: 80px !important;
		min-width: inherit;
		margin-right: 10px;
	}
}
.txt--basic {
	color: inherit;
	font-weight: 300;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin: 0 0 1em;
	text-align: left;
}
.center{
	text-align: center;
}
.btn {
	text-align: center;
	margin: 1em auto;
	max-width: 300px;
}
*:not(.btn) + .btn {
	margin-top: 2em;
}

.btn--main {
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	min-width: 75%;
	color: #ffffff;
	background: #e80013;
	background: -webkit-linear-gradient(45deg, rgba(232,0,19,1) 1%, rgba(246,10,44,1) 17%, rgba(232,0,19,1) 81%, rgba(160,0,13,1) 100%);
	background: linear-gradient(45deg, rgba(232,0,19,1) 1%, rgba(246,10,44,1) 17%, rgba(232,0,19,1) 81%, rgba(160,0,13,1) 100%);
	font-size: 115%;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	line-height: 2.8;
	border-radius: 30px;
	padding: 0 1.5em;
	cursor: pointer;
	border: solid 1px rgba(160,0,13,1);
}
.btn--main:hover {
	color: #f7ed4e;
}
.btn--sub {
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	min-width: 75%;
	font-size: 115%;
	letter-spacing: 0.05em;
	line-height: 2.8;
	text-align: center;
	text-decoration: none;
	color: #e80013;
	background: transparent;
	border-radius: 30px;
	border: 1px solid #e80013;
	padding: 0 1.5em;
	cursor: pointer;
}
.btn--sub:hover {
	color: #fff;
	background: #e80013;
}


/* course_change */
.courseChange .pageTit {
		margin-bottom: 30px;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
}
.courseChange .pageTit br{display: none;}
.courseChange .txtL {
		text-align: center;
		margin: 0 0 60px;
		color: #f60b2c;
		font-size: 18px;
		font-weight: bold;
}
.courseChange .txt.em {
		font-size: 16px;
		line-height: 1.8;
}
.courseChange .area {margin: 0 0 100px;}
.courseChange .area:last-child {margin-bottom: 0;}
.courseChange .areaTit {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 30px;
		position: relative;
}
.courseChange #yearly table {
	width:100%;
	margin: 0 0 30px;
	border:1px solid rgba(0,0,0,0.2);
	background: #fafafa;
}
.courseChange #yearly table th{
	width: 160px;
	padding: 20px;
	border-right: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #e2e2e2;
}
.courseChange #yearly table td{
	padding:20px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	font-size:14px;
	line-height:1.7em;
}
.courseChange #yearly table td .subTxt {
		display: block;
		font-size: 12px;
		text-align: left;
}
.courseChange .attentionBox {
		border-top: 1px solid rgba(0,0,0,0.2);
		padding: 20px 0 0;
		margin: 30px 0 0;
}
.courseChange .attentionBox .tit{
		font-weight: bold;
		margin: 0 0 7px;
		font-size: 15px;
}
.courseChange #change .txt.em {
	text-align: center;
	margin: 0 0 30px;
}
.courseChange #change .pattern {margin: 0 0 50px;}
.courseChange #change .pattern > li {
		padding: 35px 50px;
		margin-bottom: 40px;
		background: #f5f5f5
}
.courseChange #change .pattern li > .tit{
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 25px;
}
.courseChange #change .pattern .tit br{display: none;}
.courseChange #change p.subTxt {
		font-size: 12px;
		text-align: center;
		margin-top: -10px;
}
.courseChange #change .pattern .subTxt li {
	font-size: 12px;
	margin: 0 0 5px;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
}
.courseChange #change .pattern .subTxt li:last-child {margin-bottom: 0;}
.courseChange .btn{
	width: 50%;
	text-align: center;
	margin: 0 auto 50px;
}
.courseChange #change .step {margin: 0 0 20px;}
.courseChange #change .step li {
		margin: 0 0 10px;
		text-indent: -1.45em;
		padding-left: 1.45em;
}
.courseChange #change .step li:last-child {}
.courseChange #change .step li .txt{margin: 0 0 10px;}
.courseChange #change .step li .txt + .btn {margin-top: 20px;}
.courseChange a.txtLink {text-decoration: underline; color: #000;}
.courseChange a.txtLink:hover {text-decoration: none;}
.courseChange #change .numb {
		font-weight: 400;
		margin-right: 10px;
}


@media (max-width: 767px) {
	/* course_change */
	.courseChange .pageTit {
			margin-bottom: 30px;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 1.5;
	}
	.courseChange .txtL {
			margin: 0 0 30px;
			font-size: 15px;
	}
	.courseChange .txt.em {
			font-size: 14px;
			line-height: 1.8;
	}
	.courseChange .txt.em br{display: none;}
	.courseChange .area {margin: 0 0 30px;}
	.courseChange .area:last-child {margin-bottom: 0;}
	.courseChange .areaTit {
			margin: 0 0 30px;
			position: relative;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 1;
			position: relative;
	}
	.courseChange #yearly table{
		width:100%;
		border:1px solid rgba(0,0,0,0.2);
		background: #fff;
		font-size: 13px;
	}
	.courseChange #yearly table th{
			width: 30%;
			padding: 10px;
		border-right:1px solid rgba(0,0,0,0.2);
		border-bottom:1px solid rgba(0,0,0,0.2);
			vertical-align: middle;
			font-weight: bold;
			text-align: center;
			line-height: 1.8em;
			background: #e2e2e2;
	}
	.courseChange #yearly table td{
		padding: 10px;
		border-bottom:1px solid rgba(0,0,0,0.2);
		line-height:1.7em;
	}
	.resistArea table dl{
		margin-bottom:10px;
	}
	.resistArea table dt{
		font-size:13px;
		margin-bottom:5px;
	}
	.resistArea table dd{
		margin-bottom:2px;
		line-height:1.5em;
		font-size:11px;
	}
	.courseChange #yearly table td .subTxt {
			display: block;
			font-size: 12px;
			margin-top: 10px;
	}
	.courseChange #yearly table td .list li {
			text-indent: -1em;
			word-break: break-all;
			padding-left: 1em;
			line-height: 1.4em;
			margin: 0 0 6px;
	}
	.courseChange #yearly table td .list li:last-child {margin: 0;}
	.courseChange .attentionBox {
			line-height: 1.7;
			border-top: 1px solid;
			padding: 20px 0 0;
			margin-top: 25px;
	}
	.courseChange .attentionBox .tit{
			font-weight: bold;
			margin: 0 0 10px;
			font-size: 14px;
	}
	.courseChange .attentionBox .txt {margin: 0 0 10px;}
	.courseChange .attentionBox .sample {
			font-size: 12px;
			line-height: 1.5;
	}
	.courseChange #change .txt.em {margin: 0 0 20px;}
	.courseChange #change .pattern {margin: 0 0 30px;}
	.courseChange #change .pattern > li {
			padding: 20px;
			background: #f3f3f3;
			margin-bottom: 20px;
	}
	.courseChange #change .pattern li > .tit{
			margin-bottom: 18px;
			font-size: 15px;
			text-align: center;
			font-weight: bold;
			line-height: 1.6;
	}
	.courseChange #change .pattern p.subTxt {
			line-height: 1.6em;
			margin-top: -5px;
	}
	.courseChange #change .pattern .subTxt {margin: 0;}
	.courseChange #change .pattern .subTxt li {
		font-size: 12px;
		margin: 0 0 5px;
		line-height: 1.4;
		text-indent: -1em;
		padding-left: 1em;
	}
	.courseChange #change .pattern .subTxt li:last-child {margin-bottom: 0;}

	.courseChange .mainBtn a {	margin: 0 0 30px;}
	.courseChange #change .step {margin: 0 0 20px;}
	.courseChange #change .step li {
			margin: 0 0 10px;
			text-indent: -1.45em;
			padding-left: 1.45em;
					font-size: 13px;
			line-height: 1.8;
	}
	.courseChange #change .step li .txt{margin: 0 0 10px;}
	.courseChange #change .step li .txt + .btn {margin-top: 20px;}
	.courseChange a.txtLink {text-decoration: underline;}
	.courseChange a.txtLink:hover {text-decoration: none;}
	.courseChange #change .numb {
			font-weight: 700;
			letter-spacing: 0.1em;
			margin-right: 10px;
	}
	.courseChange .btn {
		width: 100%;
		text-align: center;
		margin: 0 auto 30px;
	}
}
/* blog */
#staffdiary_area .reading_area_detail *{
	white-space: normal !important;
	word-break: break-all;
}

/* header */
.nav_modal_menu #btn_menu{
	width: 56px;
	height: 19px;
	right: 1.7%;
	top: 2.9%;
}

/* 継続手続き */
.paymentArea{
	padding: 0 10px;
}
.paymentArea .tit{
	font-weight: bold;
	text-align: center;
	font-size: 140%;
	margin-top: 5px;
}
.paymentArea .btn {
		margin-top: 1em;
}
.lower #header_area .paymentArea{
	display: none !important;
}
#header_area .paymentArea{
	padding: 3%;
	border: solid 1px #484848;
	background: rgba(255,255,255,.8);
	width: 91%;
	font-size: 90%;
	margin-top: 6%;
	margin-left: 3%;
}
#header_area .paymentArea .tit {
	font-size: 120%;
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.fc_nav_login.course{ text-align: center; margin-bottom: 1%;}
.fc_nav_area ul li.fc_nav_login.course a{	display: inline-block;}
header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul.course li:not(.courseChange) a:first-of-type:after{
	display: none;
}
#home header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul.possiblePayment li,
header.mode_modal #header_area .paymentArea{
	display: none !important;
}
#home header.mode_modal #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul.possiblePayment li{
	display: block !important;
}

header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange{
	background: none;
	border: none;
	padding: 4% 0 0;
	color: #000;
	font-size: 70%;
}
.lower header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange{
	padding-top: 1%;
}
header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange a{
	color: #e80013;
}
header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange a:hover{
	color: #e80013;
	opacity: .5;
}
header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange:after{
	display: none;
}
header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange a:first-of-type:after {
	color: #000;
}
@media (max-width: 767px) {
	#header_area .paymentArea{
		display: none !important;
	}
	header.mode_modal #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul.possiblePayment li{
		display: block !important;
	}
	.fc_nav_area .possiblePayment li{
		display: none;
	}
	header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul.course li.courseChange {
		font-size: 70%;
		padding-top: 0;
		margin-bottom: 2%;
	}
	header.mode_modal #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange a:first-of-type:after {
		color: #fff;
		padding: 0 1%;
	}
	header #globalnav_area .globalnav .globalnav_list ul li.globalnav_list_membersarea ul li.courseChange a:first-of-type:after {
		padding: 3% 1% 1.6%;
		line-height: 1.2;
	}
}

.list_with_photo .list_inner li a .item_detail img{
	background: no-repeat center;
	background-size: cover;
}

footer small{
	display: block;
	color: #999999;
	text-align: center;
}