@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: heading
 * 2: paragraph
 * 3: list
 * 4: table
 * 5: box
 * 6: link
 * 7: others
 *
 * ****************************
 */


/*
======= 1: heading =======
*/
h1,h2 {
	font-size: 100%;
	line-height: 1.5;
}
/*---- h1 / h2 / h3 / h4  ----*/
.sttl01{
	padding: 10px 0;
	background: #69396C;
	color: #FFF;
	font-weight: bold;
	font-size: 1.375rem;
	text-align: center;
}
.sttl03 {
	padding: 10px 0;
	background: #69396C;
	color: #FFF;
	font-weight: normal;
	font-size: 125%;
	text-align: center;
}
.sttl01 span {
	padding-right: 38px;
	background: url(../../img/contact/icon_require01.gif) no-repeat right 50%;
}
.sttl02 {
	margin-bottom: 10px;
	padding: 10px;
	border: 2px solid #69396C;
	color: #69396C;
	font-size: 166%;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
}
.sttl03 {
	padding: 5px 10px;
	background: #F26093;
	text-align: left;
}
.sttl04 {
	color: #333333;
	font-size: 200%;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
}
.sttl05 {
  margin: auto;
  text-align: center;
  font-size: 0.75rem;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #F26093
}


@media screen and (max-width:640px){
.sttl01,
.sttl02,
.sttl03 {
	font-size: 12px;
}
.sttl01 span {
	padding-right: 20px;
	background: url(../../img/contact/icon_require01.gif) no-repeat right 50%;
	background-size: 16px 11px;
}
.sttl02 {
	padding: 5px;
}
.sttl04 {
	font-size: 16px;
}
}

/*
======= 2: paragraph =======
*/

/*
======= 3: list =======
*/
/*---- ul ----*/
ul {
	margin-left: 0;
	list-style: none;
}
ul ol li {
	padding-left: 0;
	background: none;
}
.errorList li {
	display: block;
	padding-left: 15px;
	background: url(../../img/contact/icon_error.gif) no-repeat 0 0.7em;
}

/*---- ol ----*/
ol {margin-left: 20px;}
ol ul,
ol ol {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*---- dl ----*/

/*
======= 4: table =======
*/
table {
	width: 100%;
}
table.tbl_contact {
	border-collapse: collapse;
}
table.tbl_contact th,
table.tbl_contact td {
	padding: 15px 10px 13px;
	border: 1px solid #CCCCCC;
}
table.tbl_contact th {
	width: 200px;
	background: #EFEFEF;
	color: #69396C;
	font-size: 116%;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}
table.tbl_contact th.require {
	width: 290px;
	padding-right: 40px;
	background: #EFEFEF url(../../img/contact/icon_require02.gif) no-repeat 96% 12px;
}
table.tbl_contact th.option {
	width: 290px;
	padding-right: 40px;
	background: #EFEFEF url(../../img/contact/icon_option01.gif) no-repeat 96% 10px;
}
table.tbl_contact td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}

/*20181001*/
table.tbl_contact td label{display: inline-block;}
table.tbl_contact td p{margin-bottom: 10px;}
table.tbl_contact td p i{display: inline-block; width: 3.5em;}

table.tbl_contact .bobono th,
table.tbl_contact .bobono td{border-bottom: none;}
table.tbl_contact .botono th,
table.tbl_contact .botono td{border-top: none;}

@media screen and (max-width:640px){
table.tbl_contact th,
table.tbl_contact td {
	padding: 20px 5px 13px;
	border: 1px solid #CCCCCC;
}
table.tbl_contact th {
	width: 6em;
	font-size: 11px;
}
table.tbl_contact th.require {
	width: 6em;
	padding-right: 5px;
	background: #EFEFEF url(../../img/contact/icon_require02.gif) no-repeat 5px 5px;
	background-size: 16px 11px;
}
table.tbl_contact th.option {
	width: 6em;
	padding-right: 5px;
	background: #EFEFEF url("../../img/contact/icon_option01.gif") no-repeat 5px 5px;
	background-size: 16px 11px;
}
table.tbl_contact td { padding: 5px; }
table.tbl_contact td .fc_gray01 { display: inline-block; }

table.tbl_contact td p i{display: inline;}

}
/*
======= 5: box =======
*/
.box01,
.box02 {
	border: 2px solid #69396C;
	border-top: none;
	color: #69396C;
	text-align: center;
	font-size: 116%;
	font-weight: bold;
}
.box02 {
	border: 2px solid #F26093;
	color: #333333;
	text-align: left;
}


