@charset "utf-8";
/* ------------------------------------------------------------ common */

@font-face {
font-family: 'Josefin';
src: url('../fonts/GaramondPremrPro-It.eot');
src:
url('../fonts/JosefinSans-Bold.eot') format('embedded-opentype'),
url('../fonts/JosefinSans-Bold.woff') format('woff'),
url('../fonts/JosefinSans-Bold.woff2') format('woff'),
url('../fonts/JosefinSans-Bold.otf') format('truetype'),
url('../fonts/JosefinSans-Bold.svg') format('svg');
}

/* ------------------------------------------------------------ fv */
/* ------------------------------------------------------------ fv */


#fv { background: url(../images/index/fv.jpg) center center no-repeat; background-size: cover; position: relative; padding: 45px 0 0; }
#fv .right { float: right; padding: 170px 0 40px; position: relative; z-index: 2; }
#fv .right h3 { font-size: 22px; color: #fff; background: url(../images/index/b_flag.png) center center no-repeat; padding: 4px 30px; }
#fv .right h4 { font-size: 18px; font-weight: bold; padding: 20px 0 10px; }
#fv .right .inner-box { width: 525px; margin: 0 0 0 auto; background: #fff; border-left: 1px solid #0e5d9e; border-right: 1px solid #0e5d9e; border-bottom: 1px solid #0e5d9e; padding: 25px; box-sizing: border-box; }
#fv .right table {  }
#fv .right table tr {  }
#fv .right table tr th { width: 160px; font-size: 16px; font-weight: bold; text-align: left; }
#fv .right table tr th small { font-size: 12px; display: block; line-height: 100%; }
#fv .right table tr td { width: 300px; font-size: 12px; padding: 1px 0; font-weight: bold; }
#fv .right table tr td span { color: #de0c0c; padding: 5px 0 0; }
#fv .right table tr td select { background: #f9f9f9; border: none; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; }
#fv .right table tr td select option {  }
#fv .right table tr td input[type="text"] { border: none; border-radius: 5px; -webkit-border-radius: 5px; background: #f9f9f9; padding: 5px 10px; }
#fv .right table tr td select,input[type="text"] { width: 250px; float: right; box-sizing: border-box; }
#fv .right .btn { padding: 20px 0 0; }
#fv .right .btn input[type=submit] { background: url(../images/common/check.png) center center no-repeat; border: none; height: 65px; width: 350px; font-size: 0; }
#fv .fv_text { position: absolute; margin: 0 auto 0 -20px; display: block; }
#fv img.fv_text_sp { display: none; }

/* ------------------------------------------------------------ blocks */

