@charset "utf-8";
/* CSS Document */

body {
	line-height: 1.8em;
	letter-spacing: 0.05em;
	font-family: "Helvetica Neue", "Arial", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 200;
	letter-spacing: 0.1em;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 0px;
	margin-bottom: 0px;
}


ul {
	padding: 0px;
}

p:last-child {
	margin: 0px;
}

select {
	padding: 15px 10px;
	border: solid 1px #ccc;
	border-radius: 4px;
}
/* header
---------------------------------------------------- */
#header {
	width: 100%;
	background: #fff;
	font-family: 'Noto Serif JP', serif;
}
#header .navbar-default {
	background: #fff;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
	padding: 6px 0px;
}

#header h1 {
	width: 82px;
	height: auto;
	margin-left: 15px;
	margin-top: 0px;
}
#header h1 img {
	width: 82px;
	height: auto;
}
#header .navbar-default {
	border: none;
}

#header .navbar-default .navbar-nav>li>a {
	color: #333;
}
#header .navbar-default .navbar-nav>li>a:hover {
	color: #2ba7c4;
}


#header .navbar-brand {
	padding: 0px;
	height: auto;
}

#header .nav>li>a,
#header .nav>li>span {
	padding: 15px 25px 0;
	background: none;
}
@media (max-width: 767px) {
	#header .nav>li>a,
	#header .nav>li>span {
		padding: 15px 25px;
	}
}

#header .nav>li>a i {
	display: none;
}
/* tel用 */
.navbar-nav>li>span {
	display: block;
	position: relative;
	line-height: 20px;
	font-size: 1.6em;
}

@media (max-width: 767px) {
	#header h1 {
		width: 72px;
		height: auto;
		margin-left: 15px;
		margin-top: 4px;
	}
	#header h1 img {
		width: 72px;
		height: auto;
	}
	#header .navbar-default {
		padding: 6px 0px;
	}

	#header .nav>li a {
		background: url(../images/bg_line.gif) repeat-x left bottom;
	}
	#header .nav>li>a i {
		display: inline-block;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	#header .nav>li>a {
		padding: 17px 10px;
	}
}

/* navigation
---------------------------------------------------- */




/* footer
---------------------------------------------------- */

footer {
	padding-bottom: 70px
}




/*main
---------------------------------------------------- */
#main {
	margin-top: 67px;
	text-align: center;
	width: 100%;
}

#main .inr {
	background: #dbeaff;
}
#main .container {
	position: relative;
}

#main h2 {
	margin: 40px auto 40px;
}
#main h2 img {
	max-width: 860px;
	width: 100%;
	max-height: auto;
	margin: 0px auto;
}

#main #catch {
	font-size: 42px;
	margin-bottom: 24px;
	line-height: 1.42857143;
}
#main #catch span {
	font-size: 22px;
	display: block;
}
#main #sub {
	background: #2ba7c4;
	color: #fff;
	font-size: 19px;
	padding: 6px 50px;
	display: inline-block;
	border-radius: 32px;
    margin-bottom: 70px;

}


#main ul {
	font-family: 'Noto Serif JP', serif;
	font-weight: 200;
	text-align: center;
	width: calc(100% - 30px);
	position: absolute;
	top: 25px;
}
#main ul li {
	display: inline-block;
	width: 9.2%;
	margin: 0px 15px;
}


#main ul li img {
	width: 100%;
	height: auto;
}


@media (max-width: 767px) {
	#main {
		margin-top: 62px;
	}
	#main h2 {
		margin: 7% auto 25px;
	}
	#main ul li {
		width: calc(16% - 10px);
		margin: 0px 5px;
	}

	#main #catch {
		font-size: 6.875vw;
	}
	#main #catch span {
		font-size: 4.0625vw;
	}
	#main #sub {
		font-size: 2.8125vw;
		padding: 6px 5%;
		margin-bottom: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#main ul li {
		width: 14.8%;
	}
}
@media (min-width: 992px) {
	#main ul li {
		width: 11.1%;
	}
}

@media print {
	#main {
		margin-top: 0px;
	}
}



/* box01
---------------------------------------------------- */
#box01 {
	padding: 62px 0px 0px;
	margin-top: -62px;
}
#box01 .inr {
	background: #2ba7c4;
	padding: 60px 0px;
}

#box01 h3 {
	color: #fff;
	font-size: 48px;
	text-align: center;
}

