@charset "utf-8";

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

	mousikomi doui

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


/* -------------------------------
	for pc
	751px以上
------------------------------- */

/* @media print, screen and (min-width: 751px) {

.TblWrap{
	width:500px;
	margin:0 auto;
	}


.ConsiderationBox {
    border: 1px solid #840017;
				width:600px;
    height: 150px;
    margin: 0 auto;
    overflow: auto;
    padding: 10px 30px;
    text-align: left;
				margin-bottom:20px;
}

.ConsiderationBox p {
	font-size:88%;
	line-height:1.4;
}

.ConsiderationBox li{
	font-size:88%;
	line-height:1.4;
	margin-bottom:10px;
		padding-left:1em;
	text-indent:-1em;
}


.txtBox30{
	width:610px;
	margin:0 auto;
	margin-bottom:30px;
	}

	.txtBox10{
	width:610px;
	margin:0 auto;
	margin-bottom:10px;
	}

.txtBox30 p,
.txtBox10 p{
	font-size:88%;
	line-height:1.6;
	}

ul#linkList {
	margin:0 auto;
	width:550px;
	padding-bottom:20px;
	}

ul#linkList li{
	float:left;
	margin-right:15px;
		font-size:88%;
	line-height:1.6;
	}

.secureBox{
	width:500px;
	margin:0 auto;
	border:1px #CCC solid;
	padding:10px;
	margin-bottom:20px;
	}
	.secureBox .secureTxt{
		font-size:88%;
	line-height:1.6;
	float:right;
	width:340px;
	}

.secureBox .secureImg{
	float:left;
	width:135px;
	}

.inqBox{
	width:500px;
	margin:0 auto;
	border:1px #840017 solid;
	padding:10px;
	margin-bottom:20px;
	}

.inqBox dt,
.inqBox dd,
.inqBox p{
		font-size:88%;
	line-height:1.6;
	}

.inqBox dd{
	margin-left:1em;
	}

} */




/* -------------------------------
	for smartphone
	750px以内
------------------------------- */
/* @media only screen and (max-width:750px) {

.whiteBG{
	background:#FFF;}

.txtBox30{
	margin-bottom:0px;
	}

	.txtBox10{
	margin-bottom:10px;
	}

.txtBox30 p,
.txtBox10 p{
	font-size:88%;
	line-height:1.6;
	}

.flow{
	display:none;
	}

.outline{
	display:none;
	}

	h2.sp-accBtn {
	background:#840017 url(./img/arrow_down.png) no-repeat right center;
	-webkit-background-size: 18px 7px;
	-moz-background-size: 18px 7px;
	-o-background-size: 18px 7px;
	-ms-background-size: 18px 7px;
	background-size: 18px 7px;
border-bottom: #990033 2px solid;
font-size: 88%;
font-weight: bold;
	padding:15px 15px;
	font-size:88%;
	color:#FFF;
	cursor: pointer;
	margin-bottom:0px;
	}

h2.active {
	background:#840017 url(./img/arrow_down.png) no-repeat right center;
	-webkit-background-size: 18px 7px;
	-moz-background-size: 18px 7px;
	-o-background-size: 18px 7px;
	-ms-background-size: 18px 7px;
	background-size: 18px 7px;
border-bottom: #990033 2px solid;
font-size: 88%;
font-weight: bold;
	padding:15px 15px;
	font-size:88%;
	color:#FFF;
	cursor: pointer;
		margin-bottom:0px;
}

h3 {
    color: #000;
    font-size: 100%;
				font-weight:bold;
}

.normalTbl dt  {
		color:#C10000;
	font-size:88%;
	line-height:1.6;
	font-weight:bold;
}

.normalTbl dd {
	color:#000;
	font-size:88%;
	line-height:1.6;
	margin-bottom:10px;
}

.normalTbl dd.line {
	color:#000;
	font-size:88%;
	line-height:1.6;
	margin-bottom:10px;
	border-bottom:#CCC solid 1px;
	padding-bottom:10px;
}

.ConsiderationBox p {
	font-size:88%;
	line-height:1.4;
}

.ConsiderationBox li{
	font-size:88%;
	line-height:1.4;
	margin-bottom:20px;
}

.txt p{
	font-size:88%;
	line-height:1.4;
	margin-bottom:-10px;
	}

	ul#linkList {
	padding-bottom:10px;
	}

ul#linkList li{
		font-size:88%;
	line-height:1.4;
	margin-bottom:10px;
	}

.outline dl{
	margin-bottom:20px;
	}

.outline dt{
		font-size:88%;
	line-height:1.4;
	font-weight:bold;
	}

.outline dd{
		font-size:88%;
	line-height:1.4;
	}

	.inqBox{
	margin:3% 3%;
	padding:5% 2% 5% 2%;
	background:#EEE;
	border-radius: 8px;
 -webkit-border-radius: 8px;
	}

.inqBox p{
		font-size:88%;
	line-height:1.6;
	}

	.inqBox h3{
		background: url(./img/ico01.png) no-repeat left center;
    color: #840017;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-left: 1.5em;
		font-size:88%;
	line-height:1.6;
	}

	.inqBox dt{
			font-size:88%;
	line-height:1.6;
	}

.inqBox dd{
	margin-left:1em;
			font-size:88%;
	line-height:1.6;
	}

	.secureBox{
	width:80%;
	margin:0 auto;
	border:none;
	padding:10px;
	margin-bottom:20px;
	}
	.secureBox .secureTxt{
		font-size:75%;
	line-height:1.4;
	float:right;
	width:60%;
	}

.secureBox .secureImg{
	float:left;
	width:135px;
	}

} */


