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

.txt-b { font-weight: bold; }
.box05_txt-color { color: #e84466; }

/* 下から */
#nach_content .fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#nach_content .fadeUpTrigger{
opacity: 0;
}
.box01 {
margin: 0 0 150px;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.box02 {
margin: 0 0 100px;
position: relative;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.box02_logo {
text-align: center;
position: relative;
z-index: 1;
}
.box02_logoback {
background-color: #fff9b5;
position: absolute;
top: 130px;
padding: 0 100% 100px;
}
.box02_h2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
}
.box02_h2:before {
content: url("/excludes/nachulife/archives/15th/img/common/title_l01.png");
margin-right:20px;  /*画像右の余白*/
position:relative;
top:22px;  /*上からの位置*/
left:0;  /*左からの位置*/
}
.box02_h2:after {
content: url("/excludes/nachulife/archives/15th/img/common/title_r01.png");
margin-left:20px;  /*画像右の余白*/
position:relative;
top:22px;  /*上からの位置*/
left:0;  /*左からの位置*/
}
.box02_h3 {
font-size: 30px;
line-height: 1.5;
color: #7a6a55;
font-style: italic;
}
.box02_text {
font-size:16px;
line-height: 1.5;
color: #7a6a55;
font-family: 'Noto Sans JP', sans-serif;
}
.box02_text_b {
font-size:30px;
line-height: 1.5;
color: #7a6a55;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
}
.box02_text_c {
font-size:20px;
line-height: 1.5;
color: #7a6a55;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
}
.box02_kome {
font-size:12px;
line-height: 1.5;
color: #7a6a55;
font-family: 'Noto Sans JP', sans-serif;
}
.box02_line {
padding-top: 50px;
}
.box03 {
margin: 0 0 100px;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
}
.box03 .btn--orange,
a.btn--orange {
color: #fff;
background-color: #e94609;
padding: 10px 20px;
border-radius: 5px;
}
.box03 .btn--orange:hover,
a.btn--orange:hover {
color: #fff;
background: #f39d73;
}
.box03_logo {
text-align: center;
position: relative;
z-index: 1;
}
.box03_logoback {
background-color: #fef5dd;
position: absolute;
top: 130px;
padding: 0 100% 100px;
}
.box03_h2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
}
.box03_01 {
border: solid 1px #e94609;
padding: 20px;
background-color: #fff;
}
.box03 .button {
text-align: center;
font-size: 20px;
padding: 50px 0 0;
}
.box03 .line {
text-decoration:underline;
text-decoration-color:#e94609;
}
.box04 {
margin: 0 0 100px;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
}
.box04_back {
background-color: #f3f8e3;
padding: 0;
position: relative;
}
.box04 .button {
background-color: #f3f8e3;
text-align: center;
font-size: 20px;
padding: 0px 0 50px;
}
.box04 .btn--orange,
a.btn--orange {
color: #fff;
background-color: #27b484;
padding: 10px 20px;
border-radius: 5px;
}
.box04 .btn--orange:hover,
a.btn--orange:hover {
color: #fff;
background: #74cbb6;
}
.box04_logo {
text-align: center;
position: relative;
z-index: 1;
}
.box04_logoback {
background-color: #c1e3e8;
position: absolute;
top: 130px;
padding: 0 100% 100px;
}
.box04_h2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
}
.box04_back2 {
background-color: #d3edf9;
padding: 0;
position: relative;
}
.box04_logoback2 {
background-color: #d3edf9;
position: absolute;
top: 130px;
padding: 0 100% 100px;
}
.box05_logo {
text-align: center;
position: relative;
z-index: 1;
}
.box05_logoback {
background-image: url(/excludes/nachulife/archives/15th/img/250106/bg.jpg);
background-repeat: repeat-y;
position: absolute;
top: 130px;
padding: 0 50% 100px;
}
.box05_back {
background-image: url(/excludes/nachulife/archives/15th/img/250106/bg.jpg);
background-repeat: repeat-y;
position: relative;
padding: 0 0 25px;
}
.box05_h2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
}
.box06 {
margin: 0 0 100px;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.box05 .button {
text-align: center;
font-size: 20px;
padding: 50px 0 0;
}
.box05 .btn--orange,
a.btn--orange {
color: #fff;
background-color: #e94609;
padding: 10px 20px;
border-radius: 5px;
}
.box05 .btn--orange:hover,
a.btn--orange:hover {
color: #fff;
background: #f39d73;
}
.box06_btn_fobtn {overflow: hidden; display: flex;}

/*===============================================
●SP 画面の横幅が640pxまで iPhone 6
===============================================*/
@media screen and (max-width:667px){
#nach_content {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
#nach_content .Na_main {
width: 100%;
margin: auto;
overflow: hidden;
}
#nach_content h1 { margin: 0 0 50px; }
.box01_title {
background:url("/excludes/nachulife/archives/15th/img/common/illust01.png") no-repeat center top;
background-size:contain;
margin-bottom: 25px;
}
.box01_text {
font-size:16px;
line-height: 1.5;
color: #221815;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
padding: 0 10px 0;
}
.box01_text_r {
font-size:16px;
line-height: 1.5;
color: #221815;
text-align: right;
margin-bottom: 50px;
padding: 15px 10px 0;
}
.box01_h2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #e95471;
}
.box01_h3 {
font-size: 20px;
line-height: 1.5;
text-align: center;
color: #221815;
}
.box02_11 {
width: 100%;
text-align: center;
padding-top: 20px;
}
.box02_back {
background-color: #fff9b5;
padding: 0 10px 50px;
position: relative;
}
.box02_01 {
position: absolute;
top: 140px;
width: 82%;
right: 5%;
}
.box02_02 {
position: absolute;
top: 500px;
width: 82%;
right: 5%;
}
.box02_03 {
position: absolute;
top: 760px;
width: 82%;
right: 5%;
}
.box02_04 {
position: absolute;
top: 882px;
width: 82%;
right: 5%;
}
.box02_05 {
position: absolute;
top: 1260px;
width: 82%;
right: 5%;
}
.box02_06 {
position: absolute;
top: 1560px;
width: 82%;
right: 5%;
}
.box02_07 {
position: absolute;
top: 1950px;
width: 82%;
right: 5%;
}
.box02_08 {
position: absolute;
top: 2130px;
width: 82%;
right: 5%;
}
.box02_09 {
position: absolute;
top: 2460px;
width: 82%;
right: 5%;
}
.box02_10 {
position: absolute;
top: 2800px;
width: 82%;
right: 5%;
}
.box03_h3 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
border-bottom:dotted;
border-width:1px;
width: 25%;
margin: auto;
}
.box03_back {
background-color: #fef5dd;
padding: 0 10px 50px;
position: relative;
}
.box03_img {
width: 20%;
}
.box03_text {
font-size:15px;
line-height: 1.5;
color: #221815;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}
.box03_text_r_01 {
font-size:15px;
line-height: 1.5;
color: #221815;
float: left;
padding-top: 20px;
padding-left: 50px;
}
.box04_box {
padding: 50px 0 0;
position: relative;
}
.box04_h3 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
border-bottom:dotted;
border-width:1px;
width: 25%;
margin: auto;
}
.box04_01 {
margin-top: 30px;
}
.box04_02 {
margin-top: -80px;
}
.box04_03 {
margin-top: -80px;
}
.box04_04 {
margin-top: 30px;
}
.box04_05 {
margin-top: -20px;
}
.box04_06 {
margin-top: -30px;
}
.box01_title2 {
background:url("/excludes/nachulife/archives/15th/img/240408/title01.png") no-repeat center top;
background-size:contain;
margin-bottom: 25px;
}
.box05 {
margin: 0 0 100px;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
}
.box05 p {
padding-bottom: 10%;
}
.box05_h3 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
border-bottom:dotted;
border-width:1px;
width: 25%;
margin: auto;
}
.box05_text {
font-size:16px;
line-height: 1.5;
color: #221815;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
padding: 0 10px 0;
}
.box06_title {
background:url("/excludes/nachulife/archives/15th/img/240408/title01.png") no-repeat center top;
background-size:contain;
margin-bottom: 25px;
}
.box06_h2 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #e95471;
}
.box06_h3 {
font-size: 20px;
line-height: 1.5;
text-align: center;
color: #221815;
}
.box06_btn {text-align: center; margin-bottom: 25px; line-height: 0;}
.nurie {text-align: center; padding: 50px 0 50px; margin: auto; width: 80%;}
.nurie1 {text-align: center; padding: 0 0 25px; margin: auto; width: 80%; font-size: 16px; line-height: 1.5;}
.nurie2 {text-align: center; padding: 50px 0 0; margin: auto; width: 80%;}
.box05_btn_fobtn {overflow: hidden; display: flex; line-height: 0; margin-top: -0.1px;}
}

