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

.dnon { display: none; }
.dnon.is-animated { display: inherit; }

body { font-family: 'Noto Sans JP', sans-serif; }
#header_slider_wrap::after { content: "";
width: 60vh; height: 60vh;
background-image: url("images/cvo_new/center_new2-min.png");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);z-index: 88;
animation-name: mv_sq;
animation-duration: 6s;}
@media screen and (max-width: 640px){
#header_slider_wrap::after { width: 70vw; height: 70vw; }
}
@keyframes mv_sq {
    0% {
        opacity:0;
		transform: translate(-50%, -40%);
    }
    50% {
        opacity:0;
		transform: translate(-50%, -40%);
    }
    100% {
        opacity:1;
		transform: translate(-50%, -50%);
    }
}

.banner_content { height: 85vh; }
@media screen and (max-width: 750px){.banner_content { height: 100vh; }}

header .logo a { display: none; }
footer .logo { text-align: center !important; }
footer .logo a img { width: 180px; height: auto; }
body.home .global_menu_button {
    opacity: 1 !important;
}
#footer_bottom { height: 70px; }
#footer_logo { 
    left: 50%;
top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
#footer_sns { 
top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
@media screen and (max-width: 1151px){
#footer_bottom {
    padding: 33px 0 6px 0 !important;
}
#footer_sns { margin-top: 0px; }
}
#header { border-bottom: none; }
#header_search_button { display: none; }

.non_ds { display: none !important; }

#cb_content_4 .layer_image_inner img { margin: 40px 0 0 -30px; }




/* 左右コンテンツ */
.content_area_inner { width: 100% !important; padding: 40px 12% !important; }
.design_content.num5 .catch, .design_content.num6 .catch {
    font-size: 20px !important;
    color: #ffffff;
text-align: center;
line-height: 1.45;
}
.design_content.num5 .desc, .design_content.num6 .desc { line-height: 1.6 !important; font-size: 16px !important; }
.content_image_inner img { width: 35% !important; height: auto !important; margin-top:50px;}
@media screen and (max-width: 1080px){
.content_image_inner img { width: 25% !important; height: auto !important; margin-top:20px;margin-left: -30px !important;}
}
@media screen and (max-width: 750px){
.design_content.num5 .catch, .design_content.num6 .catch {font-size: 18px !important;}
.design_content.num5 .desc, .design_content.num6 .desc {font-size: 14px !important; }
.design_content .content_area {
    height: 400px !important;}
.design_content .catch{margin-bottom:20px !important}}

@media screen and (max-width: 450px){
.design_content .content_area {
    height: 480px !important;
}
.content_area_inner { width: 100% !important; padding: 40px 6% !important; }}


/* with PP */