#box01 h3 span {
	font-size: 24px;
	display: block;
	line-height: 60px;
}

#box01 .textBox {
	background: #fff;
	border-radius: 5px;
	padding: 30px;
	font-size: 17px;
	line-height: 34px;
}
#box01 .textBox strong {
	color: #2ba7c4;
}



@media (max-width: 767px) {
	#box01 h3 {
		font-size: 7.5vw;
		line-height: 11.25vw
	}
	#box01 h3 span {
		font-size: 3.75vw;
		line-height: 7.5vw;
		margin-bottom: 4vw;
	}
	#box01 .textBox {
		font-size: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#box01 h3 span {
		font-size: 3.75vw;
		line-height: 6vw;
		margin-bottom: 4vw;
	}
}

#legalValidity{ padding-top:24vw; }
@media (min-width: 767px) {
    #legalValidity{ padding-top:200px; }
}


.btnHanko{ background: #ed570d url("../images/bg_hanko_btn.png") no-repeat 5% center; background-size:14% auto ; color: #fff; text-align: center; line-height: 100%;}
.btnHanko:hover{ color: #fff; opacity: 0.8;}
.btnHanko:active{ background: #ed570d url("../images/bg_hanko_btn.png") no-repeat 5% center;background-size:14% auto ; box-shadow: none;}
.btnHanko:focus{ color: #fff;}

.noneList{ list-style: none;}

.noneList li{ margin-bottom: 50px;}

.lawOffice{font-family: 'Noto Serif JP', serif;}



/* box02
---------------------------------------------------- */
#box02 {
	width: 100%;
	background: url(../images/bg_box02.jpg) no-repeat center center;
	padding: 140px 0px 100px;
	margin-bottom: -100px;
	margin-top: -38px;
}
@media (max-width: 768px) {
	#box02 {
		width: 100%;
		background: url(../images/bg_box02.jpg) no-repeat center center;
		padding: 180px 0px 100px;
		margin-bottom: -100px;
		margin-top: -120px;
	}
}


#box02 dl {
	width: 100%;
	background: #fff;
	padding: 30px;
}
#box02 dt {
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	padding: 4.5% 0px 3.38983% 19.2%;
	height: 150px;
	display: -webkit-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
}


#box02 dd {
	padding: 3.38983% 16.94915% 0px 0px;
	background: url(../images/icon_custamer.gif) no-repeat right bottom;
	background-size: 13.55932% auto;
	display: -webkit-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	line-height: 40px;
	font-size: 20px;
}


#box02 dl:nth-of-type(1) dt {
	background: url(../images/icon_women.gif), url(../images/bg_line.gif);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left bottom;
	background-size: 15.8192% auto, 3px 1px;
}

#box02 dl:nth-of-type(2) dt {
	background: url(../images/icon_men.gif), url(../images/bg_line.gif);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left bottom;
	background-size: 15.8192% auto, 3px 1px;
}





@media (max-width: 539px) {
	#box02 dt {
		height: auto;
		min-height: 120px;
		font-size: 15px;
		line-height: 28px;
		padding: 0px 0px 3.38983% 24.2%;
	}
	#box02 dd {
		font-size: 15px;
		line-height: 28px;
		padding: 3.38983% 18.94915% 0px 0px;
		background: url(../images/icon_custamer.gif) no-repeat right bottom;
		background-size: 18.55932% auto;
		height: auto;
	}
	#box02 dl:nth-of-type(1) dt {
		background: url(../images/icon_women.gif), url(../images/bg_line.gif);
		background-repeat: no-repeat, repeat-x;
		background-position: left top, left bottom;
		background-size: 19.8192% auto, 3px 1px;
	}

	#box02 dl:nth-of-type(2) dt {
		background: url(../images/icon_men.gif), url(../images/bg_line.gif);
		background-repeat: no-repeat, repeat-x;
		background-position: left top, left bottom;
		background-size: 19.8192% auto, 3px 1px;
	}
}


@media (min-width: 540px)and (max-width: 767px) {
	#box02 dt {
		min-height: 140px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#box02 dt {
		height: 120px;
	}
}

@media (min-width: 992px) {
	#box02 dt {
		height: 150px;
	}
}


