@charset "utf-8";

/*common*/
.pc-only { display: block!important; }
.sp-only { display: none!important; }

section, main { position: relative; display: block; }
html, body { width: 100%; overflow-x: hidden; }

img { max-width: 100%; }

@media screen and (max-width: 900px) {
	.pc-only { display: none!important; }
	.sp-only { display: block!important; }
}

/*no-js*/
.no-js .js-scroll-fade { opacity: 1!important; }
.no-js #loading { display: none; }

/*loading*/
body #loading { background: #fff; display: block; width: 100%; height: 100%; left: 0; position: fixed; top: 0; z-index: 100010; pointer-events: none; -webkit-transition: opacity 1.5s cubic-bezier(.16,1,.3,1) 0.5s; transition: opacity 1.5s cubic-bezier(.16,1,.3,1) 0.5s; }
body #loading.is-animation { opacity: 0; }

/*fade*/
.js-scroll-fade:not(.top_about_ph):not(.hd_anime) { opacity: 0; }
.isActive:not(.top_about_ph):not(.hd_anime) {
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-duration: 3.4s;
    animation-duration: 3.4s;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
    10%{opacity:0; }
	to{opacity:1;-webkit-transform:none;trfooter_logo_setansform:none}
}
@keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
    10%{opacity:0; }
	to{opacity:1;-webkit-transform:none;transform:none}
}

/*navi*/
header { width: 100%; z-index: 10; }
.header_logo { width: 163px; position: absolute; left: 5.57%; top: 69px; z-index: 10001; }
.header_logo img { width: 100%; line-height: 0; }

