@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap");
@font-face {
  font-family: 'Noto Sans Japanese';
  src: url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
       url('../font/NotoSansCJKjp-Regular.ttf') format('truetype');
}

body {
	font-family: 'Noto Sans Japanese',"游ゴシック体", YuGothic, "YuGothic M","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

a:hover {
	opacity: .7;
	transition: .1s;
}

#wrapper {
	padding-top: 0;
}

/* ---------------------------------------------------------------- lcl-mainvisual ---- */

.lcl-mainvisual {
	align-items: center;
	border-top: 8px solid #ED6C00;
	display: flex;
	flex-wrap: wrap;
}

.lcl-mainvisual .l-col,
.lcl-mainvisual .r-col {
	width: calc(50% - 38px);
	order: 2;
}

.lcl-mainvisual .l-col {
	margin: 0 25px 47px;
}

.lcl-mainvisual .r-col {
	margin: 0 25px 47px 0;
}

.lcl-mainvisual .c-col {
	order: 1;
	padding: 46px 20px 44px;
	width: 100%;
}

/* ---------------------------------------------------------------- lcl-copyright ---- */

.lcl-copyright {
	background: #F4F4F4;
	border-bottom: 8px solid #ED6C00;
	padding: 7.5px 20px;
}

.lcl-copyright p {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
}

/* ---------------------------------------------------------------- lcl-main ---- */

.lcl-main {
	border-bottom: 100px solid #231815;
}
.lcl-main .qa {
	background: #000000;
	padding: 50px 0;
}

.lcl-main .qa .inner {
	margin: 0 20px;
}

.lcl-main .qa p,
.lcl-main .qa h2 {
	color: #fff;
}

.lcl-main .qa .col p {
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	margin-top: 25px;
}

.lcl-main .qa h2 {
	font-size: 43px;
	border-bottom: 5px solid #E26A0E;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.lcl-main .lead {
	font-size: 23px;
	line-height: 1.4;
}

.lcl-main h2 span {
	color: #EC6815;
}

.lcl-main .flex-block {
	display: flex;
	flex-flow: column;
}

.lcl-main .flex-block.reverse {
	display: flex;
	flex-flow: column-reverse;
	
}

.lcl-main .flex-block + .flex-block {
	border-top: 2px solid #E26A0E;
	padding-top: 80px;
	margin-top: 80px;
}
.lcl-main div[class*="col"] + div[class*="col"] {
}

.lcl-main .title-col {
	font-weight: bold;
	line-height: 1.25;
	width: 100%;
}

.lcl-main .title-col figure {
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------- lcl-line-up ---- */

.lcl-line-up {
	border-bottom: 5px solid #E26A0E;
	border-top: 5px solid #E26A0E;
	margin: 50px 20px;
	max-width: 1040px;
	padding: 40px 0 40px;
}

.lcl-line-up > p {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	margin-top: 39px;
}

.lcl-line-up .grid-line-grid div[id*="item"]:nth-of-type(n+3) {
	margin-top: 75px;
}
.lcl-line-up .grid-line-grid div[id*="item"] h3 {
	font-size: 31px;
	font-weight: bold;
	line-height: 1.2;
}
.lcl-line-up .grid-line-grid div[id*="item"] h3 span {
	background: #EC6815;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 26px;
	line-height: 26px;
	margin-top: -4px;
	margin-right: 6px;
	text-align: center;
	vertical-align: middle;
	width: 26px;
}

.lcl-line-up .grid-line-grid div[id*="item"] p {
	font-size: 23px;
	font-weight: 500;
	line-height: 1.4;
	margin-left: 35px;
	text-indent: -35px;
}

.lcl-line-up .grid-line-grid div[id*="item"] .price {
	font-size: 26px;
	line-height: 1.2;
}

.lcl-line-up .grid-line-grid div[id*="item"] p::before {
	background: 
		url("../img/icon-lineup.svg") no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 25px;
	margin-top: -5px;
	margin-right: 10px;
	vertical-align: middle;
	width: 25px;
}

.lcl-line-up .grid-line-grid div[id*="item"] .link-btn {
	margin-top: 20px;
} 

.lcl-line-up .grid-line-grid div[id*="item"] .link-btn a {
	background: #9FA0A0;
	color: #fff;
	display: block;
	font-size: 21px;
	font-weight: bold;
	padding: 8.5px 0;
	text-align: center;
	text-decoration: none;
}

.lcl-line-up .grid-line-grid #item5 ,
.lcl-line-up .grid-line-grid #item6 ,
.lcl-line-up .grid-line-grid #item7 {
	display: flex;
    flex-flow: column;
}

.lcl-line-up .grid-line-grid #item5 .link-btn,
.lcl-line-up .grid-line-grid #item6 .link-btn,
.lcl-line-up .grid-line-grid #item7 .link-btn {
	margin-top: auto;
	padding-top: 30px;
}

.lcl-line-up .grid-line-grid figure {
	margin-bottom: 20px;
	text-align: center;
}

.lcl-line-up .grid-line-grid #line-up {
	margin-bottom: 50px;
	text-align: center;
}
.lcl-line-up .grid-line-grid #line-up h2 {
	color: #EC6815;
	font-size: 57px;
	font-weight: bold;
	line-height: 69px;
}
.lcl-line-up .grid-line-grid #line-up h3 {
	font-size: 33px;
	font-weight: bold;
	line-height: 46px;
	margin-bottom: 20px;
}