@charset "UTF-8";
/* home / it , contact , tonya */

/* template */
.catch-ttl-box{
	text-align: center;
	position: relative;
	top:0;
	left:0;
	font-size: 16px; /* font size fix */
	margin-bottom: 40px;
}

.catch-ttl-box img{
	width:100%;
	max-width: auto;
}

.catch-ttl-box .h1-box{
	position: absolute;
	top:40%;
	left:0;
	text-align: left;
	color:#ffffff;
	width:100%;
	height: 50%;
	line-height: 1;
}

.catch-ttl-box .h1-box h1{
	font-size: 400.00%; /* 64px */
}

@media screen and (min-width: 768px) and (max-width: 960px) { /* tab */
	div.catch-ttl-box .h1-box h1{
		font-size: 7vw;
	}
}

@media screen and (max-width: 767px) { /* sp */
	div.catch-ttl-box .h1-box h1{
		font-size: 7vw;
	}
}

/* it ==== */
.it .sec ul{
	margin-left: 1.3em;
}
.it .sec ul.imgstyle{
	list-style-image: url('../img/liststyle_check.png')
}

.it .sec .indent-ico{
	margin-left: 0.5em;
	text-indent: -0.5em;
}
.it .sec .indent-ico:before{
	content:"●";
	color:#1752d8;
}

.it .sec .contact-info-box{
	padding-top: 40px;
	border-top: 1px solid #1752d8;
}

.it .sec .contact-info-box .inner{
	max-width: 28em;
	margin:0 auto ;
}

/* contact ==== */
.contact .border-top{
	border-top:2px dotted #414141;
	padding-top: 24px;
}

.contact .contact-info-box{
	margin:0 auto;
	max-width: 28em;
}

/* tonya ==== */
.tonya .border-top{
	padding-top: 40px;
	border-top: 1px solid #1752d8;
}
.tonya .contact-info-box{
	margin:0 auto;
	max-width: 17em;
}

/* privacy ==== */
.privacy .catch-ttl-box .h1-box{
	top:32%;
	line-height: 1.2;
}

.privacy .catch-ttl-box .h1-box h1 span{
	font-size: inherit;
}

@media screen and (min-width: 768px) and (max-width: 960px) { /* tab */
	div.privacy .catch-ttl-box .h1-box{
		top:26%;
	}
}

@media screen and (max-width: 767px) { /* sp */
	div.privacy .catch-ttl-box .h1-box{
		top:26%;
	}
}

.privacy .border-top-blue{
	padding-top: 40px;
	border-top: 1px solid #1752d8;
}

.privacy .border-top-dotted{
	border-top:2px dotted #414141;
	padding-top: 24px;
}

.privacy ol{
	counter-reset:number;
	list-style:none;
	margin:0;
	padding:0;
}
.privacy ol li{
	margin-left: 1em;
	text-indent: -1em;
}

.privacy ol li:before{
	counter-increment: number;
	content: counter(number)".";
	color:#1752d8;
	margin-right: .15em;
	font-weight: bold;
}

.privacy .ttl{
	color:#1752d8;
	font-weight: bold;
}

.privacy .privacy-mark-box{
	overflow: hidden;
}

.privacy .privacy-mark-box .img-box{
	float:left;
	margin-right: 1em;
}

.privacy .privacy-mark-box .txt-box{
	overflow: hidden;
}

.privacy .sec .indent-ico{
	margin-left: 1em;
	text-indent: -1em;
}
.privacy .sec .indent-ico:before{
	content:"● ";
	color:#1752d8;
}

/* security ==== */
.security .pc-ml1em{
	margin-left: 1em;
}

@media screen and (max-width: 767px) { /* sp */
	div.security .pc-ml1em{
		margin-left: 0;
	}
}

.security .sec .ttl{
	font-weight: bold;
	color:#1752d8;
}

/* ing form ==== */
.ingform .indent-ico{
	margin-left: 0.5em;
	text-indent: -0.5em;
}
.ingform .indent-ico:before{
	content:"●";
	color:#1752d8;
}

.ingform .ml05em{
	margin-left: 0.5em;
}

.ingform .border-top{
	border-top:2px dotted #414141;
	padding-top: 24px;
}

.ingform .must{
	color:#e60000;
}

.ingform .form-box {
	max-width: 700px;
	margin: 0 auto 40px;
}

.ingform .form-box .table {
	width:100%;
	margin-bottom: 8px;
}
.ingform .form-box .table .th{
	display: table-cell;
	width:10em;
	vertical-align: top;
}

.ingform .form-box .table input,
.ingform .form-box .table textarea{
	font-size: 1em;
	padding: 4px;
	width:100%;
	border:1px solid #1752d8;
}


@media screen and (max-width: 767px) { /* sp */
	div.ingform .form-box .table{
		display: block;
	}
	div.ingform .form-box .table .th{
		display: block;
	}
	
	div.ingform .form-box .table .td{
		display: block;
	}
}