/* box03
---------------------------------------------------- */
#box03 {
	width: 100%;
	padding: 62px 0px 60px;
	margin-top: -62px;
	overflow: hidden;
}
#box03 .inr {
	background: url(../images/bg_box03.jpg);
	padding: 60px 0px;
}
@media (max-width: 767px) {
	#box03 .inr {
		background: url(../images/bg_box03.jpg);
		padding: 60px 0px;
		margin-top: -40px;
	}
}
#box03 dl {
	width: 100%;
	color: #fff;
	text-align: center;
}
#box03 div:nth-of-type(1) dl {
	background: url(../images/filter.png), url(../images/img01.jpg);
	background-position: repeat, no-repeat;
	background-position: 0px 0px, 0px 0px;
	background-size: 32px 32px, 100% auto;
}
#box03 div:nth-of-type(2) dl {
	background: url(../images/filter.png), url(../images/img02.jpg);
	background-position: repeat, no-repeat;
	background-position: 0px 0px, 0px 0px;
	background-size: 32px 32px, 100% auto;
}
#box03 div:nth-of-type(3) dl {
	background: url(../images/filter.png), url(../images/img03.jpg);
	background-position: repeat, no-repeat;
	background-position: 0px 0px, 0px 0px;
	background-size: 32px 32px, 100% auto;
}
#box03 div:nth-of-type(4) dl {
	background: url(../images/filter.png), url(../images/img04.jpg);
	background-position: repeat, no-repeat;
	background-position: 0px 0px, 0px 0px;
	background-size: 32px 32px, 100% auto;
}

#box03 dt {
	height: 190px;
	padding: 0px;
	font-family: 'Amiri', 'Noto Serif JP', serif;
	font-weight: 200;
	font-size: 29px;
	position: relative
}
#box03 dt:before {
	position: absolute;
	content: "";
	width: 70%;
	height: 1px;
	background: #fff;
	bottom: 0px;
	left: 15%;
}

#box03 dt span {
	font-size: 23px;
	display: inline-block;
	margin: 80px auto 25px;
	padding: 0px 24px;
	background: rgba(0, 0, 0, 0.7);
}

#box03 dd {
	height: 160px;
	padding: 30px;
	text-align: left;
}

@media (max-width: 767px) {
	#box03 dt {
		height: auto;
		font-size: 5.625vw;
	}
	#box03 dt {
		padding: 30px 0px 30px
	}
	#box03 dt span {
		font-size: 21px;
		display: inline-block;
		margin: 30px 0px 25px;
		font-size: 3.125vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#box03 dt {
		height: 240px;
	}
	#box03 dd {
		height: 180px;
	}
}


/* box04
---------------------------------------------------- */
#box04 {
	padding: 60px 0px 60px;
	margin-top: -60px;
}
#box04 fieldset {
	padding: 30px 45px;
	border: solid 3px #2ba7c4;
	border-radius: 8px;
}
#box04 legend {
	border: none;
	display: inline-block;
	width: auto;
	margin-bottom: 0px;
	padding: 0px 16px;
	font-size: 30px;
	color: #216eb6;
}
#box04 dt {
	text-align: center;
}
#box04 dt img {
	width: 200px;
	height: auto;
	margin: 0px auto;
}
#box04 dt span {
	background: #2ba7c4;
	color: #fff;
	font-weight: 200;
	font-size: 18px;
	font-family: 'Amiri', 'Noto Serif JP', serif;
	padding: 0px 24px;
	display: inline-block;
}

#box04 dd strong {
	display: block;
	margin-bottom: 8px;
}

@media (max-width: 767px) {
	#box04 fieldset {
		padding: 15px 15px;
	}
	#box04 dl {
		margin-bottom: 50px;
	}
	#box04 dt img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#box04 legend {
		font-size: 5.625vw;
	}
}

/* box05
---------------------------------------------------- */
#box05 {
	padding: 60px 0px 60px;
	overflow: hidden;
}
#box05 h4 {
	border-left: solid 4px #216eb6;
	font-size: 28px;
	line-height: 1.45em;
	padding: 0px 0px 0px 16px;
	font-family: 'Noto Serif JP', serif;
}
#box05 blockquote {
	background: #f6f6f6;
	padding: 15px;
	border: none;
	font-size: 13px;
}
#box05 blockquote h5 {
	color: #216eb6;
	font-size: 18px;
}

@media (max-width: 767px) {
	#box05 h4 {
		font-size: 5vw;
	}
}

