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

#about {margin-bottom: 100px;}
#about .table01 {box-sizing: border-box; background: #f4f4f4; margin-top: 100px;}
#about .table01 th,#about .table01 td {box-sizing: border-box; padding: 10px 20px; font-size: 16px; border-bottom: 1px solid #fff; line-height: 2.5;}
#about .table01 th {width: 200px; vertical-align: middle;}
#about .table01 span {margin-right: 20px; display: block;}
#about .table01 tr:nth-child(2n) {background: #fff; }

#about .mask span {opacity: 0;}
#about .inview .mask span  {opacity: 1; animation-delay: .7s;}
#about .fade_u {transition-delay: .3s;}
#about .box01 .title {font-size: 40px; line-height: 1; margin-bottom: 50px;}
#about .box01 h2 p{display: inline-block; font-size: 42px; border-bottom: 2px solid #000; padding-bottom: 5px; margin-bottom: 40px;}
#about .box01 p:nth-of-type(2) {font-size: 18px; line-height: 2;}
#about .box01 .boxs {width: 1000px; margin: 100px auto 0;}	
#about .box01 .box {background-color: #49041d; text-align: center; transform: translateY(20px) rotate(45deg); height: 235px; width: 235px; opacity: 0;  transition-duration: .5s; box-sizing: border-box; border: 10px solid #ee8593;}
#about .box01 .box p:nth-child(1) {font-size: 18px; line-height: 1; margin-bottom: 25px;}
#about .box01 .box p:nth-child(2) {font-size: 17px; line-height: 1.7;}
#about .box01 .box .txt{transform: rotate( -45deg ); position:	absolute;}
#about .box01 .boxs .box2 {background: #49041d; transition-delay: .1s;}
#about .box01 .boxs .box3 {background: #49041d; transition-delay: .2s;}
#about .box01 .inview .box {opacity: 1; transform:translateY(0px) rotate(45deg);}
#about .box01 .box .bg {background: url("img/about/box01_bg01.svg") top center no-repeat; transition-duration: .5s; width: 100%; height: 100%; opacity: 0;}
#about .box01 .box .bg02 {background: url("img/about/box01_bg01.svg") top center no-repeat; transition-duration: .5s; width: 100%; height: 100%; opacity: 0;}
#about .box01 .box .bg03 {background: url("img/about/box01_bg01.svg") top center no-repeat; transition-duration: .5s; width: 100%; height: 100%; opacity: 0;}
#about .box01 .box:hover .bg,#about .box01 .box:hover .bg02,#about .box01 .box:hover .bg03 {opacity: 1;}
#about .con .title { font-size: 40px; line-height: 1; margin: 100px 0;}
#about .con h3 {font-size: 25px;}
#about .con h3 p {display: table; border-bottom: 2px solid #000; line-height: 1; padding-bottom: 5px; margin: auto;}
#about .con .inner p {font-size: 18px; line-height: 2;}
#about .con .inner img {margin-right: 50px;}
#about .con .inner {margin-top: 50px;}
#about .con h3:nth-of-type(1) p {margin-bottom: 20px;}
#about .con02 h3:nth-of-type(1) p {margin-bottom: 40px;}
#about .con02 .txt {font-size: 18px; line-height: 2.3; margin-bottom: 40px;}
#about .con03 h3:nth-of-type(1) p {margin-bottom: 20px;}
#about .con03 .txt {font-size: 18px; line-height: 2.3; margin: 40px 0;}
#about .con .under {font-size: 25px; line-height: 1; position: relative; padding: 50px 0;}
#about .con .under p {margin-top: 50px; line-height: 1;}
#about .con .under p:nth-child(1) {margin-top: 0;}
#about .con .under::before{content:''; background: #a40000; height: 1px; width: 0; position:absolute; top: 0; left: 0; transition-duration: .5s; transition-delay: .3s;}
#about .con .under::after{content:''; background: #a40000; height: 1px; width: 0; position:absolute; bottom: 0; right: 0; transition-duration: .5s; transition-delay: .3s;}
#about .con .under .txt::before {content:''; background: #a40000; height: 0; width: 1px; position:absolute; top: 0; right: 120px; transition-duration: .5s;}
#about .con .under .txt::after {content:''; background: #a40000; height: 0; width: 1px; position:absolute; bottom: 0; left: 120px; transition-duration: .5s;}
#about .con .under .txt {margin: 0; font-size: 25px;}
#about .con .under.inview .txt::before,#about .con .under.inview .txt::after {height: 220px;}
#about .con .under.inview::before,#about .con .under.inview::after {width: 1000px;}
#about .box03 {background: url("img/about/box03_bg.jpg")top left repeat; padding: 60px; position: relative; margin-top: 100px;}
#about .box03::after {content: ''; display: block; background: url("img/about/box03_icon.svg")no-repeat; width: 467px; height: 390px; right: 30px; bottom: 317px; position: absolute;}
#about .box03 h2 {font-size: 25px; line-height: 1.3; position: relative; z-index: 10;}
#about .box03 .bdr {content: ''; display: block; background: #fff; width: 100px; height: 3px; margin: 30px 0;}
#about .box03 .text {font-size: 14px; line-height: 1.8; position: relative; z-index: 10;}
#about .box03 .right_txt {width: 750px;}
#about .box03 .img_link {margin-left: 70px; position: absolute; top: 0; right: 0; padding: 50px; width: 220px; z-index: 20;}
#about .box03 .img_link .img {position: relative; z-index: 10;}
#about .box03 .img_link .link {margin-top: 20px;}
#about .box03 .img_link .link img {width: 100%;}

