@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}

.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.red { color:#E23435;}
.blue { color:#005ba2;}
.gray { color:#999;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}

.margin0{ margin:0 !important;}
a.link,
.link a{
	text-decoration:underline;
	color:#da3765;
	font-size:1.08em;
	background:url(../cmn_img/arrow_02_pink_right.png) left 7px no-repeat;
	background-size:3px 6px;
	display:inline-block;
	padding-left:10px;
}
.window a{
	display:block;
	color:#da3765;
	text-decoration:underline;
	background:url(../cmn_img/icon_window.png) left 4px no-repeat;
	background-size:13px 12px;
	padding-left:20px;
	font-size:1.08em;
}

.table{
	display:table;
	width:100%;
	height:100%;
}
.tablecell{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}

/* 追加 */
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/*----------------------------------------------------
	☆form
----------------------------------------------------*/

.wSS{ width: 30%;}
.wS { width: 50%;}
.wM{ width: 270px;}
.wL{ width: 370px;}
.wLL{ width: 100%;}
.imeOff { ime-mode: disabled;}
.imeOn { ime-mode: active;}

textarea {
	border: 1px solid #CCCCCC;
	line-height: 140%;
	padding: 3px 6px;
}
textarea:focus {
	background-color: #FFFFED;
 border: 1px solid #AAA;
}
label{
	cursor:pointer;
}
label:hover{
	color:#418BB8;
}
input{
	padding:0;
}
input.wSS, input.wS, input.wM, input.wL, input.wLL, textarea, select {
	border:none;
	background:#E0ECF1;
	line-height: 140%;
	padding: 8px;
	border-radius:4px;
	
box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#contents .input_hissu {
	background-color:#f9e8e5 !important;
}
#contents .input_hissu:focus {
	background:#FFE0DB !important;
}
input.wSS:focus, input.wS:focus, input.wM:focus, input.wL:focus, input.wLL:focus, textarea:focus {
		background-color:#CEE2EB;
		border: none;
}
.textFocus {
	color: #AAA;
}
button, input, select, textarea {
 font-size:93%!important;
}
.hissu{
	background:#da0000;
	color:#FFF;
	padding:1px 6px 0;
	margin-right:5px;
	font-size:0.8em;
	line-height:1;
	word-break:keep-all;
}
#contents .form .back,
#contents .form .confirm,
#contents .form .submit,
#contents .form .search{
	background:#FFF;
	border:2px solid #ccc;
	border-radius:100px;
	width:100%;
	max-width:500px;
	padding:13px 15px 11px;
	margin:15px auto 0;
	font-size:1.1em;
}
#contents .form .form_button{
	text-align:center;
}
#contents .form .form_button input{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
#contents .form .confirm,
#contents .form .submit,
#contents .form .search{
	display:inline-block;
	border:none;
	background:#6360ab;
	color:#FFF;
	font-weight:bold;
	width:55%;
	font-size:1.2em !important;
	cursor:pointer;
}
#contents .form .back{
	width:30%;
	max-width:150px;
	font-size:1.2em;
	color:#666;
	display:inline-block;
	margin:0 10px;
	background:#E5E5E5;
}
#contents .form .confirm:hover{ background:#403d8f;}
#contents .form .submit{	background:#ec79ac;}
#contents .form .submit:hover{	background:#df4d8e;}
#contents .form .back:hover{	background:#f0f0f0;}

#contents .form .search{
	background:#00388b;
	border-radius:50px;
	padding:6px 15px 5px;
	font-size:1.2em;
	width:100%;
	margin:0;
}
#contents .form .search:hover{	background:#002B6C;}

#contents .form .error{
	color:#c0070a;
	font-size:0.93em;
	font-weight:bold;
}
#contents .form .error span{
	background:#e0e0e0;
	border-radius:3px;
	padding:14px 15px 12px;
	display:block;
	line-height:1;
}
#contact_form.thanks h2{
	color:#a46b6b;
	font-size:1.8em;
	text-align:center;
	margin-bottom:20px;
}
#contact_form.thanks p{
	text-align:center;
}
#contents .form_list li{
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
#contents .form_list li .title{
	float:left;
	width:20%;
	font-weight:bold;
}
#contents .form_list li .data{
	float:right;
	width:78%;
}
#contents .form .check{
	padding:15px;
	border:1px dotted #aaa;
	text-align:center;
	width:80%;
	margin:0 auto 20px;
	border-radius:5px;
}
#contents .form select {
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	background-image: url(../cmn_img/arrow_01_blue_bottom.png) !important;
	background-size:10px 6px !important;
	background-position: 96% center !important;
	background-repeat:no-repeat !important;
	
	-moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ellipsis;
		overflow:hidden;
		white-space:nowrap;
}
#contents .form select::-ms-expand {
  display: none;
}
#contents .form .btn02{
	width:50%;
	margin-bottom:20px;
}
#contents .form .btn02 a{
	padding:6px;
}
#contents .form .privacy_box,
#contents .form .privacy_box .privacy_tx_container{
	margin-bottom:25px;
}
#contents .form .privacy_box .tx{
	margin-bottom:20px;
}
#contents .form .privacy_box .privacy_tx_container{
	background:#ffe3bf;
	padding:20px;
	border-radius:8px;
	width:100%;
}
#contents .form .privacy_box .privacy_tx_container .inner{
	height:160px;
	overflow-y:auto;
}
#contents .form .privacy_box .privacyCheck{
	background:#E9E9E9;
	padding:10px;
	text-align:center;
	border-radius:8px;
}