/* box06
---------------------------------------------------- */
#box06 {
	padding: 60px 0px 30px;
	background: url(../images/bg_box07.jpg) no-repeat center center;
	color: #fff;
}

#box06 h3 {}
#box06 h3.title:before {
	background: #fff;
}

#box06 dl {
	min-height: 120px;
}
#box06 dl:nth-of-type(1) {
	background: url(../images/icon06.png) no-repeat right top;
	background-size: auto 110px;
}
#box06 dl:nth-of-type(2) {
	background: url(../images/icon07.png) no-repeat right top;
	background-size: auto 110px;
}

#box06 dt {
	background: #216eb6;
	color: #fff;
	font-size: 24px;
	line-height: 100%;
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
	font-weight: 200;
	display: inline-block;
	padding: 4px 16px;
}
#box06 dt span {
	-webkit-transform: skew(30deg, 0deg);
	transform: skew(30deg, 0deg);
	display: inline-block;
	font-size: 24px;
}

#box06 dd {
	font-size: 24px;
}

@media (max-width: 767px) {
	#box06 dt {
		padding: 4px 16px;
	}
	#box06 dt span {
		font-size: 5vw;
		line-height: 5vw;
	}
	#box06 dd {
		font-size: 4.375vw;
	}

}




/* box07-case
---------------------------------------------------- */

#box07 {
	padding: 132px 0px 0px;
	margin-top: -72px;
}

.tac {
	text-align: center;
}
.xs-mb40 {
	margin-bottom: 40px;
}

.xs-mb20 {
	margin-bottom: 20px;
}

@media (min-width: 768px),
print {
	.xs-mb20 {
		margin-bottom: 0px;
	}
	.xs-mb40 {
		margin-bottom: 0px;
	}
}

.pb0{ padding-bottom: 0px !important;}


.case-img-h {
	margin-bottom: 12px;
}

.case-img-h img {
	width: 70%;
}

@media (min-width: 768px),
print {
	.case-img-h img {
		width: 100%;
	}
}

@media (min-width: 992px),
print {
	.case-img-h img {
		width: 250px;
	}
}


.case-dl dt {
	font-size: 24px;
	font-weight: normal;
}

.case-dl .dd1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
}

.case-dl .dd2 {
	font-size: 13px;
	line-height: 24px;
	padding: 0 10px;
}



@media (min-width: 768px),
print {
	.case-1set-1 {
		position: absolute;
		top: -150px;
	}
}



@media (min-width: 768px),
print {
	.case-1set-4 {
		margin-top: -120px;
	}
}

@media (min-width:992px),
print {
	.case-1set-4 {
		margin-top: -90px;
	}
}

.case-sub-p {
	font-size: 12px;
}

.case-table {
	width: 100%;
	margin-bottom: 7px;
	font-size: 12px;
}

@media (min-width: 768px),
print {
	.case-table {
		font-size: 18px;
	}
}

.case-table th {
	width: 45%;
	font-weight: normal;
	padding: 2px 0 2px 15px;
	border: solid 1px #ccc;
}

.case-table td {
	width: 55%;
	border: solid 1px #ccc;
	padding: 2px 0 2px 15px;
}

@media (min-width: 768px),
print {
	.case-table th {
		width: 33%;
	}

	.case-table td {
		width: 67%;
	}
}

.case-table thead {
	background-color: #eef4f9;
}

.case-table tbody tr:nth-child(2n) {
	background-color: #f7f7f7;
}

/* box08-fee
---------------------------------------------------- */
#box08 {
	padding: 62px 0px 0px;
}
#box08 .inr {
	background-color: #eaecec;
	padding: 60px 0px;
}
.fee-text1 {
	color: #d33c3c;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 22px;
	margin-top: 10px;
}

@media (min-width: 768px),
print {
	.fee-text1 {
		margin-top: 0px;
		font-size: 24px;
	}
}

.fee-text2-box {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

@media (min-width: 768px),
print {
	.fee-text2-box {
		width: 400px;
		text-align: left;
		margin: 0 auto 30px auto;
	}
}

.fee-text2 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0px;
}

.fee-text3-box {
	font-family: 'Amiri', 'Noto Serif JP', serif;
	font-size: 18px;
	text-align: center;
	background: url(../images/bg_box09.gif) no-repeat top center;
	color: #fff;
	padding: 23px 0 18px 0;
}

