@charset "utf-8";
/* CSS Document */
.home #contents1{ position:relative; margin:10% 0;color:#fff;overflow-x: hidden;}
.home #contents1 p{font-size:.9em;}
.home .video-container{position:relative;width:95%;height:auto;overflow:hidden;z-index:2;background:#fff}
.mask{ position:absolute; top:0; left:0;width:100%; height:100%;background:#edeef2;}
.home .cropped-video{width:100%;height:100%;object-fit:cover;vertical-align:bottom}
.home .second_conteiner {width:97.5%; padding:15% 0; margin:-10% 0 0 5%;background-image:linear-gradient(0deg,rgba(30,32,48,1),rgba(76,84,130,1));}
.home .second_conteiner .inner{margin:0 auto; width:90%;}
.home .big_h{font-size:2.8em; margin-bottom:.5em;}
/*----view_more a--*/
.view_more a{font-family:'Noto Serif JP',serif;font-size:14px;letter-spacing:.2em;color:#fff;font-weight:400;border:1px solid #fff;display:block;position:relative;box-sizing:border-box;max-width:300px;text-align:center;padding:20px 64px;margin:24px;margin-inline:auto;text-decoration:none;cursor:pointer;z-index:10;transition:all 0.3s}
.view_more a::after{content:"";position:absolute;top:50%;right:-30px;width:60px;height:1px;background:#fff;transition:all 0.3s ease}
.view_more a:hover::after{animation:OutIn-Line 700ms;transition:all 0.3s}
@keyframes OutIn-Line{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:100% 0;transform-origin:100% 0}50%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:100% 0;transform-origin:100% 0}50.1%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:0 0;transform-origin:0 0}}.home #contents2{ width:100%; margin:15% auto;}
.english {width:100%; margin:auto;font-size:.8em; color:#4c5482;}
h2 { font-size:1.5em;width:100%; margin:0 auto 1em}
h3 { font-size:1.2em;width:100%; margin:0 auto .5em;}
.home #contents2 .english,.home #contents2 h2 {width:95%;}
.home #contents2 h3{width:90%;}
.home #contents2 p {width:90%; margin:0 auto 2em;}
.home #contents2 img{margin-bottom: 1.5em;}
.home #contents2 ul .english{width:90%;}
.home #contents2 li:nth-child(2) {color:#fff; background:linear-gradient(0deg,rgb(30,32,48),rgba(111,129,209));}
.home #contents2 li:nth-child(2) .english{color:#fff;}
.home #contents2 li:nth-child(2) p{margin-bottom:0; padding-bottom:2em;}
.home #contents3 { width:100%; height:auto;}
.home #contents3 { background:url(../images/con3_back_sp.webp) no-repeat left top / 95%;}
.home #contents3 .inner{ padding: 5% 0; color:#fff;}
.home #contents3 h2{ font-size:1.3em;width: 90%;}
.home #contents3 .english{color:#fff; margin-top:3em;width: 90%;}
.home #contents3 h3{ width:90%; margin-bottom:1em;}
.home #contents3 .inner p{width:90%; margin:0 auto .5em;}
.home #contents3 ul p{width:90%; margin:0 auto 1.4em; font-size:.8em;}
.home #contents3 ul h3{margin-bottom:.5em;}
.home #contents3 .inner li{width:85%; margin:0 auto 2.5% 5%;padding: 1.5% 0;color:#000; border-radius:5px;}
.home #contents3 ul li:nth-child(1){ background:url(../images/con3_list1pc.png) no-repeat left 7em top .5em / 2em auto,linear-gradient(rgba(255,255,255, .7),rgba(255,255,255, .7));}
.home #contents3 ul li:nth-child(2){ background:url(../images/con3_list2pc.png) no-repeat left 10em top .5em / 2em auto,linear-gradient(rgba(255,255,255, .7),rgba(255,255,255, .7));}
.home #contents3 ul li:nth-child(3){ background:url(../images/con3_list3pc.png) no-repeat left 8em top .5em / 2em auto,linear-gradient(rgba(255,255,255, .7),rgba(255,255,255, .7));}
.home #contents3 .second .english{color:#4c5482; margin-top:.2em;width: 95%;}
.home #contents3 .second li{margin:0; margin-bottom:5em; width:100%; padding:0;}
.home #contents3 .second h3{ width:96%; margin-bottom:0; color:#000; text-align:left;}
.home #contents3 .second p{width:95%; margin:0 auto 1em; text-align:left; color:#000; font-size:.9em;}
.button_s a{font-family:'Noto Serif JP',serif;font-size:14px;letter-spacing:.1em;color:#fff;background:#4c5482;font-weight:400;border:solid 1px #4c5482;display:block;box-sizing:border-box;max-width:220px;text-align:center;padding:10px 24px;margin:12px;margin-inline:auto;text-decoration:none;cursor:pointer;transition:all 0.3s;margin-left:38%;position:relative}
.button_s a::after{content:"";position:absolute;top:50%;right:20px;width:20px;height:1px;background:#fff;transition:all 0.3s ease}
.button_s a:hover::after{animation:OutIn-Line 700ms;transition:all 0.3s;background:#4c5482;}
.button_s a:hover {color: #4c5482;background: initial; transition: all 0.3s;}
.home #contents3 .view_more {margin-top:-3em;}
.home #contents4 { width:100%;overflow-x: hidden; }
.home #contents4 .inner{ width:95%; margin-left:5%; background:#edeef2; padding:5% 0 10%;}
.home #contents4 .inner .english,.home #contents5 .english{width:95%;}
.home #contents4 .big_h,.home #contents5 .big_h{ margin-left:2.5%;}
.home #contents4 h2{width:95%;}
.home #contents4 a{color:#000;}
.home #contents4 h3{margin-bottom: 0;}
.home #contents4 .v_outer{margin:-6em auto 0;}
.home #contents4 .view_more  {margin-top:5em;}
/*----------------------- swiper -------------------------------------------*/
.l-inner{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;max-width:1920px;margin:0 auto;padding:0 5%}
.l-section .l-inner{padding-top:5%;padding-bottom:5%}
.slide-media,.thumb-media{position:relative;overflow:hidden}
.slide-media img,.thumb-media img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.swiper-button-prev,.swiper-button-next{display:grid;place-content:center;width:4em;height:4em;cursor:pointer;transition:.5s;easing:cubic-bezier(.2,1,.2,1)}
.swiper-button-prev::before,.swiper-button-next::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:50%;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}
.swiper-button-prev::after,.swiper-button-next::after{width:1.2em;height:1.2em;content:"";border:solid #4c5482;border-width:2px 2px 0 0}
.swiper-button-prev::after{margin-left:.4rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.swiper-button-next::after{margin-right:.4rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.swiper-button-disabled{pointer-events:none;opacity:0}
.card .swiper {overflow: visible;}
.card .swiper-controller{display:flex;gap:0;-webkit-box-align:center;align-items:center;margin:-5% 0 1%}
.card .swiper-button-prev,.card .swiper-button-next{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0}
.card .swiper-button-disabled{pointer-events:none;opacity:.5}
.card .swiper-slide{width:-webkit-max-content;width:-moz-max-content;width:max-content}
.card .slide{overflow:hidden;width:460px;border-radius:4px}
.card .slide-media {padding-top: 62.5%;}
.card .slide-media img{height:calc(100% + 16px);-webkit-transform:translateY(-16px);transform:translateY(-16px)}
.card .slide-content {padding: 5%;}
.card .slide-title{line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:1.2em;margin-top:1em}
/*@media only screen and (max-width: 1024px) {
html {-webkit-text-size-adjust: 100%;}
.l-inner {padding: 0 2rem;}
.pc {display: none !important;}
}*/
 @media only screen and (max-width: 599px) {
html {font-size: 50%;}
.pc-tab {display: none !important;}
.card .slide {width: 190px;}
}
 @media only screen and (min-width: 1023px) {
.tab-sp {display: none !important;}
.swiper-button-prev::before, .swiper-button-next::before {transition: .5s;easing: cubic-bezier(.2, 1, .2, 1);}
.swiper-button-prev:hover::before, .swiper-button-next:hover::before {-webkit-transform: scale(1.2);transform: scale(1.2);}
.card .slide {transition: .5s;easing: cubic-bezier(.2, 1, .2, 1);}
.card .slide img {transition: .5s;easing: cubic-bezier(.2, 1, .2, 1);}
.card .slide:hover {-webkit-transform: translateY(-16px);transform: translateY(-16px);box-shadow: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;}
.card .slide:hover img {-webkit-transform: translateY(0);transform: translateY(0);}
}
@media only screen and (min-width: 600px) {.sp {display: none !important;}}
 
.home #contents5 { width:100%;margin:15% auto; }
.home #contents5 .inner{width:95%; margin:0 auto;}
.home #contents5 h2{width:95%;}
.home #contents5 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.home #contents5 ul li{position:relative;width:48%; margin:2.5% 0;background: #000; text-align:center;}
.home #contents5 ul img {opacity:.5;vertical-align:top;}
.home #contents5 ul li .english{ position:absolute; top:30%;right:0;left:0;color:#fff;}
.home #contents5 ul li h3{ position:absolute; top:40%;right:0;left:0;color:#fff;font-size: 1em;}
.home #contents5 ul li p{ position:absolute; top:60%;right:0;left:0;color:#fff; font-size:.8em;}
.home #contents6 .inner{ width:90%; margin-right:5%; background:#edeef2 url(../images/con6_back_sp.webp) no-repeat left bottom / 70% ; padding:5% 2.5% 10% 2.5%; text-align:center;}
.arrow_right{display:inline-flex;align-items:center}
.arrow_right:before{content:"";width:85vw;border-top:1px solid #4c5482;display:inline-block}
.arrow_right:after{content:"";border-left:16px solid #4c5482;border-top:4px solid transparent;border-bottom:4px solid transparent;display:inline-block}

.home #contents6 h2,.home #contents8 h2,.home #contents9 h2{width:95%;}
.home #contents6 ul{ display:flex; flex-wrap: wrap;justify-content: space-between;padding-right:2.5%;}
.home #contents6 ul li{ width:48%; margin:2.5% 0; background: rgba(255,255,255,.7); border-radius:5px;}
.home #contents6 ul li.pc_none{ opacity:0;}
.home #contents6 ul div{ color:#4c5482;margin-top:1em;}
.home #contents6 ul h3{ font-size:.8em;margin-top:.5em;}
.home #contents6 ul li p{font-size:.85em;margin: 0 auto 1em;} 
.home #contents7 {width:95%; margin:0 auto;padding: 10% 0 5%;}
.home #contents7 .english{width:100%;}
.home #contents7 h2{width:100%;margin-bottom:1em;}
.home #contents7 dl {height: 35vh; overflow-y:scroll; padding:0 1.5%;}
.home #contents7 dl dt {padding-top:1.5em;}
.home #contents7 dl dd{ padding-bottom:1.5em; border-bottom:#d2d2d2 1px solid;}
.home #contents7 .table_area dd a{color:#4c5482;}
.home #contents7 .table_area dd a:hover {opacity:.6;}
.home #contents7 .view_more{ margin:0;}
.home #contents8 {padding: 10% 0 5%;margin:0 auto;}
.home #contents8 .big_h{ width:95%; margin:0 auto 1em;}
.home #contents8 .top_blogBox{position:relative;width:100%;max-width:960px;margin:-5% auto 10px;overflow:hidden}
.home #contents8 .main_imgBox{margin:0 auto;width:100%;height:250px;overflow:hidden;position:relative}
.home #contents8 .main_img{z-index:2;opacity:0;width:100%;height:250px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0;animation:MKBanime 36s 0s infinite}
.home #contents8 .main_img:nth-of-type(1) {background-image:url(../images/blog_banner_back1.webp);}
.home #contents8 .main_img:nth-of-type(2) {animation-delay: 6s; background-image:url(../images/blog_banner_back2.webp);}
.home #contents8 .main_img:nth-of-type(3) {animation-delay: 12s; background-image:url(../images/blog_banner_back3.webp);}
.home #contents8 .main_img:nth-of-type(4) {animation-delay: 18s; background-image:url(../images/blog_banner_back4.webp);}
.home #contents8 .main_img:nth-of-type(5) {animation-delay: 24s; background-image:url(../images/blog_banner_back5.webp);}
.home #contents8 .main_img:nth-of-type(6) {animation-delay: 30s; background-image:url(../images/blog_banner_back6.webp);}
@keyframes MKBanime{0%{opacity:0}8%{opacity:1}17%{opacity:1}25%{opacity:0;transform:scale(1.2);z-index:1}100%{opacity:0}}
.home #contents8 .moreLink_blog a img{position:absolute;top:30%;width:80%;left:10%;z-index:3}
.home #contents8 .english{width:95%;}
.home #contents8 h2 span{font-size:.8em;}
.home #contents8 a h3{color:#4c5482;}
.home #contents8 a:hover{ opacity:.8;}
.home #contents8 h3{width:95%;margin: .5em auto 0;}
.home #contents8 .content{width:95%;margin: 0 auto;border-bottom: dotted 1px #b5b5b5;}
.home #contents8 .content time,.home #contents8 .content span{font-size:.8em; margin-top:.5em;}
.home #contents8 .post p{margin-top:1em;}
.home #contents8 .button_s a{margin-top:-1.8em;} 
.home #contents9 {padding: 10% 0 5%;margin:0 auto;}
.home #contents9 .big_h {width: 95%;margin: 0 auto .5em;}
.home #contents9 .english{width:95%;}
.home #contents9 h3{width: 95%;color:#4c5482;}
.home #contents9 h3 span{ font-weight:500; font-size:1.2em;}
.home #contents9 dd {width:80%; padding-left:15%;margin-bottom: 2em;}
.home #contents9 dd:before  {content: "A. "; margin-left:-1.2em; font-weight:500;font-size:1.2em;}
.home #contents9 .slide_container{width:100%;height:auto;overflow:hidden}
@keyframes infinity-scroll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.home #contents9 .slider1{display:flex;overflow:hidden}
.home #contents9 .slider1 .slider-list{display:flex;padding:0;margin:0}
.home #contents9 .slider1 .slider-list {animation: infinity-scroll-left 100s infinite linear 0.5s both;}
.home #contents9 .slider1 .slider-item{width:200px;height:auto}
@keyframes infinity-scroll-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.home #contents9 .slider2{display:flex;overflow:hidden}
.home #contents9 .slider2 .slider-list{display:flex;padding:0}
.home #contents9 .slider2 .slider-list {animation: infinity-scroll-right 90s infinite linear 0.5s both;}
.home #contents9 .slider2 .slider-item{width:100px;height:auto}

.view_more.keycolor a{color:#4c5482;border:1px solid #4c5482;width: 281px;}
.view_more.keycolor a::after{background:#4c5482;}
/*-------------------------amime------------------------------------------*/
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.slideInLeft {animation-name:slideInLeft;animation-fill-mode: forwards !important;}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.slideInRight {animation-name:slideInRight;animation-fill-mode: forwards !important;}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}
.slideOutRight {animation-name:slideOutRight;animation-fill-mode: forwards !important;}
@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}
.slideOutLeft {animation-name:slideOutLeft;animation-fill-mode: forwards !important;}
@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}
.slideOutDown {animation-name:slideOutDown;animation-fill-mode: forwards !important;}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20%,0,0)}to{opacity:1;transform:none}}
.fadeInRight {animation-name:fadeInRight;animation-fill-mode: forwards !important;}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20%,0,0)}to{opacity:1;transform:none}}
.fadeInLeft {animation-name:fadeInLeft;animation-fill-mode: forwards !important;}
@keyframes blur{0%{filter:blur(20px);opacity:0}100%{filter:blur(0);opacity:1}}
.blur {filter:blur(20px);animation-name:blur;animation-fill-mode: forwards !important;}
@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(1.5,1.5);filter:blur(5px)}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);filter:blur(0)}}
.puffIn {animation-name: puffIn;animation-fill-mode: forwards !important;}
/*------------------- about ---------------------------------------------*/
.about #contents2{background:url(../images/about/images/con2back_sp.webp) no-repeat left 0 bottom / 80%; padding-bottom:25%;}
.about #contents2 .inner{margin:10% auto;}
.about #contents2 h3{ width:95%;color:#4c5482;font-weight:400;}
.about #contents2 .english,.about #contents2 p,.about #contents2 h2{ width:95%;}
.about #contents2 ul{ width:95%; margin:10% auto;}
.about #contents2 ul .english{ border-bottom: 1px solid #4c5482; margin-top:1.6em;width:100%;}
.about #contents2 ul h3{font-weight:400;}
.about #contents2 ul p{width:100%;}
.about #contents2 ul .english span{font-size:1.4em;color:#4c5482;}
.about #contents3{margin:10% auto;}
.about #contents3 h2,.about #contents4 h2,.about #contents5 h2,.about #contents6 h2{width:95%;}
.about #contents3 .inner{background:#edeef2;padding-bottom:10%;}
.about #contents3 .english,.about #contents3 p{width:95%;}
.about #contents3 li{background:#fff; width:80%; margin:5%; padding:5%;}
.about #contents3 li img { width:25%; margin-left:37.5%;}
.about #contents3 li h3{color:#4c5482; text-align:center;}
.about #contents4 .photo{position:relative;}
.about #contents4,.about #contents5,.about #contents6{margin:10% auto;}
.about #contents4 .english,.about #contents4 p{width:95%;}
.about #contents5 .english,.about #contents5 p,.about #contents6 .english,.about #contents6 p{width:95%;}
.about #contents5 .image1{width:70%;}
.about #contents5 .image2{width:50%; margin: -26% 0 0 50%;}
.about #contents5 h3{color:#4c5482; width:95%;}
.about #contents5 ul{width:95%; margin:1em auto;padding-left:1.5em;}
.about #contents5 li{list-style-type: "・"; width:96%;}