#contents .form .btnBox{
	text-align:center;
}
/*-------*/
.err {
	background-color: #ed6d59;
	border-radius: 5px;
	color: #FFF !important;
	margin-top: 12px !important;
	padding: 5px 8px;
	position: relative;
	width: 100%;
	font-weight:bold;
	clear:both;
	display: block;
}
.err::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent #ed6d59;
	border-image: none;
	border-style: solid;
	border-width: 0 6px 7px;
	content: "";
	display: block;
	left: 30px;
	position: absolute;
	top: -7px;
	width: 0;
	clear:both;
}

#contents .btnBox{
	text-align:center;
	margin:5% auto;
}

@media screen and (max-width:800px) {
#contents .form .confirm,
#contents .form .submit{
	width:100%;
	display:block;
	padding:8px 0 6px;
}
#contents .form .back{
	width:50%;
	display:block;
	padding:8px 0 6px;
	margin:10px auto 0;
}
#contents .form_list li{
	margin-bottom:20px;
}
#contents .form_list li .title{
	float:none;
	width:100%;
	margin-bottom:8px;
}
#contents .form_list li .data{
	float:none;
	width:100%;
}
#contents .form .btn02{
	width:90%;
}
}
@media screen and (max-width:640px) {
.wSS{ width: 30%;}
.wS { width: 50%;}
.wM,
.wL,
.wLL{ width: 100%;}
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}

