@charset "UTF-8";

/* --------------------------------
	over write
-------------------------------- */
.global_header { width: auto; }
.global_footer { width: auto; }
.mrss { width: auto; }
.w1200 #module_breadcrumbs { margin-left: auto; margin-right: auto; padding-left: 13px; padding-right: 13px; max-width: 1174px; }
@media screen and (max-width: 767px) {
.global_footer { margin-top: 0; }
}

/* --------------------------------
	container
-------------------------------- */
.container { position: relative; margin-right: auto; margin-left: auto; padding: 0 13px; max-width: 1200px; }
@media screen and (max-width: 767px) {
.container { position: relative; margin-right: auto; margin-left: auto; padding: 0 20px; max-width: 1200px; }
}

/* --------------------------------
	container_sp_full
-------------------------------- */
.container_sp_full { position: relative; margin-right: auto; margin-left: auto; padding: 0 13px; max-width: 1200px; }
@media screen and (max-width: 767px) {
.container_sp_full { position: relative; margin-right: auto; margin-left: auto; padding: 0; max-width: 1200px; }
}

/* --------------------------------
	view
-------------------------------- */
.PCinline { display: inline; }
.SPinline { display: none; }
@media screen and (max-width: 767px) {
.PCinline { display: none; }
.SPinline { display: inline; }
}