.next {max-width:300px; margin:0 auto;}
.next span{font-size:1.2em;}
.flex{border-top:1px solid #4c5482; width:95%;margin: 0 auto;}
/*-------------------▲▲▲ about / company ▼▼▼----------------------------------------*/
.gallery_conteiner { margin: 10% 0;}
.gallery_conteiner h2{text-align:center;}
@keyframes horizontal-animation{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.gallery_conteiner .slider-container {display: flex;overflow: hidden;}
.gallery_conteiner .slider-wrapper {display: flex;animation: horizontal-animation 60s linear infinite;}
.gallery_conteiner .slide {width: 80vw;max-width:760px;margin-right: 10px;}
.gallery_conteiner .slide img {width: 100%;height: auto;vertical-align: bottom;}
@media (hover:hover){.gallery_conteiner .slider-container:hover .slider-wrapper{animation-play-state:paused}}

.company #contents2,.company #contents3 {margin:10% auto;}
.company #contents2 .flex{border:none;}
.company #contents2 table {width:100%;border-collapse: collapse;border-bottom:#c9c9c9 1px solid;}
.company #contents2 td,.company #contents2 li{font-size:.85em;}
.company #contents2 th,.company #contents2 td{ border-top:#c9c9c9 1px solid;padding:1.8em 0;}
.company #contents2 th{ text-align:left; font-size:.85em; padding-right:.5em;}
.company #contents2 li:before{content:"・";}
.company #contents3 .inner{width:95%; margin:auto;}
/*-------------------▲▲▲ company / news_single / blog_single ▼▼▼----------------------------------------*/
.news_single .entry_content{margin-bottom:3em;}
.news_single .archives ul,.news_archive .archives ul,.blog_single .archives ul,.blog_archive .archives ul{display:flex;flex-wrap: wrap; }
.news_single .archives li,.news_archive .archives li,.blog_single .archives li,.blog_archive .archives li{width:25%; text-align:center; margin:.75em 0;}
.news_single .archives li a,.news_archive .archives li a,.blog_single .archives li a,.blog_archive .archives li a{color:#000;}
.detail-nav,.blog_single .detail-nav,.blog_archive .detail-nav{border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding: 3em 0;box-sizing: border-box;margin-top: 2em;}
.detail-nav ul,.blog_single .detail-nav ul,.blog_archive .detail-nav ul{width: 100%; position: relative;margin: 0 auto; text-align: center;}
.detail-nav ul a,.blog_single .detail-nav ul a,.blog_archive .detail-nav ul a{color:#000;}
.detail-nav ul li.btn-prev {position: absolute;left: 20px; top: 0;}
.detail-nav ul li.btn-prev a{display:block;}
.detail-nav ul li.btn-prev a:before{ content:"≪　";}
.detail-nav ul li.btn-next {position: absolute;right: 20px;top: 0;}
.detail-nav ul li.btn-next a{display:block;}
.detail-nav ul li.btn-next a:after{ content:"　≫";}
.news_archive .entry_content li {margin:0 0 7.5%;}
.news_archive .entry_content li{border-bottom:1px #d9d9d9 solid;}
.news_archive .entry_content li a,.blog_archive .entry_content li a{color:#000; display:block;}
.date{ margin-bottom:1em; font-size:.85em;}
.news_archive .entry_content .view_more{font-size:.85em;}

.pager .pagination {text-align: center;}
.pager .pagination li{display:inline;margin:0 2px;padding:0;display:inline-block;width:35px;height:35px;text-align:center;position:relative;border-radius:50px}
.pager .pagination li.pre,
.pager .pagination li.next{background: #4c5482;color: #fff;}
.pager .pagination li a{vertical-align:middle;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:table;text-decoration:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; color:#4c5482; font-weight:400;}
.pager .pagination li.pre a,
.pager .pagination li.next a{color: #fff;}
.pager .pagination li a span{display:table-cell;vertical-align:middle;}
.pager .pagination li a:hover,
.pager .pagination li a.active{color:#000;background:#edeef2;border-radius:10px;border-radius:50px;animation:animScale 0.4s ease-out;transform-origin:50% 50%;-webkit-animation:animScale 0.4s ease-out;-webkit-transform-origin:50% 50%;-moz-animation:animScale 0.4s ease-out;-moz-transform-origin:50% 50%}
@keyframes animScale{0%{transform:scale(.8,.8)}40%{transform:scale(1.2,1.2)}60%{transform:scale(1,1)}80%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}}
/*https://nakox.jp/web/wordpress/wp_pager_css*//*左のURLを確認でWordPressに設置*/

/*------------------ ブログの目次と内容 -----------------------------------------*/
.table_of_contents{padding:2.5%;background:#edeef2;font-size:1em;margin:0 auto 2em;width:95%}
.table_of_contents span{font-size:1.2em; font-weight:400; color:#4c5482; font-family:"Noto Serif JP", serif;}
.table_of_contents span:before{content:""; background:url(../images/blog/images/menu_icon.png) no-repeat center / 80%; padding-left:1.5em;}
.table_of_contents ul li{text-indent: .5em; padding:.5em 0;}
.table_of_contents ul li li{text-indent: 2em;}
ul.blog_box {background-color: #ebeefe;border: 1px dotted #4c5482;padding: 10px;margin: 10px 0; line-height:2;}
ul.blog_box_second{background-color:#fff;border: 1px solid #4c5482;padding: 10px;margin: 10px 0; line-height:2; border-radius:5px;}
.entry_content .table_of_contents ul li a{text-decoration:none;}
.table_of_contents ul a{color:#4c5482;}
.blog_single img.alignnone{ width:100%; height:auto;}
.blog_single img{ width:auto;max-width: 100%;}
.blog_single .entry_content a{ color:#4c5482; font-weight:normal; padding-bottom:.2em; text-decoration:underline;}
.blog_single .entry_content h2{font-size:1.3em; font-weight:300; color:#4c5482;border-top:1px #4c5482 solid;border-bottom:2px #4c5482 solid; padding:.5em 0; margin-top:2.8em;}
.blog_single .entry_content h3{font-size:1.2em; font-weight:300;color:#4c5482; margin-bottom:.8em;border-bottom:1px #4c5482 solid; padding:.3em 0;margin-top:1.8em;}
.blog_single .entry_content h4{font-size:1.1em; font-weight:300;color:#4c5482;margin-bottom:.5em;border-bottom:1px #4c5482 dotted; padding:.3em 0;}
.blog_archive .section_over{width:95%; margin:15% auto 1.5%;}
.blog_archive #contents1 .entry_content ul{display:flex;flex-wrap: wrap;justify-content:space-between; margin-bottom:10%;}
.blog_archive .entry_content ul li{ width:47.5%; margin:2.5% 0;}
.blog_archive .archives h3{padding-top:1em;}
.blog_single .archives .second li,.blog_archive .archives .second li{width:50%; text-align:left;}
/*------------------- blog追加css　---------------------------------------------------------------------*/
.blog_single table { border-top: 1px solid #e5e5e5; margin: 5px -1px 24px 0; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 85.7%; line-height: 141.7%; }
.blog_single table thead th { color:#4c5482; font-weight: 400;}
.blog_single table th, .blog_single table thead th { background-color: #f5f5f5; white-space: nowrap; }
.blog_single table tfoot th, .blog_single table tfoot td { font-weight: 400; }
.blog_single table th, .blog_single table td { border: 1px solid #e5e5e5; padding: 10px 10px; vertical-align: top; }
.blog_single table th ul, .blog_single table th ol, .blog_single table td ul, .blog_single table td ol { margin-bottom: 0px; margin-left: 15px; }
.blog_single table th ul li, .blog_single table th ol li, .blog_single table td ul li, .blog_single table td ol li { margin: 2px 0px; }
.blog_single table.mobile-block th, .blog_single table.mobile-block td { border-top: none; display: block; }
.blog_single .box_point{position:relative;margin:2em 0;padding:.5em 1em;border:solid 3px #4c5482;border-radius:6px}
.blog_single .box_point .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1;font-size:18px;background:#fff;color:#4c5482;font-weight:700}
.blog_single .box_point p{margin:0;padding:0}
/*-------------------▲▲▲ news_single blog / privacy▼▼▼----------------------------------------*/
.privacy .english,.privacy h2{width:100%;}
.privacy #contents1 .english {margin-top:5%;}
.privacy #contents1 ol {list-style-type: decimal;padding-left: 1.5em;}
.privacy #contents1 ol li,.privacy #contents1 ul li{ padding:.5em 0;}
.privacy #contents1 ul{padding-left:1em;}
.privacy #contents1 ul li{list-style-type:"・";}
.privacy #contents1 ul.second{margin-top:-1.5em;}
/*-------------------▲▲▲ privacy / contact▼▼▼----------------------------------------*/
.contact-table{width:100%;margin-bottom:20px}
.contact-item,.contact-body{padding:2.5% 2.5% 2.5% 0}
.contact-item{text-align:left;width:30%;vertical-align:top}
.contact-item span{ font-size:.8em; color:#4c5482;}
.contact-body {width: 70%;}
.form-text{width:95%;padding:2.5%;border-radius:5px;border:none;font-family:"Yu Gothic","Meiryo","Helvetica Neue","Hiragino Kaku Gothic ProN","Arial",sans-serif;font-size:16px;font-weight:400;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f5f6f7}
input:focus {outline: #4c5482 1px solid;}
.contact-sex + .contact-sex {margin-left: 10px;}
.contact-sex-txt{display:inline-block;margin-left:5px}
.contact .wpcf7-list-item{display: block;}
.contact-skill {display: block;}
.contact-skill + .contact-skill {margin-top: 10px;}
.contact-skill-txt{display:inline-block;margin-left:5px}
.form-textarea{width:95%;padding:2.5%;height:200px;border-radius:5px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f5f6f7;font-family:"Yu Gothic","Meiryo","Helvetica Neue","Hiragino Kaku Gothic ProN","Arial",sans-serif;font-size:16px;font-weight:400}
.form-textarea:focus {outline: #4c5482 1px solid;}
.contact-submit{width:250px;background-color:#4c5482;color:#fff;font-weight:700;display:block;margin:0 auto;font-size:16px;padding:15px;border-radius:10px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}
:focus::placeholder {color: transparent !important;}
.input-style{box-sizing:border-box;width:400px;font-family:"Yu Gothic","Meiryo","Helvetica Neue","Hiragino Kaku Gothic ProN","Arial",sans-serif;font-size:16px;font-weight:400;padding:.5em 1em;border:1px solid #999;line-height:1}
/*-------------------▲▲▲ privacy / service▼▼▼----------------------------------------*/
.service #contents2{ width:95%; margin:10% auto;}
.service #contents2 ul{display:flex;flex-wrap: wrap;}
.service #contents2 li{width:33%; text-align:center;margin: 2.5% 0;}
.service #contents2 li img{width:50%;}
.service li h3{font-size:.9em; color:#4c5482; font-weight:500;}
.service #contents3{width:100%; margin:10% auto; background:#edeef2;}
.service #contents3 .inner,.service #contents4 .inner{width:95%;margin:0 auto;padding: 10% 0;}
.service #contents3 ul,.service #contents4 ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.service #contents3 li,.service #contents4 li{width:43.5%; text-align:center; background:#fff; padding:5% 2.5%;margin: 2.5% 0;}
.service #contents3 li img,.service #contents4 li img {width:35%;}
.service #contents3 li p{font-size:.85em; margin-bottom:1em;}
.service .button_s a{font-size:12px; margin:0;}
.service .button_s a::after {position:absolute; right:5px;}
.service #contents4 {background: url(../images/service/images/ser_con4back_sp.webp) no-repeat center bottom / 100%;}
.service #contents4 li{background:none; border:solid 1px #fff;}
.service #contents4 li h3{color:#fff;}
.service #contents4 li .english{color:#92a7d9;}
.service #contents4 li .button_s a {background:none; border:solid 1px #fff;}
.service .button_s a:hover::after{animation:OutIn-Line 700ms;transition:all 0.3s;background:#92a7d9;}
.service .button_s a:hover {color: #92a7d9;background: initial; transition: all 0.3s;}
.service .top_blogBox{position:relative;width:100%;margin:0 auto 10px;overflow:hidden;}
.service .main_imgBox{margin:0 auto;width:100%;height:250px;overflow:hidden;position:relative;}
.service .main_img{z-index:2;opacity:0;width:100%;height:250px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0;-webkit-animation:b_anime36s 0s infinite;animation:b_anime 36s 0s infinite}
.service .main_img:nth-of-type(1) {animation-delay: 0s; background-image:url(../images/service/images/blog_banner_back1.webp);} 
.service .main_img:nth-of-type(2) {animation-delay: 6s; background-image:url(../images/service/images/blog_banner_back2.webp);}
.service .main_img:nth-of-type(3) {animation-delay: 12s; background-image:url(../images/service/images/blog_banner_back3.webp);}
.service .main_img:nth-of-type(4) {animation-delay: 18s; background-image:url(../images/service/images/blog_banner_back4.webp);}
.service .main_img:nth-of-type(5) {animation-delay: 24s; background-image:url(../images/service/images/blog_banner_back5.webp);}
.service .main_img:nth-of-type(6) {animation-delay: 30s; background-image:url(../images/service/images/blog_banner_back6.webp);}
@keyframes b_anime{0%{opacity:0}8%{opacity:1}17%{opacity:1}25%{opacity:0;transform:scale(1.2);z-index:1}100%{opacity:0}}
.service .moreLink_blog a img{position:absolute;top:15%;width:80%;left:10%;z-index:3}
.service .moreLink_blog span{position:absolute;top:130px;left:33%;width:34%;height:30px;background:rgba(255,255,255,.75);text-align:center;margin:0 auto;z-index:3;border:1px solid #4c5482;border-radius:3px;display:block;color:#4c5482;text-decoration:none;line-height:30px;text-shadow:1px 1px 3px #fff}
.service .moreLink_blog a span:hover {background: #4c5482; color:#fff;text-shadow: none;}
.service .blog_banner{border:1px solid #e5e5e5;border-radius:2px;margin:0 .5% 10px;padding:1%;width:48.2%;box-sizing:border-box;display:inline-block}
.service .blog_banner img {width: 100%;}
.service .mask {z-index:5;}
/*-------------------▲▲▲ service / homepage▼▼▼----------------------------------------*/
.homepage #contents2 {background:url(../images/homepage/images/homepage_con2back_sp.webp) no-repeat center / cover; color:#fff;}
.homepage .inner{padding: 10% 0; width:95%; margin:0 auto;}
.homepage #contents2 .english {font-size:.8em;color: #fff;}
.homepage #contents2 .second p{margin-bottom:2.5em;}
.homepage #contents2 ul {list-style-type: decimal;padding-left: 1.5em;}
.ac1 dl,.ac1 dt,.ac1 dd { margin: 0;padding: 0;}
.ac1 dl+dl {margin-top: 1px;}
.ac1 dt,.ac1 dd { padding: 10px;}
.ac1 dl { position: relative;}
.ac1 dl>input {display: none;}
.ac1 dt{position:relative;z-index:1;padding-right:40px;cursor:pointer;background:#f2f2f2;transition:.3s;display:flex;padding-top:2em}
.ac1 dt div{ display:inline-block;}
.ac1 dt div.number { margin-right:3em;font-size:.95em; font-weight:400;color:#4c5482;}
.ac1 dt h3{font-size:1em; color:#4c5482;}
.ac1 dt h3 span{font-size:.85em; color:#000;}
.ac1 dt div span{ font-size:.8em;}
.ac1 dd{height:0;opacity:0;overflow:hidden;transition:height .4s ease,opacity .4s ease,padding .4s ease;background:#f8f8f8;border-top:none;padding-top:0;padding-bottom:0;display:flex;line-height:1.3}
.ac1 dd div:nth-child(1){ width:100%; height:auto; margin-right:1em;}
.ac1 dl>input:checked+label+dd{height:auto;opacity:1;transition:height .4s ease,opacity .4s ease,padding .4s ease;padding:30px 10px}
.ac1 dt::before{content:'';position:absolute;width:15px;height:1px;top:50%;right:20px;background:#666;transform:translateY(-50%);transition:.4s}
.ac1 dt::after{content:'';position:absolute;top:50%;right:20px;width:15px;height:1px;background:#666;transition:.4s;transform:translateY(-50%) rotate(90deg)}
.ac1 dl>input:checked+label>dt::after { transform: translateY(-50%) rotate(180deg);}
.ac1 ul {margin-top:2em;}
.ac1 li {font-size:.75em; line-height:2; color:#666; list-style:none;}
.homepage #contents4 {background:url(../images/homepage/images/homepage_con4back.webp) no-repeat right bottom / 70%;}
.homepage #contents4 .first {display:flex;flex-wrap: wrap; justify-content: space-between;margin:5% auto 10%;}
.homepage #contents4 .first li{ position:relative;width:27.8%;background:#4c5482; border-radius:50%; text-align:center;color:#fff;margin:1.2em 0;}
.homepage #contents4 .first h3{ font-family: "Noto Serif JP", serif;font-size:.9em; margin-top:1em; font-weight:500; color:#fff;}
.homepage #contents4 .first p{ font-size:.82em; margin:0; line-height:1.3;padding-bottom: 1.8em;}
.homepage #contents4 .first .img{position:absolute; bottom:-32%; left:25%; width:50%; margin:0 auto;}
.homepage #contents4 .first .arrow{background:none;width:16px;height:16px;border-top:1px solid #4c5482;border-right:1px solid #4c5482;transform:rotate(45deg);margin:15% 5px 0 -5px;border-radius:0}
.homepage #contents4 h3{color:#4c5482; font-size:1.1em; font-weight:500;}
.homepage #contents5{background:#edeef2;}
.homepage #contents5 dl{ background:#fff; padding:5% 2.5%; line-height:2;}
.homepage #contents5 dt{ color:#4c5482;font-weight:500;border-bottom: solid 2px #4c5482; padding-bottom:.5em; margin-top:1em;letter-spacing: 0.01em;}
.homepage #contents5 dt span{ font-size:1.1em;background:#4c5482; color:#fff; font-weight:500; border-radius:50%; padding:.25em .7em .5em;}
.homepage #contents5 dd {background:#e2e4ec; margin:.5em 0 2.5em;padding: .25em .5em;}
.homepage #contents6 ul{display: flex; flex-wrap:wrap;justify-content:space-between; margin:5% 0;}
.homepage #contents6 li {width:48%; text-align:center; color:#000;}
.homepage #contents6 li a{color:#000;}
.homepage #contents6 .img{position:relative;background:#000;}
.homepage #contents6 li img{ opacity:.6;vertical-align: bottom;}
.homepage #contents6 .caption{width:100%;color:#fff; position:absolute; top:50%;left: 50%;transform: translateY(-50%) translateX(-50%); font-size:1.05em; font-weight:500; }
.homepage #contents6 li h3{font-size:1em;}
/*-------------------▲▲▲ homepage / EC ▼▼▼----------------------------------------*/
.EC #contents1 .second{display:flex;flex-wrap: wrap; margin:5% 0;justify-content:space-between;}
.EC #contents1 .second li{width: calc((100% - 3%) / 2); margin:2% 0; background:#e9eef6; border-radius:10px; text-align:center; overflow:hidden;}
.EC #contents1 .second li div { font-size:.9em;background:#4c5482; color:#fff; padding:.5em; margin-top:0; border-radius: 5px 5px 0 0;display: block; text-align:left;width:100%; height:1.4em; font-weight:400;}
.EC #contents1 .second h3{ font-size:1em;margin-top:.5em; color:#4c5482; font-weight:400;}
.EC #contents1 .second img {width:50%;}
.EC #contents1 .second p{ padding:.5em .5em; font-size:.9em;margin: 0 auto .3em;text-align:left; background:#fff; border-radius:5px; width:85%; } 
.EC #contents2 {background:url(../images/ECagency/images/ec_con2back_sp.webp) no-repeat center / cover; margin:10% auto;padding:5% 0 10%;}
.EC #contents2 .inner{width:95%;margin:10% auto; }
.EC #contents2 h3{color: #4c5482; font-weight:400; margin-bottom:0;}
.EC #contents2 p.english{margin-bottom:1em;}
.EC #contents2 p {margin-bottom:5em;}
.EC #contents3 {margin:10% auto;}
.EC #contents3 .contents_inner,.EC #contents4{width:95%;margin:10% auto; }
.EC #contents3 .title,.EC #contents3 .title2{ font-size:2em; color:#4c5482; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-weight:bold; margin:.3em 0;}
.EC #contents3 .english {margin: -1em 0 0;}
.EC #contents3 h3{color:#4c5482; font-weight:400; margin-top:.5em;}
.EC #contents3 .inner .english,.EC #contents3 .inner2 .english{margin-bottom:2em;}
.EC .con3blck{position:relative;}
/*-------------------▲▲▲ EC / photography ▼▼▼----------------------------------------*/
.photography #contents2{ position:relative;overflow-x: hidden;margin:10% 0;}
.photography #contents2 .inner,.photography #contents3 .inner{width:95%;margin:10% auto; }
.photography #contents2 .camera{position: relative;}
.photography #contents3 {background:url(../images/photography/images/photo_con3back.webp) no-repeat left bottom / 80% ; padding-bottom:7.5%;margin:10% auto;} 
.photography #contents3 ul{ display:flex;flex-wrap:wrap;justify-content:space-between;margin: 0;}
.photography #contents3 ul li {width: calc((100% / 2) - 7.5%); border: 1px solid #4c5482; border-radius:10px; margin:2% 0;padding: 2.5%; font-size:.85em;list-style: none;}
.photography #contents3 ul li img {width:45%;margin: 2% auto 5% 27.5%;}
.photography #contents3 .description{ margin-bottom: 30%;}
.photography #contents4 {background:#000; color:#fff; padding: 10% 2.5%;}
.photography #contents4 .inner .english{color:#707cc0;}
.photography #contents4 ul.outer{margin:0;}
.photography #contents4 ul.outer li{ list-style:none;}
.photography #contents4 h2,.photography #contents4 h3{color:#fff; margin-top:5px;}
.photography #contents4 h3,#contents4 h3:after{border:none;}
.photography #contents4 .first,.photography #contents4 .second, .photography #contents4 .third, .photography #contents4 .fourth{ margin: 10% 0;}
.photography #contents4 li li img{ background:#fff; padding:2.5%; border: solid 1px #c2c2c2; display:block;}
.photography #contents4 .first li,.photography #contents4 .second li,.photography #contents4 .third li,.photography #contents4 .fourth li{position: relative; z-index:1;transition: transform 0.2s ease-out; list-style:none;}
.photography #contents4 .first li:nth-child(1){width:50%; height:auto; transform: rotate(6deg) translate3d(0, 0, 0); margin-left:2.5%;}
.photography #contents4 .first li:nth-child(2) {width:37.5%; height:auto; transform: rotate(-4deg) translate3d(0, 0, 0); margin: -36% auto  auto 55%;}
.photography #contents4 .first li:nth-child(3){position: relative; width:50%; height:auto; transform: rotate(4deg) translate3d(0, 0, 0); margin: -20% auto  auto 10%;}
.photography #contents4 .second li:nth-child(1){ width:50%; height:auto; transform: rotate(-3deg) translate3d(0, 0, 0); margin-left:38.5%;}
.photography #contents4 .second li:nth-child(2){ width:37.5%; height:auto; transform: rotate(3.2deg) translate3d(0, 0, 0); margin: -36% auto  auto 5%;}
.photography #contents4 .second li:nth-child(3){ width:50%; height:auto; transform: rotate(2.8deg) translate3d(0, 0, 0); margin: -16% auto  auto 42%;}
.photography #contents4 .third li:nth-child(1){ width:37.5%; height:auto; transform: rotate(-2.1deg) translate3d(0, 0, 0); margin-left:4.5%;}
.photography #contents4 .third li:nth-child(2){ width:50%; height:auto; transform: rotate(2.4deg) translate3d(0, 0, 0); margin: -48% auto  auto 46.8%;}
.photography #contents4 .third li:nth-child(3){ width:50%; height:auto; transform: rotate(-1.8deg) translate3d(0, 0, 0); margin: -12% auto  auto 28.9%;}
.photography #contents4 .fourth li:nth-child(1){ width:50%; height:auto; transform: rotate(1.6deg) translate3d(0, 0, 0); margin-left:3.5%;}
.photography #contents4 .fourth li:nth-child(2){ width:50%; height:auto; transform: rotate(-2.1deg) translate3d(0, 0, 0); margin: -29% auto  auto 46.8%;}
.photography #contents4 .fourth li:nth-child(3){ width:37.5%; height:auto; transform: rotate(-1.8deg) translate3d(0, 0, 0); margin: -15.2% auto  auto 15.9%;}
.photography #contents4 ul .english{font-size:.8em; color:#707cc0; margin-bottom:-.5em;}
.photography #contents4 .slider_contents h3{ text-align:center; color:#707cc0; font-size:1.4em;}
.photography .slider_contents {position: relative;margin-bottom: 10%;}
.photography .slider-wrapper{display:flex;overflow:hidden;height:111px}
.photography .slider-wrapper2{display: flex; overflow: hidden;height:87px;}
.photography .slider-wrapper3{display: flex; overflow: hidden;height:87px;}
.photography .slider{animation:scroll-left 45s infinite linear .5s both;display:flex;margin:0}
.photography .slider2 {animation: scroll-right 50s infinite linear .5s both;display: flex; margin: 0;}
.photography .slider3 {animation: scroll-left 70s infinite linear .5s both;display: flex; margin: 0;}
.photography .slide {width:80px;margin:1px; list-style:none;}
.photography .slide1 { width:160px; margin:1px;list-style:none;}
.photography .slide2 ,.photography .slide3{width:60px;margin:1px; list-style:none;}
.photography .slide4{width:120px;margin:1px;list-style:none;}
.photography .slide img {display: block;width: 100%; height:auto;}
@keyframes scroll-left {from { transform: translateX(0);}to { transform: translateX(-100%);}}
@keyframes scroll-right {from {transform: translateX(-100%);}to {transform: translateX(0);}}
.photography .left{ position:absolute; top:0; left:0; z-index:1;height: 340px;width: 30px;background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.photography .right{ position:absolute; top:0; right:0; z-index:1;height: 340px;width: 30px;background-image: linear-gradient(-90deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.photography .gallery_LB{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;max-width:1050px;margin:30px auto}
.photography .gallery-item{display:block;overflow:hidden;border-radius:5px;box-shadow:0 4px 8px rgba(255,255,255,.3);transition:transform .3s ease}
.photography .gallery-item:hover {transform: translateY(-5px);}
.photography .gallery-item img{display:block;width:100%;height:200px;object-fit:cover}
.photography #contents5{ padding-bottom:15%;background:url(../images/photography/images/contents5_back.webp) no-repeat right bottom / 90%;}
.photography #contents5 .inner{ width:95%; margin: 10% auto;}
@media (max-width:768px){.photography .gallery_LB{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:30px auto}}
@media (max-width:480px){.photography .gallery_LB{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin:30px auto}.photography .gallery-item img{height:180px}}
/*-------------------▲▲▲ photography / paper_media ▼▼▼----------------------------------------*/
.paper #contents2,.paper #contents5{position:relative;overflow-x: hidden;margin:10% 0; background:#edeef2;}
.paper #contents2 .inner,.paper #contents3,.paper #contents4 .inner,.paper #contents5 .inner{width:95%;margin:10% auto; }
.paper #contents2 .inner ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.paper #contents2 .inner li{background:#fff; width:45%; margin:2.5% 0; padding:2%; text-align:center;}
.paper #contents2 .inner li img{width:40%;margin-top: 10%;}
.paper #contents2 .inner li h3{color:#4c5482;}
.paper #contents2 .inner li p {font-size:.9em;}
.paper #contents3 ul .english{ border-bottom: #4c5482 solid 1px; padding-bottom:.5em;}
.paper #contents3 .english span{font-size:1.3em;}
.paper #contents3 h3{color:#4c5482; margin-top:.5em;}
.paper .l-inner{padding:0;}
.paper .card .slide-media img{height:100%;transform:translateY(0px)}
.paper .card .slide-media {padding-top: 100%;}
.paper .card .slide {overflow: hidden;width: 280px;border-radius: 4px;}
.paper .card .swiper-controller {justify-content: flex-end; margin-top:-8%;}
.paper .card .swiper-button-prev,.paper .card .swiper-button-next {border:solid 1px #c6c6c8; margin:.5em; border-radius:50%;}
.paper .swiper-button-prev,.paper .swiper-button-next{width:3.4em; height:3.4em;}
.paper .swiper-button-prev::after,.paper .swiper-button-next::after{width:.6em; height:.6em;}
.paper #contents4 h3{ font-size:.9em; color:#4c5482;}
.paper #contents4 .slide-content p{ font-size:.9em;}
@media only screen and (min-width: 1023px) {.paper .card .slide:hover {transform: translateY(0px);}}
@media only screen and (max-width: 599px){.paper .card .slide {width: 190px;}
.paper .swiper-button-prev,.paper .swiper-button-next{width:3em; height:3em;}}
.paper #contents5 .inner li{ border-bottom:1px solid #4c5482; text-align:center;margin:1em 0;}
.paper #contents5 .inner h3{margin-top:1em;}
.paper #contents5 .second .english{border-bottom:1px solid #4c5482; font-size:.9em}
.paper #contents5 .second h3{margin-top:.25em;}
.paper #contents5 .second p{margin-bottom:1em;}
.paper #contents5 .second ul{display: flex;flex-wrap:wrap;justify-content: space-between;}
.paper #contents5 .second ul li{border:none; background:#fff; width:35%; padding:1em;color:#4c5482;}
.paper #contents5 .second ul .plus{background:none; width:3.5%; padding:0; font-size:1.5em;}
.paper #contents6{position:relative;width:95%;margin:10% auto;}
/*-------------------▲▲▲  paper_media / price_plan ▼▼▼----------------------------------------*/
.price section::before {content:'';display: block;padding-top: 50px;margin-top: -50px;}
.price #contents1,.price #contents2,.price #contents3 .inner,.price #contents4,.price #contents5{width:95%;margin:10% auto; position:relative;}
.price #contents1 .plan_box{ position:relative;padding:5%; width:80%; background:#4c5482;color:#fff;z-index:2;}
.price #contents1 .plan_box .english{color:#fff;}
.price #contents1 .english span{font-size:1.3em;}
.price #contents1 .plan_box.second{ margin-left:10%;}
.price #contents1 .image_light,.price #contents1 .image_standard,.price #contents1 .image_premium{position:relative;z-index:1;}
.price #contents1 .image_light,.price #contents1 .image_premium{width:100%; margin:-10% -10% auto 10%;overflow:hidden;}
.price #contents1 .image_standard{width:100%; margin:-10% auto auto -10%; overflow:hidden;}
.price #contents1 ul{width:80%; margin:5% auto;}
.price #contents1 ul li{line-height:2;}
.price #contents2 .inner{width:90%; margin:2.5% auto;border: 1px solid #4c5482; padding:2.5% 5%; text-align:center;}
.price #contents2 .inner h3{font-size:1.3em; color:#4c5482; font-weight:400;}
.price #contents2 ul li{ display:inline-block; margin-right:1em; line-height:2;}
.price #contents3 {padding:5% 0;background:#edeef2;}
.price #contents3 .inner h3{font-size:1.6em; color:#4c5482;}
.price #contents3 .table-scroll {overflow-x: scroll;}
.price #contents3 table{border-spacing: 0;width:980px;}
.price #contents3 th {font-weight:400;}
.price #contents3 th,.price #contents3 td{border-bottom:1px solid #4c5482; text-align:left; padding:1.5em .5em 1em 0;}
.price #contents3 .last{font-size:.85em; margin-top:2em;}
.price #contents4 .test{font-family: 'Josefin Sans', sans-serif; font-size:2em; font-weight:400;}
.price .ac1,.light .ac1 {border-top: 1px solid #aaa;}
.price .ac1 dl,.price .ac1 dt,.price .ac1 dd,.light .ac1 dl,.light .ac1 dt,.light .ac1 dd  { margin: 0;padding: 0;}
.price .ac1 dl+dl,.light .ac1 dl+dl  {margin-top: 1px;}
.price .ac1 dt,.price .ac1 dd,.light .ac1 dt,.light .ac1 dd { padding: 10px;}
.price .ac1 dl,.light .ac1 dl { position: relative;border-bottom: 1px solid #aaa;}
.price .ac1 dl>input,.light .ac1 dl>input {display: none;}
.price .ac1 dt,.light .ac1 dt{position:relative;z-index:1;padding-right:40px;cursor:pointer;transition:.3s;display:flex;padding:2em .5em;background: #fff;}
.price .ac1 dt div,.light .ac1 dt div{ display:inline-block;}
.price .ac1 dt div.number,.light .ac1 dt div.number { margin-right:.5em;font-size:1.6em; font-weight:400;font-family: 'Josefin Sans', sans-serif;color:#000;}
.price .ac1 dt h3,.light .ac1 dt h3{font-size:1em; width:78%;margin-left: 0;}
.price .ac1 dt h3 span,.light .ac1 dt h3 span{font-size:.85em; color:#000;}
.price .ac1 dt div span,.light .ac1 dt div span{ font-size:.8em;}
.price .ac1 dd,.light .ac1 dd{height:0;opacity:0;overflow:hidden;transition:height .4s ease,opacity .4s ease,padding .4s ease;border-top:none;padding-top:0;padding-bottom:0;line-height:1.3; display:flex;}
.price .ac1 dd div:nth-child(1),.light .ac1 dd div:nth-child(1){ width:1em; margin-right:1em; height:auto; font-size:1.6em;color:#4c5482;font-family: 'Josefin Sans', sans-serif;}
.price .ac1 dd div:nth-child(2),.light .ac1 dd div:nth-child(2){ width:80%; height:auto;}
.price .ac1 dl>input:checked+label+dd,.light .ac1 dl>input:checked+label+dd{height:auto;opacity:1;transition:height .4s ease,opacity .4s ease,padding .4s ease;padding:15px 10px;background: #fff;}
.price .ac1 dt::before,.light .ac1 dt::before{content:"";position:absolute;width:20px;height:1px;top:50%;right:20px;background:#aaa;transform:translateY(-50%);transition:.4s}
.price .ac1 dt::after,.light .ac1 dt::after{content:"";position:absolute;top:50%;right:20px;width:20px;height:1px;background:#aaa;transition:.4s;transform:translateY(-50%) rotate(90deg);}
.price .ac1 dl>input:checked+label>dt::after,.light .ac1 dl>input:checked+label>dt::after { transform: translateY(-50%) rotate(180deg);}
.price .ac1 ul ,.light .ac1 ul {margin-top:1em;padding-left: 2.5%;}
.price .ac1 li ,.light .ac1 li{font-size:.85em; line-height:2; color:#666;list-style-type: "― ";}
/*-------------------▲▲▲ price_plan / works_single ▼▼▼----------------------------------------*/
.works_single #contents2,.works_single #contents3,.works_single #works-story{ width:95%; margin:5% auto;}
.works_single #works-story h2 {color:#4c5482;}
.works_single #contents2 .image{ margin:5% 0; background:#fff; padding:2.5%;}
.works_single #contents3 {display:flex;flex-wrap:wrap;justify-content:space-between;}
.works_single #contents3 .image {width:43%; padding:2.5%; background:#fff; margin:2.5% 0;}
.works_single .detail-nav{ width:95%; margin:5% auto;}
.works_archive .section_over{width:95%; margin:15% auto 1.5%;}
.works_archive #contents1 .entry_content ul{display:flex;flex-wrap: wrap;justify-content:space-between; margin-bottom:10%;}
.works_archive .entry_content ul li{ width:47.5%; margin:2.5% 0;}
.works_archive .archives h3{padding-top:1em;}
.works_archive .archives .second li{width:50%; text-align:left;}
.works_archive .archives ul{display:flex;flex-wrap: wrap; }
.works_archive .archives li{width:25%; text-align:center; margin:.75em 0;}
.works_archive .archives li a{color:#000;}
.works_archive .detail-nav{border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding: 3em 0;box-sizing: border-box;}
.works_archive .detail-nav ul{width: 100%; position: relative;margin: 0 auto; text-align: center;}
.works_archive .detail-nav ul a{color:#000;}
/*-------------------▲▲▲ works_single / reason ▼▼▼----------------------------------------*/
.reason #contents2 {position:relative;}
.reason #contents2 .inner{width:95%; margin:0 auto 10%;}
.reason #contents3 {position:relative; margin:10% 0;} 
.reason #contents3 .inner{ width:90%; margin-left:5%; background:#edeef2; padding:5% 2.5% 15% 2.5%;}
.reason #contents3 div img{ width:80%; margin-top:-15%;}
.reason #contents4{position:relative;width:95%; margin:0 auto 10%; }
.reason #contents5 .inner {width:95%; margin:0 auto; }
.reason #contents5 {position:relative;margin:10% auto; background:url(../images/reason/images/reason_con5back.webp) no-repeat right bottom / 80%;padding-bottom:20%;}
/*-------------------▲▲▲ reason / flow ▼▼▼----------------------------------------*/
.flow #contents1 h3{color:#4c5482;}
.flow #contents1 .flow_image{ position:relative; width:85%; margin: 5% auto 0; overflow:hidden;}
.flow #contents1 .flow_image .mask{background:#fff;}
.flow #contents2 .contents_outer{background:#000 url(../images/flow/images/contents2back_sp.webp) no-repeat center / 100% auto; color:#fff;padding-top: 10%;}
.flow #contents2{padding:10% 0;background: url(../images/flow/images/contents3back_sp.webp) no-repeat center bottom / 100% auto;}
.flow #contents2 .contents_inner{width:95%; margin:10% auto;}
.flow #contents2 h2,.flow #contents2 h3 {margin:0 ; border:none;color:#fff;}
.flow #contents2 h3 {font-size:1.1em;}
.flow #contents2 h2.last,.flow #contents2 h3.last {color:#333;}
.flow #contents2 h2:after,#contents2 h3:after{border:none;}
.flow #contents2 .step{ margin: .25em 0 0;}
.flow #contents2 .grid{ border-top: 1px solid #fff; padding:10% 0;}
.flow #contents2 .section_title,.flow #contents2 .english{color:#4c5482;}
.flow #contents2 .section_title {margin:1em 0;}
.flow #contents2 .english{ padding-left:.5em;}
.flow #contents2 .tel{background:url(../images/flow/images/tel.png) no-repeat left top / 11%; display:block; width:65%; padding-left:11%; font-size:1.8em; margin:0 auto;}
.flow #contents2 .outer{display:block; width:80%; margin:0 auto;padding:.5em;text-align: center;}
.flow #contents2 .reception {display:inline-block; width:2.8em; font-size:.5em;padding:.5em .75em; border: solid 1px #4c5482;margin-right: 1em;border-radius: 5px;}
.flow #contents2 .mail {width:80%; margin:.2em auto;text-align: center;}
.flow #contents2 .mail a{color:#fff; text-decoration:none; padding-left:1.5em;display: block;padding: 1em 0 1em 2.5em;border-radius: 5px; font-size:.85em; background:#4c5482 url(../images/flow/images/mail.png) no-repeat left 2% center / 12%;}
.flow #contents2 ul.grid{border:none;display: grid;grid-template-columns: 1fr 1fr 1fr; list-style:none;column-gap: 5px;margin: 0;}
.flow #contents2 ul.grid li{list-style:none; font-size:.8em; text-align:center; border:solid 1px #4c5482; border-radius:5px; padding:1.5em 0;}
.flow #contents2 .english_last{ margin:0; color:#4c5482; font-size:.8em;}
/*-------------------▲▲▲ flow / faq ▼▼▼----------------------------------------*/
main.faq{background:#fff url(../images/faq/images/qa_con1back_sp.webp) no-repeat right bottom / 70%;}
.faq #contents2{width:95%; margin:10% auto;}
.faq .caption{display: table; width: 100%;color: #4c5482; font-size:.8em; margin:0 0 2em;border-bottom: 1px dotted #4c5482;}
.faq #contents2{margin-bottom:10%;padding-bottom:30%;}
.faq #contents2 h2{color:#4c5482;border-bottom: dotted 1px #4c5482; padding-bottom:.3em;}
.faq .cp_qa .cp_actab{position:relative;overflow:hidden;width:100%;max-width:1050px;margin:0 auto 1em;color:#fff;}
.faq .cp_qa .cp_actab input {display: none;}
.faq .cp_qa .cp_actab label{position:relative;display:block;margin:0 .5em .5em 1.75em;padding:1em 0 2em 0;cursor:pointer;border-radius:5px;background:#4c5482;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);}
.faq .cp_qa .cp_actab label span{display:block;padding:0 2em 1em 2em;border-bottom:1px solid #fff;}
.faq .cp_qa .cp_actab label::before{position:absolute;left:-25px;content:'Q';font-family:'Josefin Sans',sans-serif;display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3em;font-weight:700;z-index:9;border:3px solid #fff;border-radius:50%;background:#586bb9;}
.faq .cp_qa .cp_actab label::after{position:absolute;right:10px;bottom:10px;content:'';color:#fff;width:15px;height:8px;background:#fff;clip-path:polygon(0 0,50% 100%,100% 0);transition:all 0.5s ease;}
.faq .cp_qa .cp_actab .cp_actab-content{position:relative;overflow:hidden;display:flex;align-items:center;max-height:0;margin:0 0 .5em 0;padding:0 0 0 3em;transition:max-height 0.5s ease;color:#fff;}
.faq .cp_qa .cp_actab .cp_actab-content::before{position:absolute;left:25px;content:'A';font-family:'Josefin Sans',sans-serif;display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3em;font-weight:700;z-index:99;border:3px solid #fff;border-radius:50%;background:#4c5482;}
.faq .cp_qa .cp_actab .cp_actab-content p{margin:.5em .5em .5em 0;padding:1em 1em 1em 2em;border-radius:.3em;background:#e2e4ec;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);color:#333;}
.faq .cp_qa .cp_actab input:checked ~ .cp_actab-content {max-height: 40em;}
.faq .cp_qa .cp_actab input[type=checkbox]:checked + label::after {transform: scale(1, -1);}
/*-------------------▲▲▲ faq / light ▼▼▼----------------------------------------*/
.light #contents1 li{position: relative;padding-left: 25px; margin:1em 0;}
.light #contents1 li:before{content:"";position:absolute;top:.5em;left:8px;-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg);width:3px;height:7px;border-right:1px solid #4c5482;border-bottom:1px solid #4c5482}
.light #contents1 li:after{content:"";position:absolute;top:.2em;left:0;width:18px;height:18px;border:1px solid #4c5482;border-radius:50%}
.light #contents2 article{background:#edeef2;margin:10% auto;}
.light #contents2 .inner,.light #contents3 .inner,.light #contents4 .inner{ width:95%;padding:5% 2.5%;}
.light #contents2 ul{display:flex; flex-wrap:wrap;justify-content:space-between;}
.light #contents2 ul li{ width:43%; background:#fff; padding:2.5%; margin:2.5% 0; border-radius:5px;}
.light #contents2 ul li img{width:40%; margin:10% 30% 5%;}
.light #contents2 ul li h3{font-size:1em; color:#4c5482; text-align:center; font-weight:400;}
.light #contents2 ul li p{font-size:.85em;}
.light #contents3 {padding:10% 0;background:url(../images/light/images/light_com3back.webp) no-repeat right bottom / 70%;}
.light #contents3 .first h3{color:#fff; background:#4c5482;font-weight:400;padding:.25em;width: 98%; }
.light #contents3 .inner li{padding:.4em 0;}
.light #contents3 .first li{ border-bottom: #4c5482 1px dotted;}
.light #contents3 .second h3{ color:#4c5482; font-weight:400; margin-top:5%;}
.light #contents3 .second ul{padding-left:.8em;}
.light #contents3 .second li{list-style-type:"・";}
.light #contents4 .inner{background:#edeef2;margin:10% auto;}
.light #contents4 li{background:#fff; padding:.8em; margin: 1em 0;}
.light #contents4 li .first{font-size:1.3em; color:#4c5482; border-bottom: 1px solid #4c5482; padding-bottom:.3em;}
.light #contents4 li h3{color:#4c5482; font-weight:400;}
.light #contents4 li p{ margin-bottom:1em; font-size:.9em;}
.light #contents5,.light #contents6,.light #contents7 {width:95%;margin:10% auto;}
.light #contents5 ul{display:flex; flex-wrap:wrap;justify-content:space-between;}
.light #contents5 ul li{width:48%;}
.light #contents5 ul h3{font-size:1em;color:#4c5482; margin-top:-1.7em; font-weight:400;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff}
.light #contents5 ul li p{font-size:.9em;}
.light #contents6 p{font-size:.8em; text-align:center;}
.light.by_plan #contents5 ul li:nth-child(5){width:96%; display:flex;}
.light.by_plan #contents5 ul li:nth-child(5) img{width:90%;}
.light.by_plan #contents5 ul li .key{width:60%; margin-top:1em;}


/*------------------- cmmon-footer by sp----------------------------------------*/
footer::before{content:"";display:block;position:fixed;bottom:0;left:0;z-index:-1;width:100vw;height:100vh;background-repeat:no-repeat;background-position:center bottom;background-image:url(../images/footer_back_sp.webp);background-size:cover}
footer,footer a,.home footer a,.footer_inner{ color:#fff;}
footer .contact{ width:84%; margin:1em auto; padding-top:2em; text-align:center;}
footer .contact_inner a { display:block; border: solid 1px #fff;padding: .5em; border-radius:5px;}
footer .second_copy{ font-size:.72em; text-align:right;margin-top: 1em;}
footer p{padding: 0; margin-bottom:0; font-size:.9em;}
footer .contact_button{font-size:2.3em;font-weight:300;}
.footer_nav ul{ display:flex;flex-wrap: wrap;justify-content: space-around;}
.footer_nav ul li{width:33.33%; padding: .5em 0;text-align:center;}
.footer_nav .second {width:80%; margin-left:20%;}
.footer_nav .second li{ font-size:.7em;padding: 1em 0;}
footer .corp_area{width:80%; margin:1em auto;}
footer .corp_area p{ font-size:1em; text-align:center;}
footer .corp_area .english{ color:#fff;font-size:.68em;}
footer .corp_area h2{width:70%; margin:.5em auto;}
footer .corp_area address {font-size:.8em; font-style:normal;}
footer #copy {font-size:.75em; text-align: right;}
#page_top{width:50px;height:50px;position:fixed;right:10px;bottom:10px;background:rgba(76,84,130,.8);border-radius:50%;z-index:100;}
#page_top a{position:relative;display:block;color:#fff;width:50px;height:50px}
#page_top a::before{content:'';width:13px;height:13px;display:block;border-top:solid 2px;border-right:solid 2px;transform:rotate(-45deg);position:absolute;top:7.5px;bottom:0;left:0;right:0;margin:auto}


@media (min-width: 768px) {
.home #contents1 p{font-size:1em;}
.home .video-container {width: 38.5%; height: 600px; overflow: hidden; }
.home .second_conteiner {width:90%; margin:-550px 0 0 10%;padding:7% 0}
.home .second_conteiner .inner{ margin-left:35.5%; width:64%;}
.home .second_conteiner .inner h2{ font-size:3em;}
.home .view_more { margin:4em 0 4em 28%; position:relative;}
.home #contents2{ width:80%; min-width:980px;max-width:1920px;margin:10% auto;}
.home .english {width:100%;}
.home h2 { font-size:1.8em; width:100%;}
.home #contents2 .english, .home #contents2 h2, .home #contents3 h2, .home #contents3 h3, .home #contents5 h2, .home #contents8 h2, .home #contents8 h3,.home #contents9 h2,.home #contents9 h3{width:100%;}
.home #contents2 ul{ display:flex;}
.home #contents2 ul li{flex: 1;}
.home #contents2 ul .english {width:89%;}
.home #contents2 .view_more{margin:4em 0 4em auto; width:281px;padding-right:40px;}
.home #contents3 {background:url(../images/con3_back.webp) no-repeat left top / 95%;}
.home #contents3 .inner{ width:80%; min-width:980px; max-width:1920px; margin: 0 auto;padding: 2% 0; }
h2{ font-size:1.4em; width:100%;}
.home #contents3 .english{margin-top:5em;width:100%;}
.home #contents3 .inner p{width:100%;}
.home #contents3 .inner ul { width:100%;display:flex; justify-content:space-between;color:#000;}
.home #contents3 ul h3{ text-align:center;}
.home #contents3 .inner ul p{font-size:.82em;}
.home #contents3 .inner li {margin:0;}
.home #contents3 .inner li:nth-child(1){ background:url(../images/con3_list1pc.png) no-repeat right 2em top .5em / 2.3em auto,linear-gradient(rgba(255,255,255, .7),rgba(255,255,255, .7));border-radius:10px; width:23.8%; padding:1.5% 2%;}
.home #contents3 .inner li:nth-child(2){ background:url(../images/con3_list2pc.png) no-repeat right 2em top .5em / 2em auto,linear-gradient(rgba(255,255,255, .7),rgba(255,255,255, .7));border-radius:10px; width:23.8%; padding:1.5% 2%;}
.home #contents3 .inner li:nth-child(3){ background:url(../images/con3_list3pc.png) no-repeat right 2em top .5em / 2.3em auto,linear-gradient(rgba(255,255,255, .7),rgba(255,255,255, .7));border-radius:10px; width:23.8%; padding:1.5% 2%;}
.home #contents3 .inner .second li {background:#fff; padding:0; width:31%; margin-bottom:5em;}
.home #contents3 .view_more{margin:-5em 0 4em auto; width:281px;padding-right:40px;}
.home #contents4 .inner{padding:5% 0 2.5%;}
.home #contents4 .inner .english{width:90%;}
.home #contents4 .big_h{ margin-left:5%;}
.home #contents4 .english,.home #contents4 h2{width:90%;}
.home #contents4 .v_outer{width:80%;min-width: 980px;max-width: 1920px;margin:-4em auto 0;text-align: right;}
.home #contents4 .view_more{margin:0; width:281px; display:inline-block;padding-right: 40px;}
.home #contents5 { width:80%; min-width:980px;max-width:1920px;margin:10% auto;}
.home #contents5 .big_h {margin-left:0;}
.home #contents5 .inner{width:100%;}
.home #contents5 .english{width:100%;}
.home #contents5 ul li{ width:23.5%;} 
.home #contents5 ul img {opacity:1;transition: .3s cubic-bezier(0.45, 0, 0.55, 1);}
.home #contents5 ul li .english{ position:absolute; top:35%;right:0;left:0;color:#fff; opacity:0;transition: .3s cubic-bezier(0.45, 0, 0.55, 1);}
.home #contents5 ul li h3{ position:absolute; top:41%;right:0;left:0;color:#fff;font-size: 1.2em;opacity:0;transition: .3s cubic-bezier(0.45, 0, 0.55, 1);}
.home #contents5 ul li p{ position:absolute; top:65%;right:0;left:0;color:#fff; font-size:.9em;opacity:0;transition: .3s cubic-bezier(0.45, 0, 0.55, 1);}
.home #contents5 ul a:hover  img {opacity:.45;}
.home #contents5 ul a:hover .english{ position:absolute; top:30%;right:0;left:0;color:#fff;opacity:1;}
.home #contents5 ul a:hover h3{ position:absolute; top:36%;right:0;left:0;color:#fff;font-size: 1.2em;opacity:1;}
.home #contents5 ul a:hover p{ position:absolute; top:60%;right:0;left:0;color:#fff; font-size:.9em;opacity:1;}
.home #contents5 .view_more{ margin:0;text-align: right;padding-right: 40px;}
.home #contents5 .view_more a{ display:inline-block;}
.home #contents6 .inner{width:90%;background:#edeef2 url(../images/con6_back.webp) no-repeat left bottom / 50%; padding-bottom:2.5%;}
.arrow_right:before{width:72vw;}
.home #contents6 ul{ width:88%; min-width:960px;max-width:1920px; margin:0 auto; display:flex;justify-content: space-between;padding:0;}
@media (min-width: 1280px){.home #contents6 ul{ margin-left:8%;}}
.home #contents6 ul li{ width:19%;}
.home #contents6 ul h3{ font-size:1em;}
.home #contents6 ul li p{margin: 0 auto 1.8em;}
.home #contents6 .view_more{ margin:0 auto; width:86%; min-width:960px;text-align: right;} 
.home #contents6 .view_more a{ display:inline-block;}
.home #contents7 {width:80%; min-width:980px; max-width:1920px;padding:10% 0 2.5%; display:flex;flex-wrap:wrap;}
.home #contents7 .big_h{ width:25%;}
.home #contents7 .table_area{ width:75%; padding-top:1.6em;}
.home #contents7 .table_area h2{ font-size: 1.8em;}
.home #contents7 dl {padding:0 2.5px;display: flex;flex-wrap: wrap;width: 100%;}
.home #contents7 dt{width:20%; padding-bottom:1.5em;border-bottom: #d2d2d2 1px solid;}
.home #contents7 dd{width:80%;padding-top: 1.5em;}
.home #contents8 {width:80%; min-width:980px; max-width:1920px;padding: 10% 0 2.5%; display:flex;flex-wrap:wrap; position:relative}
.home #contents8 .blog{width:45%;margin-right:5%;}
.home #contents8 .post {width:50%; padding-top:5%;}
.home #contents8 .big_h{ width:100%;}
.home #contents8 .moreLink_blog a img{position:absolute;top:30%;width:60%;left:20%}
.home #contents8 .english{width:100%;}
.home #contents8 .content{width:100%;}
.home #contents8 .button_s a{margin-left:55%;} 
.home #contents8 .view_more{ margin:0; position:absolute; top:30em;}
.home #contents9 { position:relative; }
.home #contents9 .inner{width:80%; min-width:980px; max-width:1920px;padding: 5% 0 7.5%; margin:0 auto; background:url(../images/con9_back.webp) no-repeat left bottom / 85% auto;}
.home #contents9 .big_h,.home #contents9 .english{width:100%;}
.home #contents9 dl{ width:100%;}
.home #contents9 dd {width:95%; padding-left:2.3em;}
.home #contents9 .view_more {margin: 0;}
.home #contents9 .view_more a{display:inline-block;}
.home #contents9 .slide_container{position:absolute;right:0;top:20%;background-color:#fff;display:flex;width:580px;height:650px;overflow:hidden}
.home #contents9 .slider1{display:flex;flex-direction:column-reverse;overflow:hidden}
.home #contents9 .slider1 .slider-list{display:flex;flex-direction:column-reverse;margin:0;padding:0;align-items:center;animation:slideShow1 70s infinite linear;list-style:none}
.home #contents9 .slider2{display:block;overflow:hidden}
.home #contents9 .slider2 .slider-list{display:flex;flex-direction:column-reverse;margin:0;padding:0;align-items:center;animation:slideShow2 90s infinite linear;list-style:none}
.home #contents9 .slider1 .slider-item{width: 400px;height: 250px;}
.home #contents9 .slider2 .slider-item{width:200px;height:250px;margin-left:10px}
.home #contents9 .slider1:hover .slider-list,.home #contents9 .slider2:hover .slider-list {animation-play-state: paused;}
@keyframes slideShow1{0%{transform:translateY(0%)}100%{transform:translateY(100%)}}
@keyframes slideShow2{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}
/*------------------- about ---------------------------------------------*/
.about #contents2{background:url(../images/about/images/con2back_pc.webp) no-repeat left bottom / 80%; padding-bottom:7.5%;}
.about #contents2 .inner{ position:relative; width:80%; min-width:980px; max-width:1920px;}
.about #contents2 h2,.about #contents3 h2,.about #contents4 h2,.about #contents5 h2,.about #contents6 h2{width:100%;}
.about #contents2 h3,.about #contents2 p,.about #contents2 .english{width:100%;}
.about #contents2 ul{margin-top:5%; width:100%; display:flex;flex-wrap: wrap;justify-content: space-between;}
.about #contents2 li{width:48%;}
.about #contents3 .inner{width:95%; padding: 5% 0;}
.about #contents3 .inner_second{ width:84.21%; min-width:820px; max-width:1920px; margin:0 auto 0 10.5%; padding-top:2.5%;}
.about #contents3 .h2_outer{position:relative;z-index:1;background:#edeef2;width:65%; min-width:600px; margin-left:0;}
.about #contents3 .english { margin-top:-5em; padding-top:1em;}
.about #contents3 .english,.about #contents3 h2 { position:relative;z-index:2;padding-bottom: 0.2em;}
.about #contents3 p,.about #contents3 .english{width:100%;}
.about #contents3 ul{display: flex; justify-content: space-between;}
.about #contents3 li{margin:2% 0; padding:3.5% 2.5%; width:26%;}
.about #contents3 li h3{font-size:1em; width:100%; margin-bottom:1em;}
.about #contents3 li p{margin-bottom:0;}
.about #contents4{height: 628px;}
.about #contents4 .photo{width:42%; overflow-x: hidden;}
.about #contents4 .inner{width:45%; padding-left:35%; margin: -39% auto 0;}
.about #contents4 .english,.about #contents4 p{width:100%;}
.about #contents5 .inner{ width:80%; margin:0 auto; min-width:980px; max-width:1920px;}
.about #contents5 .english,.about #contents5 p,.about #contents5 h3,.about #contents5 ul{width:100%;}
.about #contents5 ul{padding-left:1em;}
.about #contents5 .second{display:flex;flex-direction:row-reverse;}
.about #contents5 .image1{ width:88%;}
.about #contents5 .image2{width:68%; margin: -7% 0 0 32%;}
.about #contents5 .second .text{ width:88%; margin-right:2.5%;}
.about #contents6 {width:80%;min-width:980px; max-width:1920px;} 
.about #contents6 .english,.about #contents6 p{width:100%;}
.about .view_more{ padding-right:30px;}
.flex{ display:flex; width:45%; margin-left:55%;justify-content:space-between;}
.flex .next{margin: 30px 0 0 1%;}
/*-------------------▲▲▲ about / company ▼▼▼----------------------------------------*/
.gallery_conteiner .slide {width: 50vw;margin:0 25px;}
.company #contents2 .flex{ margin: 10% auto; width:80%; min-width:980px; max-width:1920px;}
.company #contents2 .flex .table{width:75%;}
.company #contents2 td,.company #contents2 li,.company #contents2 th{font-size:1em;}
.company #contents3 .inner{width:80%; min-width:980px; max-width:1920px;}
/*-------------------▲▲▲ company / news_single / blog_single ▼▼▼----------------------------------------*/
.news_single .archives,.news_archive .archives,.blog_single .archives,.blog_archive .archives{ padding-top:1em; border-top:1px #999 solid; border-right:1px #999 solid; margin-right:30px;}
.news_single .entry_outer,.news_archive .entry_outer,.blog_single .entry_outer,.blog_archive .entry_outer {width:82.4%}
.news_single .archives ul,.news_archive .archives ul,.blog_single .archives ul,.blog_archive .archives ul{display: block; width:150px; padding-right:10px;}
.news_single .archives li,.news_archive .archives li,.blog_single .archives li,.blog_archive .archives li{width:100%; text-align:left; margin:.75em 0 ;}
.news_archive .entry_content li a{display:flex;}
.news_archive .entry_content .thumbnail {width:40%;}
.news_archive .entry_content .description {width:52%; margin-left:8%;}
.news_archive .entry_content li{padding:2.5% 0;}
.blog_single .entry_content h2{font-size:1.5em; font-weight:300;}
.blog_single .entry_content h3{font-size:1.4em; font-weight:300;}
.blog_single .entry_content h4{font-size:1.3em; font-weight:300;}
.blog_archive #contents0 {width:80%; min-width:980px; max-width:1920px;}
.blog_archive #contents0 ul {display:flex;justify-content:space-between; }
.blog_archive #contents0 li {width:30%; margin:2.5% 0; padding:10px} 
.blog_archive .section_over{width:80%; min-width:980px; max-width:1920px; margin:5% auto 0;}
.blog_single .archives .second li,.blog_archive .archives .second li{font-size:.9em;width:100%;}
/*------------------- blog追加css　---------------------------------------------------------------------*/
.blog_single table { border-top: 1px solid #e9e9e9; border-spacing: 1px; border-collapse: inherit; }
.blog_single table th, .blog_single table td { border: none; margin-right: 2px; border-bottom: 1px solid #e9e9e9; }
.blog_single table th { font-weight: lighter; }
.pager .pagination li{width:45px; height:45px;}
/*-------------------▲▲▲ news_single / blog_single / service ▼▼▼----------------------------------------*/
.service #contents2{width:80%; min-width:980px; max-width:1920px;}
.service h3{font-size:1em;}
.service #contents2 ul{flex-wrap:nowrap;}
.service #contents3 {margin: 5% auto;}
.service #contents3 .inner,.service #contents4 .inner{width:80%; min-width:980px; max-width:1920px;padding:5% 0; }
.service #contents3 li,.service #contents4 li{width: 20.5%;padding: 2.5% 1.5%;margin: 1% 0;}
.service #contents3 li img,.service #contents4 li img {width:30%;}
.service #contents3 li p{ text-align:left;}
.service #contents4 {background: url(../images/service/images/ser_con4back_pc.webp) no-repeat center bottom / 100%; margin:5% 0;}
.service #contents4 .inner{padding-bottom:10%;}
.service .button_s a{font-size:12px; margin:0 0 0 10%;display: inline-block;padding: 10px 40px;}
.service #contents4 .button_s a {margin: .5em 0;}
.service .moreLink_blog a img{position:absolute;top:15%;width:42%;left:29%;}
.service .moreLink_blog span{top:160px;left:40%;width:20%}
/*-------------------▲▲▲  service / homepage ▼▼▼----------------------------------------*/
.homepage #contents2 {background:url(../images/homepage/images/hp_pc_back.webp)no-repeat right 0 bottom 50% / cover;}
.homepage #contents2 .inner{ padding: 5% 0; width:80%; min-width:980px; max-width:1920px; margin:5% auto; display:flex;}
.homepage #contents2 .inner div:nth-child(1) { width:95%}
.homepage #contents2 .inner .second{ padding-left:5%;}
.homepage #contents2 h3 span {margin:0;}
.homepage .inner{ padding: 5% 0; width:80%; min-width:980px; max-width:1920px; margin:5% auto;}
.ac1 dd {line-height:2;} 
.ac1 dd div:nth-child(1){ width:180px; height:auto; margin-right:5em;}
.homepage #contents4 .first {display:flex;flex-wrap:nowrap; margin:5% auto;}
.homepage #contents4 .first li{width:14%;background:#4c5482; border-radius:50%;}
.homepage #contents4 .first h3{font-size:1em;margin-top:1.3em;padding-top: .2em;}
.homepage #contents4 .first p{ font-size:1em; margin:0; line-height:1.5;padding-bottom: 2.5em;}
.homepage #contents4 .first .arrow{margin: 8.5% 5px 0 -5px;}
.homepage #contents4 .first .img{ bottom:-15%; left:32%; width:36%;}
.homepage .view_more.keycolor a{display:inline-block;}
.homepage #contents5 .view_more.keycolor a{display:inline-block; margin-left:66%;}
.homepage #contents6 ul{display: flex; flex-wrap:nowrap;justify-content:space-between;}
.homepage #contents6 li {width:24%;}
.homepage #contents6 li img{ opacity:1;transition: .5s; }
.homepage #contents6 .caption{position:absolute; top:55%;left: 50%;transform: translateY(-50%) translateX(-50%); font-size:1.2em; opacity:0;transition: .5s; font-weight:300; }
.homepage #contents6 li a:hover .caption{top:50%;opacity:1;transition: .4s; }
.homepage #contents6 li a:hover img{ opacity:.5;transition: .4s; }
/*-------------------▲▲▲ homepage / EC ▼▼▼----------------------------------------*/
.EC #contents1 .second{flex-wrap:nowrap; margin-bottom:2.5%;}
.EC #contents1 .second li{width: calc((100% - 5%) / 4);}
.EC #contents1 .second p{width:90%;}
.EC #contents2 {background:url(../images/ECagency/images/ec_con2back_pc.webp) no-repeat center / cover;margin:5% auto; padding-top:2.5%;}
.EC #contents2 .inner,.EC #contents4{width:80%; min-width:980px; max-width:1920px;margin:5% auto;}
.EC #contents3 .title,#contents3 .title2 {display:inline-block; position:absolute; top:0;}
.EC #contents3 .title2{margin-left:45%;}
.EC #contents3 .contents_inner{width:80%;min-width:980px; max-width:1920px;margin:5% auto;}
.EC #contents3 img {width:40%; height:auto;margin: 0 0 0 auto;}
.EC #contents3 img.second{width:40%; height:auto;margin: 0 auto 0 0;}
.EC #contents3 img.pc_none{display:none;}
.EC #contents3 .con3blck{ position:relative; margin:5% 0;}
.EC #contents3 .inner{ position:absolute; top:70px; display:inline-block;}
.EC #contents3 .inner2{ position:absolute; top:70px; left:45%; display:inline-block;}
/*-------------------▲▲▲ EC / photography ▼▼▼----------------------------------------*/
.photography #contents1 {margin:5% auto;}
.photography #contents2 {margin:5% 0;}
.photography #contents2 .inner,.photography #contents3 .inner{width:80%; min-width:980px; max-width:1920px;margin:5% auto; }
.photography #contents2 .sp_none{position: absolute; right: -5%; top: 12%;width: 35%;max-width: 500px;}
.photography #contents2 .camera {bottom: 0; left: -5%;width: 65%;max-width: 1000px;display: inline-block;overflow-x: hidden;}
.photography #contents3 { background-size: 70% auto; padding-bottom:2.5%;margin:5% auto;}
.photography #contents3 ul{ display:flex;flex-wrap:nowrap;margin: 0;}
.photography #contents3 ul li {width:20%;padding: 2%;list-style: none;}
.photography #contents3 ul li img {width:35%;margin: 2% auto 10% 32.5%;}
.photography #contents3 .description {width:50%;margin: 10% 0 10% 48%; }
.photography #contents4 {padding: 5% 0;}
.photography #contents4 .inner{width:80%; min-width:980px; max-width:1920px; margin:0 auto;}
.photography #contents4 ul.outer{ margin: 5% 0;}
.photography #contents4 li.outer{display:flex;}
.photography #contents4 li.outer:nth-child(2),#contents4 .outer:nth-child(4){flex-direction: row-reverse;}
.photography #contents4 li.outer ul{ width:80%; margin:5% 10%;}
.photography #contents4 li.outer div:nth-child(2){ width:48%;padding-top: 8%;line-height: 2;}
.photography #contents4 li.outer li:hover{cursor:pointer;z-index:10; transform:scale(1.3) rotate(0deg) translate(0,0);transition:.3s all;}
.photography .left{width: 200px;}
.photography .right{width: 200px;}
.photography #contents5{margin-bottom: 2.5%;}
.photography #contents5 .inner{width:80%; min-width:980ox; max-width:1920px; margin:5% auto;}
/*-------------------▲▲▲ photography / paper_media ▼▼▼----------------------------------------*/
.paper #contents2 .inner,.paper #contents3,.paper #contents4 .inner{width:80%; min-width:980px; max-width:1920px;margin:5% auto; }
.paper #contents2 .inner ul{display:flex;flex-wrap:nowrap;}
.paper #contents2 .inner li{width:20%;}
.paper #contents2 .inner li img{width:30%;}
.paper #contents3 ul,.paper #contents5 ul{display: flex; flex-wrap:wrap;justify-content: space-between;}
.paper #contents3 ul li,.paper #contents5 ul li{ width:48%}
.paper #contents5 {width:95%;margin:5% 0;}
.paper #contents5 .inner{width:85%; min-width:980px; max-width:1920px;margin:5% auto 5% 10%; }
.paper #contents5 .inner li{border-top:1px solid #4c5482; border-bottom:1px solid #4c5482;}
.paper #contents5 .second .english{margin-left: 0;width:48%;}
.paper #contents5 .second ul{display: flex;flex-wrap:nowrap;justify-content: space-between;}
.paper #contents5 .second ul li{background:#fff; width:18%;}
.paper #contents6{width:80%; min-width:980px; max-width:1920px;margin:5% auto; }
/*-------------------▲▲▲  paper_media / price_plan ▼▼▼----------------------------------------*/
.price section::before {content:'';display: block;padding-top: 65px;margin-top: -65px;}
.price #contents1,.price #contents2,.price #contents4,.price #contents5{width:80%; min-width:980px; max-width:1920px;margin:5% auto; }
.price #contents1 .plan_box{ position:relative;padding:5%; width:50%;}
.price #contents1 .image_light,.price #contents1 .image_standard,.price #contents1 .image_premium{position:relative;z-index:1;}
.price #contents1 .image_light,.price #contents1 .image_premium{width:65%; margin:-20% -15% auto auto;}
.price #contents1 .image_standard{width:65%; margin:-20% auto auto -15%;}
.price #contents1 ul{width: 45%; margin: -40% 5% 0 5%;}
.price #contents1 ul.second{margin-top:-40%;margin-left: 55%;}
.price #contents1 .plan_box.second{margin-left:40%;margin-top: 20%;padding-left: 15%;width:40%;}
.price .view_more.keycolor a { display:inline-block; margin-left:5%;}
.price .second .view_more.keycolor a { margin-left:55%;}
.price #contents1 .plan_box.third{ margin-top:20%;}
.price #contents2 .inner{width:80%;min-width:784px; max-width:1536px;padding:5% 10%;}
.price #contents3{padding:2.5% 0;margin:5% auto; }
.price #contents3 .inner{width:80%; min-width:980px; max-width:1920px;margin: 2.5% auto;}
.price #contents3 .inner h3{font-size:2.2em;}
.price #contents3 .table-scroll {overflow-x:hidden;}
.price #contents3 table{width:100%;}
.price .ac1 dt div.number ,.light .ac1 dt div.number { margin-right:1.5em;font-size:2em;}
.price .ac1 dd div:nth-child(1),.light .ac1 dd div:nth-child(1){height:auto;font-size:2em;}
.price .ac1 dd,.light .ac1 dd {line-height:2;} 
.price .ac1 dt::before,.light .ac1 dt::before{width:40px;}
.price .ac1 dt::after,.light .ac1 dt::after{width:40px;}
.price .ac1 dt h3,.light .ac1 dt h3{ width:85%; margin-left:0;}
.price .ac1 dd div:nth-child(2),.light .ac1 dd div:nth-child(2){margin-left:2.5%;}
.price #contents4 .view_more.keycolor a{margin-left:68%;}
/*-------------------▲▲▲ price_plan / works_single ▼▼▼----------------------------------------*/
.works_single #contents2,.works_single #works-story{width:80%; min-width:980px; max-width:1920px;margin:2.5% auto 5%;padding: 0; }
.works_single #contents3{width:80%; min-width:980px; max-width:1920px;}
.works_single #contents3 {flex-wrap: nowrap;justify-content: space-between;}
.works_single #contents3 .image {width:22%; padding:8px;}
.works_single .detail-nav{ width:80%; min-width:980px; max-width:1920px; margin:2.5% auto;}
.works_single .view_more.keycolor a{width:268px;margin-left:0;}
.works_archive .archives li{width:7.5%; text-align:left;}
.works_archive .archives .second li{ width: auto;display:inline-block; margin-right:2em;}
/*-------------------▲▲▲ works_single / reason ▼▼▼----------------------------------------*/
.reason #contents2 { margin-top:-7.5%;}
.reason #contents2 .box{width: 60%; height:6em; display:inline-block; background:#fff; margin-top:-3em;}
.reason #contents2 .inner{width:80%; min-width:980px; max-width:1920px;margin:-7% auto 5%;}
.reason #contents3 .inner{ width:40%; margin-left:30%;padding:5% 10% 5% 20%;}
.reason #contents3 div img{ width:48%; margin-top:-22%;}
.reason #contents4{width:80%; min-width:980px; max-width:1920px;margin:5% auto;}
.reason #contents5 {margin: 5% auto; background-size: 70%; padding-bottom:15%;}
.reason #contents5 .inner{width:80%; min-width:980px; max-width:1920px;}
.reason #contents5 p {width:40%; margin-left:0;}
/*-------------------▲▲▲ reason / flow ▼▼▼----------------------------------------*/
.flow #contents1 h3{font-size:1.3em;}
.flow #contents1 .flow_image{ width:90%;}
.flow #contents2 { background:#000;}
.flow #contents2{padding:5% 0;background: url(../images/flow/images/contents3back.webp) no-repeat center bottom / 100% auto; margin-bottom:5%;}
.flow #contents2 .contents_outer{padding-top:5%;background:#000 url(../images/flow/images/contents2back.webp) no-repeat center / 100% auto;}
.flow #contents2 .contents_inner{width:80%; min-width:980px; max-width:1920px;margin:5% auto;}
.flow #contents2 .grid{padding:5% 0;display: grid;grid-template-columns: .9fr 1.1fr;}
.flow #contents2 .tel {font-size: 1.8em;margin:0; display:inline-block; width:40%;min-width:238px;padding-left:8%;background:url(../images/flow/images/tel.png) no-repeat left center / 11%; }
.flow #contents2 .outer{display:inline-block; width:auto;}
.flow #contents2 .mail{width:52%;margin:1em 0; min-width:288px;}
.flow #contents2 .mail a{padding: 1.5em 0 1.5em 3em;background:#4c5482 url(../images/flow/images/mail.png) no-repeat left 2.5% center / 12%;}
.flow #contents2 ul.grid{column-gap: 10px;}
.flow #contents2 ul.grid li{font-size:.9em; padding:1em 0;}
/*-------------------▲▲▲ flow / faq ▼▼▼----------------------------------------*/
main.faq{background:url(../images/faq/images/qa_con1back.webp) no-repeat right bottom / 70%;padding-bottom: 5%;}
.faq #contents2{width:80%; min-width:980px; max-width:1920px; margin:5% auto; padding-bottom:5%;}
.faq .caption .english{ display: table-cell; text-align: left;}
.faq .description{text-align: right;}
/*-------------------▲▲▲ faq / light ▼▼▼----------------------------------------*/
.light #contents1 .second .inner{width:600px; margin:5% 0 5% auto;}
.light #contents2 article{width:95%;margin:5% 0 5% 5%;}
.light #contents2 .inner{width:85%; min-width:980px; max-width:1920px; margin:5% 10% 5% 2.5%;}
.light #contents2 ul li{ width:28%;padding:5px 10px; margin:10px 0;}
.light #contents2 ul li img{width:24%;margin: 5% 38%;}
.light #contents3 {padding:5% 0;background-size:40%;}
.light #contents3 .inner{width:80%; min-width:980px; max-width:1920px;margin: 0 auto; padding:0;}
.light #contents3 .inner article{display:flex;justify-content:space-between;}
.light #contents3 .first,.light #contents3 .second{width:47.5%;}
.light #contents3 .second h3{padding: 0.25em 0; margin-top:0;}
.light #contents4 .inner{ width:90%; margin-left:0; background:#edeef2 url(../images/light/images/light_com4back.webp) no-repeat left bottom / 60%;}
.light #contents4 .inner article{ width:88%; margin:0 auto 0 7.5%; display:flex;}
.light #contents4 .inner article .english{margin-left: 0;}
.light #contents4 .inner article .title{width:68%;}
.light #contents4 .inner li{display:flex;width: 100%;}
.light #contents4 .inner li .first{font-size:1.2em; font-weight:400;padding: 1.5em 1em;border-bottom:none; border-right: 1px solid #4c5482;}
.light #contents4 .inner li .second{padding:.5em;}
.light #contents5{width:80%; min-width:980px; max-width:1920px; margin:5% auto;}
.light #contents5 ul li{width:24%;}
.light #contents5 ul h3,.light #contents5 ul p{width:95%; margin:0 auto;}
.light #contents5 ul h3{margin-top:-1.8em;}
.light #contents6,.light #contents7{width:80%; min-width:980px; max-width:1920px; }
.light #contents6 .view_more.keycolor a{margin: 2em 30px 1.5em auto;}
.light #contents6 p{font-size:.8em; text-align:right; margin:-1em 3em 0 auto;}
.light.by_plan #contents2 ul li{ width:22%;padding:5px 10px; margin:10px 0;}
.light.by_plan #contents2 ul li img{width:28%;margin: 5% 36%;}
.light.by_plan #contents4 .inner article{ width:88%; margin:0 auto 0 7.5%; display:block;}
.light.by_plan #contents4 ul {display:flex; flex-wrap:wrap;justify-content:space-between;}
.light.by_plan #contents4 ul li{width:46%;}
.light.by_plan #contents5 ul {flex-wrap: nowrap;}
.light.by_plan #contents5 ul li{width:19.2%;}
.light.by_plan #contents5 ul li:nth-child(5){display:block;width:19.2%;}
.light.by_plan #contents5 ul li:nth-child(5) img{width:100%;}
.light.by_plan #contents5 ul li .key{width:auto; margin-top:0;}




/*------------------- cmmon-footer for pc----------------------------------------*/
footer::before{background-image:none;}
footer{background: url(../images/footer_back_pc.webp) no-repeat center bottom / cover;background-attachment: fixed;background-color: #4c5482;}
footer .footer_inner{width:80%; min-width:980px; max-width:1920px; margin:0 auto;}
footer .contact {width:56%;margin-bottom: 4.2%;}
.custom-footer .contact{ margin:0 auto;}
footer p{font-size:.95em;}
footer .contact_button{font-size:3.4em;}
footer .contact_inner a{display:block;padding:2em; transition: all 0.5s;border-radius:10px;border:none;}
footer .contact a:hover{box-shadow: 0 0 20px 5px rgba(143,159,247,.85);transition: all 0.5s;}
footer .second_copy {font-size:.85em;}
footer .footer_second{display:flex;flex-direction: row-reverse;}
footer .corp_area{ width:35%;}
footer .footer_nav{width:45%; margin-left:20%;}
.footer_nav ul li{width:16.5%; margin-top:25%;}
.footer_nav ul li a{font-size:.9em;}
.footer_nav a{background-image:linear-gradient(#4c5482,#707cc0);background-repeat:no-repeat;background-position:bottom right;background-size:0 1px;transition:background-size 0.3s}
.footer_nav  a:hover{cursor:pointer;background-position:bottom left;background-size:100% 1px}
.footer_nav .second {margin-left:10px;}
.footer_nav .second li{font-size:.8em;margin-top:0; width:32.5%;}
footer .corp_area p{text-align:left;}
footer .corp_area h2{margin:.5em 0; width:63%; max-width:250px;}
footer .corp_area address {font-size:.9em;}
footer #copy {font-size:.85em;}

}

@media (min-width: 768px) and (max-width: 1279px){
.home #contents3 {background-size:110%;}
.home #contents4 .inner {width:100%; margin-left:0;}
.home #contents4 .big_h{margin-left:2.5%;}
.home #contents4 .inner .english,.home #contents4 h2 {width:95%;}
.l-inner {padding:0 2.5%;}
.home #contents6 .inner{width:95%;}
.home #contents6 .view_more {min-width:900px;}
.home #contents4 .view_more {padding-right:40px;}
.paper #contents5 {width:100%;}
.paper #contents5 .inner{width:80%; min-width:980px;margin:5% auto; }
.light #contents2 .inner{width:80%; margin:5% auto;}
.light #contents2 article{width:100%;margin:5% 0 5% 0;}
.light #contents4 .inner{width: 100%; padding:5% 0;}
.light #contents4 .inner article,.light .by_plan #contents4 .inner article {width:95%; margin:0 auto;}
.light #contents4 .inner li {width:95%;}
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}