.btn_humberger_box { display: block; width: 50px; height: 30px; z-index: 10001; position: fixed; top: 50px; right: 3.57%; box-sizing: border-box; -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
.btn_humberger { width: 50px; display: flex; align-items: center; cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.btn_humberger .line { display: block; position: relative; width: 50px; height: 30px; -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
.btn_humberger .line span {content: ""; width: 50px; height: 3px; display: block; -webkit-transition: all 0.6s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.4s cubic-bezier(0.36, 0.14, 0, 1); transition: all 0.6s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.4s cubic-bezier(0.36, 0.14, 0, 1); background: #E7C42D; position: absolute; }
.btn_humberger .line span:nth-child(2){ left: 0; bottom: 0; }
.btn_humberger .line span:nth-child(1){ left: 0; top: 0; }
.btn_humberger .line span:nth-child(3){ left: 0; top: 14px; }
body.open .btn_humberger .line span:nth-child(2){ transform: rotate(45deg); bottom: 50%!important; }
body.open .btn_humberger .line span:nth-child(1){ transform: rotate(-45deg); top: 50%!important; }
body.open .btn_humberger .line span:nth-child(3){ opacity: 0;}

.op_global_nav { width: 500px; height: 100vh; text-align: center; overflow-y: scroll; background: transparent;
backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); background-color: rgba(255, 255, 255, 0.15); position: fixed; top: 0; right: 0; z-index: 9999; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
body.open .op_global_nav { opacity: 1; pointer-events: visible; }
.op_global_nav > .inner { opacity: 0; min-height: 520px; margin: 120px 100px 50px; -webkit-transform:translateX(30px); transform:translateX(30px); -webkit-transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition-delay: 0.1s; }
body.open .op_global_nav > .inner { opacity: 1; -webkit-transform:translateX(0); transform:translateX(0);}
.op_global_nav .page a { display: block; font-size: 5.0rem; line-height: 1.2; text-align: center; }
.op_global_nav .page .here { color: #E7C42D; }
.op_global_nav .page a + a { margin-top: 30px; }
.op_global_nav .sns { margin-top: 40px; text-align: center; }
.btn_buy { margin-top: 70px; }
.btn_buy a { display: inline-block; font-size: 2.0rem; padding: 10px 30px; border-radius: 50px; text-align: center; background: #E7C42D; }

@media screen and (max-width: 900px) {
header { width: 100%; z-index: 10; }
    .header_logo { width: 102px; position: absolute; left: 50%; top: 38px; z-index: 10001; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.header_logo img { width: 100%; line-height: 0; }

    .btn_humberger_box { display: block; width: 50px; height: 30px; z-index: 10001; position: fixed; top: 30px; right: 7.5%; box-sizing: border-box; -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
.btn_humberger { width: 50px; display: flex; align-items: center; cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.btn_humberger .line { display: block; position: relative; width: 50px; height: 30px; -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
.btn_humberger .line span {content: ""; width: 50px; height: 3px; display: block; -webkit-transition: all 0.6s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.4s cubic-bezier(0.36, 0.14, 0, 1); transition: all 0.6s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.4s cubic-bezier(0.36, 0.14, 0, 1); background: #E7C42D; position: absolute; }
.btn_humberger .line span:nth-child(2){ left: 0; bottom: 0; }
.btn_humberger .line span:nth-child(1){ left: 0; top: 0; }
.btn_humberger .line span:nth-child(3){ left: 0; top: 14px; }
body.open .btn_humberger .line span:nth-child(2){ transform: rotate(45deg); bottom: 50%!important; }
body.open .btn_humberger .line span:nth-child(1){ transform: rotate(-45deg); top: 50%!important; }
body.open .btn_humberger .line span:nth-child(3){ opacity: 0;} 

    .op_global_nav { width: 60%; min-width: 240px; max-width: 300px; height: 100vh; text-align: center; overflow-y: scroll; background: transparent;
backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); background-color: rgba(255, 255, 255, 0.15); position: fixed; top: 0; right: 0; z-index: 9999; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
body.open .op_global_nav { opacity: 1; pointer-events: visible; }
.op_global_nav > .inner { opacity: 0; min-height: 520px; margin: 120px 0 50px; -webkit-transform:translateX(30px); transform:translateX(30px); -webkit-transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1), opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition-delay: 0.1s; }
body.open .op_global_nav > .inner { opacity: 1; -webkit-transform:translateX(0); transform:translateX(0);}
    .op_global_nav .page a { display: block; font-size: 3.0rem; line-height: 1.2; text-align: center; }
.op_global_nav .page .here { color: #E7C42D; }
    .op_global_nav .page a + a { margin-top: 20px; }
    .op_global_nav .sns { margin-top: 50px; text-align: center; }
.btn_buy { margin-top: 70px; }
.btn_buy a { display: inline-block; font-size: 2.0rem; padding: 10px 30px; border-radius: 50px; text-align: center; background: #E7C42D; }
}

/*style*/
.page_head > .inner { height: 100vh; text-align: center; position: relative; }
.page_head > .inner img { height: 100vh; object-fit: cover; }
.page_head .en { font-size: 10.0rem; line-height: 1; text-align: left; -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: bottom left; position: absolute; left: 65%; top: -15%; }
.page_head .catch { font-size: 5.0rem; text-align: left; position: absolute; right: 65%; bottom: 3%; }
.page_head .read { text-align: center; line-height: 3.0; margin-top: 230px; }

.common_ttl { font-size: 6.0rem; text-align: center; color: #E7C42D; line-height: 1; position: relative; z-index: 2;}
.common_ttl.font_ts { font-size: 10.0rem; }
.common_read { text-align: center; line-height: 1.5; }

.contents_about { margin-top: 200px; }
.about_mainph { width: 100%; height: 464px; margin: -70px 0 50px; position: relative; }
.about_mainph img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.about_box { display: flex; width: 71.42%; max-width: 1000px; min-width: 800px; margin: 130px auto 0; }
.about_box .ph02 { width: 50%; }
.about_box .txt { width: 34.5%; margin-left: 5%; }
.about_box .txt p { line-height: 1.5; }
.about_box .txt p + p { margin-top: 2em; }
.about_box .ph03 { margin: 70px 0 0 15.37%; }

.contents_products { background: #EFEFEF; margin-top: 111px; padding: 100px 0; position: relative; }
.products_slide { width: 69.78%; margin: 0 auto; position: relative; }
.products_slide .swiper-slide > div { margin: 0 2.75%; }
.contents_products .common_ttl { position: absolute; top: 0; width: 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.products_slide .swiper-button-next, .products_slide .swiper-button-prev { width: 5.5%;}
.products_slide .swiper-button-prev { left: -2.75%; -webkit-transform:translateX(50%) scale(-1, 1); transform:translateX(50%) scale(-1, 1); }
.products_slide .swiper-button-next { right: -2.75%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.products_slide .swiper-button-next:after, .products_slide .swiper-button-prev:after { display: none; }

.contents_process { width: 71.42%; max-width: 1000px; min-width: 800px; margin: 180px auto 0; }
.process_list { display: flex; margin-top: 30px; }
.process_list_item + .process_list_item { margin-left: 5%!important; }
.process_list_item .hd { font-size: 2.0rem; text-align: center; margin-bottom: 10px; }
.process_list_item p { font-size: 1.6rem; margin-top: 15px; }

.create_slide { overflow: hidden; position: relative; padding-bottom: 30px; }
.create_slide .swiper-pagination { bottom: 0; }
.create_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #565657!important; }

.contents_variation { width: 71.42%; max-width: 1000px; min-width: 800px; margin: 133px auto 0; }
.variation_item { margin-top: 95px; }
.variation_item .ttl { font-size: 3.5rem; text-align: center; margin-bottom: 60px; }
.color_list { margin: 0 7.5% 40px; display: flex; justify-content: space-between; align-items: center; }
.color_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.color_list img { border-radius: 50%; }
.color_list_item01 { width: 47.05%; }

.frame_list.sp { display: none; }
.frame_list { display: flex; justify-content: space-between; }
.frame_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.frame_list_item01 { width: 68.4%; }
.frame_list_box { width: 30.0%; display: flex; flex-direction: column; justify-content: space-between; }

.paper_list { margin: 70px 7.5% 0; display: flex; justify-content: space-between; }
.paper_list_item { width: 47.05%; }
.paper_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.paper_list .notes { font-size: 1.4rem; }
.paper_option { font-size: 1.6rem; text-align: center; margin: 30px 7.5% 0; padding: 10px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
.paper_slide { overflow: hidden; position: relative; padding-bottom: 30px; margin-bottom: 20px; }
.paper_slide .swiper-pagination { bottom: 0; }
.paper_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #565657!important; }

.btn  { text-align: center; margin-top: 65px; }
.btn a { display: inline-block; font-size: 2.0rem; width: 200px; padding: 10px 0; border-radius: 50px; text-align: center; background: #E7C42D; }

.contents_buynow { position: relative; margin-top: 150px; }
.contents_buynow .common_ttl { position: absolute; top: 0; width: 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.buynow_box { display: flex; }
.buynow_box .txt { width: 42.22%; position: relative; background: #EBD78A; }
.buynow_box .ph { width: 57.78%; position: relative; }
.buynow_box .txt > div { position: absolute; top: 50%; width: 100%; text-align: center; font-size: 3.0rem; color: #fff; line-height: 1.66; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.contents_create { position: relative; margin-top: 230px; background: #EFEFEF; padding: 90px 0 210px; }
.contents_create .common_ttl { position: absolute; top: 0; width: 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.contents_create .catch { font-size: 3.5rem; line-height: 1.7; text-align: center; }
.contents_create .mainph { height: 464px; margin-top: 45px; position: relative; }
.contents_create .mainph img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.contents_create > .inner { width: 60.71%; max-width: 850px; min-width: 800px; margin: 50px auto 0; }
.contents_create .read { text-align: center; }
.contents_create .hd { font-size: 3.5rem; text-align: center; margin: 90px 0 20px; }
.create_list { margin: 70px 0 0; display: flex; justify-content: space-between; }
.create_list_item { width: 47.05%; }
.create_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.create_option { font-size: 1.6rem; text-align: center; margin: 100px 0 0; padding: 10px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }

.contents_follow { margin-top: 50px; }
.follow_sns { text-align: center; }

.insta-container { width: 68.57%; margin: 96px auto 0; display: flex; flex-wrap: wrap; }
.insta-media { width: 31.25%; }
.insta-media + .insta-media { margin-left: 3.12%; }
.insta-media > a { display: block; padding-bottom: 100%; position: relative; overflow: hidden; }
.insta-media > a img { width: 100%; height: 100%; position: absolute; object-fit: cover; }

.contents_contact { margin-top: 170px; }
.contents_contact .mail { font-size: 1.6rem; text-align: center; }
.contents_contact .mail a { display: inline-block; border-bottom: 1px solid #707070; margin-top: 45px; padding-bottom: 10px; }
.contact_phbox { display: flex; margin-top: 180px; }
.contact_phbox > div { width: 50%; padding-bottom: 30px; position: relative; }
.contact_slide .swiper-pagination { bottom: 0; }
.contact_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #565657!important; }

.contact_data { width: 71.42%; max-width: 1000px; min-width: 800px; margin: 0 auto 150px; }
.contact_data .name { font-size: 3.0rem; color: #E7C42D; margin: 70px 0 0 10.5%; }
.contact_data > .inner { margin-top: 70px; display: flex; justify-content: space-between; }
.contact_data .access { width: 35.4%; margin-left: 10.5%; }
.contact_data .access p { font-size: 1.6rem; }
.contact_data .access p + p { margin-top: 2em; }
.contact_data .table { width: 45.0%; }
.company_data { width: 100%; }
.company_data th, .company_data td { font-size: 1.6rem; font-weight: 500; border-bottom: 1px solid #707070; padding: 30px 0; }
.company_data tr:first-child th, .company_data tr:first-child td { padding-top: 0; }
.contact_slide { overflow: hidden; }

footer .ph { position: relative; height: 300px; }
footer .ph img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
footer .logo { text-align: center; margin-top: 118px; }
footer .function { display: flex; justify-content: space-between; font-size: 1.6rem; margin: 160px 5.64% 80px 4.21%; }
footer .nav a { display: inline-block; margin-right: 60px; }

/* Google Mapを囲う要素 */
.googlemap {
  position: relative;
}
 
/* Google Mapのiframe */
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 30px);
}

@media screen and (min-width: 901px) {
    .process_list_item { width: 30%!important; }
    
    .color_list_box  { width: 51.52%; }
    .color_list_box > div { display: flex; flex-wrap: wrap; justify-content: center; }
    .color_list_item02 { width: 45.66%!important; }
    .color_list_item02:nth-child(2) { margin-left: 8.68%; }
    .color_list_item02:nth-child(3) { margin-top: 35px; }
    
}

@media screen and (max-width: 900px) {
.page_head > .inner { height: auto; text-align: center; position: relative; }
    .page_head > .inner img { width: 100%; height: 150vw; max-width: none; object-fit: cover; }
    .page_head .en { font-size: 12.5vw; line-height: 1; text-align: left; -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: top left; position: absolute; left: auto; right: -52.5%; top: 4%; }
    .page_head .catch { font-size: 6.25vw; text-align: left; position: absolute; left: 9.25vw; right: auto; bottom: 3%; }
    .page_head .read { width: 85%; text-align: center; line-height: 2.1; margin: 50px auto 0; }
    .page_head .mainph { margin-top: 100px; }

    .common_ttl { font-size: 7.5vw; text-align: center; color: #E7C42D; line-height: 1; position: relative; z-index: 2;}
    .common_ttl.font_ts { font-size: 12.5vw; }
    .common_read { text-align: center; line-height: 2.1; }
    .contents_about .common_read { margin: 0 7.5%; }
    .common_read.notes { line-height: 1.4; }

    .contents_about { margin-top: 50px; }
    .about_mainph { width: 100%; height: 300px; margin: -6.5vw 0 30px; position: relative; }
.about_mainph img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
    .about_box { display: block; width: auto; max-width: 1000px; min-width: auto; margin: 50px auto 0; }
    .about_box .ph02 { width: 62.5%; }
    .about_box .txt { width: auto; margin: 30px 7.5%; }
    .about_box .txt p { line-height: 2.1; }
.about_box .txt p + p { margin-top: 2em; }
    .about_box .ph03 { width: 50vw; margin: 30px 0 0 42.5vw; }

    .contents_products { background: #EFEFEF; margin-top: 90px; padding: 70px 0; position: relative; }
    .products_slide { width: 92%; margin: 0 auto; position: relative; }
.products_slide .swiper-slide > div { margin: 0 2.75%; }
.contents_products .common_ttl { position: absolute; top: 0; width: 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.products_slide .swiper-button-next, .products_slide .swiper-button-prev { width: 5.5%;}
.products_slide .swiper-button-prev { left: -2.75%; -webkit-transform:translateX(50%) scale(-1, 1); transform:translateX(50%) scale(-1, 1); }
.products_slide .swiper-button-next { right: -2.75%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.products_slide .swiper-button-next:after, .products_slide .swiper-button-prev:after { display: none; }

    .contents_process { width: 85%; max-width: 1000px; min-width: auto; margin: 38px auto 0; }
    .process_list { width: 91.42%; display: flex; justify-content: space-between; margin-top: 30px; }
    .process_list_item { padding-right: 6.25%; box-sizing: border-box; }
    .process_list_item img { width: 100%; }
    .process_list_item + .process_list_item { margin-left: auto!important; }
.process_list_item .hd { font-size: 2.0rem; text-align: center; margin-bottom: 10px; }
    .process_list_item p { font-size: 1.4rem; margin-top: 15px; }

.create_slide { overflow: hidden; position: relative; padding-bottom: 30px; }
.create_slide .swiper-pagination { bottom: 0; }
.create_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #565657!important; }

    .contents_variation { width: 85%; max-width: 1000px; min-width: auto; margin: 50px auto 0; }
    .variation_item { margin-top: 40px; }
    .common_ttl + .variation_item { margin-top: 25px; }
    .variation_item .ttl { font-size: 2.4rem; text-align: center; margin-bottom: 25px; }
    .color_list { margin: 0 7.14% 50px; display: block; justify-content: space-between; align-items: center; }
    .color_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.color_list img { border-radius: 50%; width: 100%; }
    .color_list_box {width: 79.33%; display: flex; flex-wrap: wrap; justify-content: center; }
    .color_list_item01 { width: auto; }
    .color_list_item02 { width: 100%!important; padding-right: 15.96%; margin-top: 49px; box-sizing: border-box; }

    .frame_list.pc { display: none; }
.frame_list.sp { display: flex; justify-content: space-between; }
.frame_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.frame_list_item01 { width: 68.4%; }
.frame_list_box { width: 30.0%; display: flex; flex-direction: column; justify-content: space-between; }

    .paper_list { margin: 30px 0 0; display: block; justify-content: space-between; }
    .paper_list_item { width: auto; }
.paper_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.paper_list .notes { font-size: 1.4rem; }
    .paper_list img { width: 100%; }
    .paper_option { font-size: 1.6rem; text-align: center; margin: 30px 0 0; padding: 10px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
.paper_slide { overflow: hidden; position: relative; padding-bottom: 30px; margin-bottom: 20px; }
.paper_slide .swiper-pagination { bottom: 0; }
.paper_slide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px!important; background: #565657!important; }

    .btn  { text-align: center; margin-top: 30px; }
    .create_option + .btn  { margin-top: 58px; }
.btn a { display: inline-block; font-size: 2.0rem; width: 200px; padding: 10px 0; border-radius: 50px; text-align: center; background: #E7C42D; }

    .contents_buynow { position: relative; margin-top: 200px; }
    .contents_buynow .common_ttl { position: absolute; top: 0; width: 100%; -webkit-transform:translateY(-100%); transform:translateY(-100%); }
    .buynow_box { display: block; }
    .buynow_box .txt { width: auto; position: relative; background: #EBD78A; }
    .buynow_box .ph { width: auto; position: relative; }
    .buynow_box .txt > div { position: relative; top: auto; width: 100%; padding: 50px 0; text-align: center; font-size: 3.0rem; color: #fff; line-height: 1.66; -webkit-transform:translateY(0%); transform:translateY(0%); }

    .contents_create { position: relative; margin-top: 68px; background: #EFEFEF; padding: 60px 0 53px; }
.contents_create .common_ttl { position: absolute; top: 0; width: 100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
    .contents_create .catch { font-size: 2.0rem; line-height: 1.7; text-align: center; margin: 0 13.86%; }
.contents_create .mainph { height: 464px; margin-top: 45px; position: relative; }
.contents_create .mainph img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
    .contents_create > .inner { width: 85%; max-width: 850px; min-width: auto; margin: 30px auto 0; }
.contents_create .read { text-align: center; }
    .contents_create .hd { font-size: 2.0rem; text-align: center; margin: 70px 0 20px; }
    .create_list { margin: 30px 0 0; display: block; justify-content: space-between; }
    .create_list_item { width: auto; }
    .create_list_item + .create_list_item { margin-top: 30px; }
.create_list .name {  font-size: 2.0rem; text-align: center; margin-bottom: 12px; }
.create_option { font-size: 1.6rem; text-align: center; margin: 30px 0 0; padding: 10px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }

.contents_follow { margin-top: 50px; }
    .follow_sns { margin-top: 30px; text-align: center; }
    
    .insta-container { display: none; }

    .contents_contact { margin-top: 54px; }
.contents_contact .mail { font-size: 1.6rem; text-align: center; }
.contents_contact .mail a { display: inline-block; border-bottom: 1px solid #707070; margin-top: 45px; padding-bottom: 10px; }
    .contact_phbox { display: block; width: 85%; margin: 50px auto 0; }
    .contact_phbox > div { width: 100%; }
    .contact_phbox .googlemap { padding-bottom: 79.41%;}

    .contact_data { width: 85%; max-width: 1000px; min-width: auto; margin: 0 auto 70px; }
.contact_data .name { font-size: 3.0rem; color: #E7C42D; margin: 30px 0 0; }
    .contact_data > .inner { margin-top: 30px; display: block; }
    .contact_data .access { width: auto; margin-left: 0; }
    .contact_data .access p { font-size: 1.4rem; line-height: 1.4; }
.contact_data .access p + p { margin-top: 2em; }
    .contact_data .table { width: auto; }
.company_data { width: 100%; }
    .company_data th, .company_data td { font-size: 1.4rem; font-weight: 500; border-bottom: 1px solid #707070; padding: 30px 0; }
    .company_data tr:first-child th, .company_data tr:first-child td { padding-top: 30px; }

footer .ph { position: relative; height: 300px; }
footer .ph img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
    footer .logo { text-align: center; width: 82px; margin: 100px auto 0; }
    footer .function { display: block; font-size: 1.6rem; margin: 85px 5.64% 30px 4.21%; }
    footer .function .nav { text-align: center; }
    footer .nav a { display: inline-block; margin: 0 24px 30px; }
    footer .copyrights { font-size: 1.4rem; text-align: center; margin-top: 40px; }
    
    .googlemap iframe { height: 100%; }
    
}

/*link*/
*.link_txt { }

@media screen and (min-width: 900px) {   
    *.link_txt:hover { }
    
    .insta-media a img { -webkit-transition: transform 1.0s cubic-bezier(.16,1,.3,1); transition: transform 1.0s cubic-bezier(.16,1,.3,1); -webkit-transform-origin: center; transform-origin: center; }
    .insta-media a:hover img { -webkit-transform: translateX(1.07); transform: scale(1.07); }
    
    .link_more a svg { -webkit-transition: transform 0.6s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.6s cubic-bezier(0.36, 0.14, 0, 1); }
    .link_more a:hover svg { -webkit-transform: translateX(10px); transform: translateX(10px); }
    
    .op_global_nav a,
    footer .btn a,
    .footer_function a,
    .top_sns a { -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
    .op_global_nav a:hover,
    footer .btn a:hover,
    .footer_function a:hover,
    .top_sns a:hover { opacity: 0.6; }
}