/*20191223*/
.stepwrap{
  width: 500px;
  margin: auto;
  position: relative;
}
.stepborder{
  position: absolute;
  top: 12px;
  width: 96%;
  height: 3px;
  left: 2%;
  background-color: #CCCCCC;
}
.step{
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 1;
}
.step div{
  text-align: center;
}
.step div p{
  height: 1.5em;
  width: 1.5em;
  margin: 0 auto 10px;
  line-height: 1.45;
  font-size: 1.125rem;
  color: #69396C;
  border-radius: 100%;
  border: 1px solid #69396C;
  background-color: #FFFFFF;
}
.step div span{color: #666666}
.step div.current p{
  color: #FFFFFF;
  background-color: #69396C;
}


@media screen and (max-width:640px){
  .stepwrap{width: 100%;}
}

@media screen and (max-width:640px){
.box01,
.box02 {
	text-align: left;
	font-size: 12px;
}
.box01 label { display: block;}
}

/*---- box divide ----*/
.divideBox_base,
.break01,
.divide_le01,
.divide_ri01 {
	overflow: hidden;
	zoom: 1;
}
/**/
.divide_le01 {
	float: left;
	width: 461px;
	height: 50px;
	margin: 0;
}
/**/
.divide_ri01 {
	float: right;
	width: 480px;
	height: 50px;
	margin: 0;
}

@media screen and (max-width:979px){/*768*/
.divide_le01,
.divide_ri01 {
	width: 49%;
	height: auto;
}
.divide_le01 img,
.divide_ri01 img {
	width: 100%;
	height: auto;
}
}
@media screen and (max-width:640px){
.divide_le01,
.divide_ri01 {
	float: none;
	width: 100%;
	height: auto;
}
.divide_le01 { margin-bottom: 15px;}
.divide_le01 img,
.divide_ri01 img {
	width: 100%;
	height: auto;
}
}

/*
======= 6: link =======
*/
a {
	color: #DE3166;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/**/
a.ov:hover img {
	opacity:0.7; filter: alpha(opacity=70);
}
a.ov02:hover img {
	opacity:0.8; filter: alpha(opacity=80);
}


/**/
#topicPath a {
	color: #67396C;
}

/*
======= 7: others =======
*/
img {
	border: 0;
	vertical-align: bottom;
}

/*----*/
.inputTxt01,
.inputTxt02,
.inputTxt03 {
	width: 360px;
	height: 32px;
	line-height:32px;
}
.inputTxt02 { width: 190px; }
.inputTxt03 { width: 60px; }
.inputArea { width: 100%; }
.inputSelect {
	line-height:30px;
	height: 30px;
	font-size: 16px;
}
.btnSubmit { text-align: center; }

@media screen and (max-width:979px){/*768*/
.btnSubmit img,
.btnSubmit input.btnEntry {
	vertical-align: middle;
}
}
@media screen and (max-width:640px){
.inputTxt01,
.inputTxt02,
.inputTxt03 {
	width: 86% !important;
	height: 24px;
	line-height:24px;
}
.inputArea { width: 100%; }
.inputSelect {
	line-height: inherit;
	height: inherit;
	font-size: 11px;
}
  .btnSubmit button.btnEntry {width: 45%;}
  .btnSubmit img{width: 100%;}
}

/*----*/
.fsS { font-size: 91%;}
.fsM { font-size: 116%;}
.fsL { font-size: 133%;}
@media screen and (max-width:640px){
.fsM { font-size: 12px;}
}

/*----*/
.nowrap { white-space: nowrap; }

/*----*/
.fc_gray01 { color: #666666;}
.fc_pink01 { color: #F25F92;}
.bold {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ ゴシック","MS Gothic","Osaka－等幅",Verdana,Arial,Helvetica,sans-serif;
}

/*----*/
.hidden { visibility: hidden; }

/*----*/
.clear { clear: both; }

/*----*/
.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

/*----*/
.pa5{padding: 5px;}
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt15, .mv15, .ma15 { margin-top:    15px !important; }
.mr15, .mh15, .ma15 { margin-right:  15px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 15px !important; }
.ml15, .mh15, .ma15 { margin-left:   15px !important; }
.pt15, .pv15, .pa15 { padding-top:   15px !important; }
.pr15, .ph15, .pa15 { padding-right: 15px !important; }
.pb15, .pv15, .pa15 { padding-bottom:15px !important; }
.pl15, .ph15, .pa15 { padding-left:  15px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.mt50, .mv50, .ma50 { margin-top:    50px !important; }
.mr50, .mh50, .ma50 { margin-right:  50px !important; }
.mb50, .mv50, .ma50 { margin-bottom: 50px !important; }
.ml50, .mh50, .ma50 { margin-left:   50px !important; }
.mb80 { margin-bottom: 80px; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }

@media screen and (max-width: 979px){/*768*/
.mb80 { margin-bottom: 35px; }
}
@media screen and (max-width:640px){
.mt10, .mv10, .ma10 { margin-top:    5px !important; }
.mr10, .mh10, .ma10 { margin-right:  5px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 5px !important; }
.ml10, .mh10, .ma10 { margin-left:   5px !important; }
.pt10, .pv10, .pa10 { padding-top:   5px !important; }
.pr10, .ph10, .pa10 { padding-right: 5px !important; }
.pb10, .pv10, .pa10 { padding-bottom:5px !important; }
.pl10, .ph10, .pa10 { padding-left:  5px !important; }
.mt15, .mv15, .ma15 { margin-top:    8px !important; }
.mr15, .mh15, .ma15 { margin-right:  8px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 8px !important; }
.ml15, .mh15, .ma15 { margin-left:   8px !important; }
.pt15, .pv15, .pa15 { padding-top:   8px !important; }
.pr15, .ph15, .pa15 { padding-right: 8px !important; }
.pb15, .pv15, .pa15 { padding-bottom:8px !important; }
.pl15, .ph15, .pa15 { padding-left:  8px !important; }
.mt20, .mv20, .ma20 { margin-top:    10px !important; }
.mr20, .mh20, .ma20 { margin-right:  10px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 10px !important; }
.ml20, .mh20, .ma20 { margin-left:   10px !important; }
.pt20, .pv20, .pa20 { padding-top:   10px !important; }
.pr20, .ph20, .pa20 { padding-right: 10px !important; }
.pb20, .pv20, .pa20 { padding-bottom:10px !important; }
.pl20, .ph20, .pa20 { padding-left:  10px !important; }
.mt30, .mv30, .ma30 { margin-top:    15px !important; }
.mr30, .mh30, .ma30 { margin-right:  15px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 15px !important; }
.ml30, .mh30, .ma30 { margin-left:   15px !important; }
.pt30, .pv30, .pa30 { padding-top:   15px !important; }
.pr30, .ph30, .pa30 { padding-right: 15px !important; }
.pb30, .pv30, .pa30 { padding-bottom:15px !important; }
.pl30, .ph30, .pa30 { padding-left:  15px !important; }
.mt40, .mv40, .ma40 { margin-top:    20px !important; }
.mr40, .mh40, .ma40 { margin-right:  20px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 20px !important; }
.ml40, .mh40, .ma40 { margin-left:   20px !important; }
.pt40, .pv40, .pa40 { padding-top:   20px !important; }
.pr40, .ph40, .pa40 { padding-right: 20px !important; }
.pb40, .pv40, .pa40 { padding-bottom:20px !important; }
.pl40, .ph40, .pa40 { padding-left:  20px !important; }
.mt50, .mv50, .ma50 { margin-top:    25px !important; }
.mr50, .mh50, .ma50 { margin-right:  25px !important; }
.mb50, .mv50, .ma50 { margin-bottom: 25px !important; }
.ml50, .mh50, .ma50 { margin-left:   25px !important; }
}
/*---- clearfix ----*/
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}
.cf { display: inline-block; }
/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */
/* clearfix end */