@charset "UTF-8";
#blcInq00 {
	width: 96%;
	max-width: 1000px;
	margin: 2% auto;
}

#blcInq00>h1 {
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: rgb(1, 88, 162);
	padding: 2% 0;
	margin: 0 20%;
	border-bottom: 1px solid rgb(1, 88, 162);
}

#blcInq01 {
	width: 96%;
	max-width: 1000px;
	margin: 2% auto;
}

#blcInq01>h1 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: rgb(1, 88, 162);
	border-radius: 8px;
	width: 96%;
	padding: 1% 2%;
	margin-bottom: 4%;
}

#blcInq01>h1 br {
	display: none;
}

#blcInq01>h2 {
	width: 90%;
	font-size: 130%;
	font-weight: bold;
	color: rgb(1, 88, 162);
	border-bottom: 1px solid rgb(1, 88, 162);
	text-align: center;
	padding-bottom: 2%;
	margin: 0 auto 1% auto;
}

.listContect {
	width: 80%;
	margin: 0 auto 4% auto;
}

.listContect>li {
	float: left;
	width: 50%;
	min-height: 60px;
	line-height: 30px;
	padding: 0 2% 0 70px;
	margin: 2% 0;
	box-sizing: border-box;
}

.listContect>li>span {
	font-size: 200%;
	font-weight: bold;
	color: rgb(1, 88, 162);
}

.listContect>li>span a {
	color: rgb(1, 88, 162);
}

.listContect>li:nth-child(1) {
	background: url('../img/inquiry/icon_tel.png') no-repeat center left;
}

.listContect>li:nth-child(2) {
	background: url('../img/inquiry/icon_fax.png') no-repeat center left;
}

.listContect>li:nth-child(3) {
	width: 100%;
	background: url('../img/inquiry/icon_mail.png') no-repeat center left;
}

#blcInq02.payment {
	margin-top: 0;
}

#blcInq02 #regisCommSet .ttl {
	margin-bottom: 4%;
}

#blcInq02 #regisCommSet .desTxt {
	margin-bottom: 2%;
	text-align: left;
}

#blcInq02>p {
	margin: 2% 0 2% 0;
}

#blcInq02>form>p {
	font-size: 100%;
	margin: 2% 0 4% 0;
}

#blcInq02.payment .txtTtl {
	color: #91c11d;
	font-weight: bold;
}

#blcInq02.payment .idBlc {
	background-color: rgb(242, 242, 242);
	font-size: 240%;
	color: #fa6668;
	border: 2px solid #e1e0e0;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.subEnd {
	text-align: center;
	margin: 2% 0;
}

.txtCom01 {
	padding: 2%;
	margin-bottom: 2%;
}

.focusAnimation {
	border: 1px solid #ccc;
	transition: all 0.3s ease-in-out 0s;
}

.focusAnimation:focus {
	border: 1px solid #402c1a;
    box-shadow: 0 0 5px #402c1a;
	outline: medium none;
	transition: all 0.3s ease-in-out 0s;
}

.tblForm input[name=email] {
	width: 70%;
}

.submitCon {
	width: 80px;
}

.backCon {
	width: 80px;
}

.backIndex {
	width: 100px;
}

#blcInq02 input.narrowSize {
	width: 15%;
}

#blcInq02 input.middleSize {
	transition: all 1s ease-in-out;
}

#blcInq02 input.wideSize {
	width: 100%;
}

#blcInq02 .noticeBlc .txtInlineBlc {
	background-color: rgb(242, 242, 242);
	border: 2px solid #e1e0e0;
	padding: 20px;
}

#blcInq02 .noticeBlc .frameBlc {
	background-color: rgb(242, 242, 242);
	border: 2px solid #e1e0e0;
	padding: 20px;
}

#blcInq02.payment .noticeBlc {
	line-height: 2;
}

#blcInq02 .commentTxt {
	font-size: 90%;
	color: #0158a2;
	margin-bottom: 10px;
}

.txtInlineBlc {
	text-align: left;
	display: inline-block;
}

.btnStyle02 {
	text-align: center;
	margin: 4% 0;
}

.btnStyle02.noMarg {
	margin: 0;
}

.btnStyle02 a {
	background: rgba(1, 88, 162, 1) url('../../img/common/list.png') no-repeat left 12px center;
	color: #fff;
	width: 100%;
	max-width: 300px;
	text-decoration: none;
	text-align: center;
	border: none;
	padding: 12px 15px 12px 30px;
	display: inline-block;
	transition: all 200ms ease-in-out;
	cursor: pointer;
	box-sizing: border-box;
}

.btnStyle02 button {
	background: #fa6668 url('../../img/common/list.png') no-repeat left 12px center;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: none;
	padding: 7px 15px 7px 30px;
	display: inline-block;
	transition: all 200ms ease-in-out;
	cursor: pointer;
}