img {max-width: 100%; height: auto; }
a img, .works_modal_open img { opacity: 1.0; 
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;cursor: pointer;}
a:hover img { opacity: 0.7;}
.works_modal_open:hover img { opacity: 0.8;}
.works_item { cursor: pointer; }
.works_modal_open {
    height: 100%;
    text-align: center;
}
.works_image_mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    cursor: pointer;
}
.mask_text {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.works_modal_content{
    text-align: center;
	background: #000;
}
.works_modal_content2 { background: rgba(255,255,255,0) !important; }
.works_image:hover .works_image_mask {
    opacity: 1;
    padding-top: 13%;
}
/* ------works_modal css------ */
.works_modal_wrapper {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: none;
    opacity: 0;
    z-index: -1;
}
.works_modal_wrapper.is_open { z-index: 999 !important; }
#header { z-index: 50 !important; }
.works_modal_window {
    width: 90vw;
    height: auto;
    margin: auto;
    padding: 0;
    background: #fff;
    z-index: 1;
    overflow-y: hidden;
}
.bgw .works_modal_window {
	background: rgba(255,255,255,0) !important;
	width: 76vw !important;
}

@media all and (max-width:1200px){.bgw .works_modal_window { width: 84vw !important; }}
@media all and (max-width:768px){.bgw .works_modal_window { width: 90vw !important; }}
@media all and (max-width:560px){.bgw .works_modal_window { width: 35vh !important; }}
@media all and (max-width:768px){
	.works_modal_window { width: 74vw; }
	.brd_R{box-sizing: border-box; padding-right: 4vw;background: #000;}
	.brd_L{box-sizing: border-box; padding-left: 4vw;background: #000;}
	}
.works_modal_content {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.works_modal_mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(88, 88, 88, 0.7);
}
.works_modal_close {
    z-index: 300;
    position: absolute;
    top: 2px;
    right: 10px;
    color: #ccc;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .5s;
}
.works_modal_close2 { top: 9px; }
.works_modal_close:hover {
    color: #888;
	opacity: 0.7;
}
html.is_open, body.is_open {
    overflow: hidden;
}
.works_modal_wrapper.is_open {
    animation: works_modal_wrapper_open .5s ease forwards;
}
.works_modal_wrapper.is_open .works_modal_window {
    animation: works_modal_window_open .5s ease forwards;
}
.works_modal_wrapper.is_close {
    animation: works_modal_wrapper_close .5s ease forwards;
}
.works_modal_wrapper.is_close .works_modal_window {
    animation: works_modal_window_close .5s ease forwards;
}

@keyframes works_modal_wrapper_open {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
      z-index: 300;
    }
  }
  @keyframes works_modal_window_open {
    0% {
      opacity: 0;
      transform: translateY(-30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes works_modal_wrapper_close {
    0% {
      z-index: 300;
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes works_modal_window_close {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      transform: translateY(-30px);
      opacity: 0;
    }
  }

	.flex_wrap01 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_wrap03 { display: flex; flex-flow: row-reverse; justify-content: space-between; flex-wrap: wrap; }
	.pd_HH { width: 49%; }
	.pd_HH2 { width: 48.48484848%; }
	.pd_SP4 { width: 66%; }
	.pd_SP2 { width: 32%; }
	@media all and (min-width:961px){
	.box_4sp { width: 22.7272727%; margin-left: 3.03%; margin-bottom: 24px; }
	.box_2sp { width: 46.875%; margin-left: 6.25%; margin-bottom: 24px; }
	.box_4sp:first-child, .box_2sp:first-child { margin-left: 0; }
	}
	@media all and (max-width:960px) and (min-width:561px){
	.box_4sp, .box_2sp { width: 30.6122449%; margin-left: 4.08%; margin-bottom: 24px; }
	.box_4sp:nth-child(3n+1),.box_2sp:nth-child(3n+1) { margin-left: 0; }
	}
	@media all and (max-width:960px) {
	.flex_wrap03 { flex-flow: column; }
	.pd_HH,.pd_SP4,.pd_SP2,.pd_HH2 { width: 100%; }	}
	.flex_wrap_img{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;list-style: none;align-items: flex-start;}
	.flex_wrap_img img { width: 50% !important; max-width: 5000px !important; height: auto !important; }
	.works_modal_content2 .flex_wrap_img img { width: 100% !important; height: auto !important; }
	@media all and (max-width:768px){.flex_wrap_img img { width: 100% !important; height: auto !important; }}
	.flex_wrap02{display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;list-style: none;}
	.box_HH { width: 50%;}
	@media all and (min-width:961px){
	.box_6sp { width: 15%; margin-left: 2%; margin-bottom: 24px; }
		.box_6sp:nth-child(6n+1) { margin-left: 0; }}
	@media all and (max-width:960px) and (min-width:561px){
	.box_6sp { width: 30.6122449%; margin-left: 4.08%; margin-bottom: 24px; }
	.box_6sp:nth-child(3n+1) { margin-left: 0; }
	}
	@media all and (min-width:561px){
	.box_3sp { width: 30.6122449%; margin-left: 4.08%; margin-bottom: 24px; }
	.box_3sp:nth-child(3n+1) { margin-left: 0; }
	}
	@media all and (max-width:560px){
	.box_6sp,.box_3sp,.box_4sp,.box_2sp { width: 47.5%; margin-left: 5%; margin-bottom: 24px; }
	.box_6sp:nth-child(2n+1),.box_3sp:nth-child(2n+1),.box_4sp:nth-child(2n+1),.box_2sp:nth-child(2n+1) { margin-left: 0; }	
	}

.pd_block { padding: 30px;
background-image: url("images/brd/b.png");
background-position: center top;
background-size: 100% auto;
background-repeat: repeat-y;}
.pd_block_w {background-image: url("images/brd/w.png") !important; }
.post_content ul.works_list { list-style: none !important; }
.pd_ttl { margin: 48px 0 14px !important; width: 100%; display: flex; border: 1px solid #fff; background: #000; color: #fff; position: relative;
border-left: 7px solid #fff;
justify-content: space-between;
padding: 5px 24px 5px 10px !important;
box-sizing: border-box;
line-height: 1.3 !important;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 500 !important;
font-size: 16px !important; }
.pd_ttl_r { border: none !important; border-left:solid #C30D23 7px !important; }
.pd_ttl_r::before { position: absolute; top: 0; left: -2px; width: 1px; height: 100%; border-right: 1px solid #fff; content: ""; }
.pd_ttl span {font-family: 'IBM Plex Sans Thai', sans-serif !important;font-weight: 300 !important;font-size: 14px !important; padding-top: 5px !important;}
@media all and (max-width:1218px){.pd_ttl span {font-size: 12px !important;}}
.pd_ttl::after { content: ""; width: 42px; height: 1px; border-top: 1px solid #fff; transform: rotate(-45deg);
	position: absolute; bottom: 13px; right: -7px; }
.pd_ttl_sub { margin: 20px 0 0 !important; }
.pd_ttl_sub img { width: 180px; height: auto; }
.pd_link { position: absolute; width: 39.6%; height: auto; display: flex; justify-content: flex-start; bottom: 7.2%; right: 8.8%; }
@media all and (max-width:1800px){.pd_link{bottom:7%;}}
@media all and (max-width:1280px){.pd_link{bottom:6.7%;}}
@media all and (max-width:1050px){.pd_link{bottom:6.4%;}}
@media all and (max-width:960px){.pd_link{width: 74.5%; bottom:3.2%; right: 16.7%;}}
@media all and (max-width:560px){.pd_link{bottom:3.0%;}}
@media all and (max-width:450px){.pd_link{bottom:2.7%;}}
.pd_link a { display: block; margin-left: 3.5%; width: 31%; }
.pd_link a:first-child { margin-left: 0; }
.ph_block { padding-top: 80px !important; }
@media all and (max-width:560px){
.ph_block { padding-top: 60px !important; }
.pd_block { padding: 25px; background-size: 200% auto; }
.pd_ttl{font-size: 16px !important; margin: 32px 0 12px !important;}
.pd_ttl span {font-size: 14px !important;}
.pd_ttl_sub { margin: 16px 0 0 !important; }
.pd_ttl_sub img { width: 40%; height: auto; }
}
@media all and (max-width:460px){
.pd_block { padding: 20px; }
.pd_ttl{font-size: 14px !important;padding-top: 7px !important; margin: 24px 0 10px !important;word-break: keep-all !important;}
.pd_ttl span {font-size: 12px !important;}
	}
@media all and (max-width:410px){
.pd_ttl{ display: block !important; }
.pd_ttl span {width: 100% !important; display: block !important;text-align: right !important;}}
@media all and (max-width:960px){
.pd_ttl.pd_ttl_r{ display: block !important; }
.pd_ttl.pd_ttl_r span {width: 100% !important; display: block !important;text-align: right !important;}
.pd_ttl.pd_ttl_r span.new40th_sub{text-align: left !important;}}
@media all and (min-width:961px){
.pd_ttl.pd_ttl_r span.new40th_sub { margin-left: 30px;}}

@media all and (min-width:1281px){.pd_block { padding: 30px 50px; }}
@media all and (min-width:1401px){.pd_block { padding: 30px 60px; }}
@media all and (min-width:1501px){.pd_block { padding: 30px 10%; }}
	
/* Photo */
.brd_bg01 {
background-image: url("images/brd/01.png");
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;}
.txt_sm { font-size: 14px !important; }
.txt_md { font-size: 16px !important; }
.txt_f4 { font-weight: 400 !important; }
.txt_f5 { font-weight: 500 !important; }
.txt_f7 { font-weight: 700 !important; }
.txt_lh18 { line-height: 1.8 !important; }
.txt_lh23 { line-height: 2.3 !important; }
.txt_lh16 { line-height: 1.6 !important; }
.txt_lh14 { line-height: 1.4 !important; }
.txt_lh10 { line-height: 1.0 !important; }
.mgB0 { margin-bottom: 0 !important; }
.mgB5 { margin-bottom: 5px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB20 { margin-bottom: 20px !important; }
.mgB30 { margin-bottom: 30px !important; }
.mgB40 { margin-bottom: 40px !important; }
.mgB50 { margin-bottom: 50px !important; }
.mgB60 { margin-bottom: 60px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT50 { margin-top: 50px !important; }
.mgT70 { margin-top: 70px !important; }
.mgPH { margin-top: 200px; }
.mgPHC { margin-bottom: -120px !important; }
.ph_catch { position: relative; z-index: 4; }
.txt_rl1 { text-align: right; font-size: 90%; line-height: 1.4; color: #fff; padding: 20px 0; }
.txt_cc, .txt_cl, .txt_cl2 { text-align: center !important; }
.pcB, .pcB2, .pcB3 { display: inherit !important; }
.spB, .spB2, .spB3 { display: none !important; }
@media all and (min-width:961px){.tks_box { margin-top: 40px; }}
@media all and (max-width:960px){
.txt_rl1 { text-align: left; }
.mgPHC { margin-bottom: -77px !important; }
.mgPH { margin-top: 0; }}
@media all and (max-width:840px){
.txt_cl2 { text-align: left !important; }
.pcB3 { display: none !important; }
.spB3 { display: inherit !important; }}
@media all and (max-width:768px){
.txt_cl { text-align: left !important; }
.pcB { display: none !important; }
.spB { display: inherit !important; }
.txt_sm { font-size: 12px !important; }
.txt_md { font-size: 14px !important; }
}
@media all and (max-width:560px){
.brd_bg01 { background-size: 200% auto; }
.pcB2 { display: none !important; }
.spB2 { display: inherit !important; }}

.l-section {
  margin-bottom: 75px;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition: opacity 1.5s, transform 2.6s;
	position: relative;
	z-index: 2;
}
.l-section.is-animated {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media all and (max-width:560px){.l-section {margin-bottom: 60px}}

/* top txt */
.top_block_wrap,
.top_block01,
.top_block02{position: relative;}
.top_block01,.top_block02,.top_block_anm{opacity: 0;
	-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;transform:translateY(50px);}
.top_block_anm.animate,.top_block01.animate,.top_block02.animate{opacity: 1.0;transform:translateY(0);}
.top_block01,.top_block02{padding: 20px 5%;}
.top_block00 { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("images/brd/01.png");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center top;
z-index: 5;}
.top_block01:after,.top_block02:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;}
.top_block01:after{background-color: #000;background-image: url("images/brd/02_l.png");}
.top_block02:after{background-color: #fff;background-image: url("images/brd/03.png");}
.top_block01 p,.top_block02 p, .pd_pre p {
	position: relative;
	z-index: 7;
	text-align: center;
	font-size: 16px !important;
	line-height: 2.4 !important;
	font-weight: 500 !important;}
.top_block01 p {color: #fff;}
.pd_pre p { color: #fff; line-height: 1.9 !important; }
.pd_pre { padding: 30px; text-align: center; background-color: #000;
background-image: url("images/brd/01.png");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto; }
.about_btn { width: 25%; height: auto; max-width: 240px !important; }
.top_block01:before{
	content: "";
	position: absolute;
	left: 4%;
	width: 24%;
	top:0;
	height: 100%;
	background-image: url("images/mv/1982.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 7 !important;}
.top_block02:before{
	content: "";
	position: absolute;
	right: 4%;
	width: 15%;
	bottom: 24px;
	height: 100%;
	background-image: url("images/mv/2022.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index: 7 !important;}

.top_block_wrap { margin-bottom: 120px; }
@media all and (max-width:1500px){
	.top_block01:before{width:28%;}
	.top_block02:before{width:17.5%;}
}
@media all and (max-width:1350px){
	.top_block01:before{width:24%;}
	.top_block02:before{width:15%;}
}
@media all and (max-width:1200px){
	.top_block01:before{left:1%;}
	.top_block02:before{right:1%;}
}
@media all and (max-width:1024px){
	.top_block01:before{width:20%;}
	.top_block02:before{width:12.5%;}
}
@media all and (max-width:960px){
	.top_block01 p,.top_block02 p {font-size: 14px !important;line-height: 2.1 !important;}
	.pd_pre p {font-size: 14px !important;line-height: 1.7 !important;}
	.about_btn { width: 40%; height: auto; max-width: 240px !important; }
}
@media all and (max-width:840px){
	.top_block_wrap { margin-bottom: 90px; }
	.top_block01 p,.top_block02 p, .pd_pre p {text-align: left !important;}
	.pd_pre p.txt_cc { text-align: center !important; }
	.top_block01,.top_block02{padding: 20px 30px 20px 18%;}
	.top_block01:before{width:18%;left:0;}
	.top_block02:before{width:11.25%;right:auto;left: 4.5%;bottom:auto;background-position: left center;}
}
@media all and (max-width:560px){
	.top_mtxt { margin-top: 60px !important; }
	.top_block01,.top_block02{padding: 20px 24px;}
	.top_block01:before{width:32%;left:0;background-position: left top; margin-top: 20px; }
	.top_block02:before{width:20%;right:20px;left: auto;bottom:auto;background-position: left top; margin-top: 5px;}
	.top_block00 { background-size: cover; }
	.about_btn { width: 70%; height: auto; max-width: 240px !important; }
	.top_block01:after,.top_block02:after { background-size: 200% auto; }
}
@media all and (max-width:450px){
	.top_block01:before{width:40%;}
	.top_block02:before{width:25%;}
}

@media all and (min-width:1801px){
	.top_block01,.top_block02{padding: 20px 22%;}
	.top_block01:before{width:420px;}
	.top_block02:before{width:262px;}
}

.common_headline {font-size: 24px !important; }
@media all and (max-width:560px){
.common_headline {font-size: 22px !important; }
}
@media all and (max-width:450px){
.common_headline {font-size: 20px !important; }
}


.md_tks { position: relative; }
.md_tks::after {
	content: "";
	width: 11.666%;
	height: 300px;
	background-image: url("images/okina_logomark.gif");
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	position: absolute;
	pointer-events: none;
}



.logo_image img { width: 100px; height: auto; }
@media screen and (max-width: 750px){.logo_image img { width: 70px; height: auto; }}
#index_slider_message_inner{
background-image: url("../uploads/2022/01/40th.png") !important;
background-size: 100% auto !important;
backgroud-position: center center !important; }


.banner_content.num7::before,.banner_content.num8::before {content: "";width: 280px;height: 183px;position: absolute;
bottom: 40px;left: 40px;
background-image: url("../uploads/2022/01/pp_txt.png");
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 8; }

.banner_content.num7::after,.banner_content.num8::after {content: "";width: 430px;height: 196px;position: absolute;top: 22%;right: 25%;
background-image: url("../uploads/2022/01/wp_txt01-1.png");
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 8; }
.banner_content.num9::after,.banner_content.num10::after {content: "";width: 430px;height: 196px;position: absolute;bottom: 18%;left: 7%;
background-image: url("../uploads/2022/01/pd_txt01.png");
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 8; }
#footer .banner_content::after {content: "";width: 480px;height: 263px;position: absolute;top: 22%;right: 18%;
background-image: url("images/cvo_new/sky_txt_new.png");
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 8; }
#footer .banner_content::before {content: "";width: 48%;max-width:640px;height: 56px;position: absolute;
bottom: 50px;left: 50px;
background-image: url("images/cvo_new/footer_txt.png");
background-position: left bottom;
background-size: 100% auto;
background-repeat: no-repeat;
z-index: 8; }
@media screen and (max-width: 900px) and (min-width:751px){
#footer .banner_content::before {width: 70%;max-width:640px;height: 56px;bottom:40px;left:40px;}
.banner_content.num7::after,.banner_content.num8::after {
left: 50%;
right: auto;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);}
}
@media screen and (max-width: 750px){
#copyright {font-size:10px !important; }
.banner_content.num7::before,.banner_content.num8::before { width: 64vw; height:41.86vw;
left: 8vw; }
.banner_content.num7::after,.banner_content.num8::after {width: 70vw; height: 31.86vw;
left: 8vw; bottom:80vw;top:auto;right:auto;}
.banner_content.num9::after,.banner_content.num10::after {width: 75vw; height: 31.86vw;
left: 50%; bottom:10%;right: auto;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);}
#footer .banner_content::after{width: 80vw;height:30vw;
background-image: url("images/cvo_new/sky_txt_new_sp.png");
left:50%;
right:auto;
top: auto;
bottom: 16%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);}
#footer .banner_content::before {width: 80vw;height: 7vw;
left:50%;
bottom: 40px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
 -ms-transform: translate(-50%, 0);}}


.mobile #header:after { width: 60px !important; right: 0 !important;left: auto !important;}
#return_top a:before { display: none !important; }
#return_top a,#return_top a:hover {
background-image: url("../uploads/2022/01/totop.png");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center; }
#return_top a:hover{opacity:0.7;}
#return_top a {
-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;}
.sns_button_list li { margin: 0 !important; }
.sns_button_list li a:before{display:none !important; }
.sns_button_list li a{width:42px;height:42px;
-webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;}
.sns_button_list li.youtube a {width: 63px;}
#header_sns.sns_button_list li a{width:36px;height:36px;}
#header_sns.sns_button_list li.youtube a {width: 54px;}
#header_sns { display: flex; flex-wrap: nowrap; justify-content: center; }
.sns_button_list li a {
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center; }
.sns_button_list li.insta a {background-image: url("images/is.png");}
.sns_button_list li.insta a:hover {background-image: url("images/is_h.png");}
.sns_button_list li.twitter a {background-image: url("images/tw.png");}
.sns_button_list li.twitter a:hover {background-image: url("images/tw_h.png");}
.sns_button_list li.facebook a {background-image: url("images/fb.png");}
.sns_button_list li.facebook a:hover {background-image: url("images/fb_h.png");}
.sns_button_list li.youtube a {background-image: url("images/yt.png");}
.sns_button_list li.youtube a:hover {background-image: url("images/yt_h.png");}
#header_sns.sns_button_list li.insta a {background-image: url("images/is_b.png");}
#header_sns.sns_button_list li.insta a:hover {background-image: url("images/is_bh.png");}
#header_sns.sns_button_list li.twitter a {background-image: url("images/tw_b.png");}
#header_sns.sns_button_list li.twitter a:hover {background-image: url("images/tw_bh.png");}
#header_sns.sns_button_list li.facebook a {background-image: url("images/fb_b.png");}
#header_sns.sns_button_list li.facebook a:hover {background-image: url("images/fb_bh.png");}
#header_sns.sns_button_list li.youtube a {background-image: url("images/yt_b.png");}
#header_sns.sns_button_list li.youtube a:hover {background-image: url("images/yt_bh.png");}
@media screen and (max-width: 1151px){#footer_sns {margin-bottom: -10px !important; margin-top: 4px !important; }}

.interview_list .item .link:before { display:none !important;}


.js_anm, .giji:after, .giji:before {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition: opacity 1.5s, transform 2.0s;
	position: relative;
}

.js_anm.is-animated, .giji.is-animated:after, .giji.is-animated:before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 1151px){#footer_sns li:first-child{margin-left: -11px !important;}}
@media screen and (max-width: 750px){
#footer .banner_content.giji::after,
.banner_content.giji.num8::after {transition: opacity 2.2s, transform 3.0s;}
.banner_content.giji.num10::after {
transition: opacity 2.2s, transform 3.0s;
transform: translate3d(-50%,100px,0);}
.banner_content.giji.is-animated.num10::after {
transform: translate3d(-50%,0,0);}}

#header_sns { margin-left: -15px !important; }
#side_menu nav ul li a { padding: 0 30px !important; }

.sub_pg_btn_wrap { max-width: 900px; display: flex; justify-content: center; flex-wrap: wrap; margin: 20px auto 30px; }
.sub_pg_btn_wrap a {-webkit-transition: all 0.6s ease;transition: all 0.6s ease; display: inline-block; padding: 7px 12px 9px; border-radius: 30px; background-color: rgba(215,23,24,1.0); color: #fff; font-weight: 500 !important; font-size: 90% !important; margin: 0 4px 9px; }
.sub_pg_btn_wrap a:hover { background-color: rgba(215,23,24,0.7); color: #fff; }


.design_content .layer_image .new_catch01 img { position: absolute; top: 15px; right: 15px; height: 68% !important; width: auto !important; }
@media screen and (max-width: 768px){
.design_content.num5 .layer_image .new_catch01 img {
    width: auto !important;
    height: 72% !important;
}}