#about .box03 .inner_txt h3 {margin: 15px 0; font-size: 16px;}
#about .box03 .inner_txt .name {text-align: right;}
#about .box03 .inner_txt .last {margin-top: 20px;}


#about .contact_box {box-sizing: border-box; border: 1px solid #000; padding: 50px 0; margin-top: 100px;}
#about .contact_box .title {font-size: 50px; line-height: 1; display: table; letter-spacing: 2px; position: relative;}
#about .contact_box .title::before {content: ''; position: absolute; background: url("img/about/contact_title_icon01.svg")no-repeat; width: 50px; height: 17px; left: -65px; top: 12px; margin: auto;}
#about .contact_box .title::after {content: ''; position: absolute; background: url("img/about/contact_title_icon02.svg")no-repeat; width: 50px; height: 17px; right: -65px; top: 12px; margin: auto;}
#about .contact_box .txt02 {font-size: 40px; line-height: 1; margin: 50px auto 10px;}
#about .contact_box .txt03 {font-size: 30px; line-height: 1; color: #cbcbcb;}
#about .contact_box a {box-sizing: border-box; border: 1px solid #000; width: 600px; height: 60px; font-size: 16px; line-height: 1; margin: 50px auto 0;}
#about .contact_box a img {margin-right: 10px;}
#about .contact_box a::before {content: ''; position: absolute; background: url("img/about/contact_icon01.svg")no-repeat; width: 220px; height: 200px; left: -100px; top: -30px;}
#about .contact_box a::after {content: ''; position: absolute; background: url("img/about/contact_icon02.svg")no-repeat; width: 220px; height: 200px; right: -100px; bottom: -30px;}