.btnStyle02.colorOrange button {
	background-color: #ff9c00;
}

.btnStyle02 button.back-btn {
	background-image: none;
	margin-top: 20px;
}

.btnStyle02 button.cancel-btn {
	margin-top: 20px;
}

.btnStyle02.style01 button {
	width: 100%;
	max-width: 300px;
	padding: 12px 30px;
	box-sizing: border-box;
}

.btnStyle02.inline button {
	width: auto;
	max-width: none;
}

.btnStyle02 button:hover {
	opacity: 0.8;
}

.btnStyle02.colorOrange button:hover {
	background-color: #ffaa25;
}

.btnStyle02.left {
	text-align: left;
}

@media screen and (max-width: 850px) {
	#blcInq01 h1 br {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	#blcInq01>h2 {
		width: 100%;
	}
	.listContect {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.listContect>li {
		display: block;
		width: 100%;
	}
	#blcInq02 input.middleSize {
		width: 100%;
	}
	.tblForm input[name=email] {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#blcInq01 h1 {
		font-size: 110%;
	}
	.tblForm input[name=name], .tblForm input[name=kana], .tblForm input[name=add2], .tblForm input[name=email] {
		width: 95%;
	}
	.tblForm select[name=add1] {
		width: 100%;
	}
	.tblForm select {
		width: 100%;
	}
	.tblForm textarea[name=message] {
		width: 98%;
	}
	.listContect>li>span {
		font-size: 180%;
	}
}

@media screen and (max-width: 360px) {
	#blcInq01 h1 {
		font-size: 90%;
	}
	#blcInq02>p {
		margin: 2% 0 2% 0;
	}
}

.navList02 {
	position: relative;
	text-align: center;
	letter-spacing: -0.4em;
	padding: 0 2%;
}

.navList02>li {
	font-size: 125%;
	color: #fff;
	vertical-align: top;
	display: inline-block;
	margin-right: 5px;
	box-sizing: border-box;
	background-color: #0158a2;
	border: 2px solid #0158a2;
	color: #fff;
	margin-bottom: -1px;
	cursor: pointer;
}

.navList02>li:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -1px;
	left: 0;
	background-color: #0158a2;
	z-index: 1;
}

.navList02>li#regisPremium:not(.select) {
	background-color: #ff9c00;
	border-color: #ff9c00;
}

.navList02>li#regisPremium.select:before {
	background-color: #ff9c00;
}

.navList02>li#regisPremium.select {
	color: #ff9c00;
	border-color: #ff9c00;
}

.navList02>li#regisPremium .txt01 {
	color: #fff;
}

.navList02>li#regisPremium.select .txt01 {
	color: #ff9c00;
}

.navList02>li.select {
	background-color: #fff;
	color: #0158a2;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	z-index: 1;
}

.navList02.col2>li {
	width: calc(50% - 4px);
}

.navList02.col2>li:nth-child(2n+2) {
	margin-right: 0;
}

.navList02.col5>li {
	width: calc(20% - 4px);
}

.navList02.col5>li:nth-child(5n+5) {
	margin-right: 0;
}

.navList02>li .txt01 {
	height: 100%;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 12px 10px;
	display: block;
	box-sizing: border-box;
}

.navList02>li.select .txt01 {
	color: #0158a2;
}

.navList02>li.select .txt01:after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -1px;
	left: 0;
	background-color: #fff;
	z-index: 12;
}

@media screen and (max-width: 768px) {
	.navList02 {
		padding: 0;
	}
	.navList02>li {
		margin-bottom: 7px;
		border-top-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
	}
	.navList02>li:before {
		display: none;
	}
	.navList02>li.select {
		background-color: #fff;
		border-bottom: 1px solid #0158a2;
		z-index: 1;
	}
	.navList02.col5>li {
		width: calc(33.33% - 3.33px);
	}
	.navList02.col5>li:nth-child(5n+5) {
		margin-right: 5px;
	}
	.navList02.col5>li:nth-child(3n+3) {
		margin-right: 0;
	}
	.navList02>li.select .txt01:after {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.navList02.col5>li {
		width: calc(50% - 2.5px);
	}
	.navList02.col5>li:nth-child(3n+3) {
		margin-right: 5px;
	}
	.navList02.col5>li:nth-child(2n+2) {
		margin-right: 0;
	}
}

/* ---------------------------------
contentBlc
--------------------------------- */

@media screen and (min-width:481px) {
	.contentBlc br.revert {
		display: none;
	}
	.imporBlc br.revert {
		display: none;
	}
}

.bigTxt {
	font-size: 200%;
}

.lineYellow {
	background: url(../../img/post_inquiry/line_yellow.jpg) repeat-x left bottom;
	background-size: auto 15px;
}

#contents .paddingBlc {
	padding: 0 2%;
	box-sizing: border-box;
}