#blocks h3 { font-size: 38px; background: #0e5d9e; color: #fff; text-align: center; padding: 10px 0; font-weight: bold; }
#blocks h3 span { font-size: 48px; color: #edeb3b; font-weight: bold; }
#blocks h3.big { font-size: 48px; }
/* ------------------------------------------------------------ block_01 */
.block_01 { background: #eee; }
.block_01 ul { background: #fff; width: 780px; margin: 100px 0 0; box-sizing: border-box; padding: 25px; }
.block_01 ul li { font-size: 18px; padding: 10px 0 10px 45px; background: url(../images/index/check_01.png) left center no-repeat; }
.block_01 ul li span { font-weight: bold; }
.block_01 img.woman { position: absolute; bottom: 0; right: -80px; }
.block_01 .inner {  position: relative; padding: 0 0 120px; }

/* ------------------------------------------------------------ block_02 */

.block_02 { padding: 0 0 110px; }
.block_02 ul { padding: 100px 0 0; }
.block_02 ul li { float: left; width: 351px; margin: 0 auto 0 20px; }
.block_02 ul li:first-child { margin: 0 auto; }
.block_02 ul li h4 { font-size: 20px; font-weight: bold; padding: 0 0 20px; }
.block_02 ul li h4 span { padding: 0 10px 0 0; }
.block_02 ul li img {  }
.block_02 ul li p { font-size: 16px; padding: 20px; box-sizing: border-box; font-weight: bold; }


/* ------------------------------------------------------------ block_03 */

.block_03 { background: #eee; padding: 0 0 120px; }
.block_03 .outer-box { background: url(../images/index/image_01.jpg) center center no-repeat; padding: 300px 0 0; }
.block_03 .inner-box { background: #fff; width: 1000px; margin: 0 auto; text-align: center; padding: 50px 50px 60px; box-sizing: border-box; }
.block_03 .inner-box img {  }
.block_03 .inner-box p { font-size: 16px; font-weight: bold; text-align: left; padding:  30px 0 0; }


/* ------------------------------------------------------------ block_04 */

.block_04 { background: #eeeeee; padding: 0 0 125px; }
.block_04 .inner { width: 1000px; }
.block_04 ul { margin: 0 auto 0 -15px; padding: 65px 0 0; }
.block_04 ul li { float: left; margin: 15px; background: #fff; padding: 20px; box-sizing: border-box; }
.block_04 ul li img { margin-bottom: 10px; }
.block_04 ul li p.title { font-size: 14px;  margin: 0 0 5px;}
.block_04 ul li p.maker { font-size: 14px; margin: 0 0 5px; }
.block_04 ul li p.year { font-size: 14px; }
.block_04 ul li p.title span,
.block_04 ul li p.maker span,
.block_04 ul li p.year span { background: #dae2e8; width: 6em; display: inline-block; *display: inline; *zoom: 1; text-align: center; margin: 0 10px 0 0;font-size: 14px;}

.block_04 ul li p.price{
	text-align: center;
	font-size: 16px;
	color: #e22a1c;
	margin-bottom: 10px;
	font-weight: bold;
}

.block_04 ul li p.price span{
	font-weight: bold;
}

.block_04 ul li p.price strong{
	font-weight: bold;
	font-size: 1.7em;
}
.block_04 ul li p.price strong span{
	font-size: 16px;
}
/* ------------------------------------------------------------ block_05 */

.block_05 { background: #eee; padding: 0 0 120px; }
.block_05 ul { padding: 80px 0 0; }
.block_05 ul li { padding: 50px 0 0; }
.block_05 ul li:first-child { padding: 0; }
.block_05 ul li .left { float: left; width: 300px; }
.block_05 ul li .left img {  }
.block_05 ul li .right { float: right; width: 800px; padding: 20px 0 0 45px; box-sizing: border-box; }
.block_05 ul li .right h4 { font-size: 19px; color: #0e5d9e; padding: 0 0 15px; font-weight: bold; }
.block_05 ul li .right p { font-size: 16px; font-weight: bold; }

/* ------------------------------------------------------------ block_06 */

.block_06 { background: #eee; padding: 0 0 100px; }
.block_06 ul { background: #fff; padding: 0 40px 40px; margin: 80px 0 0; }
.block_06 ul li { padding: 40px 0; background: url(../images/index/b_arrow.png) center top no-repeat; }
.block_06 ul li:first-child { background: no-repeat; }
.block_06 ul li .left { float: left; padding: 0 28px 0 0; }
.block_06 ul li .left img {  }
.block_06 ul li .right { float: left; }
.block_06 ul li .right h5 { font-size: 20px; color: #0064b6; }
.block_06 ul li .right h4 { font-size: 24px; padding: 0 0 10px; font-weight: bold; }
.block_06 ul li .right p { font-size: 16px; }
.block_06 ul li .right div span { color: #0e5d9e; padding: 15px 0 10px; display: block; font-size: 16px; font-weight: bold; }
.block_06 ul li .right div table { }
.block_06 ul li .right div table tr {  }
.block_06 ul li .right div table tr td { font-size: 12px; padding: 0 0 0 20px; font-weight: bold; }

/* ------------------------------------------------------------ block_06 */

.block_07 { background: #eee; padding: 0 0 100px; }
.block_07 .inner { width: 1000px; }
.block_07 dl { background: #fff; margin: 7px 0; padding: 35px 40px; }
.block_07 dl.first { margin: 80px 0 0; }
.block_07 dl dt { background: url(../images/index/q.png) left top no-repeat; font-size: 24px; font-weight: bold; padding: 10px 0 10px 120px; line-height: 150%; margin: 0 0 20px; }
.block_07 dl dd { background: url(../images/index/a.png) left top no-repeat; font-size: 24px; font-weight: bold; padding: 10px 0 10px 120px;  line-height: 150%; }
.block_07 dl dd span { display: block; font-size: 16px; padding: 10px 0 0; }

/* ------------------------------------------------------------ block ^-^ search */

.block-search { padding: 0 0 100px; }
.block-search h3 { font-size: 38px; text-align: center; color: #fff; font-weight: bold; line-height: 100%; padding: 10px 0 5px; }
.block-search h4 { font-size: 18px; font-weight: bold; padding: 20px 0 10px; }
.block-search .outer-box { background: #0e5d9e; box-sizing: border-box; width: 1000px; padding: 0 0 1px; }
.block-search .inner-box { background: #fff; padding: 25px; margin: 2px; }
.block-search .left { float: left; width: 460px; }
.block-search .right { float: right; width: 460px; }
.block-search table tr th { width: 160px; font-size: 16px; font-weight: bold; text-align: left; }
.block-search table tr th small { font-size: 12px; display: block; line-height: 100%; }
.block-search table tr td { width: 300px; font-size: 12px; padding: 1px 0; font-weight: bold; }
.block-search table tr td span { color: #de0c0c; padding: 5px 0 0; }
.block-search table tr td select { background: #f9f9f9; border: none; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; }
.block-search table tr td select option {  }
.block-search table tr td input[type="text"] { border: none; border-radius: 5px; -webkit-border-radius: 5px; background: #f9f9f9; padding: 5px 10px; }
.block-search table tr td select,input[type="text"] { width: 250px; float: right; box-sizing: border-box; }
.block-search .btn { padding: 60px 0 30px; }
.block-search .btn input[type=submit] { background: url(../images/common/check.png) center center no-repeat; border: none; height: 65px; width: 350px; font-size: 0; }

.js-accordion-content { display: block; }

/* ------------------------------------------------------------ mobile----------------------------------------------------------------------------------------- */
@media only screen and (min-width:641px){
	.js-accordion-content { display: block !important; }
}
@media only screen and (max-width:640px){

/* ------------------------------------------------------------ fv */


#fv { background: url(../images/index/fv.jpg) center center no-repeat; background-size: cover; position: relative; padding: 45px 0 0; }
#fv .right { float: none; padding: 0 0 40px; position: relative; z-index: 2; }
#fv .right h3 { font-size: 16px; color: #fff; padding: 4px 20px; background: #0e5d9e; }
#fv .right h4 { font-size: 16px; font-weight: bold; padding: 20px 0 10px; }
#fv .right .inner-box { width: 100%; margin: 0 auto; background: #fff; border-left: 1px solid #0e5d9e; border-right: 1px solid #0e5d9e; border-bottom: 1px solid #0e5d9e; padding: 15px; box-sizing: border-box; }
#fv .right table { width: 100%; }
#fv .right table tr {  }
#fv .right table tr th { width: 100%; font-size: 14px; font-weight: bold; text-align: left; display: block; }
#fv .right table tr th small { display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 15px; }
#fv .right table tr th span { display: inline-block; *display: inline; *zoom: 1; color: #de0c0c; padding: 5px 0 0 10px; font-size: 12px; }
#fv .right table tr td { width: 100%; font-size: 12px; padding: 1px 0; font-weight: bold; display: block; }
#fv .right table tr td span { color: #de0c0c; padding: 5px 0 0; }
#fv .right table tr td select { background: #f9f9f9; border: none; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; }
#fv .right table tr td select option {  }
#fv .right table tr td input[type="text"] { border: none; border-radius: 5px; -webkit-border-radius: 5px; background: #f9f9f9; padding: 5px 10px; width: 100%; border: 1px solid #000; }
#fv .right table tr td select,input[type="text"] { width: 100%; float: none; box-sizing: border-box; border: 1px solid #000; }
#fv .right .btn { padding: 20px 0 0; }
#fv .right .btn img { height: 50px; width: auto; }
#fv .right .btn input[type=submit] { background: url(../images/common/check.png) center center no-repeat; border: none; height: 65px; width: 270px; font-size: 0; }
#fv .fv_text { position: absolute; margin: 0 auto 0 -20px; display: none; }
#fv img.fv_text_sp { width: 100%; height: auto; display: block; }

/* ------------------------------------------------------------ blocks */

#blocks h3 { font-size: 18px; background: #0e5d9e; color: #fff; text-align: center; padding: 10px 0;  }
#blocks h3 span { font-size: 24px; color: #edeb3b; display: block; line-height: 130%; }
#blocks h3.big { font-size: 24px; }
#blocks h3.big span { display: inline; }

/* ------------------------------------------------------------ block_01 */
.block_01 { background: #eee; }
.block_01 ul { background: #fff; width: 100%; margin: 50px 0 0; box-sizing: border-box; padding: 10px; }
.block_01 ul li { font-size: 14px; padding: 10px 0 10px 35px; background: url(../images/index/check_01.png) left center no-repeat; }
.block_01 ul li span { font-weight: bold; }
.block_01 img.woman { position: absolute; bottom: 0; right: -80px; display: none; }
.block_01 .inner {  position: relative; padding: 0 0 60px; }

/* ------------------------------------------------------------ block_02 */

.block_02 { padding: 0 0 60px; }
.block_02 ul { padding: 50px 0 0; }
.block_02 ul li { float: none; width: 100%; margin: 40px auto 0; }
.block_02 ul li:first-child { margin: 0 auto; }
.block_02 ul li h4 { font-size: 16px; font-weight: bold; padding: 0 0 10px; }
.block_02 ul li h4 span { padding: 0 10px 0 0; }
.block_02 ul li h4 span img { width: auto; }
.block_02 ul li img { width: 100%; height: auto; }
.block_02 ul li p { font-size: 14px; padding: 20px; box-sizing: border-box; font-weight: bold; }


/* ------------------------------------------------------------ block_03 */

.block_03 { background: #eee; padding: 0 0 60px; }
.block_03 .outer-box { background: url(../images/index/image_01.jpg) center center no-repeat; padding: 150px 0 0; }
.block_03 .inner-box { background: #fff; width: 94%; margin: 0 auto; text-align: center; padding: 30px 10px; box-sizing: border-box; }
.block_03 .inner-box img { width: 100%; height: auto; }
.block_03 .inner-box p { font-size: 14px; font-weight: bold; text-align: left; padding:  30px 0 0; }


/* ------------------------------------------------------------ block_04 */

.block_04 { background: #eeeeee; padding: 0 0 55px; }
.block_04 .inner { width: 100%; }
.block_04 ul { margin: 0 auto; padding: 0; }
.block_04 ul li { float: none; margin: 15px; background: #fff; padding: 20px; box-sizing: border-box; }
.block_04 ul li img { width: 100%; height: auto; }
.block_04 ul li p.title { font-size: 14px;  margin: 0 0 5px; }
.block_04 ul li p.maker { font-size: 14px; margin: 0 0 5px; }
.block_04 ul li p.year { font-size: 14px; }
.block_04 ul li p.title span,
.block_04 ul li p.maker span,
.block_04 ul li p.year span { background: #dae2e8; width: 100px; display: inline-block; *display: inline; *zoom: 1; text-align: center; margin: 0 20px 0 0;}

/* ------------------------------------------------------------ block_05 */

/*
.block_05 { background: #eee; padding: 0 0 60px; }
.block_05 ul { padding: 40px 0 0; }
.block_05 ul li { padding: 50px 0 0; }
.block_05 ul li:first-child { padding: 0; }
.block_05 ul li .left { float: none; width: 100%; }
.block_05 ul li .left img { width: 100%; height: auto; }
.block_05 ul li .right { float: none; width: 100%; padding: 20px 0 0; box-sizing: border-box; }
.block_05 ul li .right h4 { font-size: 18px; color: #0e5d9e; padding: 0 0 15px; }
.block_05 ul li .right p { font-size: 14px; font-weight: bold; }
*/
.block_05 { background: #eee; padding: 0 0 60px; }
.block_05 ul { padding: 40px 0 0; }
.block_05 ul li {
	padding: 50px 0 0; 
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.block_05 ul li:nth-of-type(2){
	flex-direction:row-reverse;
}

.block_05 ul li:first-child { padding: 0; }
.block_05 ul li .left { float: none; width: 100%; width: 35%;}
.block_05 ul li .left img { width: 100%; height: auto; }
.block_05 ul li .right { float: none; width: 100%; padding: 0px 0 0; box-sizing: border-box; width: 60%;}
.block_05 ul li .right h4 { font-size: 18px; color: #0e5d9e; padding: 0 0 15px; }
.block_05 ul li .right p { font-size: 14px; font-weight: bold; }

/* ------------------------------------------------------------ block_06 */

.block_06 { background: #eee; padding: 0 0 50px; }
.block_06 ul { background: #fff; padding: 0 10px 40px; margin: 10px auto 0; }
.block_06 ul li { padding: 40px 0 30px; background: url(../images/index/b_arrow.png) center top no-repeat; }
.block_06 ul li:first-child { background: no-repeat; padding: 10px 0 30px; }
.block_06 ul li .left { float: none; padding: 0; }
.block_06 ul li .left img { width: 100%; height: auto; }
.block_06 ul li .right { float: none; padding: 10px 0 0; }
.block_06 ul li .right img { width: 100%; height: auto; }
.block_06 ul li .right h5 { font-size: 16px; color: #0064b6; }
.block_06 ul li .right h4 { font-size: 18px; padding: 0 0 5px; }
.block_06 ul li .right p { font-size: 14px; }
.block_06 ul li .right div span { color: #0e5d9e; padding: 15px 0 10px; display: block; font-size: 16px; font-weight: bold; }
.block_06 ul li .right div table { }
.block_06 ul li .right div table tr {  }
.block_06 ul li .right div table tr td { font-size: 12px; padding: 0 0 0 20px; font-weight: bold; }

/* ------------------------------------------------------------ block_06 */

.block_07 { background: #eee; padding: 0 0 50px; }
.block_07 .inner { width: 94%; }
.block_07 dl { background: #fff; margin: 7px 0; padding: 10px; }
.block_07 dl.first { margin: 10px 0 0; }
.block_07 dl dt { background: url(../images/index/q.png) left top no-repeat; font-size: 16px; font-weight: bold; padding: 5px 0 10px 45px; line-height: 150%; margin: 0 0 10px; background-size: auto 35px; }
.block_07 dl dd { background: url(../images/index/a.png) left top no-repeat; font-size: 16px; font-weight: bold; padding: 5px 0 10px 45px;  line-height: 150%; background-size: auto 35px; }
.block_07 dl dd span { display: block; font-size: 14px; }
#blocks h3 span img { height: 30px; width: auto; }

/* ------------------------------------------------------------ block ^-^ search */

.block-search { padding: 0 0 50px; }
.block-search h3 { font-size: 16px; text-align: center; color: #fff; font-weight: bold; line-height: 150%; padding: 10px 0 5px; }
.block-search h4 { font-size: 18px; font-weight: bold; padding: 20px 0 10px; }
.block-search .outer-box { background: #0e5d9e; box-sizing: border-box; width: 94%; padding: 0 0 1px; }
.block-search .inner-box { background: #fff; padding: 10px; margin: 2px; }
.block-search .left { float: none; width: 100%; }
.block-search .right { float: none; width: 100%; }
.block-search table { width: 100%; }
.block-search table tr th { width: 100%; font-size: 16px; font-weight: bold; text-align: left; display: block; }
.block-search table tr th span { display: inline-block; *display: inline; *zoom: 1; color: #de0c0c; padding: 5px 0 0 10px; font-size: 12px; }
.block-search table tr th small { display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 15px; }
.block-search table tr td { width: 100%; font-size: 12px; padding: 1px 0; font-weight: bold; display: block; }
.block-search table tr td span { color: #de0c0c; padding: 5px 0 0; }
.block-search table tr td select { background: #f9f9f9; border: none; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; }
.block-search table tr td select option {  }
.block-search table tr td input[type="text"] { border: none; border-radius: 5px; -webkit-border-radius: 5px; background: #f9f9f9; padding: 5px 10px; border: 1px solid #000; }
.block-search table tr td select,input[type="text"] { width: 100%; float: none; box-sizing: border-box; border: 1px solid #000; }
.block-search .btn { padding: 30px 0 30px; }
.block-search .btn img { height: 50px; width: auto; }
.block-search .btn input[type=submit] { background: url(../images/common/check.png) center center no-repeat; border: none; height: 65px; width: 270px; font-size: 0; }

#blocks h3.js-accordion-menu { position: relative; padding-bottom: 10px; }
.js-accordion-menu:after { content: ""; display: block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; bottom: 15px; left: 50%; margin-left: -5px; display: none;}
.js-accordion-content { display: none; }
}