/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear:both;
	margin-bottom:90px;
}
@media screen and (max-width:768px) {#contents section {	margin-bottom:50px;}}
@media screen and (max-width:640px) {#contents section {	margin-bottom:30px;}}
#contents section:last-child {
	margin-bottom:0;
}
.aural span,
span.aural {
	display:none;
	visibility:hidden;
}
img.icon {
	margin-right:5px;
	vertical-align:middle;
}
.inner_wide{
	width:93%;
	margin:0 auto;
}
.inner_slim{
	width:93%;
	max-width:1080px;
	margin:0 auto;
}
.inner960{
	width:93%;
	max-width:960px;
	margin:0 auto;
}

/*----------------------------------------------------
	☆list
----------------------------------------------------*/

ul.indList li {
	text-indent:-1em;
	padding-left:1em;
}
ol.decimal{
	padding-left:1.5em;
}
ol.decimal li{
	list-style:decimal;
	margin-bottom:8px;
}
ul.disc{
	padding-left:1.5em;
}
ul.disc li{
	list-style:disc;
	margin-bottom:8px;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/
.head01{
	text-align:center;
	background:url(../cmn_img/bg_gradation_01.jpg) left top repeat-x , url(../cmn_img/bg_gradation_02.jpg) left bottom repeat-x;
	background-size:100% 1px, 100% 1px;
	padding:25px 0;
	margin-bottom:50px;
	font-weight:normal;
}
.head01 span{
	display:block;
	line-height:1.3em;
}
.head01 .main{
	font-size:2.3em;
	margin-bottom:3px;
}
.head02{
	font-size:1.69em;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:30px;
	line-height:1.5em;
	background:url(../cmn_img/bg_gradation_03.jpg) center bottom no-repeat;
}
.head03{
	text-align:center;
	font-size:1.46em;
	margin-bottom:25px;
}
.head03.pink{ color:#da3765;}
.head03.blue{ color:#1c98c7;}
.head04{
	background:url(../cmn_img/bg_gradation_04.jpg) left top repeat-y;
	background-size:100% auto;
	border-radius:5px;
	padding:7px 10px 6px 10px;
	line-height:1.5em;
	font-size:1.23em;
	font-weight:normal;
	margin-bottom:20px;
}
.head05{
	background:#333;
	text-align:center;
	padding:17px 0 20px;
	font-size:2em;
	color:#FFF;
	line-height:1.5em;
}
.head05 a{color:#FFF;
}
@media screen and (max-width:640px) {
.head01{
	padding:10px 0;
	margin-bottom:20px;
}
.head01 .main{
	font-size:1.8em;
	margin-bottom:1px;
}
.head01 .sub{
	font-size:0.93em;
}
.head02{
	font-size:1.3em;
	padding-bottom:7px;
	margin-bottom:20px;
	line-height:1.3em;
}
.head03{
	font-size:1.23em;
	margin-bottom:15px;
}
.head05{
	padding:12px 0 10px;
	font-size:1.5em;
	font-weight:normal;
}
#contents .head05 .morebtn{
	top:21%;
}
}

/*----------------------------------------------------
	☆btn
----------------------------------------------------*/
.btn01,
.btn01_back,
.btn02{
	width:100%;
	max-width:600px;
	margin:0 auto 30px;
	text-align:center;
	font-size:1.38em;
}
.btn01 a,
.btn01 span,
.btn01_back a,
.btn01_back span,
.btn02 a,
.btn02 span{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	font-weight:bold;
	line-height:1.5em;
}
.btn01 a,
.btn01 span{
	background: url(../cmn_img/arrow_01_white_right.png) 96% center no-repeat #df416b;
	background-size:6px 9px;
	color:#FFF;
	border-radius:100px;
}
.btn01 a:hover,
.btn01 span:hover{
	background-color:#D12B57;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a:hover,
.btn01_back span:hover{
	background-color:#ccc;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.btn01_back a,
.btn01_back span{
	background: url(../cmn_img/arrow_01_black_left.png) 20px center no-repeat #dddddd;
	background-size:6px 9px;
	border-radius:100px;
}
.btn02 a,
.btn02 span{
	background: url(../cmn_img/arrow_01_pink02_right.png) 96% center no-repeat #FFF;
	border:2px solid #f7adc9;
	background-size:6px 9px;
	border-radius:100px;
}
.btn02 a:hover,
.btn02 span:hover{
	background-color:#FBEAF0;
	transition:0.3s;
	-webkit-transition:0.3s;
}

@media screen and (max-width:640px) {
.btn01,
.btn02,
.btn01_back{
	margin:0 auto 10px;
	font-size:1.16em;
}
}

/*----------------------------------------------------
	☆table
----------------------------------------------------*/

.tbl01 table {
	border-collapse:collapse;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	width:100%;
}
.tbl01 table th,
.tbl01 table td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	line-height:150%;
	padding:12px 14px 10px;
	vertical-align:middle;
}
.tbl01 table th {
	background:#ededed left top repeat;
	font-weight:bold;
	text-align:center;
}
.tbl01 table td {
	text-align:left;
}

/*-----*/

.tbl02 table {
	border-collapse:collapse;
	border:none;
	width:100%;
}
.tbl02 table th,
.tbl02 table td {
	border-bottom:1px dotted #ccc;
	line-height:150%;
	padding:12px 0 10px;
	vertical-align:top;
}
.tbl02 table th {
	font-weight:bold;
	text-align:left;
	color: #da3765;
}
.tbl02 table td {
	text-align:left;
}

@media screen and (max-width:640px) {
}

/*----------------------------------------------------
	☆box
----------------------------------------------------*/
.box01{
	background:#ededed;
	padding:20px;
}

/*----------------------------------------------------
	☆Flt
----------------------------------------------------*/
.ovf_h{ overflow:hidden;}

.fltL{
	float:left !important;
}
.fltR{
	float:right !important;
}
/*----------------------------------------------------
	☆ckEditor
----------------------------------------------------*/
#contents .ckEditor span{
	line-height:1.5em;
}
#contents .ckEditor img{
	max-width:100%;
	height: auto;
}



/*----------------------------------------------------
	☆pager 
----------------------------------------------------*/
.pager {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.3em;
	font-style: italic;
	padding-bottom: 10px;
	text-align: center;
}
.pager .prev, .pager .next {
	border-bottom: medium none;
	font-weight: normal;
	margin: 0 30px;
	padding: 0;
}
.pager a {
	border-bottom: 2px solid #ccc;
	color: #666;
	font-weight: bold;
	margin: 0 -2px;
	padding: 0 15px 10px;
}
.pager a.current, .pager a:hover {
	border-color: #da3765;
	color: #da3765;
}
@media screen and (max-width:768px) {
.pager a {	padding: 0 10px 5px;}
.pager .prev, .pager .next {	margin: 0 1em;}
}

/*----------------------------------------------------
	☆other
----------------------------------------------------*/


/*----------------------------------------------------
	☆20190312 追加分
----------------------------------------------------*/

.font02{
	font-size:18px;
}
@media screen and (max-width:640px) {
.font02{
	font-size:13px;
}
}