#contents .inner .paddingBlc:last-child {
	margin-bottom: 0;
}

#contents .inner .paddingBlc {
	margin-bottom: 4%;
}

#contents .inner .paddingBlc:last-child {
	margin-bottom: 0;
}

.contentBlc .blc1.detailBlc .inner .paddingBlc p {
	line-height: 1.5;
}

.contentBlc .blc1.detailBlc .txtRed.imporBlc {
	font-size: 150%;
	font-weight: bold;
}

.contentBlc .detailBlc {
	margin-bottom: 4%;
}

.contentBlc .txtRed {
	color: #fa6668;
}

.contentBlc .txtBlue {
    color: #06c !important;
	font-weight: normal;
}

.contentBlc .commBlc>.txt {
	margin-bottom: 4%;
	font-size: 125%;
}

.contentBlc .blc1.detailBlc .txtRed {
	font-size: 125%;
}

.contentBlc .detailBlc .listPrice li {
	line-height: 2;
}

.contentBlc .detailBlc .listPrice li h3 {
	display: inline;
	font-size: 125%;
}

.contentBlc .blc2 .txtDes {
	color: #402c1a;
    font-size: 125%;
    font-weight: bold;
}

@media screen and (max-width:767px) {
	#contents .inner .paddingBlc {
		margin-bottom: 6%;
	}
	.contentBlc .detailBlc {
		margin-bottom: 6%;
	}
	.contentBlc .commBlc>.txt {
		margin-bottom: 6%;
	}
}

@media screen and (max-width:480px) {
	.contentBlc .commBlc>.txt {
		margin-bottom: 8%;
	}
	.contentBlc .detailBlc {
		margin-bottom: 8%;
	}
	#contents .inner .paddingBlc {
		margin-bottom: 8%;
	}
	#contents .ttl p {
		font-size: 150%;
	}
	.contentBlc .detailBlc .listPrice li {
		line-height: 1.5;
		margin-bottom: 10px;
		font-size: 3.5vw;
	}
	.contentBlc .detailBlc .txtRed {
		margin-bottom: 10px;
	}
	.contentBlc .blc1.detailBlc .inner .paddingBlc .txtRed {
		line-height: 2;
	}
	.contentBlc .blc1.detailBlc .txtRed.imporBlc {
		font-size: 122%;
	}
	.bigTxt {
		line-height: 1.2;
	}
}

/* listNum ---------------------------*/

.listNum {
	counter-reset: num;
}

.listNum li {
	padding-left: 30px;
	position: relative;
}

.listNum li::before {
	counter-increment: num;
	content: " (" counter(num) ") ";
	position: absolute;
	left: 0;
	top: 0;
}

/* .stepBlc .listStyle02 ---------------------------*/

.stepBlc .listStyle02 .txtRed {
	display: block;
}

.stepBlc .listStyle02 {
	counter-reset: my-sec-counter;
	margin-bottom: 2%;
}

.stepBlc .listStyle02 li .topic span::before {
	counter-increment: my-sec-counter;
	content: " " counter(my-sec-counter) " ";
}

.stepBlc .listStyle02 .topic::before {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #402c1a;
	bottom: -3px;
	left: 0;
	width: 25%;
}

.stepBlc .listStyle02 .topic {
	background-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 5px 10px;
	border-bottom: solid 4px #d6d6d6;
	position: relative;
}

.stepBlc .listStyle02 dd {
	padding: 0 2%;
	box-sizing: border-box;
}

.stepBlc .listStyle02 li {
	margin-bottom: 20px;
}

.stepBlc .listStyle02 li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:480px) {
	.stepBlc .listStyle02 {
		margin-bottom: 4%;
	}
}

/* ---------------------------------
#tabLinkId formBlc
--------------------------------- */

#tabLinkId .desTxt {
	text-align: left;
	margin-bottom: 20px;
}

.contentBlc #blcInq02 #regisCommSet .ttl {
	margin-bottom: 20px;
}

.chkBlc label {
	padding-left: 25px;
	display: block;
	box-sizing: border-box;
}

.chkBlc input {
	position: absolute;
	top: 7px;
	left: 0;
}

.chkBlc {
	position: relative;
}

/* ---------------------------------
ttlStyle01
--------------------------------- */

.ttlStyle01 {
    position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 20px;
}

.ttlStyle01 span {
    text-align: center;
    margin: 2%;
    color: #fa6668;
    font-size: 400%;
    font-weight: bold;
}

.ttlStyle01::before , .ttlStyle01::after {
    content: "";
    -ms-flex: 1;
    flex: 1;
    height: 5px;
    background-color: #fa6668;
}

@media screen and (max-width: 767px) {
	.ttlStyle01 span {
		font-size: 300%;
	}
}