@charset "UTF-8";


.main_pic {width: 80%;position: relative;margin: auto;
font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.main_pic .kv {width: 100%;height: 70vh;overflow: hidden;position: relative;}
.main_pic .kv img {
width: 100%;height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.main_pic .main_logo {padding: 20px 0;
height: auto;width: 10vw;}
.main_pic .main_logo img {height: auto;width: 100%;}
.main_pic .main_text {position: absolute;right: 0;top: 7vw; float: right; text-align: right;padding: 20px 0;}
.main_pic .main_text span {text-align: left;display: inline-block;}
.main_pic .main_text h1 {font-size: 14px;line-height: 1.6;}
.main_pic .main_text p {font-size: 12px;line-height: 1.6;}

.main_pic .caption {position: absolute;left: 1vh;bottom: 1vh;background: #fff;padding: 0 2px;display: inline-block;}
.main_pic .caption p {font-size: 12px;line-height: 2;}

@media screen and (max-width: 1060px) {


.main_pic {width: 80%;position: relative;margin: auto;}
.main_pic .kv {width: 100%;height: 70vh;overflow: hidden;position: relative;}
.main_pic .kv img {
width: 100%;height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.main_pic .main_logo {padding: 20px 0;
height: auto;width: 10vw;}
.main_pic .main_logo img {height: auto;width: 100%;}
.main_pic .main_text {position: absolute;right: 0;top: 7vw; float: right; text-align: right;padding: 20px 0;}
.main_pic .main_text span {text-align: left;display: inline-block;}
.main_pic .main_text h1 {font-size: 14px;line-height: 1.6;}
.main_pic .main_text p {font-size: 12px;line-height: 1.6;}
.main_pic .caption {position: absolute;left: 1vh;bottom: 1vh;background: #fff;padding: 0 2px;display: inline-block;}
.main_pic .caption p {font-size: 12px;line-height: 2;}

/*
.main_pic {width:50vh;height: inherit;position: relative;margin:0 auto 5vh;}
.main_pic img {width: 100%;height:auto;}
.main_pic .main_logo {
position: absolute;
top:calc(50% + 72px);;
left: -12vw;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%);
height: auto;width: 10vw;}
.main_pic .main_logo img {height: auto;width: 100%;}
.main_pic .main_text {text-align: right;padding: 5vw 0;}
.main_pic .main_text span {text-align: left;display: inline-block;}
.main_pic .main_text h1 {font-size: 14px;line-height: 1.6;}
.main_pic .main_text p {font-size: 12px;line-height: 1.6;}

.main_pic .caption {position: absolute;left: 2vh;bottom: 2vh;}
.main_pic .caption p {font-size: 12px;line-height: 1.6;}
*/


}
@media screen and (max-width: 767px) {
.main_pic {width:90vw;height: inherit;position: relative;margin:0 auto 5vh;}

.main_pic .kv {width: 100%;height: inherit;overflow: hidden;position: relative;}
.main_pic .kv img {
width: 100%;height: auto;
position: inherit;
top: inherit;
left: inherit;
transform: inherit;
-webkit- transform: inherit;
}


.main_pic .main_logo {
position: inherit;
top:inherit;
left: inherit;
transform: inherit;
-webkit- inherit;
height: auto;width: 25vw;padding: 5vw 0 0;margin: auto;}
.main_pic .main_logo img {height: auto;width: 100%;}
.main_pic .main_text {text-align: center;padding: 5vw 0;position: inherit;right: inherit;top: inherit;}
.main_pic .main_text span {text-align: center;display: inline-block;}
.main_pic .main_text h1 {font-size: 14px;line-height: 1.6;}
.main_pic .main_text p {font-size: 12px;line-height: 1.6;}

.main_pic .caption {position: absolute;left: 1vh;bottom: 1vh;background: #fff;padding: 0 2px;display: inline-block;}
.main_pic .caption p {font-size: 12px;line-height: 2;}

}



/*-------------------------
__top_style
-------------------------
#wrap{}
#wrap .main .flex{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;padding-top:50px;margin-right:150px;}
#wrap .main .flex .cre_logo_box_wrap{}
#wrap .main .flex .cre_logo_box{background:#566f5b;width:320px;height:220px;position:relative;}
#wrap .main .flex .cre_logo_box .cre_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#wrap .main .flex .cre_logo_box .cre_logo img{width:100%;height:auto;}
#wrap .main .flex .title_box{width:560px;margin-left:50px;}
#wrap .main .flex .title_box .title{margin-bottom:20px;}
#wrap .main .flex .title_box .title img{width:100%;height:auto;}
#wrap .main .flex .title_box .kukaku{font-size:1.8em;letter-spacing:0.04em;line-height:1.4;color:#322B29;text-align:right;font-weight:700;}
#wrap .main .flex .title_box .kukaku span{display:inline-block;}
#wrap .main .inner{margin-top:-30px;z-index:0;position:relative;}

.main .inner .main_img_box{box-sizing:border-box;position:relative;height:720px;width:100%;}
.main .inner .main_img_box .main_img{margin:0 150px;position:absolute;top:0;left:0;height:720px;width:calc(100% - 300px);overflow:hidden;z-index:1;}
.main .inner .main_img_box .main_img img{width:100%;height:100%;object-fit:cover;}
.main .inner .main_img_box .l_txt,
.main .inner .main_img_box .r_txt,
.main .inner .main_img_box .bl_txt,
.main .inner .main_img_box .main_copy{position:absolute;z-index:999;}
.main .inner .main_img_box .l_txt{top:50%;transform:translateY(-50%);left:70px;font-size:18px;font-weight:700;color:#000;writing-mode: vertical-rl;height: 720px;}
.main .inner .main_img_box .l_txt span{text-combine-upright: all;}
.main .inner .main_img_box .r_txt{top:50%;transform:translateY(-50%);right:70px;font-size:18px;font-weight:700;color:#000;writing-mode: vertical-rl;height: 720px;}
.main .inner .main_img_box .bl_txt{bottom:30px;left:180px;font-size:18px;font-weight:700;color:#fff;text-align:left;text-shadow:0 0 5px #000;}
.main .inner .main_img_box .main_copy{left:50%;top:50%;transform:translate(-50%,-50%);width:65%;height:auto;max-width:1000px;}
.main .inner .main_img_box .main_copy img{width:100%;height:auto;}


@media screen and (max-width: 960px) {
#wrap .main .flex{margin-right:100px;}
#wrap .main .flex .cre_logo_box{width:230px;height:190px;}
#wrap .main .flex .title_box .kukaku{font-size:1.4em;}
.main .inner .main_img_box{height:640px;}
.main .inner .main_img_box .main_img{margin:0 100px;height:640px;width:calc(100% - 200px);}
.main .inner .main_img_box .l_txt{left:42px;font-size:16px;height:640px;}
.main .inner .main_img_box .r_txt{right:42px;font-size:16px;height:640px;}
.main .inner .main_img_box .bl_txt{bottom:20px;left:130px;font-size:16px;}

}
@media screen and (max-width: 767px) {
#wrap .main .flex{flex-direction:column;margin-right:0;padding-top:0;}
#wrap .main .flex .cre_logo_box{width:80px;height:70px;}
#wrap .main .flex .cre_logo_box .cre_logo{width:70%;}
#wrap .main .flex .title_box{width:100%;box-sizing:border-box;margin:0 auto;padding:10px 0;}
#wrap .main .flex .title_box .title{margin-bottom:10px;}
#wrap .main .flex .title_box .title img{width:70%;}
#wrap .main .flex .title_box .kukaku{text-align:center;}
#wrap .main .inner{margin-top:0;}
.main .inner .main_img_box{height:500px;}
.main .inner .main_img_box .main_img{margin:0 50px;height:500px;width:calc(100% - 100px);}
.main .inner .main_img_box .l_txt{left:18px;font-size:14px;height:500px;}
.main .inner .main_img_box .r_txt{right:18px;font-size:14px;height:500px;}
.main .inner .main_img_box .bl_txt{bottom:10px;left:70px;font-size:14px;}



}
@media screen and (max-width: 374px) {
.main .inner .main_img_box{height:400px;}
.main .inner .main_img_box .main_img{margin:0 50px;height:400px;width:calc(100% - 100px);}
.main .inner .main_img_box .l_txt{left:18px;font-size:13px;height:400px;}
.main .inner .main_img_box .r_txt{right:18px;font-size:13px;height:400px;}
.main .inner .main_img_box .bl_txt{bottom:10px;left:65px;font-size:14px;}



}
*/





.annotation_box{margin:10px 0 0;text-align:left;}
.annotation_box span{display:block;font-size:1.3em;line-height:1.4;color:#555;text-indent:-1em;padding-left:1em;font-weight:700;}
@media screen and (max-width: 960px) {
.annotation_box{margin:10px 0 0;}
}
@media screen and (max-width: 767px) {
.annotation_box{margin:10px 0 0;text-align:left;}
.annotation_box span{font-size:1.2em;}
}
@media screen and (max-width: 374px) {
.annotation_box{margin:10px 0 0;text-align:left;}
.annotation_box span{font-size:1.2em;font-weight:300;}
}





/*-----------------------------------
--共通フッターTOPページのみ修正
-----------------------------------*/
#spe_footer{height:auto;box-sizing:border-box;padding:8px;position:static;background:#000;}
#spe_footer .footer_inner .footer_menu{display:none;}
#spe_footer .copylight{float:none;margin:auto;}
@media screen and (max-width: 960px) {
#spe_footer .footer_inner{padding:0px;}
#spe_footer .copylight{}
}



#s_top_menu {font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}