@media (min-width: 768px),
print {
	.fee-text3-box {
		font-size: 20px;
	}
}

@media (min-width: 992px),
print {
	.fee-text3-box {
		font-size: 30px;
	}
}

.fee-text4 {
	font-size: 12px;
}

/* box09-faq
---------------------------------------------------- */
#box09 {
	padding: 132px 0px 0px;
	margin-top: -62px;
}

.faq-dl {
	margin-bottom: 35px;
}

.faq-dl dt {
	padding-left: 35px;
	font-family: 'Amiri', 'Noto Serif JP', serif;
	font-size: 17px;
	font-weight: normal;
	border-bottom: 1px dotted #333;
	padding-bottom: 13px;
	margin-bottom: 15px;
	position: relative;
}

.faq-dl dt::before {
	position: absolute;
	content: "Q.";
	left: 0px;
	top: -8px;
	font-size: 28px;
	color: #216eb6;
	padding-right: 10px;
}


.faq-dl dd {
	padding-left: 35px;
	padding-right: 20px;
	position: relative;
	font-size: 12px;
	line-height: 24px;
}

.faq-dl dd::before {
	position: absolute;
	content: "A.";
	left: 0px;
	top: 5px;
	font-family: 'Amiri', 'Noto Serif JP', serif;
	font-size: 28px;
	color: #c84b4b;
}

@media (min-width: 768px),
print {

	.faq-dl dt {
		font-size: 17px;
	}

	.faq-dl dd {
		padding-left: 80px;
		font-size: 14px;
		line-height: 30px;
	}

	.faq-dl dd::before {
		left: 34px;
	}
}

/* box10-contact
---------------------------------------------------- */
#box10 {
	padding: 62px 0px 60px;
	margin-top: -62px;
}

.form-bg {
	padding: 70px 15px;
	background-color: #f6f6f6;
}

@media (min-width: 768px),
print {
	.form-bg {
		padding: 70px 30px 50px 30px;
	}
}

.common-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.common-table th {
	display: block;
	width: 100%;
	color: #333;
	padding: 8px 12px 0px 15px;
	font-size: 14px;
	text-align: left;
}
.common-table th span {
	background: #b62121;
	color: #fff;
	font-size: 10px;
	line-height: 100%;
	display: block;
	padding: 2px 4px;
	float: right;
	margin-top: 6px;
}
.common-table th span:after {
	content: "";
	clear: both;
	display: block;
}

@media (min-width: 768px),
print {
	.common-table th {
		background-color: transparent;
		color: #333;
		border: 0px solid #a0a0a0;
		display: table-cell;
		width: 25%;
		padding: 12px 12px 10px 12px;
	}
}

@media (min-width: 992px),
print {
	.common-table th {
		width: 18%;
		font-size: 14px;
		padding: 12px 12px 10px 20px;
	}
}

.common-table td {
	display: block;
	width: 100%;
	padding: 8px 12px;
}

@media (min-width: 768px),
print {
	.common-table td {
		border: 0px solid #a0a0a0;
		display: table-cell;
		width: 75%;
		padding: 12px 12px 10px 20px;
	}
}

@media (min-width: 768px),
print {
	.common-table td {
		width: 84%;
	}
}

.common-table td.normal-input input,
.common-table td textarea {
	width: 100%;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.common-table td.normal-input input {
	height: 50px;
}

input::-webkit-input-placeholder {
	color: #c1c1c1;
}

input:-ms-input-placeholder {
	color: #c1c1c1;
}

input::placeholder {
	color: #c1c1c1;
}

input:-ms-input-placeholder {
	color: #c1c1c1;
}

input::-ms-input-placeholder {
	color: #c1c1c1;
}

.submit-btn01 {
	display: inline-block;
	background: #216eb6;
	color: #fff;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
	padding: 8px 10px;
	width: 80%;
	border: none;
	border-radius: 4px;
	margin-bottom: 5px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.submit-btn01:hover {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	background: #2ba7c4;
}

@media (min-width: 768px),
print {

	.submit-btn01 {
		width: 360px;
	}
}

.btn-text {
	font-size: 16px;
	margin-bottom: 30px;
}

.cp-area {
	font-size: 12px;
	color: #fff;
	background-color: #191919;
	padding: 8px 0;
}


#sideMenu {
	position: fixed;
	top: 100px;
	right: 0px;
}

@media (max-width: 767px) {
	#sideMenu {
		width: 20px;
		height: auto;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#sideMenu {
		width: 30px;
		height: auto;
	}
}