/* --------------------------------
	index_btnlink
-------------------------------- */
.index_btnlink { text-align: center; }
.index_btnlink a { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background-color: #d50000; color: #ffffff; display: block; font-size: 1.8571em; font-weight: 700; line-height: 1.2; margin: 0 auto; padding: 25px 30px; max-width: 900px; }
.index_btnlink a span { background: url(/ldm/slim/simulator/img/index/arw_link.png) right center no-repeat; background-size: 12px auto; display: block; padding: 0 20px; }
@media screen and (min-width: 768px) {
.index_btnlink a:hover { background-color: #e24c4c; text-decoration: none; }
}
@media screen and (max-width: 767px) {
.index_btnlink { text-align: center; }
.index_btnlink a { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background-color: #d50000; color: #ffffff; display: block; font-size: 1.3571em; font-weight: 700; line-height: 1.2; margin: 0 auto; padding: 10px 15px; max-width: 900px; }
.index_btnlink a span { background: url(/ldm/slim/simulator/img/index/arw_link.png) right center no-repeat; background-size: 8px auto; display: block; padding: 0 10px; }
}

/* --------------------------------
	index_title
-------------------------------- */
.index_title { line-height: 2.25; margin: 12px auto 0 auto; padding: 0 13px; max-width: 1200px; position:relative; }
.index_title .title_wrap { background: url(/ldm/slim/simulator/img/index/bg_title.jpg) center center no-repeat; background-size: cover; position: relative; padding-bottom: 37.6666%; }
.index_title .title_contents { color: #58533d; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; }
.index_title .title_text dt { font-size: 1.25vw; }
.index_title .title_text dd { margin-top: 0.4166vw; }
.index_title .title_text dd h1 { font-size: 3.75vw; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1.2; }
.index_title .title_text p { margin-top: 1.25vw; }
.index_title .title_text p span { border-top: 1px solid #8f8c83; border-bottom: 1px solid #8f8c83; color: #57573f; display: inline-block; font-size: 1.1666vw; letter-spacing: 0.1em; line-height: 2.5714; padding: 0 0.1em 0 0.2em; }
.index_title .title_bnr {position: absolute; left: 50.5%; bottom: 2.5%; margin-left: -25%; width: 48.94%;}
.index_title .title_bnr img {width: 100%;}
.index_title .title_bnr .sp {display: none;}
.index_title .title_bnr .pc {display:block;}
@media screen and (min-width: 1200px) {
.index_title .title_text dt { font-size: 1.0714em; }
.index_title .title_text dd { margin-top: 5px; }
.index_title .title_text dd h1 { font-size: 3.2142em; }
.index_title .title_text p { margin-top: 15px; }
.index_title .title_text p span { font-size: 1em; }
}
@media screen and (max-width: 767px) {
.index_title { line-height: 1.5454; margin: 0 auto; padding: 0; max-width: 1200px; }
.index_title .title_wrap { background: url(/ldm/slim/simulator/img/index/bg_title_sp.jpg) center center no-repeat; background-size: cover; position: relative; padding-bottom: 0; }
.index_title .title_contents { color: #58533d; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; top: auto; left: auto; width: auto; height: 42.4vw; }
.index_title .title_text dt { font-size: 2.8vw; }
.index_title .title_text dd { margin-top: 2.5vw; }
.index_title .title_text dd h1 { font-size: 5.8666vw; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1.1; }
.index_title .title_text p { margin-top: 3.3333vw; }
.index_title .title_text p span { border-top: 1px solid #8f8c83; border-bottom: 1px solid #8f8c83; color: #57573f; display: inline-block; font-size: 1.8666vw; letter-spacing: 0.05em; line-height: 2.6428; padding: 0 0.1em; }
.index_title .title_bnr {position: static; left: auto; bottom: auto; margin-left: 0; width: 100%;}
.index_title .title_bnr .pc {display: none;}
.index_title .title_bnr .sp {display:block;}
}

/* --------------------------------
	index_lead
-------------------------------- */
.index_lead { background-color: #f5f5f5; line-height: 1.8823; text-align: center; padding: 30px 13px; }
.index_lead .lead_inner { display: inline-block; }
.index_lead .lead_inner > p:nth-of-type(1) { font-size: 1.2142em; margin-bottom: 20px; }
.index_lead .lead_inner > p:nth-of-type(2) { margin-top: 20px; }
.index_lead .lead_btn { -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffffff; padding: 30px; }
@media screen and (max-width: 767px) {
.index_lead { background-color: #f5f5f5; line-height: 1.5; text-align: left; padding: 20px 20px 20px 20px; }
.index_lead .lead_inner { display: inline-block; }
.index_lead .lead_inner > p:nth-of-type(1) { font-size: 1em; margin-bottom: 10px; }
.index_lead .lead_inner > p:nth-of-type(2) { font-size: 0.9285em; margin-top: 10px; }
.index_lead .lead_btn { -webkit-border-radius: 5px; border-radius: 5px; background-color: #ffffff; padding: 10px; }
}

/* --------------------------------
	index_variation
-------------------------------- */
.index_variation { margin-top: 70px; }
.index_variation h2 { color: #746f61; font-size: 2.2857em; font-weight: 700; text-align: center; margin-bottom: 70px; }
.index_variation .variation_flex { display: flex; align-items: center; justify-content: space-between; padding: 0 13px 5.8333vw 13px; }
.index_variation .variation_flex:nth-of-type(even) .variation_img { order: 2; }
.index_variation .variation_flex:nth-of-type(even) .variation_text { order: 1; }
.index_variation .variation_flex.variation_01 { background: url(/ldm/slim/simulator/img/index/line_variation_01.png) center bottom no-repeat; background-size: auto 5.8333vw; }
.index_variation .variation_flex.variation_02 { background: url(/ldm/slim/simulator/img/index/line_variation_02.png) center bottom no-repeat; background-size: auto 5.8333vw; }
.index_variation .variation_flex.variation_03 { background: url(/ldm/slim/simulator/img/index/line_variation_03.png) center bottom no-repeat; background-size: auto 5.8333vw; }
.index_variation .variation_flex.variation_04 { background: url(/ldm/slim/simulator/img/index/line_variation_04.png) center bottom no-repeat; background-size: auto 5.8333vw; }
.index_variation .variation_flex.variation_05 { padding-bottom: 0; }
.index_variation .variation_flex .variation_img { font-size: 0; line-height: 0; width: 57.9216%; }
.index_variation .variation_flex .variation_img img { width: 100%; }
.index_variation .variation_flex .variation_text { background-color: #ffffff; display: flex; align-items: flex-end; flex: 1; position: relative; text-align: center; margin-left: -5.4514%; height: 33.3333vw; }
.index_variation .variation_flex:nth-of-type(even) .variation_text { margin: 0 -5.4514% 0 0; }
.index_variation .variation_flex .variation_text p { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6666vw; line-height: 1.9; position: relative; padding: 0 5.7347% 3.5842% 31.362%; width: 100%; }
.index_variation .variation_flex .variation_text::before { content: ""; position: absolute; top: -8.75%; right: 5.7347%; padding-bottom: 34.4086%; width: 65.2329%; }
.index_variation .variation_flex .variation_text::after { content: ""; position: absolute; top: 45%; left: 11.6071%; padding-bottom: 19.7132%; width: 61.6487%; }
.index_variation .variation_flex.variation_01 .variation_text::before { background: url(/ldm/slim/simulator/img/index/item_variation_01.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_01 .variation_text::after { background: url(/ldm/slim/simulator/img/index/txt_variation_01.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_02 .variation_text::before { background: url(/ldm/slim/simulator/img/index/item_variation_02.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_02 .variation_text::after { background: url(/ldm/slim/simulator/img/index/txt_variation_02.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_03 .variation_text::before { background: url(/ldm/slim/simulator/img/index/item_variation_03.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_03 .variation_text::after { background: url(/ldm/slim/simulator/img/index/txt_variation_03.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_04 .variation_text::before { background: url(/ldm/slim/simulator/img/index/item_variation_04.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_04 .variation_text::after { background: url(/ldm/slim/simulator/img/index/txt_variation_04.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_05 .variation_text::before { background: url(/ldm/slim/simulator/img/index/item_variation_05.png) no-repeat; background-size: cover; }
.index_variation .variation_flex.variation_05 .variation_text::after { background: url(/ldm/slim/simulator/img/index/txt_variation_05.png) no-repeat; background-size: cover; }
@media screen and (min-width: 1200px) {
.index_variation .variation_flex { padding-bottom: 70px; }
.index_variation .variation_flex.variation_01 { background-size: auto 70px; }
.index_variation .variation_flex.variation_02 { background-size: auto 70px; }
.index_variation .variation_flex.variation_03 { background-size: auto 70px; }
.index_variation .variation_flex.variation_04 { background-size: auto 70px; }
.index_variation .variation_flex .variation_text { height: 400px; }
.index_variation .variation_flex .variation_text p { font-size: 1.4285em; }
}
@media screen and (max-width: 767px) {
.index_variation { margin-top: 30px; }
.index_variation h2 { color: #746f61; font-size: 1.35em; font-weight: 700; line-height: 1.5; text-align: center; margin-bottom: 30px; }
.index_variation .variation_flex { display: block; align-items: center; justify-content: space-between; padding: 0 0 25px 0; }
.index_variation .variation_flex:nth-of-type(even) .variation_img { order: 2; }
.index_variation .variation_flex:nth-of-type(even) .variation_text { order: 1; }
.index_variation .variation_flex.variation_01 { background: none; }
.index_variation .variation_flex.variation_02 { background: none; }
.index_variation .variation_flex.variation_03 { background: none; }
.index_variation .variation_flex.variation_04 { background: none; }
.index_variation .variation_flex.variation_05 { padding-bottom: 0; }
.index_variation .variation_flex .variation_img { font-size: 0; line-height: 0; width: auto; }
.index_variation .variation_flex .variation_img img { width: 100%; }
.index_variation .variation_flex .variation_text { background-color: #ffffff; display: block; align-items: flex-end; flex: auto; position: relative; text-align: center; margin: -15.3846% 0 0 23.6923%; padding: 43% 0 0 11.077%; height: auto; }
.index_variation .variation_flex:nth-of-type(even) .variation_text { margin: -15.3846% 23.6923% 0 0; }
.index_variation .variation_flex .variation_text p { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.9285em; line-height: 1.9; position: relative; padding: 0; width: auto; }
.index_variation .variation_flex .variation_text::before { content: ""; position: absolute; top: 0px; right: 5.7347%; margin-top: -8.0645%; padding-bottom: 38.7096%; width: 73.7903%; }
.index_variation .variation_flex .variation_text::after { content: ""; position: absolute; top: 0px; left: 0px; margin-top: 30.2419%; padding-bottom: 22.1774%; width: 69.3548%; }
}

/* --------------------------------
	index_underlink
-------------------------------- */
.index_underlink { background: url(/ldm/slim/simulator/img/index/bg_link.jpg) center center no-repeat; background-size: cover; margin: 90px 0 0 0; padding: 80px 0; }
@media screen and (max-width: 767px) {
.index_underlink { background: url(/ldm/slim/simulator/img/index/bg_link.jpg) center center no-repeat; background-size: cover; margin: 35px 0 0 0; padding: 50px 20px; }
}

/* --------------------------------
	index_pagetop
-------------------------------- */
.index_pagetop { font-size: 0; line-height: 0; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 10; }
.index_pagetop.default { font-size: 0; line-height: 0; position: relative; bottom: auto; left: auto; width: auto; }
.index_pagetop p { position: absolute; bottom: 0px; right: 13px; width: 45px; }
.index_pagetop p img { width: 100%; }
@media screen and (max-width: 767px) {
.index_pagetop { font-size: 0; line-height: 0; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 10; }
.index_pagetop.default { font-size: 0; line-height: 0; position: relative; bottom: auto; left: auto; width: auto; }
.index_pagetop p { position: absolute; bottom: 0px; right: 0px; width: 30px; }
.index_pagetop p img { width: 100%; }
}