@charset "utf-8";

/*
Theme Name: precio_child
Template: precio_child
Author: labo
Author URI: https://takai-laboratory.com/
*/

/*========================*/
/*fade
***************/
/* 画面外にいる状態 */
.fadein {
opacity : 0;
transform : translate(0, 150px);
transition : all 1500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}
#wrap {overflow: hidden;}
body {opacity: 0; transition-duration: .5s; transition-delay: .2s;}
.indication {opacity: 1;}
.indent_content {padding: 60px 0;}
.indent_content02 {margin-top: 60px;}
.indent_content03 {margin-top: 100px;} 
/******************************
HEADER
******************************/
header {position: absolute; top: 80px;; left: 0; right: 0; max-width: 1200px; margin: auto; z-index: 20;}
header h1 {position: relative; margin-bottom: 50px; transition-delay: 4.05s;}
header .global_nav {display: table;}
header .fade_under .item:nth-child(1) {transition-delay: 4.1s;}
header .fade_under .item:nth-child(2) {transition-delay: 4.2s;}
header .fade_under .item:nth-child(3) {transition-delay: 4.3s;}
header .fade_under .item:nth-child(4) {transition-delay: 4.4s;}
header .fade_under .item:nth-child(5) {transition-delay: 4.5s;}
header .fade_under .item:nth-child(6) {transition-delay: 4.5s;}
header .fade_under .item:nth-child(7) {transition-delay: 4.5s;}
header .fade_under .item:nth-child(8) {transition-delay: 4.5s;}
header .fade_under .logo02 {margin-top: 0; margin-left: 10px;}
header .global_nav a {line-height: 1; font-size: 20px; transition-duration: .5s; display: table; text-decoration: none; letter-spacing: 1px;}
header .global_nav a:hover {color: #ef8593;}
header .global_nav li {margin-top: 40px; list-style-type:none;}
header .global_nav li:nth-child(1) {margin-top: 0;}
header .insta_btn {width: 385px; margin-left: 0; margin-bottom: 50px;}
header .fade_under .item .logo01 {width: 80%;}

.front_main_box {position: relative; background: #f5f4f4;}
.front_main_box .logo {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 360px; height: 360px; z-index: 100; transition-delay: 5s;}
.front_main_box .logo01 {position: absolute; top: 0; left: 0; z-index: 10;}
.front_main_box .logo02 {position: absolute; top: 0; left: 0;   -webkit-mask-image: url("img/header/logo02.svg"); mask-image: url("img/header/logo02.svg"); width: 100%; height: 100%; overflow: hidden; display: none;}
.front_main_box .logo02 .img {position: absolute; top: 0; right: 0; opacity: 0; width: 360px; height: 360px;}
.front_main_box.inview .logo02 .img {animation : bgAnime 36s infinite;}
.front_main_box.inview .logo02 .img01 {background-image: url("img/header/logo_mask01.svg");}
.front_main_box.inview .logo02 .img02 {background-image: url("img/header/logo_mask02.svg"); animation-delay: 6s;}
.front_main_box.inview .logo02 .img03 {background-image: url("img/header/logo_mask03.svg"); animation-delay: 12s;}
.front_main_box.inview .logo02 .img04 {background-image: url("img/header/logo_mask01.svg"); animation-delay: 18s;}
.front_main_box.inview .logo02 .img05 {background-image: url("img/header/logo_mask02.svg"); animation-delay: 24s;}
.front_main_box.inview .logo02 .img06 { background-image: url("img/header/logo_mask03.svg"); animation-delay: 30s;}

@keyframes bgAnime {
  0% {
        opacity: 0;
	 transform: scale(1.1) ;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1) ;
         z-index:9;
    }
    100% { opacity: 0 }
}

.front_main_box .box {height: 100%; z-index: 10;}
.front_main_box .particles_box {position: absolute; left: 0; right: 0; top: 0; margin: auto;}

.front_main_box .txt_box {position: absolute; right: 0; bottom: 80px; z-index: 50;}
.front_main_box .txt_box p {position: relative; overflow: hidden}
.front_main_box .txt_box p::before {content: ''; position: absolute; width: 100%; height: 100%; background: #EF8593; right: 100%; z-index: 20;}
.front_main_box .txt_box p:nth-child(1) {font-size: 40px; line-height: 1; letter-spacing: 3px;}
.front_main_box .txt_box p:nth-child(2) {font-size: 25px; line-height: 1; margin-top: 8px; color: #cbcbcb; letter-spacing: 1px;}
.front_main_box.inview .txt_box p::before {right: -100%; transition-duration: .7s; transition-delay: 4.5s;}
.front_main_box.inview .txt_box p:nth-child(2)::before {transition-delay: 4.7s;}
.front_main_box .txt_box p .t {opacity: 0; transition-delay: 4.8s; transition-duration: .3s;}
.front_main_box.inview .txt_box p .t {opacity: 1;}

.front_main_box .box::before {content: ''; position: absolute; background: url("img/header/bg_icon01.svg")no-repeat; width: 480px; height: 965px; left: -360px; bottom: 0; z-index: 10;}
.front_main_box .box::after {content: ''; position: absolute; background: url("img/header/bg_icon02.svg")no-repeat; width: 480px; height: 965px; right: -360px; top: 0; z-index: 10;}

.util_bar {width: 2px; height: 100%; position: absolute; transition: opacity .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); overflow: hidden; z-index: 5;}
.front_main_box.inview .util_bar {background: #ed8b98; animation: show_line 1.7s forwards; transform-origin: top; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.util_bar .bdr {transition: background-color .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); position: relative; width: 2px; height: 100%; background-color: #fafafa; animation: loop_line 4s infinite;}
@keyframes loop_line{0%{top:-100%}100%{top:100%}}
@keyframes show_line{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
.bdr_box01 {position: absolute; top: -220px; left: -220px; width: 2000px; height: 2000px; transform: rotate(45deg); transform-origin: center;}
.bdr_box02 {position: absolute; top: 145px; left: 145px; width: 2000px; height: 2000px; transform: rotate(45deg); transform-origin: center;}
.bdr_box03 {position: absolute; bottom: -215px; left: 85px; width: 960px; height: 950px; transform: rotate(-45deg); transform-origin: center;}
.bdr_box04 {position: absolute; top: -895px; left: 145px; width: 960px; height: 950px; transform: rotate(-45deg); transform-origin: center;}
.front_main_box.inview .bdr_box02 .util_bar,.front_main_box.inview .bdr_box04 .util_bar {background: #56112c;}
.bdr_box {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 512px; height: 513px;}

.front_main_box .opening_box {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.front_main_box .left_part {width: 50%; height: 100%; position: absolute; top: 0; left: 0; margin-right: auto; z-index: 200; transition-duration: .75s; background-color: #eee; transition-delay: 3.3s;}
.front_main_box .right_part {width: 50%; height: 100%; position: absolute; top: 0; right: 0; margin-left: auto; z-index: 200; transition-duration: .75s; background-color: #eee; transition-delay: 3.3s;}
.front_main_box .left_logo {position: absolute; top: 0; bottom: 0; left: calc(50% - 256.5px); transition-duration: .75s; margin: auto; z-index: 220; transition-delay: 3.3s;}
.front_main_box .right_logo {position: absolute; top: 0; bottom: 0; right: calc(50% - 256.5px); transition-duration: .75s; margin: auto; z-index: 220; transition-delay: 3.3s;}
.front_main_box.inview .left_part {transform: translateX(-100%);}
.front_main_box.inview .right_part {transform: translateX(100%);}
.front_main_box.inview .left_logo {left: -321px;}
.front_main_box.inview .right_logo {right: -321px;}
.front_main_box .open_bdr_o {content: ''; position: absolute; width: 2px; height: 512px; background: #49041D; left: 0; right: 0; margin: auto; top: -100%; z-index: 210;}
.front_main_box.inview .open_bdr_o {animation: bdrstanime .7s forwards;}
.front_main_box .open_bdr_u {content: ''; position: absolute; width: 2px; height: 512px; background: #49041D; left: 0; right: 0; margin: auto; z-index: 210; animation-delay: 3s; bottom: calc(50% - 256px); transition-duration: .7s; transition-delay: 2.5s;}
.front_main_box.inview .open_bdr_u {animation: bdretanime .7s forwards; bottom: -100%;}
@keyframes bdrstanime {
  0% {
top: -100%; opacity: 1;
    }
	99.9% {opacity: 1;}
100% { top: calc(50% - 256px); opacity: 0;}
}
@keyframes bdretanime {
  0% { opacity: 1;
    }
	99.9% {opacity: 1;}
100% {opacity: 1;}
}

.front_main_box .c_item {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 513px; height: 513px; z-index: 230;}
.front_main_box .c_item .open_bdr01 {position: absolute; width: 2px; height: 92px; overflow: hidden; transform: rotate(45deg); top: -13.5px; left: 223.5px;}
.front_main_box .c_item .open_bdr02 {position: absolute; width: 2px; height: 181px; overflow: hidden; transform: rotate(-45deg); top: 37.5px; left: 255.5px;}
.front_main_box .c_item .open_bdr03 {position: absolute; width: 2px; height: 182px; overflow: hidden; transform: rotate(45deg); top: 165px; left: 255px;}
.front_main_box .c_item .open_bdr04 {position: absolute; width: 2px; height: 181px; overflow: hidden; transform: rotate(-45deg); top: 296px; left: 256px;}
.front_main_box .c_item .open_bdr05 {position: absolute; width: 2px; height: 92px; overflow: hidden; transform: rotate(45deg); top: 435px; left: 287px;}
.front_main_box.inview .c_item .open_bdrs span {content: ''; display: block; width: 100%; height: 100%; animation: bdranime .7s 1; position: relative; background: #fff; top: -100%;}
.front_main_box.inview .c_item .open_bdr01 span {animation-delay: .6s;}
.front_main_box.inview .c_item .open_bdr02 span {animation-delay: 1s;}
.front_main_box.inview .c_item .open_bdr03 span {animation-delay: 1.3s;}
.front_main_box.inview .c_item .open_bdr04 span {animation-delay: 1.7s;}
.front_main_box.inview .c_item .open_bdr05 span {animation-delay: 2.1s;}

@keyframes bdranime {
  0% {
top: -100%;
    }
100% { top: 100%;}
}

#st_header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; height: 80px; z-index: 600; opacity: 0; transition-duration: .5s;}
#st_header .on {opacity: 1;}
#st_header .inner {max-width: 1200px; margin: 0 auto; box-sizing: border-box; position: static;}
#st_header .left_box {font-size: 30px; line-height: 1;}
#st_header .left_box img {margin-right: 50px;}
#st_header .global_nav {display: inherit;}
#st_header .global_nav li {margin-right: 40px; font-size: 16px;}
#st_header .global_nav a:hover {color: #ef8593;}

#nav{
  position: fixed;
  height: 100vh;
  width: 100%;
  left: -100%;
  top: 0;
  background: #f5f4f4;
  transition: .7s;
  z-index: 600;
}
.hambarger_box {content: ''; position: absolute; left: 180px; top: 0; bottom: 0; z-index: 500; margin: auto; box-sizing: border-box; height: calc(100% - 160px);}
#hamburger,#hamburger02,#hamburger03 {
  display: block;
  width: 60px;
  height: 30px;
  cursor: pointer;
  transition: 1s;
  position: absolute;
  left: -100px;
  top: 0; bottom: 0; margin: auto; z-index: 500;
}
#hamburger {display: none;}
#hamburger02 {position: relative; left: inherit; width: 35px; height: 20px; right: 0; margin: 0;}
#hamburger03 {position: absolute; z-index: 700; left: 0; right: 0;}
.inner_line {
  display: block;
  position: absolute;
  left: 0;
  width: 60px;
  height: 1px;
  background-color: #000;
  transition: 1s;
  border-radius: 4px;
}
#hamburger02 .inner_line {background-color: #000;}
#line1,#line02_1,#line03_1 {
  top: 0;
}
#line2,#line02_2,#line03_3 {
  top: 14px;
}
#line3,#line02_3,#line03_3 {
  bottom: 0px;
}
#line02_1 {width: 35px;}
#line02_2 {width: 30px; left: inherit; right: 0; top: 10px;}
#line02_3 {width: 25px; left: inherit; right: 0;}

.in{
  transform: translateX(100%);
}
.line_1,.line_2.line_3{
  background: #000;
}
.line_1 {
  transform: translateY(7px) rotate(-45deg);
  top: 0;
}
.line_2 {
opacity: 0;
}
.line_3 {
  transform: translateY(-7px) rotate(45deg);
  bottom: 0;
}
#line02_1.line_1 {width: 35px; transform: translateY(9px) rotate(-45deg);}
#line02_3.line_3 {width: 35px; transform: translateY(-9px) rotate(45deg);}
#st_header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; height: 80px; z-index: 600;}
#st_header .inner {max-width: 1200px; margin: 0 auto; box-sizing: border-box; position: static; width: 1200px;}
#st_header .left_box {font-size: 30px; line-height: 1;}
#st_header .left_box img {margin-right: 7px;}
#st_header .global_nav .dots::before {border: 1px solid #000;}
#st_header .global_nav .dots::after {background: #000;}
#st_header.ch_header {opacity: 1;}

#nav .inner {position: relative; z-index: 10;}
#nav .list_box:nth-of-type(1) {padding-right: 100px;}
#nav .list_box a {position: relative; padding-left: 35px; font-size: 20px; line-height: 1; margin-top: 80px;}
#nav .list_box a:nth-child(1) {margin-top: 0;}
#nav .list_box a::before {content: ''; position: absolute; width: 15px; height: 1px; background: #000; left: 0; top: 0; bottom: 0; margin: auto;}

#nav .list_box02 a {display: flex; overflow: hidden; font-size: 20px; line-height: 1; margin-top: 30px;}
#nav .list_box02 a span {opacity: 0; transition: transform 1s,opacity 1s; transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-delay: .8s; transform: translate3d(30px,0,0);}
#nav.in .list_box02 a span {opacity: 1; transform: translate3d(0,0,0);}
#nav .list_box02 a:nth-of-type(1) {margin-top: 0;}
#nav .list_box02 a:nth-of-type(3) {margin-top: 15px;}
#nav .list_box02 a:nth-of-type(1) span {box-sizing: border-box; display: inline-block; border-bottom: 1px solid #fff; padding: 0 30px 10px;}

#nav .logo_box {position: absolute; left: 40px; top: 0; bottom: 0; margin: auto; height: calc(100% - 240px); width: 145px; z-index: 10;}
.front_main_box.inview .util_bar01 {background: #4c4c4c; animation: show_line 1.7s forwards; transform-origin: top; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.util_bar01 .bdr {transition: background-color .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); position: relative; width: 1px; height: 100%; background-color: #000; animation: loop_line 4s infinite;}
.util_bar02 {width: 1px; height: 100%; position: absolute; right: 0; top: 0; transition: opacity .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); overflow: hidden; z-index: 1;}
#nav.in .util_bar02 {background: #4c4c4c; animation: show_line 1.7s forwards; transform-origin: top; transition-timing-function: cubic-bezier(.165,.84,.44,1);}
.util_bar02 .bdr {transition: background-color .2s; transition-timing-function: cubic-bezier(.165,.84,.44,1); position: relative; width: 1px; height: 100%; background-color: #fafafa; animation: loop_line 4s infinite;}
@keyframes loop_line{0%{top:-100%}100%{top:100%}}
@keyframes show_line{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
@media screen and (max-width:1450px) {
	#nav .logo_box,.hambarger_box {display: none;}
}

#nav .list_box a span {opacity: 0; transform: translate3d(130px,0,0); display: inline-block;}
#nav.in .list_box a span {opacity: 1; transition: opacity 1.6s,transform 1.6s; transition-timing-function: cubic-bezier(.165,.84,.44,1); transform: translate3d(0,0,0);}
#nav .list_box a span:nth-child(2) {transition-delay: .1s;}
#nav .list_box a span:nth-child(3) {transition-delay: .2s;}
#nav .list_box a span:nth-child(4) {transition-delay: .3s;}
#nav .list_box a span:nth-child(5) {transition-delay: .4s;}
#nav .list_box a span:nth-child(6) {transition-delay: .5s;}
#nav .list_box a span:nth-child(7) {transition-delay: .6s;}
#nav .list_box a span:nth-child(8) {transition-delay: .7s;}
#nav .list_box a span:nth-child(9) {transition-delay: .8s;}
#nav .list_box a {line-height: 1; font-size: 20px; transition-duration: .5s; display: table; text-decoration: none; letter-spacing: 1px;}
#nav .list_box a:hover {color: #ef8593;}
#nav .list_box .insta {margin-top: 60px;}
#nav .list_box .line {margin-top: 40px;}
.important-info {position: fixed; left: 40px; bottom: 40px; font-size: 13px; display: inline; padding: 10px 8px; box-sizing: border-box; border: 1px solid #fff; z-index: 100; transition-duration: .5s;}
.important-info.fixed {background: #fff; border-color: #000; transition-duration: .5s; color: #000;}
.important-info.fixed:hover {background: #000; color: #fff;}




/*index*/
#index {background: url("img/index/bg.jpg")top left repeat; overflow: hidden; position: relative; z-index: 500;}
#index .section::before {position: absolute; content: ''; width: 1000px; top: 0; left: 0; height: 10px; margin-left: -380px; background: #ee8593; z-index: 10;}
#index .box01 {background: #1b1b1b; padding: 80px 0; position: relative; z-index: 10;}
#index .box01 .inbox12::before {content: ''; position: absolute; background: url("img/index/box01_icon.svg")no-repeat; width: 943px; height: 462px; left: -360px; bottom: -80px;}
#index .box01 ul {width: 1460px; margin-left: 100px; padding-right: 20px; box-sizing: border-box; position: relative; z-index: 10;}
#index .box01 li {margin-right: 20px;}
#index .box01 li:nth-child(7n) {margin-right: 0;}
#index .box01 li:nth-child(n + 8) {margin-top: 20px;}
#index .bg {position: absolute; width: 2267px; height: 2267px; transform: rotate(45deg);}
#index .bg span {background: #efbac1; position: absolute; width: 100%; height: 0; transition-duration: 1.3s; transition-timing-function: ease-in-out;}
#index .f_point02.inview .bg span {width: 100%; height: 100%;}
#index .box02 {padding: 100px 0;}
#index .box02 .txt01 {font-size: 25px; line-height: 1; position: relative; z-index: 10; color: #c8c8c8;}
#index .box02 h2 {font-size: 50px; margin: 20px 0 60px; position: relative; z-index: 20; overflow: hidden;}
#index .box02 h2 p {opacity: 0; transition-duration: .1s;}
#index .box02 .f_point.inview h2 p {animation: fadeUp .6s cubic-bezier(0,0,.25,1) both; display: inline-block; opacity: 1; animation-delay: 1.4s;}
#index .box02 .txt02 {font-size: 18px; line-height: 2.8;}
#index .box02 .icon_txt {font-size: 100px; line-height: 1; opacity: 0; position: absolute; right: 0; top: 70px; letter-spacing: 5px; z-index: 10;}
#index .box02 .f_point.inview .icon_txt {opacity: .08;}
#index .box02 .mask span {opacity: 0;}
#index .box02 .f_point.inview .mask span {animation-delay: 1.7s; opacity: 1; transition-delay: 1s;}
#index .box02 .icon_txt p:nth-child(1) {transition-delay: .5s;}
#index .box02 .icon_txt p:nth-child(2) {padding-left: 480px; transition-delay: .7s;}
#index .box02 .icon_txt .big {font-size: 150px;}
#index .box02 .logo {position: absolute; right: 150px; top: 280px; z-index: 20;}
#index .box02 .logo_v {opacity: 0; transition-delay: 1s; transition-duration: .5s; position: absolute; top: 0; left: 0;}
#index .box02 .inview .logo_v {opacity: 1;}
#index .box02 .x_btn {margin-left: 0; width: 345px; z-index: 20; margin-top: 30px;}
#index .box02 .bg {right: -2130px; top: -390px;}
#index .box02 .title {font-size: 25px; text-align: center;}


#index .box03 {padding: 100px 0;}
#index .box03 h2 {font-size: 25px; margin-bottom: 30px;}
#index .box03 .tag_box {margin: 30px auto 40px; position: relative; z-index: 10;}
#index .box03 .gallery_list {position: relative; z-index: 10;}
#index .box03 .item {box-sizing: border-box; width: 390px; position: relative;}
#index .box03 .item:nth-child(3n) {margin-right: 0;}
#index .box03 .item:nth-child(n + 4) {margin-top: 10px;}
#index .box03 .over {position: absolute; left: 0; top: -12px; z-index: 10; width: 100%; padding: 0 10px; box-sizing: border-box;}
#index .box03 .tax_tag {font-size: 16px; width: 114px; height: 24px; line-height: 1;}
#index .box03 .item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#index .box03 .tag_box a {box-sizing: border-box; width: 158px; height: 30px; font-size: 18px; line-height: 1; margin-right: 50px; transition-duration: .7s; transition-timing-function: ease-in-out; opacity: 0; transform: translateX(-10px);}
#index .box03.inview .tag_box a {opacity: 1; transform: translateX(0);}
#index .box03.inview .tag_box a:nth-child(2) {transition-delay: .1s;}
#index .box03.inview .tag_box a:nth-child(3) {transition-delay: .2s;}
#index .box03.inview .tag_box a:nth-child(4) {transition-delay: .3s;}
#index .box03.inview .tag_box a:nth-child(5) {transition-delay: .4s;}
#index .box03.inview .tag_box a:nth-child(6) {transition-delay: .5s;}
#index .box03.inview .tag_box a:nth-child(7) {transition-delay: .6s;}
#index .box03 .tag_box a:nth-child(6n) {margin-right: 0;}
#index .box03 .tag_box a:nth-child(n + 7) {margin-top: 20px;}
#index .box03 .x_btn {margin: 100px auto 0;}
#index .box03 .bg02 {left: -2130px; top: -390px;}
#index .box03 .bg02 span {width: 0;}
#index .box03 .bg03 {right: -2130px; top: 700px;}
#index .box03 .bg03 span {background: #ee909c;}
#index .box03.inview .fade_under .item {opacity: 1; transform: translate(0); transition-delay: 1s;}
#index .box03 .fade_under .item:nth-child(2) {transition-delay: 1.1s;}
#index .box03 .fade_under .item:nth-child(3) {transition-delay: 1.2s;}
#index .box03 .fade_under .item:nth-child(4) {transition-delay: 1.3s;}
#index .box03 .fade_under .item:nth-child(5) {transition-delay: 1.4s;}
#index .box03 .fade_under .item:nth-child(6) {transition-delay: 1.5s;}
#index .box03 .fade_under .item:nth-child(7) {transition-delay: 1.6s;}
#index .box03 .fade_under .item:nth-child(8) {transition-delay: 1.7s;}
#index .box03 .fade_under .item:nth-child(9) {transition-delay: 1.8s;}
.particles_box01 {position: absolute; height: 554px; width: 334px; bottom: 0; left: 700px; z-index: 100; transform: rotate(-45deg);}
.particles_box02 {position: absolute; height: 554px; width: 607px; bottom: 1300px; right: 100px; z-index: 100; transform: rotate(-45deg);}

#index .box04 {padding: 100px 0;}
#index .box04 .icon_txt {font-size: 25px; line-height: 1; letter-spacing: 1px;}
#index .box04 h2 {font-size: 50px; margin-top: 15px; overflow: hidden; line-height: 1.5;}
#index .box04 h2 p {opacity: 0; transition-duration: .1s;}
#index .box04 .min_txt {font-size: 14px; line-height: 1.5; margin: 17px 0 45px; transition-delay: .8s;}
#index .box04 .min_txt02 {line-height: 1.8; margin: 30px 0 0; font-size: 14px; box-sizing: border-box; border: solid 1px #000; background: #fff; padding: 20px;}
#index .box04.inview h2 p {animation: fadeUp .6s cubic-bezier(0,0,.25,1) both; display: inline-block; opacity: 1; animation-delay: .6s;}
#index .box04 h2 p:nth-child(1) {color: #49041d; letter-spacing: 2px;}
#index .box04 ul {position: relative; z-index: 10;}
#index .box04 li {width: 399px; height: 284px; margin-right: 1px; box-sizing: border-box; position: relative; overflow: hidden;}
#index .box04 li:nth-child(3n) {margin-right: 0;}
#index .box04 li:nth-child(n + 4) {margin-top: 1px;}
#index .box04 .no {font-size: 30px; line-height: 1; font-style: italic; margin-right: 10px;}
#index .box04 h3 {font-size: 23px; line-height: 1.4; margin: 45px 0 40px; position: relative; z-index: 10;}
#index .box04 li:nth-child(3) h3 {margin: 12px 0 6px;}
#index .box04 .txt02 {font-size: 14px; line-height: 1.8; position: relative; z-index: 10;}
#index .box04 li .li_bg {padding: 30px 0 0 30px; width: 100%; height: 100%; box-sizing: border-box; transition-duration: .5s;}
#index .box04 li:nth-child(1) {transition-delay: 1s;}
#index .box04 li:nth-child(2) {transition-delay: 1.1s;}
#index .box04 li:nth-child(3) {transition-delay: 1.2s;}
#index .box04 li:nth-child(4) {transition-delay: 1.3s;}
#index .box04 li:nth-child(5) {transition-delay: 1.4s;}
#index .box04 li:nth-child(6) {transition-delay: 1.5s;}
#index .box04 li:nth-child(1) .li_bg,#index .box04 li:nth-child(3) .li_bg,#index .box04 li:nth-child(5) .li_bg {background-color: #f5f4f4;}
#index .box04 li:nth-child(2) .li_bg,#index .box04 li:nth-child(4) .li_bg,#index .box04 li:nth-child(6) .li_bg {background-color: #f5f4f4;}
#index .box04 li:nth-child(1) .no,#index .box04 li:nth-child(3) .no,#index .box04 li:nth-child(5) .no {color: #ee8593; transition-duration: .5s;}
#index .box04 li:nth-child(2) .no,#index .box04 li:nth-child(4) .no,#index .box04 li:nth-child(6) .no {color: #49041d; transition-duration: .5s;}
#index .box04 li:nth-child(1):hover .li_bg,#index .box04 li:nth-child(3):hover .li_bg,#index .box04 li:nth-child(5):hover .li_bg {background-color: #ee8593; color: #fff;}
#index .box04 li:nth-child(2):hover .li_bg,#index .box04 li:nth-child(4):hover .li_bg,#index .box04 li:nth-child(6):hover .li_bg {background-color: #49041d; color: #fff;}

#index .box04 li:hover .no {color: #fff;}
#index .box04 li .bdr {content: ''; position: absolute; background: #fff; transition-duration: .3s; transition-timing-function: ease-in-out; z-index: 20;}
#index .box04 li .bdr01 {top: 5px;
    right: -100%;
    width: calc(100% - 10px);
    height: 1px;}
#index .box04 li .bdr02 {    top: -100%;
    left: 5px;
    width: 1px;
    height: calc(100% - 10px); transition-delay: .3s;}
#index .box04 li .bdr03 {	bottom: 5px;
    left: -100%;
    width: calc(100% - 10px);
    height: 1px;}
#index .box04 li .bdr04 {    bottom: -100%;
    right: 5px;
    width: 1px;
    height: calc(100% - 10px); transition-delay: .3s;}
#index .box04 li:hover .bdr01 {right: 5px;}
#index .box04 li:hover .bdr02 {top: 5px;}
#index .box04 li:hover .bdr03 {left: 5px;}
#index .box04 li:hover .bdr04 {bottom: 5px;}
#index .box04 li .li_bg .icon {position: absolute; bottom: 0; right: -40px; width: 60%;}
#index .box04 li .li_bg .on_icon {position: absolute; bottom: 0; right: -40px; transition-duration: .5s; opacity: 0; z-index: 10; width: 60%;}
#index .box04 li:nth-of-type(2) .li_bg .icon,#index .box04 li:nth-of-type(2)  .li_bg .on_icon {width: 50%; bottom: 30px; right: -30px;}
#index .box04 li:nth-of-type(3) .li_bg .icon,#index .box04 li:nth-of-type(3)  .li_bg .on_icon {width: 50%;}
#index .box04 li:nth-of-type(4) .li_bg .icon,#index .box04 li:nth-of-type(4)  .li_bg .on_icon {width: 40%; right: 0;}
#index .box04 li:nth-of-type(5) .li_bg .icon,#index .box04 li:nth-of-type(5)  .li_bg .on_icon {width: 50%; right: -30px;}
#index .box04 li:nth-of-type(6) .li_bg .icon,#index .box04 li:nth-of-type(6)  .li_bg .on_icon {width: 40%; right: -10px;}
#index .box04 li:hover .li_bg .on_icon {opacity: 1;}
#index .box04 .min_txt02 a {width: 370px;}
#index .box04 .min_txt02 .inner_txt {margin-right: 40px;}

#index .voice_box {padding: 100px 0;}
#index .voice_box h2 {font-size: 50px; margin: 20px 0 60px; position: relative; z-index: 20; overflow: hidden;}
#index .voice_box h2 p {animation: fadeUp .6s cubic-bezier(0,0,.25,1) both; display: inline-block; opacity: 1; animation-delay: 1.4s;}
#index .voice_box .item {width: 366px; margin-right: 50px;}
#index .voice_box .item:nth-child(3n) {margin-right: 0;}
#index .voice_box .item:nth-child(n + 4) {margin-top: 50px;}
#index .voice_box .img {box-sizing: border-box; border: 1px solid #49041d; padding: 10px;}
#index .voice_box .img span {width: 100%; padding-top: 65%; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; display: block;}
#index .voice_box .txt01 {font-size: 25px; line-height: 1; margin: 20px 0 15px; position: relative; z-index: 10; color: #c8c8c8;}
#index .voice_box h3 {font-size: 14px; line-height: 1.5;}
#index .voice_box .link_box {margin-top: 20px; line-height: 1;}
#index .voice_box .link_box p {font-size: 14px;}
#index .voice_box .link_box a {font-size: 14px; margin-top: 10px;}
#index .voice_box .x_btn {margin-top: 50px; }
#index .voice_box .min_btn {width: 100%; height: 40px; margin-top: 20px; font-size: 14px;}


#index .box05 {padding: 100px 0; background: #49041d; position: relative;}
#index .box05 h2 {font-size: 50px; letter-spacing: 2px; margin-right: 80px; margin-top: -23px;}
#index .box05 th,#index .box05 td {font-size: 16px; line-height: 1.5; padding-top: 40px; vertical-align: middle;}
#index .box05 tr:nth-child(1) th,#index .box05 tr:nth-child(1) td {padding-top: 0;}
#index .box05 th {padding-right: 50px; word-break: keep-all;}
#index .box05 .particles_item01 {width: 569px; position: absolute; left: -569px; top: 50px; height: 504px;}
#index .box05 .particles_item02 {width: 597px; position: absolute; right: -597px; top: -50px; height: 504px;}

/*========================
FOOTER
========================*/
footer {box-sizing: border-box; background: #1b1b1b; padding-top: 170px;}
footer .logo02 {margin: 30px auto 170px;}
footer .copy {background: #49041d; font-size: 12px; line-height: 1; padding: 5px 0; position: relative; z-index: 10;}
footer .bg01 {position: absolute; left: -360px; top: -170px;}
footer .bg02 {position: absolute; right: -360px; top: -170px;}


/*pankuzu*/
.pan {padding: 40px 0;}
.pan p {font-weight: bold; margin: 0 auto;}
.pan a {display: inline;}
.pan a:nth-child(1) {box-sizing: border-box; border-bottom: 1px solid #aaa;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
position: relative;
font-size: 40px; line-height: 1; z-index: 550;
background-color: #fff;
overflow: hidden;
height: 700px;	
}
.page_thumb .bg {width: 830px; height: 1760px; background: #ee8593; transform: rotate(-43deg); position: absolute; left: -850px;}
.page_thumb .bg02 {background:url("img/header/thumb_right.png")right center no-repeat; position: absolute; top: 0; bottom: 0; right: -360px; width: 488px; height: 700px;}
.thumb {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;}
.page_thumb .txt {position: relative; overflow: hidden; z-index: 100; background: #fff; padding: 5px; transition-delay: .2s;}

.particles_box05 {position: absolute; height: 554px; width: 607px; bottom: 1300px; right: 100px; z-index: 100; transform: rotate(-45deg);}

#main_particles02-js {position: absolute; top: 0; width: 100%; height: 100%;}


.thumb01 {background: url("img/thumb01.jpg")top center no-repeat;}
.thumb02 {background: url("img/thumb02.jpg")top center no-repeat;}
.thumb03 {background: url("img/thumb03.jpg")top center no-repeat;}
.thumb04 {background: url("img/thumb04.jpg")top center no-repeat;}
.thumb05 {background: url("img/thumb05.jpg")top center no-repeat;}
.thumb06 {background: url("img/thumb06.jpg")top center no-repeat;}
.thumb07 {background: url("img/thumb07.jpg")top center no-repeat;}
.thumb08 {background: url("img/thumb08.jpg")top center no-repeat;}
.thumb09 {background: url("img/thumb09.jpg")top center no-repeat;}
.thumb10 {background: url("img/thumb10.jpg")top center no-repeat;}
.thumb11 {background: url("img/thumb11.jpg")top center no-repeat;}

.single_page {z-index: 550; position: relative;}

/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
.page_thumb img {
height: 120px;
}
}

/*
タイトル
*************/
.page_title {box-sizing: border-box; font-size: 25px; line-height: 1; padding: 10px 10px 10px 0; color: #c8c8c8;}
.page_title p {box-sizing: border-box; font-size: 40px; margin-top: 13px; line-height: 1;}


/*
記事詳細ページ
***************/
.nav_over {margin: 50px 0;}
.nav_under {margin-top: 50px;}
.navigation .next-entries,.navigation .previous-entries {width: 200px; height: 40px; line-height: 1; font-size: 16px; display: flex; align-content: center; justify-content: center; box-sizing: border-box; border: 1px solid #000; background: url("img/gallery/arrow.svg")center left 20px no-repeat; font-weight: 500; color: #fff; background-color: #000;}
.navigation .next-entries a,.navigation .previous-entries a {display: flex; align-items: center; justify-content: center;}

.nav_archive_btn {box-sizing: border-box; font-size: 16px; line-height: 1; width: 200px; height: 40px; background: url("img/gallery/arrow.svg")center left 20px no-repeat; font-weight: 500; color: #fff; background-color: #ee8593; justify-content: center;}
.nav_archive_btn img {margin-left: 20px;}
.news_archive_btn {background: #FFAD4D; color: #fff;}


/*ページネーション
*******************/
.paging {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.paging-box {
display: inline-block;
}
.paging span, .paging a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #000; /* 文字色 */
background: #ddd; /* 背景色 */
border: 1px solid #bbb;
font-weight: bold;
}
.page-of {display: none !important;}
.paging a:hover{
color: #fff; /* マウスホバー時の文字色 */
background: #ccc; /* マウスホバー時の背景色 */
}
.paging .current{
padding: 10px 15px 10px 15px;
color: #fff; /* 文字色 */
background: #ccc; /* 背景色 */
}
@media only screen and (max-width: 413px) {
.paging {
font-size: 12px;
padding-bottom: 0;
line-height: 12px;
}
.paging span, .paging a {
padding: 8px 10px 8px 10px;
}
.paging .current{
padding: 8px 10px 8px 10px;
}
}