#mailBtn {
	width: 44px;
	height: 34px;
	background: #216eb6;
	color: #fff;
	font-size: 24px;
	float: right;
	text-align: center;
	margin: 8px 8px 0px 0px;
	padding-top: 2px;
	border-radius: 4px;
}
#mailBtn a {
	color: #fff;
}

/* テーブル
---------------------------------------------------- */
.table_float {
	width: 100%;
	margin-bottom: 10px;
}
.table_float th {
	width: 100%;
	padding: 5px 15px;
	font-weight: bold;
	border: solid 1px #ccc;
	line-height: 140%;
	display: block;
	background: #eaeaea;
}
.table_float td {
	width: 100%;
	padding: 5px 15px;
	border: solid 1px #ccc;
	line-height: 140%;
	display: block
}


@media (min-width: 768px) {
	.table_float table {
		width: 100%;
		display: table;
	}
	.table_float th {
		width: 30%;
		padding: 5px 15px;
		font-weight: bold;
		border: solid 1px #ccc;
		line-height: 140%;
		display: table-cell
	}
	.table_float td {
		padding: 5px 15px;
		border: solid 1px #ccc;
		line-height: 140%;
		display: table-cell
	}

}


/* お問い合わせ
---------------------------------------------------- */

#contactBox .form-group .need:first-letter {
	background: url(../images/icon_need.png) no-repeat left 2px;
	padding-left: 36px;
}
#contactBox .control-label {
	text-align: left;
}
#contactBox .control-label span {
	font-size: 70%;
	color: #999;
	font-weight: normal;
}
.agreeBox {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}
.privacyBox {
	height: 250px;
	overflow: auto;
	overflow-y: scroll;
	font-size: 90%;
	line-height: normal;
	padding: 0px 10px;
	border: solid 1px #ccc;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 2px #999 inset;
	box-shadow: 0px 1px 2px #999 inset;
}
.privacyBox h4 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: #CCC solid 1px;
	margin-bottom: 10px;
}
.privacyBox p {
	margin-bottom: 1em
}
.privacyBox ul {
	margin-bottom: 1em;
	margin-left: 10px
}
.privacyBox ol {
	margin-bottom: 1em;
	margin-left: 0px;
	padding: 0px;
}

.privacyBox li {
	list-style: decimal outside;
	margin-left: 2em;
	margin-bottom: 5px
}

@media (min-width: 768px) {
	.privacyBox ul {
		margin-bottom: 1em;
		margin-left: 20px
	}

}

.accordion {
	width: 100%;
}
.accordion dt {
	cursor: pointer;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: calc(50% + 100px) center;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 15px;
	font-size: 13px;
	text-align: center;
}
.accordion dd {
	display: none;
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	padding: 15px;
}
.accordion dd h4 {
	font-size: 14px;
	margin-bottom: 5px;
}


.accordion dt.active {
	background-image: url(../images/minus.gif);
}
.accordion dt.over {
	opacity: 0.8;
}


/* title
---------------------------------------------------- */
.title {
	font-size: 48px;
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}
.title span {
	font-size: 18px;
	display: block;
	color: #216eb6;
	margin-top: 18px;
}

.title:before {
	content: "";
	width: 180px;
	height: 1px;
	background: #333;
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -90px;
}

@media (max-width: 767px) {
	.title {
		font-size: 7.5vw;
	}
	.title span {
		font-size: 3.125vw;
	}
}

.ComputerTitleH4 {
	font-size: 28px;
	position: relative;
	margin-bottom: 10px;
}
.ComputerSubTitle {
	font-size: 22px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #333;
}
.ComputerConts {
	font-size: 18px;
}


@media (max-width: 767px) {
	.ComputerTitleH4 {
		font-size: 6.5vw;
	}
	.ComputerSubTitle {
		font-size: 5vw;
	}
	.ComputerConts {
		font-size: 4.5vw;
	}
}


/* Component
---------------------------------------------------- */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}


.red {
	color: #F00
}
.blue {
	color: #2ba7c4
}
.orange {
	color: #ed570d
}
.large {
	font-size: 18px;
}

@media (max-width: 767px) {
	.large {
		font-size: 4vw;
		line-height: 7vw
	}
}