/*archives-voice*/
#archives-voice {padding-bottom: 100px;}
#archives-voice h2 {font-size: 25px; margin-bottom: 50px;}
#archives-voice .item {width: 366px; margin-right: 50px; box-sizing: border-box; border: 1px solid #ee8593; padding: 20px; position: relative; height: 390px;}
#archives-voice .item:nth-child(3n) {margin-right: 0;}
#archives-voice .item:nth-child(n + 4) {margin-top: 50px;}
#archives-voice .img {box-sizing: border-box; border-right: 3px solid #ee8593; border-bottom: 3px solid #ee8593; width:90px; height: 90px; transform: rotate(-45deg); overflow: hidden; }
#archives-voice .right_top {position: absolute; top: -20px; right: 20px;}
#archives-voice .right_top .link {margin-top: 30px; background: #ee8593; padding: 3px 0; font-size: 14px;}
#archives-voice .img span {width: 150%; height: auto; padding-top: 148%; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; display: block; transform: rotate(45deg) translateX(-23%);}
#archives-voice .txt01 {font-size: 18px; line-height: 1; margin-bottom: 20px;}
#archives-voice .txt01:nth-of-type(2) {margin-bottom: 10px;;}
#archives-voice .txt01:last-of-type {margin-bottom: 0;}
#archives-voice h3 {font-size: 14px; line-height: 1.5; margin-top: 30px;}
#archives-voice .link_box {margin-top: 20px; line-height: 1;}
#archives-voice .link_box p {font-size: 14px;}
#archives-voice .link_box a:nth-child(n + 2) {margin-left: 20px;}
#archives-voice .x_btn {margin-top: 100px;}
#archives-voice .min_btn {height: 40px; margin-top: 15px; font-size: 14px; position: absolute; bottom: 30px; width: calc(100% - 40px);}
#archives-voice .icon_box {margin-top: 20px;}
#archives-voice .icon_box p {padding: 3px; margin-right: 10px; margin-bottom: 5px;}
#archives-voice .voice_list {margin-top: 60px;}
#archives-voice .txt02 {margin-top: 30px;}


#single_voice {margin-bottom: 100px;}
#single_voice .img img {box-sizing: border-box; border: 3px solid #ee8593; width: 344px; height: 100%;}
#single_voice .gallery_box {margin: 50px auto;}
#single_voice .gallery_box .title {font-size: 30px; line-height: 1;}
#single_voice .gallery_box .min {font-size: 16px; line-height: 1; margin-top: 20px;}
#single_voice .gallery_list {margin-top: 50px;}
#single_voice .gallery_list a {width: 386px; margin-right: 20px; position: relative;}
#single_voice .gallery_list a .img {width: 100%; box-sizing: border-box; position: relative; padding-top: 59%; background-size: cover; background-position: top center; background-repeat: no-repeat;}
#single_voice .gallery_list a:nth-child(3n) {margin-right: 0;}
#single_voice .gallery_list a:nth-child(n + 4) {margin-top: 20px;}
#single_voice .txt_box {background: #f5f4f4; padding: 50px;}
#single_voice h1 {font-size: 16px; line-height: 1.5; margin-bottom: 30px;}
#single_voice .txt_box span {margin-right: 10px;}
#single_voice .text {font-size: 16px; line-height: 2;}
#single_voice .link_box {font-size: 16px; line-height: 1;}
#single_voice .link_box p {margin-bottom: 10px;}
#single_voice .link_box a {background: #ee8593; width: 200px; padding: 10px;}
#single_voice .name_box {font-size: 23px;}
#single_voice .txt02 {margin-top: 20px; font-size: 20px;}
#single_voice .txt01 {margin-bottom: 10px;}




