﻿@import url("global.css");#indexlist{display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 -2%}#indexlist li{width:50%;box-sizing:border-box;padding:0 2% 80px}#indexlist li a{display:block}#indexlist li a:hover .ph::after{opacity:1}#indexlist li a:hover .ph .img img{transform:scale(1.1);-webkit-transform:scale(1.1)}#indexlist li a:hover .ph .arrow{opacity:1}#indexlist li a .ph{position:relative;overflow:hidden}#indexlist li a .ph::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(31,31,31,0.6);transition:all .6s cubic-bezier(0.52, 0.08, 0.18, 1);-webkit-transition:all .6s cubic-bezier(0.52, 0.08, 0.18, 1);backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0;z-index:1}#indexlist li a .ph .img{position:relative;height:0;padding-top:66%}#indexlist li a .ph .img img{position:absolute;left:0;top:0;transition:all .6s cubic-bezier(0.52, 0.08, 0.18, 1);-webkit-transition:all .6s cubic-bezier(0.52, 0.08, 0.18, 1);backface-visibility:hidden;-webkit-backface-visibility:hidden}#indexlist li a .ph .arrow{border:1px solid #fff;border-radius:999px;width:90px;height:90px;position:absolute;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:11;left:0;right:0;margin:0 auto;opacity:0;transition:all .6s cubic-bezier(0.52, 0.08, 0.18, 1);-webkit-transition:all .6s cubic-bezier(0.52, 0.08, 0.18, 1);backface-visibility:hidden;-webkit-backface-visibility:hidden}#indexlist li a .ph .arrow::before{content:"";background-color:#fff;margin-left:2px;margin-top:10px;width:22px;height:1px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:0;right:0;margin:0 auto}#indexlist li a .ph .arrow::after{content:"";position:absolute;width:8px;height:8px;border-top:solid 1px #fff;border-right:solid 1px #fff;top:50%;left:0;right:-12px;margin:0 auto;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}#indexlist li a .entrytitle{font-weight:bold;font-size:20px;margin-top:20px;line-height:1.6}#indexlist li a .data{color:#464343;margin-top:10px}#indexlist li a .data span{display:inline-block}#indexlist li a .data span:first-child{margin-right:10px}.entry #toparea #topimg{display:none}.entry #bodyarea .titlearea{text-align:center;margin-bottom:80px}.entry #bodyarea .titlearea .entrytitle{font-weight:bold;font-size:28px}.entry #bodyarea .titlearea .data{margin-top:20px;letter-spacing:0}.entry #bodyarea .titlearea .data span{display:inline-block;margin:0 10px;letter-spacing:0.1em}.entry #bodyarea .slidearea .fotorama__thumb-border{border-color:#1F1F1F}.entry #bodyarea .slidearea .fotorama__caption{font-family:"Lato","Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ",Helvetica,sans-serif;font-size:15px;color:#1F1F1F}.entry #bodyarea .dataarea{margin:100px 40px}.entry #bodyarea .dataarea .list{display:-webkit-flex;display:flex;flex-wrap:wrap}.entry #bodyarea .dataarea .list li{padding:25px 40px;box-sizing:border-box;flex-basis:44%;border-bottom:1px solid #C8C8C8;margin:0 3%}.entry #bodyarea .dataarea .list li:nth-child(1),.entry #bodyarea .dataarea .list li:nth-child(2){border-top:1px solid #C8C8C8}.entry #bodyarea .dataarea .list li .title{font-weight:bold;width:30%}.entry #bodyarea #interview{background-color:#EFEFED;padding-bottom:80px}.entry #bodyarea #interview .mainimg{position:relative;padding-top:30%;height:0;margin-bottom:80px}.entry #bodyarea #interview .mainimg img{position:absolute;left:0;top:0;width:100%;height:100%}.entry #bodyarea #interview .interview_box{background-color:#fff;padding:90px 110px}.entry #bodyarea #interview .interview_box .maintitle{font-weight:bold;font-size:26px;padding:40px 0;margin-bottom:80px;border-bottom:1px dashed #C8C8C8;border-top:1px dashed #C8C8C8}.entry #bodyarea #interview .interview_box dl{margin-top:70px}.entry #bodyarea #interview .interview_box dl:first-of-type{margin-top:0}.entry #bodyarea #interview .interview_box dl dt{font-weight:bold;font-size:18px;margin-bottom:25px;color:#464343;position:relative;padding-left:45px}.entry #bodyarea #interview .interview_box dl dt::before{content:"";width:30px;height:1px;background-color:#C8C8C8;position:absolute;top:17px;left:0}.entry #bodyarea #interview .interview_box dl dd p{margin-top:15px}.entry #bodyarea #interview .interview_box .image{margin:80px 0}.entry #bodyarea #interview .interview_box .image .cap{font-size:15px;margin-top:15px;line-height:1.4;position:relative;padding-left:18px}.entry #bodyarea #interview .interview_box .image .cap::before{content:"▲";font-size:80%;position:absolute;left:0;top:2px;color:#C8C8C8}.entry #bodyarea #interview .interview_box .image:last-of-type{margin-bottom:0}.entry #bodyarea #interview .interview_box .gal_box{display:flex;justify-content:space-between;flex-wrap:wrap;margin:80px -20px 0}.entry #bodyarea #interview .interview_box .gal_box li{flex-basis:calc(100% / 2);padding:20px;box-sizing:border-box;text-indent:0}.entry #bodyarea #interview .interview_box .gal_box li::before{content:"";font-size:0;padding-right:0}.entry #bodyarea #interview .interview_box .gal_box li figure .cap{font-size:15px;margin-top:15px;line-height:1.4;position:relative;padding-left:18px}.entry #bodyarea #interview .interview_box .gal_box li figure .cap::before{content:"▲";font-size:80%;position:absolute;left:0;top:2px;color:#C8C8C8}@media only screen and (max-width: 1400px){.entry #bodyarea .dataarea{margin:80px 0}.entry #bodyarea .dataarea .list li{padding:20px}.entry #bodyarea #interview .interview_box{padding:60px 70px}.entry #bodyarea #interview .interview_box .maintitle{font-size:23px;margin-bottom:60px}.entry #bodyarea #interview .interview_box dl{margin-top:60px}.entry #bodyarea #interview .interview_box dl dt{font-size:18px}}@media only screen and (max-width: 959px){#indexlist li{padding-bottom:50px}#indexlist li a .entrytitle{font-size:17px;margin-top:15px}.entry #bodyarea .titlearea .entrytitle{font-size:24px}.entry #bodyarea .dataarea .list li .title{display:block;width:auto}.entry #bodyarea .dataarea .list li .text{display:block}.entry #bodyarea #interview .mainimg{margin-bottom:40px}.entry #bodyarea #interview .interview_box .maintitle{padding:30px 0;font-size:21px}.entry #bodyarea #interview .interview_box .image{margin:60px 0}.entry #bodyarea #interview .interview_box .gal_box{margin:60px -15px 0}.entry #bodyarea #interview .interview_box .gal_box li{padding:15px}}@media only screen and (max-width: 644px){#indexlist{margin:0}#indexlist li{padding:0 0 40px;width:100%}#indexlist li a .entrytitle{font-size:16px;margin-top:12px}#indexlist li a .data{margin-top:5px;font-size:14px}.entry #bodyarea{padding-top:60px}.entry #bodyarea .titlearea{margin-bottom:40px}.entry #bodyarea .titlearea .entrytitle{font-size:19px}.entry #bodyarea .titlearea .data{margin-top:10px}.entry #bodyarea .slidearea .fotorama__caption{font-size:13px}.entry #bodyarea .dataarea{margin:50px 0}.entry #bodyarea .dataarea .list{display:block}.entry #bodyarea .dataarea .list li{margin:0;padding:15px 20px}.entry #bodyarea .dataarea .list li:nth-child(2){border-top:none}.entry #bodyarea #interview{padding-bottom:40px}.entry #bodyarea #interview .mainimg{padding-top:45%}.entry #bodyarea #interview .interview_box{padding:35px 25px}.entry #bodyarea #interview .interview_box .maintitle{font-size:17px;padding:25px 5px;margin-bottom:40px}.entry #bodyarea #interview .interview_box dl{margin-top:40px}.entry #bodyarea #interview .interview_box dl dt{font-size:15px;padding-left:30px;margin-bottom:15px}.entry #bodyarea #interview .interview_box dl dt::before{top:11px;width:20px}.entry #bodyarea #interview .interview_box .image{margin:40px 0}.entry #bodyarea #interview .interview_box .image .cap{font-size:13px;margin-top:10px}.entry #bodyarea #interview .interview_box .gal_box{display:block;margin:40px 0 0}.entry #bodyarea #interview .interview_box .gal_box li{width:100%;padding:0;margin-top:20px}.entry #bodyarea #interview .interview_box .gal_box li figure .cap{font-size:13px;margin-top:10px}}