.btnHover a:hover img {
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.70;
	opacity: 0.70;
}


hr {
	height: 1px;
	border: none;
	border-top: 1px #000000 dashed;
	margin: 40px 0px;
}



.w25p {
	width: 25%;
}

.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 5px !important;
}
.mb15 {
	margin-bottom: 7.5px !important;
}

.mb20 {
	margin-bottom: 10px !important;
}
.mb30 {
	margin-bottom: 15px !important;
}
.mb40 {
	margin-bottom: 20px !important;
}
.mb50 {
	margin-bottom: 25px !important;
}
.mb60 {
	margin-bottom: 30px !important;
}
.mb70 {
	margin-bottom: 35px !important;
}
.mb80 {
	margin-bottom: 40px !important;
}
.mb90 {
	margin-bottom: 45px !important;
}
.mb100 {
	margin-bottom: 50px !important;
}

@media (min-width: 768px) {

	.mb10 {
		margin-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px !important;
	}

	.mb20 {
		margin-bottom: 20px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}
	.mb50 {
		margin-bottom: 50px !important;
	}
	.mb60 {
		margin-bottom: 60px !important;
	}
	.mb70 {
		margin-bottom: 70px !important;
	}
	.mb80 {
		margin-bottom: 80px !important;
	}
	.mb90 {
		margin-bottom: 90px !important;
	}
	.mb100 {
		margin-bottom: 100px !important;
	}
}


.mt50 {
	margin-top: 25px !important;
}

@media (min-width: 768px) {
   .mt50 {
	margin-top: 50px !important;
}
 
}

/* add */
.tel {
	color: #fefefe;
	background: #ED570D;
	padding: 62px 0px 60px;
	margin-top: -62px;
	overflow: hidden;
}
.tel a{ color: #fff;}
.tel.tel2 {
	margin-top: 0;
	position: relative;
}
.tel h3 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 30px;
}
.tel h3 span {
	font-size: 21px;
}
.tel dl {
	width: 100%;
	text-align: center;
	margin-bottom: 0
}
.tel dl dt {
	font-size: 21px;
	margin-bottom: 20px
}
.tel dl dd {
	font-size: 21px;
}
.tel dl dd span {
	font-size: 36px;
}

.tel_contact_text {
	text-align: center;
	font-size: 28px;
	margin-bottom: 30px;
}
.tel_contact_text span {
	font-size: 21px;
}
dl.tel_box {
	width: 100%;
	text-align: center;
}
dl.tel_box dt {
	font-size: 21px;
	margin-bottom: 20px
}
dl.tel_box dd {
	font-size: 21px;
}
dl.tel_box dd span {
	font-size: 36px;
}
@media (max-width: 768px) {
	.tel h3 {
		font-size: 18px;
	}
	.tel h3 span {
		font-size: 12px;
	}
	.tel dl dt {
		font-size: 21px;
	}
	.tel dl dd {
		font-size: 21px;
	}
	.tel dl dd span {
		font-size: 36px;
	}

	.tel_contact_text {
		text-align: center;
		font-size: 18px;
		margin-top: 15px;
	}
	.tel_contact_text span {
		font-size: 12px;
	}
	dl.tel_box dt {
		font-size: 21px;
	}
	dl.tel_box dd {
		font-size: 21px;
	}
	dl.tel_box dd span {
		font-size: 36px;
	}
}
#bottom_contact {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #666;
	width: 100%;
	height: 65px;
	padding: 20px;
	text-align: center;
	color: #fff;
}
#bottom_contact a {
	color: #fff;
	display: block;
	text-decoration: none;
}
#bottom_contact .h1 {
	font-size: 2em;
}
@media (max-width: 1024px) {
	#bottom_contact {
		height: 55px;
	}

	#bottom_contact .h1 {
		font-size: 1.4em;
	}
}
@media (max-width: 767px) {
	#bottom_contact {
		height: 60px;
	}
	#bottom_contact .h1 {
		font-size: 0.9em;
	}
}

.fon16 {
	font-size: 16px;
}
.txt-blue {
	color: #1b6fb7;
}
.txt-orange {
	color: #dd6e3f;
}



.pr {
	position: relative;
}

.pc-req {
	position: absolute;
	top: 12%;
	left: -62px;
	background: #b62121;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 100%;
	display: none;
	padding: 2px 4px;
	margin-top: 6px;
}