/*archives-gallery*/
#archives-gallery {margin-bottom: 100px;}
#archives-gallery .box01 .tag_box {margin: 30px auto 40px; position: relative; z-index: 10;}
#archives-gallery .box01 .gallery_list {position: relative; z-index: 10;}
#archives-gallery .box01 .logo_box {margin: 50px 0 30px;}
#archives-gallery .box01 .logo_box a {margin-right: 20px;}
#archives-gallery .box01 .logo_box a:last-child {margin-right: 0;}
#archives-gallery .box01 .item {box-sizing: border-box; width: 390px; position: relative; border: solid 1px #ee909c; margin-bottom: 20px;}
#archives-gallery .box01 .item:nth-child(n + 4) {margin-bottom: 0;}
#archives-gallery .box01 .item:nth-child(3n) {margin-right: 0;}
#archives-gallery .box01 .over {position: absolute; left: 0; top: -12px; z-index: 10; width: 100%; padding: 0 10px; box-sizing: border-box;}
#archives-gallery .box01 .time {box-sizing: border-box; font-size: 16px; line-height: 1; width: 132px; height: 24px; background: #fff; letter-spacing: 1px;}
#archives-gallery .box01 .tax_tag {font-size: 16px; width: 114px; height: 24px; line-height: 1;}
#archives-gallery .box01 .item .img img {width: 95%; height: 100%; object-fit: cover; object-position: center; margin-top: 10px;}
#archives-gallery .box01 .item h2 {font-size: 20px;}
#archives-gallery .box01 .item .title_box {margin: 10px 0; box-sizing: border-box; border-top: solid 1px #ee909c; padding-top: 10px; justify-content: center;}
#archives-gallery .box01 .item .title_box img {margin-right: 10px; margin-left: 10px;}
#archives-gallery .box01 .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;}
#archives-gallery .box01.inview .tag_box a {opacity: 1; transform: translateX(0);}
#archives-gallery .box01.inview .tag_box a:nth-child(2) {transition-delay: .1s;}
#archives-gallery .box01.inview .tag_box a:nth-child(3) {transition-delay: .2s;}
#archives-gallery .box01.inview .tag_box a:nth-child(4) {transition-delay: .3s;}
#archives-gallery .box01.inview .tag_box a:nth-child(5) {transition-delay: .4s;}
#archives-gallery .box01.inview .tag_box a:nth-child(6) {transition-delay: .5s;}
#archives-gallery .box01.inview .tag_box a:nth-child(7) {transition-delay: .6s;}
#archives-gallery .box01 .tag_box a:nth-child(6n) {margin-right: 0;}
#archives-gallery .box01 .tag_box a:nth-child(n + 7) {margin-top: 20px;}
#archives-gallery .box01 .x_btn {margin: 100px auto 0;}
#archives-gallery .box01 .bg02 {left: -2130px; top: -390px;}
#archives-gallery .box01 .bg02 span {width: 0;}
#archives-gallery .box01 .bg03 {right: -2130px; top: 700px;}
#archives-gallery .box01 .bg03 span {background: #ee909c;}
#archives-gallery .box01.inview .fade_under .item {opacity: 1; transform: translate(0); transition-delay: 1s;}
#archives-gallery .box01 .fade_under .item:nth-child(2) {transition-delay: 1.1s;}
#archives-gallery .box01 .fade_under .item:nth-child(3) {transition-delay: 1.2s;}
#archives-gallery .box01 .fade_under .item:nth-child(4) {transition-delay: 1.3s;}
#archives-gallery .box01 .fade_under .item:nth-child(5) {transition-delay: 1.4s;}
#archives-gallery .box01 .fade_under .item:nth-child(6) {transition-delay: 1.5s;}
#archives-gallery .box01 .fade_under .item:nth-child(7) {transition-delay: 1.6s;}
#archives-gallery .box01 .fade_under .item:nth-child(8) {transition-delay: 1.7s;}
#archives-gallery .box01 .fade_under .item:nth-child(9) {transition-delay: 1.8s;}
#single-gallery {margin-bottom: 100px;}
#single-gallery h2 {font-size: 30px; margin-right: 20px;}
#single-gallery .gallery_area {margin-top: 50px;}
#single-gallery .gallery_box {margin-top: 50px;}
#single-gallery .gallery_box a {margin-right: 40px; width: 373px;}
#single-gallery .gallery_box a img {width: 100%; height: 279px; object-fit: cover; object-position: center;}
#single-gallery .gallery_box a:nth-child(3) {margin-right: 0;}
#single-gallery .gallery_box a:nth-child(n + 4) {margin-top: 40px;}
#single-gallery .txt_box .bar {width: 20px; height: 2px; background: #ee8593; margin-right: 10px;}
#single-gallery .txt_box {padding: 50px 45px; font-size: 16px; background: #f5f4f4; margin-top: 50px;}
#single-gallery .txt_box .title {margin-bottom: 20px;}
#single-gallery .txt_box p {line-height: 2.3;}
#single-gallery .gallery_title p {margin-top: 10px;}
#single-gallery h1 {color:#c8c8c8; font-size: 25px;}
#single-gallery h1 p {margin-top: 20px; font-size: 40px;}
#archives-gallery-tax {margin-bottom: 100px;}
#archives-gallery-tax .fade_under .item {opacity: 0;}
#archives-gallery-tax .tag_box {margin: 30px auto 40px; position: relative;}
#archives-gallery-tax .gallery_list {position: relative;}
#archives-gallery-tax .item {box-sizing: border-box; width: 400px; position: relative;}
#archives-gallery-tax .item:nth-child(3n) {margin-right: 0;}
#archives-gallery-tax .over {position: absolute; left: 0; top: -12px; width: 100%; padding: 0 10px; box-sizing: border-box;}
#archives-gallery-tax .time {box-sizing: border-box; font-size: 16px; line-height: 1; width: 132px; height: 24px; background: #fff; letter-spacing: 1px;}
#archives-gallery-tax .tax_tag {font-size: 16px; width: 114px; height: 24px; line-height: 1;}
#archives-gallery-tax .item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#archives-gallery-tax .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;}
#archives-gallery-tax .tag_box a:nth-child(6n) {margin-right: 0;}
#archives-gallery-tax .tag_box a:nth-child(n + 7) {margin-top: 20px;}
#archives-gallery-tax .logo_box {margin-top: 50px; margin-bottom: 30px; }
#archives-gallery-tax .logo_box a {margin-right: 20px;}
#archives-gallery-tax .logo_box a:last-child {margin-right: 0;}
#archives-gallery-tax .logo_box p {padding: 8px 10px; font-size: 16px;}