/* ==========================================================================
 Reset
 ========================================================================== */
/* HTML5 display definitions
 ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

/* Resetting default margin and padding
 ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

p {
	-ms-word-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
}


/* ==========================================================================
 * Custom
 * ========================================================================== */
body {
	min-width: 0;
	background-color: #fff;
	color: #201f1f;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: #003399;
	text-decoration: underline;
}
a:link, a:visited {
	outline: 0;
}
a:hover, a:active {
	color: #003399;
	text-decoration: none;
}

.contents:before, .contents:after {
	content: " ";
	display: table;
}
.contents:after {
	clear: both;
}

.container {
	width: 100%;
	padding: 15px;
	margin: 0 auto;
}

/* ==========================================================================
 *   index
 * ========================================================================== */
.index {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

/* セクション見出し */
.section-heading {
	margin-bottom: 20px;
	padding-left: 15px;
	position: relative;
	font-weight: bold;
}

.section-heading .accent-bar {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 23px;
	background: #840017;
	border-radius: 50px;
	display: block;
}

/* 同意ボタン */
.btn-container {
	text-align: center;
	margin: 30px 0;
}

.btn-agreement {
	background: #8b1538;
	color: white;
	border: none;
	padding: 15px 50px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 20px;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(196, 30, 58, 0.3);
	transition: all 0.3s ease;
}

/* ご利用の流れ */
.flow-section {
	margin-bottom: 30px;
}

.flow-container {
	max-width: 600px;
	margin: 20px auto;
}

.flow-grid {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto 1fr;
	grid-template-rows: auto auto;
	gap: 10px 5px;
	justify-items: center;
}

/* 1行目（アイコン・矢印）: center */
.flow-grid > :nth-child(1),
.flow-grid > :nth-child(2),
.flow-grid > :nth-child(3),
.flow-grid > :nth-child(4),
.flow-grid > :nth-child(5) {
	align-self: center;
}

/* 2行目（ラベル）: baseline */
.flow-grid > .flow-label {
	align-self: baseline;
}

.flow-icon {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flow-icon-img {
	width: 80px;
	height: 80px;
}

.flow-icon:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}

.flow-icon:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}

.flow-icon:nth-child(5) {
	grid-column: 5;
	grid-row: 1;
}

.flow-arrow {
	color: #c41e3a;
	font-size: 18px;
}

.flow-arrow:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.flow-arrow:nth-child(4) {
	grid-column: 4;
	grid-row: 1;
}

.flow-label {
	text-align: center;
}

.flow-label:nth-child(6) {
	grid-column: 1;
	grid-row: 2;
}

.flow-label:nth-child(7) {
	grid-column: 3;
	grid-row: 2;
}

.flow-label:nth-child(8) {
	grid-column: 5;
	grid-row: 2;
}

.flow-label p {
	margin: 0;
	line-height: 1.3 !important;
}

/* お申込み可能な方 */
.eligibility-section {
	margin-bottom: 30px;
}

.eligibility-item {
	background: #fef3f3;
	padding: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}

.eligibility-item:last-child {
	margin-bottom: 0;
}

.eligibility-item p {
	margin: 0;
	color: #333;
	position: relative;
	padding-left: 20px;
	line-height: 1.5 !important;
}

.eligibility-item p.with-margin-bottom {
	margin-bottom: 10px;
}

.eligibility-item p:before {
	content: '\25B6\FE0E';
	position: absolute;
	left: 0;
	top: 3px;
	color: #000;
	font-size: 9px;
}

.area-list {
	margin-left: 20px;
	list-style: none;
	line-height: 1.6;
	margin-bottom: 0;
}

/* https\css\Cw\fc\base.cssに合わせる */
@media screen and (max-width: 767px) {
	.area-list li {
		font-size: 13px;
	}
}

/* 同意条項等について */
.agreement-section {
	margin-bottom: 30px;
}

.agreement-description {
	margin-left: 20px;
	line-height: 1.6 !important;
	margin-bottom: 20px;
	color: #333;
}

.agreement-links {
	margin-left: 20px;
	list-style: none;
	padding-left: 0;
}

.agreement-links li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}

/* https\css\Cw\fc\base.cssに合わせる */
@media screen and (max-width: 767px) {
	.agreement-links li {
		font-size: 13px;
	}
}

.agreement-links li:last-child {
	margin-bottom: 0;
}

.pdf-icon {
	width: 16px;
	height: 16px;
	margin-left: 8px;
}

.agreement-links li:before {
	content: "\25B6\FE0E";
	position: absolute;
	left: 0;
	top: 0.5em;
	color: #000;
	font-size: 9px;
}

/* お問い合わせ先 */
.contact-information_bt {
	margin-top: 12px;
	padding: 16px 15px 14px;
	background-color: #fef3f3;
}

/* https\css\Cw\fc\base.cssに合わせる */
@media screen and (max-width: 767px) {
	.contact-information_bt {
		font-size: 13px;
	}
}


/* ==========================================================================
 *   footer（参考：https\css\Cw\bt\style.css, https\css\Cw\bt\sp2.css）
 * ========================================================================== */
.global-footer {
	font-size: 90%;
	margin-top: 20px;
	padding: 24px 0 25px;
	background-color: #e8e8e8;
}
.global-footer .copyright {
	color: #999;
	font-size: 88%;
	text-align: center;
}
.global-footer .company-name {
	padding-right: 12px;
}