@media (min-width: 768px) {
	.pc-req {
		display: block;
	}
}


.sp-req {
	display: none;
}
@media (max-width: 767px) {
	.sp-req {
		display: block;
		background: #b62121;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		line-height: 100%;
		display: block;
		padding: 2px 4px;
		float: right;
		margin: 0 auto 6px;
	}
}
/*20191111*/
.box02-subtxt {
	margin-top: 30px;
}
.box02-subtxt i {}
.box02-subtxt h3 {
	display: inline-block;
	color: #1b6fb7;
	margin-bottom: 5px;
	font-weight: bold;
}
@media (max-width: 767px) {
	.box02-subtxt h3 {
		font-size: 18px;
	}
}
.box02-subtxt p {
	line-height: 2;
}

#box11 {
	padding: 62px 0px 0px;
}
#box11 .inr {
	background-color: #f3f8ff !important;
	padding: 60px 0px;
	margin-bottom: -62px;
}


.mt10 {
	margin-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
@media (min-width: 768px) {
	.sm-fs18 {
		font-size: 18px !important;
	}
}
.kinou i {
	color: #216eb6;
}
.kinou h4 {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}
.kinou div {
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.kinou div {
		margin-bottom: 10px;
	}
}
.kinou div div {
	background: #fff;
	padding: 30px 25px;
	border: solid 1px #eee;
	border-radius: 4px;
}

@media (min-width: 768px) {
	.pcmb20 {
		margin-bottom: 20px !important;
	}
}

.txt-1 {
	font-size: 0.5em;
	float: right;
}
.txt-2 {
	font-size: 0.5em;
}

.stripe-1 {
	position: relative;
	padding: 0.3em;
	display: inline-block !important;
	font-size: 4rem !important;
	font-weight: bold;
}
.stripe-1:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: repeating-linear-gradient(-45deg, #2ba7c4, #2ba7c4 2px, #8effa1 2px, #8effa1 4px);
}
@media (max-width: 767px) {
	.stripe-1 {
		font-size: 2rem !important;
	}
}

.mt60 {
	margin-top: 60px;
}

.fs18{ font-size: 3.6vw;}
.fs24 {font-size: 4.8vw;}
.fs28 {
	font-size: 14px;
	line-height: 24px;
}

.fs32 {font-size: 6.4vw;}

.fs36 {font-size: 7.2vw;}


.fs48 {
	font-size: 24px;
}

@media (min-width: 767px) {
.fs18{ font-size: 18px;}
 .fs24 {font-size: 24px;}   
	.fs28 {
		font-size: 28px;
		line-height: 48px;
	}
    .fs32 {
	font-size: 32px;
}
    
    .fs36 {
	font-size: 36px;
}
    

	.fs48 {
		font-size: 48px;
	}
}
/*20191217*/
@media (min-width: 1200px) {
	.pl-xl-1 {
		padding-left: 175px;
	}
	.pr-xl-1 {
		padding-right: 175px;
	}
}

.mb60-xs-20 {
	margin-bottom: 60px;
}
@media (max-width: 767px) {
	.mb60-xs-20 {
		margin-bottom: 20px;
	}
}

.xs-mb30 {
	margin-bottom: 0 !important;
}
@media (max-width: 991px) {
	.xs-mb30 {
		margin-bottom: 30px !important;
	}
}

@media (max-width: 767px) {
	.flexBoxReverse {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/*初回訪問ページ*/

#FT-main {
	width: 100%;
	background: url(../images/first-time-_main_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}

#box03.first-Time {
	margin-top: -20px;
	margin-bottom: 0px;
	padding-top: 60px;
	padding-bottom: 0px;
}

@media (min-width: 768px) {
	#box03.first-Time {
		margin-top: 0px;
		padding-top: 0px;
	}

}
.cont {
	padding: 60px 0px;
}

#FT-footer {
	padding-bottom: 0px;
}

.blueBG {
	padding: 60px 0px;
	width: 100%;
	background: #216eb6;
	color: #fff;
}

/*乗り換えページ*/
#TS-main {
	width: 100%;
	background: url(../images/transfer-main_bg.jpg) top center no-repeat;
	background-size: auto 100%;
}


#box10.LP {
	padding-bottom: 0px;
}


#header-s {
	background: url(../images/header-s_bg.jpg)top center no-repeat;
	background-size: auto 100%;
	padding: 15px 0px;
}