/*===============================================
●PC 画面の横幅が755px
===============================================*/
@media screen and (min-width:755px){
#nach_content {
width: 1024px;
margin: 0 auto;
overflow: hidden;
}
#nach_content .Na_main {
width: 1024px;
margin: auto;
overflow: hidden;
}
#nach_content h1 { margin: 60px 0 100px; }
.box01_title {
background:url("/excludes/nachulife/archives/15th/img/common/illust01.png") no-repeat center top;
background-size:contain;
margin-bottom: 50px;
}
.box01_text {
font-size:20px;
line-height: 2;
color: #221815;
text-align: center;
padding: 0;
}
.box01_text_r {
font-size:20px;
line-height: 2;
color: #221815;
text-align: right;
margin-bottom: 50px;
padding: 15px 140px 0;
}
.box01_h2 {
font-size: 30px;
line-height: 1.5;
text-align: center;
color: #e95471;
}
.box01_h3 {
font-size: 25px;
line-height: 2;
text-align: center;
color: #221815;
}
.box02_back {
background-color: #fff9b5;
padding: 0 230px 50px;
position: relative;
}
.box02_01 {
position: absolute;
top: 140px;
width: 67%;
right: 5%;
}
.box02_02 {
position: absolute;
top: 500px;
width: 67%;
right: 5%;
}
.box02_03 {
position: absolute;
top: 760px;
width: 67%;
right: 5%;
}
.box02_04 {
position: absolute;
top: 882px;
width: 67%;
right: 5%;
}
.box02_05 {
position: absolute;
top: 1260px;
width: 67%;
right: 5%;
}
.box02_06 {
position: absolute;
top: 1560px;
width: 67%;
right: 5%;
}
.box02_07 {
position: absolute;
top: 1950px;
width: 67%;
right: 5%;
}
.box02_08 {
position: absolute;
top: 2130px;
width: 67%;
right: 5%;
}
.box02_09 {
position: absolute;
top: 2460px;
width: 67%;
right: 5%;
}
.box02_10 {
position: absolute;
top: 2800px;
width: 67%;
right: 5%;
}
.box02_11 {
width: 534px;
text-align: center;
padding-top: 20px;
}
.box03_h3 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
border-bottom:dotted;
border-width:1px;
width: 10%;
margin: auto;
}
.box03_back {
background-color: #fef5dd;
padding: 0 70px 50px;
position: relative;
}
.box03_img {
width: 10%;
}
.box03_text {
font-size:16px;
line-height: 1.5;
color: #221815;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}
.box03_text_r_01 {
font-size:16px;
line-height: 1.5;
color: #221815;
float: left;
padding-top: 20px;
padding-left: 550px;
}
.box04_box {
padding: 50px 0 0;
margin: auto;
width: 60%;
position: relative;
}
.box04_h3 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
border-bottom:dotted;
border-width:1px;
width: 10%;
margin: auto;
}
.box04_01 {
margin-top: 50px;
}
.box04_02 {
margin-top: -100px;
}
.box04_03 {
margin-top: -150px;
}
.box04_04 {
margin-top: 50px;
}
.box04_05 {
margin-top: -30px;
}
.box04_06 {
margin-top: -50px;
}
.box01_title2 {
background:url("/excludes/nachulife/archives/15th/img/240408/title01.png") no-repeat center top;
background-size:contain;
margin-bottom: 50px;
}
.box05 {
margin: 0 0 100px;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
}
.box05 p {
padding-bottom: 5%;
}
.box05_h3 {
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #221815;
border-bottom:dotted;
border-width:1px;
width: 10%;
margin: auto;
}
.box05_text {
font-size:20px;
line-height: 2;
color: #221815;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
padding: 0 150px;
}
.box06_title {
background:url("/excludes/nachulife/archives/15th/img/240408/title01.png") no-repeat center top;
background-size:contain;
margin-bottom: 50px;
}
.box06_h2 {
font-size: 30px;
line-height: 1.5;
text-align: center;
color: #e95471;
}
.box06_h3 {
font-size: 25px;
line-height: 2;
text-align: center;
color: #221815;
}
.box06_btn {text-align: center; margin: 0 auto 50px; width: 764px;}
.nurie {text-align: center; padding: 50px 0 50px; margin: auto;}
.nurie1 {text-align: center; padding: 0 0 50px; margin: auto; font-size: 20px; line-height: 2;}
.nurie2 {text-align: center; padding: 50px 0 0; margin: auto;}
.box05_btn_fobtn {overflow: hidden; display: flex; margin: auto; width: 764px;}
}
/* 色
-------------------------------------------------- */
.textcolor-pink{ color:#e95471; }
.textcolor-black{ color:#221815; }
.textcolor-gray{ color:#7a6a55; }
.color-white{ color:#ffffff; }
#a01, #b02, #c03, #d04, #e05 {
margin-top: -60px;
padding-top: 60px;
}
/* グローバルナビ
-------------------------------------------------- */
.rogo{
position: absolute;
top: 0;
left: 0;
padding: 15px 0 15px 10px;
width: 157px;
}
.rogo img{
width: 100%;
height: auto;
}
.fix_menu{
position: fixed;
width: 100%;
max-width: 1024px;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 999;
padding: 30px 0;
}
#navwrap{
position: absolute;
top: 0;
right: 0;
padding: 15px 30px 15px 0;
font-size: 20px;
}
.header_menu{
display: flex;
}
ul,li{
list-style: none;
margin: 0;
}
.header_menu li a{
cursor: pointer;
padding: 0 10px;
text-decoration: none;
color: #333;
}
#switch{
display: none;
}
@media screen and (max-width:768px) {
#switch ~ label {
padding: 12px 12px;
width: 60px;
height: 60px;
background: rgba(0,0,0,0.8);
position: fixed;
box-sizing: border-box;
top: 0;
right: 0;
z-index: 999;
cursor: pointer;
}
#switch ~ label span{
display: block;
width:22px;
height:2px;
top: 50%;
left: 0;
right: 0;
margin:auto;
background: #fff;
position: absolute;
-webkit-transition: 0.2s transform;
transition: 0.2s transform;
}
#switch ~ label span:before,
#switch ~ label span:after{
content: "";
display: block;
background: #fff;
position: absolute;
width:22px;
height:2px;
left: 0;
right: 0;
margin: auto;
}
#switch ~ label span:before{
top: -9px;
}
#switch ~ label span:after{
top: 9px;
}
#navwrap{
padding-top: 0;
position: fixed;
top: -100%;
left: 0;
width: calc(100% - 60px);
height: 100%;
background: rgba(0,0,0,0.8);
transition: all 0.4s;
padding: 60px 30px;
box-sizing: border-box;
}
#switch:checked ~ #navwrap { 
display: block; 
top: 0;
}
.header_menu{
display: flex;
flex-direction: column;
}
.header_menu li{
margin: 0 auto 30px;
}
.header_menu li a{
color: #fff;
}
.scroll-prevent {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
}
}
@media screen and (min-width:755px){
.rogo{
padding: 10px 0 10px 0;
width: 135px;
}
.fix_menu{
background: rgb(255 255 255 / 80%);
}
#navwrap{
padding: 22px 0 22px 0;
font-size: 12px;
}
}
/* スライダー
-------------------------------------------------- */
#nach_content .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
width:94%;
margin:0 auto;
}
#nach_content .slider .slick-slide {
transform: scale(0.8);/*左右の画像のサイズを80%に*/
transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
opacity: 0.5;/*透過50%*/
}
#nach_content .slider .slick-slide.slick-center{
transform: scale(1);/*中央の画像のサイズだけ等倍に*/
opacity: 1;/*透過なし*/
}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
#nach_content .slick-prev {
position: absolute;/*絶対配置にする*/
top: 42%;
cursor: pointer;/*マウスカーソルを指マークに*/
outline: none;/*クリックをしたら出てくる枠線を消す*/
border-top: 2px solid #666;/*矢印の色*/
border-right: 2px solid #666;/*矢印の色*/
height: 15px;
width: 15px;
}
#nach_content .slick-next {
position: absolute;/*絶対配置にする*/
top: 42%;
cursor: pointer;/*マウスカーソルを指マークに*/
outline: none;/*クリックをしたら出てくる枠線を消す*/
border-top: 2px solid #666;/*矢印の色*/
border-right: 2px solid #666;/*矢印の色*/
height: 15px;
width: 15px;
}