#archives-gallery-tax .box01.inview .tag_box a {opacity: 1; transform: translateX(0);}
#archives-gallery-tax .box01.inview .tag_box a:nth-child(2) {transition-delay: .1s;}
#archives-gallery-tax .box01.inview .tag_box a:nth-child(3) {transition-delay: .2s;}
#archives-gallery-tax .box01.inview .tag_box a:nth-child(4) {transition-delay: .3s;}
#archives-gallery-tax .box01.inview .tag_box a:nth-child(5) {transition-delay: .4s;}
#archives-gallery-tax .box01.inview .tag_box a:nth-child(6) {transition-delay: .5s;}
#archives-gallery-tax .box01.inview .tag_box a:nth-child(7) {transition-delay: .6s;}
#archives-gallery-tax .box01.inview .fade_under .item {opacity: 1; transform: translate(0); transition-delay: 1s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(2) {transition-delay: 1.1s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(3) {transition-delay: 1.2s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(4) {transition-delay: 1.3s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(5) {transition-delay: 1.4s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(6) {transition-delay: 1.5s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(7) {transition-delay: 1.6s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(8) {transition-delay: 1.7s;}
#archives-gallery-tax .box01 .fade_under .item:nth-child(9) {transition-delay: 1.8s;}

/*contact*/
#contact table {margin-top: 100px;}
#contact h2 {font-size: 20px; margin-top: 50px; box-sizing: border-box; background: #ee8593; padding: 20px 0; line-height: 1.5;}

/*contact_form*/
#contact {margin-bottom: 100px;}
#contact_form {width: 100%;}
#contact_form th,#contact_form td {display: block; padding-bottom: 20px; font-size: 18px;}
#contact_form td input,#contact_form textarea {width: 100%; font-size: 18px; padding: 10px; outline: none; font-weight: bold;  box-sizing: border-box;}
#contact_form td input {height: 50px;}
#contact_form .essential {color: #ef8593; background: #000; font-size: 16px; line-height: 1; padding: 5px 15px; position: absolute; left: 150px;}
#contact_form textarea {height: 300px; line-height: 1.7; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;}
.form_btn {color: #fff; font-size: 16px; background: #000; padding: 15px 0; width: 500px; text-align: center; border: none; margin: auto; display: block;}
#contact .thanks {font-size: 16px; line-height: 2;}
.wpcf7 form .wpcf7-response-output {display: none;}
.wpcf7 form.invalid .wpcf7-response-output {border: none; font-size: 16px; color: #ff0000; text-align: center;}