@charset "UTF-8";
#life .mainimg-sec { background-color: #fff2e5; }
#life .mainimg-sec .mainimg-ttl { padding: 55px 0 50px; }
@media screen and (max-width: 980px) { #life .mainimg-sec .mainimg-ttl { padding: 40px 0; } }
@media screen and (max-width: 750px) { #life .mainimg-sec .mainimg-ttl { padding: 20px 0; } }
#life .mainimg-sec .mainimg-ttl .mainimg-heading { margin-bottom: 10px; font-weight: 700; color: #646464; letter-spacing: 2px; }
#life .mainimg-sec .mainimg-ttl .mainimg-subheading { font-size: 1.625rem; font-weight: 700; color: #c64700; letter-spacing: 2px; }

/*　トップ　*/
.idx .mainimg-sec .inner { background: url("../img/life/idx/main_bg001.png") no-repeat center top; }
@media screen and (max-width: 980px) { .idx .mainimg-sec .inner { background-size: 100% auto; } }
@media screen and (max-width: 750px) { .idx .mainimg-sec .inner { background: none; } }
.idx .mainimg-sec .mainimg-heading { font-size: 2.5rem; }
@media screen and (max-width: 750px) { .idx .mainimg-sec .mainimg-heading { font-size: 1.875rem; } }
.idx .life-top .inner { position: relative; padding-top: 70px; padding-bottom: 300px; }
@media screen and (max-width: 980px) { .idx .life-top .inner { padding-bottom: 250px; } }
@media screen and (max-width: 750px) { .idx .life-top .inner { padding: 9.3333333333% 0 10%; } }
.idx .life-top .life-top-txt { margin-bottom: 70px; padding-bottom: 60px; border-bottom: 1px solid #e3e8ed; font-size: 1.25rem; font-weight: 300; }
@media screen and (max-width: 750px) { .idx .life-top .life-top-txt { padding: 0 4% 8%; } }
.idx .life-top .life-list { display: flex; flex-wrap: wrap; width: 85.3333333333%; margin: 0 auto; }
@media screen and (max-width: 750px) { .idx .life-top .life-list { display: block; width: 100%; } }
@media screen and (max-width: 500px) { .idx .life-top .life-list .slick-slide { margin: 0 15px; } }
.idx .life-top .life-list li { width: 30.2734375%; margin-right: 4.58984375%; margin-bottom: 3.90625%; }
@media screen and (max-width: 750px) { .idx .life-top .life-list li { width: auto; margin-right: 0; margin-bottom: 0; } }
.idx .life-top .life-list li:nth-child(3n) { margin-right: 0; }
.idx .life-top .life-list li img { margin: 0 auto; }
.idx .life-top .life-slider { position: relative; }
@media screen and (max-width: 750px) { .idx .life-top .life-slider { margin-bottom: 20%; } }
.idx .life-top .life-slider .slide-btn { position: absolute; bottom: -12%; cursor: pointer; }
@media screen and (max-width: 500px) { .idx .life-top .life-slider .slide-btn { bottom: -14%; } }
.idx .life-top .life-slider .slide-btn.slide-prev { left: 25%; }
@media screen and (max-width: 500px) { .idx .life-top .life-slider .slide-btn.slide-prev { left: 20%; } }
.idx .life-top .life-slider .slide-btn.slide-next { right: 25%; }
@media screen and (max-width: 500px) { .idx .life-top .life-slider .slide-btn.slide-next { right: 20%; } }
.idx .life-top .life-slider .slick-dotted.slick-slider { margin-bottom: 0; }
.idx .life-top .life-slider .slick-dots { bottom: -40px; }
@media screen and (max-width: 750px) { .idx .life-top .life-slider .slick-dots { bottom: -30px; } }
@media screen and (max-width: 500px) { .idx .life-top .life-slider .slick-dots { bottom: -25px; } }
.idx .life-top .life-slider .slick-dots li { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 5px; }
.idx .life-top .life-slider .slick-dots li button { width: 16px; height: 16px; padding: 0; }
.idx .life-top .life-slider .slick-dots li button:before { width: 16px; height: 16px; content: ''; opacity: 1; background-color: #e3e8ed; }
.idx .life-top .life-slider .slick-dots li.slick-active button:before { opacity: 1; background-color: #926c2a; }
.idx .life-top .life-link { position: absolute; bottom: -20%; left: 0; width: 100%; max-width: 1240px; }
@media screen and (max-width: 750px) { .idx .life-top .life-link { position: static; margin-top: 13.3333333333%; } }
.idx .life-top .life-link .life-link-box { display: flex; justify-content: center; margin: 0 20px; padding: 70px 20px 55px; background-color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 750px) { .idx .life-top .life-link .life-link-box { display: block; margin: 0 4%; padding: 10% 2% 8.6666666667%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } }
.idx .life-top .life-link p:first-child { margin-right: 60px; }
@media screen and (max-width: 750px) { .idx .life-top .life-link p:first-child { margin-right: 0; margin-bottom: 12%; } }
.idx .life-con { margin-bottom: 110px; padding-top: 275px; background-color: #fff2e5; }
@media screen and (max-width: 750px) { .idx .life-con { margin-bottom: 60px; padding-top: 60px; } }
.idx .life-con .life-con-top { text-align: center; }
.idx .life-con .life-con-top p { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .idx .life-con .life-con-top p { width: 100px; margin: 0 auto 20px; } }
.idx .life-con .life-con-top .life-con-top-heading { margin-bottom: 90px; background: url("../img/life/idx/life_bg002.png") no-repeat center bottom; font-size: 2.4375rem; color: #323232; font-weight: 700; }
@media screen and (max-width: 750px) { .idx .life-con .life-con-top .life-con-top-heading { margin-bottom: 40px; font-size: 1.5rem; background-size: cover; } }
.idx .life-con .life-con-bg { padding-bottom: 250px; background: url("../img/life/idx/life_bg001.png") no-repeat center top; background-size: 100% auto; }
@media screen and (max-width: 980px) { .idx .life-con .life-con-bg { background-size: cover; } }
@media screen and (max-width: 750px) { .idx .life-con .life-con-bg { padding-bottom: 60px; background: none; } }
.idx .life-con .life-con-box { position: relative; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box figure { width: 100%; } }
.idx .life-con .life-con-box p { position: absolute; top: 130px; font-size: 1.875rem; font-weight: 700; }
@media screen and (max-width: 980px) { .idx .life-con .life-con-box p { top: 22%; font-size: 1.625rem; } }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box p { top: 22%; font-size: 1rem; } }
.idx .life-con .life-con-box.life-con-box-01 p { left: 12%; }
@media screen and (max-width: 1140px) { .idx .life-con .life-con-box.life-con-box-01 p { left: 10%; } }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box.life-con-box-01 p { left: 8%; } }
.idx .life-con .life-con-box.life-con-box-02 figure { margin-right: 40px; text-align: right; }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box.life-con-box-02 figure { margin-right: 0; } }
.idx .life-con .life-con-box.life-con-box-02 p { left: 60%; }
@media screen and (max-width: 1140px) { .idx .life-con .life-con-box.life-con-box-02 p { left: 50%; } }
.idx .life-con .life-con-box.life-con-box-03 figure { margin-left: 50px; }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box.life-con-box-03 figure { margin-left: 0; } }
.idx .life-con .life-con-box.life-con-box-03 p { left: 15%; }
@media screen and (max-width: 1140px) { .idx .life-con .life-con-box.life-con-box-03 p { left: 18%; } }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box.life-con-box-03 p { left: 10%; } }
.idx .life-con .life-con-box.life-con-box-04 { margin-bottom: 0 !important; }
.idx .life-con .life-con-box.life-con-box-04 figure { margin-right: 70px; text-align: right; }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box.life-con-box-04 figure { margin-right: 0; } }
.idx .life-con .life-con-box.life-con-box-04 p { left: 55%; }
@media screen and (max-width: 1140px) { .idx .life-con .life-con-box.life-con-box-04 p { left: 50%; } }
@media screen and (max-width: 980px) { .idx .life-con .life-con-box.life-con-box-04 p { left: 42%; } }
@media screen and (max-width: 750px) { .idx .life-con .life-con-box.life-con-box-04 p { left: 45%; } }

/*　ページナビ　*/
.lifenav-sec { width: 83.3333333333%; margin: 0 auto; padding: 35px 0 20px; }
@media screen and (max-width: 980px) { .lifenav-sec { width: 100%; } }
.lifenav-sec ul { display: flex; flex-wrap: wrap; }
.lifenav-sec ul li { width: 23.4%; margin-right: 2%; margin-bottom: 1.5%; }
@media screen and (max-width: 750px) { .lifenav-sec ul li { width: 49%; margin-right: 2%; }
  .lifenav-sec ul li:nth-child(2n) { margin-right: 0; } }
.lifenav-sec ul li:nth-child(4n) { margin-right: 0; }
.lifenav-sec ul li:nth-child(7) a:hover { background-color: #007569; }
.lifenav-sec ul li:nth-child(7) a.active { background-color: #007569; }
.lifenav-sec ul li:nth-child(8) a:hover { background-color: #1f3998; }
.lifenav-sec ul li:nth-child(8) a.active { background-color: #1f3998; }
.lifenav-sec ul li a { display: block; text-decoration: none; padding: 20px 5px; background-color: #eaeef1; font-size: 0.9375rem; text-align: center; color: #3c3c3c; font-weight: 500; line-height: 1; border-radius: 40px; }
@media screen and (max-width: 980px) { .lifenav-sec ul li a { font-size: 0.75rem; } }
.lifenav-sec ul li a:hover { background-color: #c64700; color: #fff; }
.lifenav-sec ul li a.active { background-color: #c64700; color: #fff; }

/*　ページ　*/
.page .mainimg-sec .mainimg-heading { margin-top: 30px; font-size: 2.0625rem; line-height: 1.2; }
@media screen and (max-width: 750px) { .page .mainimg-sec .mainimg-heading { margin-top: 10px; font-size: 1.375rem; } }
.page .life-list { padding-top: 90px; padding-bottom: 170px; }
@media screen and (max-width: 750px) { .page .life-list { padding-top: 40px; padding-bottom: 40px; } }
.page .life-list ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .page .life-list ul { display: block; } }
.page .life-list ul li { width: 31.5%; margin-right: 2.5%; margin-bottom: 45px; background-color: #f1f3f6; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media screen and (max-width: 750px) { .page .life-list ul li { width: 100%; margin-right: 0; } }
.page .life-list ul li:nth-child(3n) { margin-right: 0; }
.page .life-list ul li .lifestyle-point-list-heading { padding: 20px 5px; background-color: #c64700; font-size: 1.5rem; text-align: center; font-weight: 500; color: #fff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; }
.page .life-list ul li .lifestyle-point-list-fig { margin-top: 30px; padding: 0 5px; text-align: center; }
.page .life-list ul li .lifestyle-point-list-box { padding: 20px 25px 15px; }
.page .life-list ul li .lifestyle-point-list-lead { font-weight: 400; }
.page .life-list ul li .lifestyle-point-list-lead sup { vertical-align: top; font-size: 0.625rem; }
.page .life-list ul li .lifestyle-point-list-lead small { font-size: 0.875rem; }
.page .life-list ul li .lifestyle-point-list-txt { margin-top: 15px; padding-top: 15px; border-top: 1px solid #fff; font-size: 0.875rem; font-weight: 400; text-align: center; }

.page1 .mainimg-sec { background: url("../img/life/page1/main_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .page1 .mainimg-sec { background-image: none; } }
.page1 .life-list ul .interview-box { padding-top: 20px; padding-bottom: 40px; background-color: #e0ecfa; }
.page1 .life-list ul .interview-box .interview-box-ico { margin-bottom: 20px; padding: 0 20px; text-align: center; }
.page1 .life-list ul .interview-box .interview-box-heading { position: relative; margin: 0 20px 20px; padding: 0 0 5px; font-size: 1.3125rem; font-weight: bold; text-align: center; }
.page1 .life-list ul .interview-box .interview-box-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 44px; background: url("../img/life/voice_bg001.png") no-repeat; }
.page1 .life-list ul .interview-box .interview-box-heading::after { content: ''; position: absolute; bottom: 0; right: 0; width: 22px; height: 44px; background: url("../img/life/voice_bg002.png") no-repeat; }
.page1 .life-list ul .interview-box .interview-box-txt { margin-bottom: 20px; padding: 0 20px; font-size: 0.9375rem; font-weight: 300; text-align: center; }
.page1 .life-list ul .interview-box .interview-box-btn { width: 74.0740740741%; margin: 25px auto 0; }
@media screen and (max-width: 980px) { .page1 .life-list ul .interview-box .interview-box-btn { width: 100%; padding: 0 20px; } }
.page1 .life-list ul .interview-box .interview-box-btn a { display: block; padding: 15px; text-decoration: none; background: #1f3998 url("../img/common/arrow_w_i002.png") no-repeat right 20px center; text-align: center; color: #fff; border-radius: 40px; }
@media screen and (max-width: 980px) { .page1 .life-list ul .interview-box .interview-box-btn a { background-position: right 5px center; font-size: 0.75rem; } }

.page2 .mainimg-sec { background: url("../img/life/page2/main_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .page2 .mainimg-sec { background-image: none; } }
.page2 .interview-box { display: flex; justify-content: flex-end; padding-top: 30px; padding-bottom: 30px; background-color: #e0ecfa; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media screen and (max-width: 980px) { .page2 .interview-box { display: block; } }
.page2 .interview-box .interview-box-ico { padding-left: 3.3333333333%; }
@media screen and (max-width: 980px) { .page2 .interview-box .interview-box-ico { padding-left: 0; margin-bottom: 20px; text-align: center; } }
@media screen and (max-width: 750px) { .page2 .interview-box .interview-box-ico { width: 100px; margin: 0 auto 20px; } }
.page2 .interview-box .interview-box-item-l { width: 34.75%; margin-left: 3.3333333333%; }
@media screen and (max-width: 980px) { .page2 .interview-box .interview-box-item-l { width: 100%; margin-left: 0; margin-bottom: 20px; } }
.page2 .interview-box .interview-box-item-r { width: 35.5833333333%; margin-left: 6.25%; }
@media screen and (max-width: 980px) { .page2 .interview-box .interview-box-item-r { width: 100%; margin-left: 0; } }
.page2 .interview-box .interview-box-heading { position: relative; margin-bottom: 35px; font-size: 1.3125rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 980px) { .page2 .interview-box .interview-box-heading { margin: 0 20px 35px; } }
@media screen and (max-width: 750px) { .page2 .interview-box .interview-box-heading { font-size: 1.125rem; } }
.page2 .interview-box .interview-box-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 44px; background: url("../img/life/voice_bg001.png") no-repeat; }
.page2 .interview-box .interview-box-heading::after { content: ''; position: absolute; bottom: 0; right: 0; width: 22px; height: 44px; background: url("../img/life/voice_bg002.png") no-repeat; }
.page2 .interview-box .interview-box-txt { margin-bottom: 20px; padding: 0 20px; font-size: 0.9375rem; font-weight: 300; text-align: center; }
.page2 .interview-box .interview-box-btn { width: 74.0740740741%; margin: 25px auto 0; }
@media screen and (max-width: 980px) { .page2 .interview-box .interview-box-btn { width: 100%; padding: 0 20px; } }
.page2 .interview-box .interview-box-btn a { display: block; padding: 15px; text-decoration: none; background: #1f3998 url("../img/common/arrow_w_i002.png") no-repeat right 20px center; text-align: center; color: #fff; border-radius: 40px; }
@media screen and (max-width: 980px) { .page2 .interview-box .interview-box-btn a { background-position: right 5px center; font-size: 0.75rem; } }

.page3 .mainimg-sec { background: url("../img/life/page3/main_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .page3 .mainimg-sec { background-image: none; } }
.page3 .life-list ul .trivia-box { padding-top: 60px; padding-bottom: 40px; background-color: #fff2e5; }
.page3 .life-list ul .trivia-box .trivia-box-heading { width: 83.3333333333%; margin: 0 auto 45px; padding: 0 20px; background: url("../img/life/page3/trivia_bg001.png") no-repeat center top; background-size: contain; font-size: 1.8125rem; text-align: center; font-weight: bold; line-height: 1.4; }
@media screen and (max-width: 1140px) { .page3 .life-list ul .trivia-box .trivia-box-heading { font-size: 1.375rem; } }
@media screen and (max-width: 980px) { .page3 .life-list ul .trivia-box .trivia-box-heading { font-size: 1.125rem; } }
@media screen and (max-width: 750px) { .page3 .life-list ul .trivia-box .trivia-box-heading { padding: 20px; background-size: 100% auto; font-size: 1.375rem; } }
.page3 .life-list ul .trivia-box .trivia-box-heading span { font-size: 2.3125rem; }
@media screen and (max-width: 1140px) { .page3 .life-list ul .trivia-box .trivia-box-heading span { font-size: 1.875rem; } }
@media screen and (max-width: 980px) { .page3 .life-list ul .trivia-box .trivia-box-heading span { font-size: 1.375rem; } }
@media screen and (max-width: 1140px) { .page3 .life-list ul .trivia-box .trivia-box-heading span { font-size: 1.875rem; } }
.page3 .life-list ul .trivia-box .trivia-box-subheading { position: relative; width: 71.9576719577%; margin: 0 auto 50px; padding: 10px; background-color: #fff; border: solid 2px #c64700; font-size: 1.375rem; text-align: center; font-weight: bold; color: #c64700; line-height: 1; border-radius: 40px; }
@media screen and (max-width: 980px) { .page3 .life-list ul .trivia-box .trivia-box-subheading { font-size: 1.125rem; } }
.page3 .life-list ul .trivia-box .trivia-box-subheading::before { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #fff; z-index: 2; }
.page3 .life-list ul .trivia-box .trivia-box-subheading::after { content: ""; position: absolute; bottom: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #c64700; z-index: 1; }
.page3 .life-list ul .trivia-box .trivia-box-txt { padding: 0 20px; font-size: 1rem; text-align: center; }

.page4 .mainimg-sec { background: url("../img/life/page4/main_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .page4 .mainimg-sec { background-image: none; } }
.page4 .life-list ul .trivia-box { padding-top: 60px; padding-bottom: 40px; background-color: #fff2e5; }
.page4 .life-list ul .trivia-box .trivia-box-heading { width: 88.0952380952%; margin: 0 auto 45px; padding: 20px 10px; background: url("../img/life/page4/trivia_bg001.png") no-repeat center top; background-size: 100% auto; font-size: 1.625rem; text-align: center; font-weight: bold; line-height: 1.6; }
@media screen and (max-width: 1140px) { .page4 .life-list ul .trivia-box .trivia-box-heading { font-size: 1.375rem; } }
@media screen and (max-width: 980px) { .page4 .life-list ul .trivia-box .trivia-box-heading { font-size: 1.125rem; } }
@media screen and (max-width: 750px) { .page4 .life-list ul .trivia-box .trivia-box-heading { padding: 25px 20px; font-size: 1.625rem; } }
.page4 .life-list ul .trivia-box .trivia-box-heading span { font-size: 2.3125rem; }
@media screen and (max-width: 1140px) { .page4 .life-list ul .trivia-box .trivia-box-heading span { font-size: 1.875rem; } }
@media screen and (max-width: 980px) { .page4 .life-list ul .trivia-box .trivia-box-heading span { font-size: 1.375rem; } }
@media screen and (max-width: 1140px) { .page4 .life-list ul .trivia-box .trivia-box-heading span { font-size: 1.875rem; } }
.page4 .life-list ul .trivia-box .trivia-box-subheading { position: relative; width: 71.9576719577%; margin: 0 auto 50px; padding: 10px; background-color: #fff; border: solid 2px #c64700; font-size: 1.375rem; text-align: center; font-weight: bold; color: #c64700; line-height: 1; border-radius: 40px; }
@media screen and (max-width: 980px) { .page4 .life-list ul .trivia-box .trivia-box-subheading { font-size: 1.125rem; } }
.page4 .life-list ul .trivia-box .trivia-box-subheading::before { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-top: 12px solid #fff; z-index: 2; }
.page4 .life-list ul .trivia-box .trivia-box-subheading::after { content: ""; position: absolute; bottom: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-top: 14px solid #c64700; z-index: 1; }
.page4 .life-list ul .trivia-box .trivia-box-txt { padding: 0 20px; font-size: 1rem; text-align: center; }

.page5 .mainimg-sec { background: url("../img/life/page5/main_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .page5 .mainimg-sec { background-image: none; } }
.page5 .life-list ul .interview-box { width: 65.75%; margin-right: 0 !important; padding-top: 40px; padding-bottom: 40px; background-color: #e0ecfa; }
@media screen and (max-width: 750px) { .page5 .life-list ul .interview-box { width: 100%; } }
.page5 .life-list ul .interview-box .interview-box-ico { margin-bottom: 20px; padding: 0 20px; text-align: center; }
.page5 .life-list ul .interview-box .interview-box-heading { position: relative; width: 71.989860583%; margin: 0 auto 40px; padding: 0 0 5px; font-size: 1.3125rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 750px) { .page5 .life-list ul .interview-box .interview-box-heading { width: auto; margin: 0 20px 40px; padding: 0 20px 5px; } }
.page5 .life-list ul .interview-box .interview-box-heading::before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 44px; background: url("../img/life/voice_bg001.png") no-repeat; }
.page5 .life-list ul .interview-box .interview-box-heading::after { content: ''; position: absolute; bottom: 0; right: 0; width: 22px; height: 44px; background: url("../img/life/voice_bg002.png") no-repeat; }
.page5 .life-list ul .interview-box .interview-box-txt { margin-bottom: 30px; padding: 0 20px; font-size: 0.9375rem; font-weight: 300; text-align: center; }
.page5 .life-list ul .interview-box .interview-box-btn { width: 35.4879594423%; margin: 30px auto 0; }
@media screen and (max-width: 980px) { .page5 .life-list ul .interview-box .interview-box-btn { width: 100%; padding: 0 20px; } }
.page5 .life-list ul .interview-box .interview-box-btn a { display: block; padding: 15px; text-decoration: none; background: #1f3998 url("../img/common/arrow_w_i002.png") no-repeat right 20px center; text-align: center; color: #fff; border-radius: 40px; }
@media screen and (max-width: 980px) { .page5 .life-list ul .interview-box .interview-box-btn a { background-position: right 5px center; font-size: 0.75rem; } }

.page6 .mainimg-sec { background: url("../img/life/page6/main_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 750px) { .page6 .mainimg-sec { background-image: none; } }
.page6 .trivia-box { display: flex; justify-content: space-between; padding: 60px 100px 40px; background-color: #fff2e5; }
@media screen and (max-width: 750px) { .page6 .trivia-box { display: block; padding: 40px; } }
.page6 .trivia-box p.font-tsuku { position: relative; display: flex; align-items: center; justify-content: center; width: 175px; height: 164px; margin-right: 20px; background-color: #fff; border: solid 2px #c64700; font-size: 1.75rem; text-align: center; font-weight: bold; color: #c64700; line-height: 1.2; border-radius: 50%; }
@media screen and (max-width: 750px) { .page6 .trivia-box p.font-tsuku { width: 120px; height: 120px; margin: 0 auto 40px; font-size: 1.25rem; } }
.page6 .trivia-box p.font-tsuku::before { content: ""; position: absolute; top: 50%; right: -22px; margin-top: -12px; border: 12px solid transparent; border-left: 12px solid #fff; z-index: 2; }
@media screen and (max-width: 750px) { .page6 .trivia-box p.font-tsuku::before { top: inherit; bottom: -22px; right: inherit; left: 50%; margin-top: 0; margin-left: -15px; border-top: 12px solid #fff; border-left: 12px solid transparent; } }
.page6 .trivia-box p.font-tsuku::after { content: ""; position: absolute; top: 50%; right: -28px; margin-top: -14px; border: 14px solid transparent; border-left: 14px solid #c64700; z-index: 1; }
@media screen and (max-width: 750px) { .page6 .trivia-box p.font-tsuku::after { top: inherit; bottom: -28px; left: 50%; right: inherit; margin-top: 0; margin-left: -17px; border-top: 14px solid #c64700; border-left: 14px solid transparent; } }
.page6 .trivia-box dl { flex: 1; width: 72%; }
@media screen and (max-width: 750px) { .page6 .trivia-box dl { width: 100%; } }
.page6 .trivia-box dl dt { position: relative; width: 70.8333333333%; margin: 0 auto 55px; font-size: 1.8125rem; text-align: center; font-weight: bold; line-height: 1.4; }
@media screen and (max-width: 980px) { .page6 .trivia-box dl dt { width: 100%; } }
@media screen and (max-width: 750px) { .page6 .trivia-box dl dt { font-size: 1.25rem; } }
.page6 .trivia-box dl dt::before { content: ''; position: absolute; top: -20px; left: 0; width: 37px; height: 48px; background: url("../img/life/trivia_bg001.png") no-repeat; }
.page6 .trivia-box dl dt::after { content: ''; position: absolute; bottom: -20px; right: 0; width: 37px; height: 48px; background: url("../img/life/trivia_bg002.png") no-repeat; }
.page6 .trivia-box dl dd { font-size: 1rem; text-align: center; }
.page6 .trivia-box .trivia-box-btn { width: 40%; margin: 30px auto 0; }
@media screen and (max-width: 980px) { .page6 .trivia-box .trivia-box-btn { width: 100%; margin: 30px 0 0; } }
.page6 .trivia-box .trivia-box-btn a { display: block; padding: 15px; text-decoration: none; background: #c64700 url(../img/common/arrow_w_i002.png) no-repeat right 20px center; text-align: center; color: #fff; border-radius: 40px; }
@media screen and (max-width: 980px) { .page6 .trivia-box .trivia-box-btn a { background-position: right 5px center; font-size: 0.75rem; } }

.special1 .mainimg-sec { background-color: #e1f8f7 !important; background-image: url("../img/life/special1/main_bg001.png"); background-position: right bottom; background-repeat: no-repeat; }
@media screen and (max-width: 750px) { .special1 .mainimg-sec { background-image: none; } }
.special1 .mainimg-sec .mainimg-ttl .mainimg-heading { margin-top: 10px !important; }
.special1 .mainimg-sec .mainimg-ttl .mainimg-subheading { color: #007569 !important; }
.special1 .special-top { padding: 75px 0; }
.special1 .special-top .contents { display: flex; justify-content: space-between; }
.special1 .special-top .contents .special-top-box { width: 60%; }
.special1 .special-top .contents .special-top-box .special-top-heading { margin-bottom: 25px; font-size: 1.625rem; color: #c64700; font-weight: 700; }
.special1 .special-top .contents .special-top-box .special-top-item { padding: 25px 0; border-top: 1px solid #c64700; border-bottom: 1px solid #c64700; }
.special1 .special-top .contents .special-top-box .special-top-item dl { display: flex; align-items: flex-start; margin-bottom: 20px; }
@media screen and (max-width: 750px) { .special1 .special-top .contents .special-top-box .special-top-item dl { display: block; } }
.special1 .special-top .contents .special-top-box .special-top-item dl:last-child { margin-bottom: 0; }
.special1 .special-top .contents .special-top-box .special-top-item dl dt { width: 32.5%; margin-right: 25px; padding: 5px; background-color: #c64700; font-size: 1.125rem; color: #fff; font-weight: 700; line-height: 1; text-align: center; border-radius: 40px; }
@media screen and (max-width: 750px) { .special1 .special-top .contents .special-top-box .special-top-item dl dt { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.special1 .special-top .contents .special-top-box .special-top-item dl dd { flex: 1; }
.special1 .special-top .contents figure { width: 27.4%; }
.special1 .special-main { margin-bottom: 130px; padding: 80px 0; background-color: #e1f8f7; }
@media screen and (max-width: 750px) { .special1 .special-main { margin-bottom: 60px; } }
.special1 .special-main .special-main-heading { margin-bottom: 30px; font-size: 1.625rem; font-weight: 700; text-align: center; }
.special1 .special-main .special-main-txt { margin-bottom: 10px; text-align: right; font-weight: 300; }
.special1 .special-main table { width: 100%; margin-bottom: 20px; }
.special1 .special-main table tr th { padding: 10px; background-color: #c64700; font-size: 1.125rem; color: #fff; text-align: center; line-height: 1; }
.special1 .special-main table tr th.w240 { width: 20%; }
.special1 .special-main table tr th.w480 { width: 40%; }
.special1 .special-main table tr td { padding: 20px 30px; vertical-align: top; background-color: #fff; border: 1px solid #c8c8c8; font-size: 1.25rem; line-height: 1; }
.special1 .special-main table tr td.w280 { width: 23.3333333333%; }
.special1 .special-main table tr td.w120 { width: 10%; text-align: center; }
.special1 .special-main table tr td.w75 { width: 6.25%; border-top: none; }
.special1 .special-main table tr td.area01 { background-color: #f1f3f6; border-right: none; border-left: none; text-align: center; }
.special1 .special-main table tr td.area02 { background-color: #fff; border-right: none; border-left: none; text-align: center; }
.special1 .special-main table tr td.area03 { background-color: #fff2e5; border-left: none; text-align: center; }
.special1 .special-main table tr td.no-line-r { border-right: none; }
.special1 .special-main table tr td.no-line-b { border-bottom: none; }
.special1 .special-main table tr td.line { border: 3px solid #c64700; }
.special1 .special-main .special-main-txtsmall { margin-bottom: 80px; font-size: 0.875rem; font-weight: 300; }
.special1 .special-main .special-main-box { width: 70.8333333333%; margin: 0 auto; padding: 30px 20px; background-color: #fff; border: 1px solid #007569; border-radius: 10px; }
@media screen and (max-width: 980px) { .special1 .special-main .special-main-box { width: 100%; } }
.special1 .special-main .special-main-box.special-main-box-01 p { font-size: 1.625rem; color: #646464; font-weight: 700; text-align: center; line-height: 2; }
@media screen and (max-width: 750px) { .special1 .special-main .special-main-box.special-main-box-01 p { font-size: 1.125rem; } }
.special1 .special-main .special-main-box.special-main-box-02 { position: relative; padding-top: 45px; border: 1px solid #c64700; }
.special1 .special-main .special-main-box.special-main-box-02 .special-main-box-icon { position: absolute; top: -49px; left: 50%; display: flex; align-items: center; justify-content: center; width: 98px; height: 98px; margin-left: -49px; background-color: #c64700; font-size: 1.625rem; font-weight: 700; color: #fff; border-radius: 50%; }
@media screen and (max-width: 750px) { .special1 .special-main .special-main-box.special-main-box-02 .special-main-box-icon { top: -39px; width: 78px; height: 78px; margin-left: -39px; font-size: 1.125rem; } }
.special1 .special-main .special-main-box.special-main-box-02 p { font-size: 1.625rem; color: #c64700; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .special1 .special-main .special-main-box.special-main-box-02 p { font-size: 1.125rem; } }
.special1 .special-main .special-main-box.special-main-box-02 p .special-main-txt01 { font-size: 4.375rem; }
@media screen and (max-width: 750px) { .special1 .special-main .special-main-box.special-main-box-02 p .special-main-txt01 { font-size: 1.375rem; } }
.special1 .special-main .special-main-box.special-main-box-02 p .special-main-txt02 { font-size: 3.125rem; }
@media screen and (max-width: 750px) { .special1 .special-main .special-main-box.special-main-box-02 p .special-main-txt02 { font-size: 1.25rem; } }
.special1 .special-main .special-main-arrow { margin-bottom: 100px; text-align: center; }

.special2 .mainimg-sec { background-color: #e5e9f8 !important; background-image: url("../img/life/special2/main_bg001.png"); background-position: right center; background-repeat: no-repeat; }
@media screen and (max-width: 750px) { .special2 .mainimg-sec { background-image: none; } }
.special2 .mainimg-sec .mainimg-ttl .mainimg-heading { margin-top: 10px !important; }
.special2 .mainimg-sec .mainimg-ttl .mainimg-subheading { color: #1f3998 !important; }
.special2 .special-top { padding: 70px 0 50px; }
@media screen and (max-width: 750px) { .special2 .special-top { padding: 40px 0; } }
.special2 .special-top .special-top-heading { padding-bottom: 70px; background: url("../img/life/special2/ttl_bg001.png") no-repeat center bottom; background-size: 100% auto; font-size: 1.625rem; color: #c64700; text-align: center; font-weight: 500; }
@media screen and (max-width: 750px) { .special2 .special-top .special-top-heading { padding-bottom: 20px; } }
.special2 .special-main .special-main-box { padding: 45px 0 25px; }
.special2 .special-main .special-main-box sup { font-size: 0.625rem; vertical-align: super; }
.special2 .special-main .special-main-box.special-main-box-last { margin-bottom: 120px; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box.special-main-box-last { margin-bottom: 0; } }
.special2 .special-main .special-main-box.special-main-box-bg { background-color: #f1f3f6; }
.special2 .special-main .special-main-box .special-main-heading { font-size: 1.4375rem; font-weight: 500; }
.special2 .special-main .special-main-box .special-main-txt { margin-bottom: 15px; font-weight: 300; }
.special2 .special-main .special-main-box .special-main-txtsmall { font-size: 0.875rem; text-align: right; font-weight: 300; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box .special-main-txtsmall { font-size: 0.75rem; } }
.special2 .special-main .special-main-box .special-main-item { display: flex; align-items: center; margin-bottom: 15px; }
.special2 .special-main .special-main-box .special-main-item .special-main-item-l { width: 28.5%; }
.special2 .special-main .special-main-box .special-main-item .special-main-item-r { display: flex; justify-content: space-between; width: 59%; }
.special2 .special-main .special-main-box .special-main-item .special-main-item-r dl { width: 48.3050847458%; }
.special2 .special-main .special-main-box .special-main-item dl dt { padding: 15px 10px; font-size: 1.25rem; text-align: center; font-weight: 700; color: #fff; line-height: 1; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box .special-main-item dl dt { font-size: 1rem; } }
.special2 .special-main .special-main-box .special-main-item dl dd { padding: 25px 10px; background-color: #fff; font-size: 2.25rem; text-align: center; font-weight: 500; line-height: 1; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box .special-main-item dl dd { font-size: 1.125rem; } }
.special2 .special-main .special-main-box .special-main-item dl dd small { font-size: 1.25rem; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box .special-main-item dl dd small { font-size: 0.875rem; } }
.special2 .special-main .special-main-box .special-main-item dl dd span { font-size: 1rem; font-weight: 300; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box .special-main-item dl dd span { font-size: 0.75rem; } }
.special2 .special-main .special-main-box .special-main-item dl.aichi { border: 1px solid #c64700; }
.special2 .special-main .special-main-box .special-main-item dl.aichi dt { background-color: #c64700; }
.special2 .special-main .special-main-box .special-main-item dl.tokyo { border: 1px solid #526dd3; }
.special2 .special-main .special-main-box .special-main-item dl.tokyo dt { background-color: #526dd3; }
.special2 .special-main .special-main-box .special-main-item dl.osaka { border: 1px solid #007569; }
.special2 .special-main .special-main-box .special-main-item dl.osaka dt { background-color: #007569; }
.special2 .special-main .special-main-box .special-main-item .special-main-vs { margin: 0 3%; font-size: 3.125rem; font-weight: 500; }
@media screen and (max-width: 750px) { .special2 .special-main .special-main-box .special-main-item .special-main-vs { font-size: 1.25rem; } }

/*# sourceMappingURL=life.css.map */