#nach_content .slick-prev {
  position: absolute;
  top: 40%;
  cursor: pointer;
  outline: none;
  background: url("/excludes/nachulife/archives/15th/img/common/arrow_l.png") no-repeat;
	background-size: 80%;
  border: none;
  height: 51px;
  width: 51px;
	z-index: 1;
}

#nach_content .slick-next {
  position: absolute;
  top: 40%;
  cursor: pointer;
  outline: none;
  background: url("/excludes/nachulife/archives/15th/img/common/arrow_r.png") no-repeat;
	background-size: 80%;
  border: none;
  height: 51px;
  width: 51px;
		z-index: 1;
}

#nach_content .slick-prev {/*戻る矢印の位置と形状*/
left: -2%;
}
#nach_content .slick-next {/*次へ矢印の位置と形状*/
right: -3%;
}
/*ドットナビゲーションの設定*/
#nach_content .slick-dots {
text-align:center;
margin:20px 0 0 0;
}
#nach_content .slick-dots li {
display:inline-block;
margin:0 5px;
}
#nach_content .slick-dots button {
color: transparent;
outline: none;
width:8px;/*ドットボタンのサイズ*/
height:8px;/*ドットボタンのサイズ*/
display:block;
border-radius:50%;
background:#ccc;/*ドットボタンの色*/
}
#nach_content .slick-dots .slick-active button{
background:#333;/*ドットボタンの現在地表示の色*/
}
@media screen and (max-width:768px) {
#nach_content .slider img {
width:80vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
height:auto;
}
}
@media screen and (min-width:755px){
#nach_content .slider img {
width:31vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
height:auto;
}
}