@charset "UTF-8";*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{visibility:hidden}html.wf-active{visibility:visible}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}body{font-family:"Karla",sans-serif;position:relative;background-color:#f6f5f8;-webkit-animation:fadein .8s ease-in;animation:fadein .8s ease-in;padding-top:60px}@media screen and (max-width:767px){body{-webkit-animation:fadein .5s ease-in;animation:fadein .5s ease-in}}body a{text-decoration:none;color:#333}.inner{max-width:calc(1000px + 2rem);margin:0 auto;padding:0 2rem}@media screen and (max-width:767px){.inner{padding:0 5%}}section{text-align:center}.front-page section{padding:64px 0}@media screen and (max-width:767px){.front-page section{padding:40px 0}}.sub section{padding-top:64px;padding-bottom:64px}@media screen and (max-width:767px){.sub section{padding-top:40px;padding-bottom:40px}}h1,h2,h3,h4,h5,p,span,li,th,td{color:#333}#wpadminbar span{color:#fff}h1,h2,h3,h4,h5,a,p,span,ul,li,th,td,dl,dt,dd,label{letter-spacing:.02em;line-height:1.75}img{max-width:100%}@media screen and (max-width:767px){p,li{font-size:14px}}a{-webkit-transition:all .3s;transition:all .3s}a:hover{opacity:.6}strong{font-weight:700}.pc-on{display:block}@media screen and (max-width:767px){.pc-on{display:none}}.sp-on{display:none}@media screen and (max-width:767px){.sp-on{display:block}}.dib{display:inline-block}.main_btn{margin-top:40px}.main_btn a{display:inline-block;padding:10px 32px;color:#fff;background:#003373;border:1px solid #003373;font-size:16px;-webkit-transition:all .3s;transition:all .3s;border-radius:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:8px;margin-inline:auto;font-weight:700}@media screen and (max-width:767px){.main_btn a{padding:8px 32px;font-size:14px}}.main_btn a:hover{opacity:1;color:#333;background:0 0;border:1px solid #333}.main_btn a:hover:before,.main_btn a:hover:after{background:#333}.main_btn a:before{content:"";display:inline-block;background-color:#fff;-webkit-transition:all .3s;transition:all .3s;-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_circle_right.svg) no-repeat center center/contain;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_circle_right.svg) no-repeat center center/contain;width:24px;height:24px}.main_btn.orange a{background:#ff8c00;border:1px solid #ff8c00}.main_btn.orange a:hover{color:#333;background:#f6f5f8;border:1px solid #333}.main_btn.orange a:hover:before,.main_btn.orange a:hover:after{background:#333}.main_btn.orange a:before,.main_btn.orange a:after{content:"";display:inline-block;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}.main_btn.orange a:before{-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_mail.svg) no-repeat center center/contain;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_mail.svg) no-repeat center center/contain;width:24px;height:24px}.main_btn.orange a:after{-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_arrow_right.svg) no-repeat center center/contain;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_arrow_right.svg) no-repeat center center/contain;width:24px;height:24px;-webkit-transform:translateY(3px);transform:translateY(3px)}.sub_btn{margin-top:20px}.sub_btn a{color:#003373;display:inline-block;-webkit-text-decoration:dotted underline;text-decoration:dotted underline;-webkit-text-decoration-color:#003373;text-decoration-color:#003373;text-underline-offset:4px;font-size:16px;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:8px;font-weight:700}@media screen and (max-width:767px){.sub_btn a{font-size:14px}}.sub_btn a:before{content:"";display:inline-block;background-color:#003373;-webkit-transition:all .3s;transition:all .3s;-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_circle_right.svg) no-repeat center center/contain;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_circle_right.svg) no-repeat center center/contain;width:24px;height:24px}.clip-btn{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:16px;color:#1b1f32;font-size:16px;-webkit-transition:opacity .3s;transition:opacity .3s;margin-right:24px}.clip-btn:before{content:url();display:inline-block;background-image:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/copy.png);background-size:contain;vertical-align:middle;width:24px;height:24px;margin-right:2px}.clip-btn:hover{opacity:.7}.clip-btn-on{color:#999}.clip-btn-on:before{background-image:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/check.png)}span.dib{display:inline-block}.subtitle{display:block;width:100%;font-size:12px;position:relative;font-weight:700;color:#003373}@media screen and (max-width:767px){.subtitle{font-size:10px}}.maintitle{font-size:28px;margin-bottom:64px;display:inline-block;position:relative;font-weight:700}@media screen and (max-width:767px){.maintitle{font-size:20px;margin-bottom:40px}}.maintitle:after{content:"";position:absolute;display:inline-block;width:55px;height:1px;left:50%;bottom:-40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#aaa}div.link-style{font-size:12px}div.link-style a{color:#1da1f2}.breadcrumbs{margin-bottom:1em;color:gray}.breadcrumbs a{display:inline;color:gray;font-size:.87em;text-decoration:none}.header.login{margin-top:32px}.header{position:fixed;top:0;z-index:1000;width:100%;height:60px;background:#f6f5f8;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.header_inner{max-width:1280px;margin:0 auto}.header_wrap{padding:0 0 0 3%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media screen and (max-width:1024px){.header_wrap{padding:0 5%}}.header_wrap_logo{z-index:100}.header_wrap_logo a{width:160px;height:60px;line-height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:.2s;transition:.2s}.header_wrap_logo a.is-active{color:#fff}.header_wrap_logo a img{width:100%}@media screen and (max-width:1024px){.header_wrap_nav{width:100%;position:absolute;left:50%;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;opacity:0}.header_wrap_nav.is-active{visibility:visible;opacity:1}}.header_wrap_nav ul{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-webkit-justify-content:right;-ms-flex-pack:right;justify-content:right;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media screen and (max-width:1024px){.header_wrap_nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;gap:8px}}.header_wrap_nav ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:1024px){.header_wrap_nav ul li{display:block}}.header_wrap_nav ul li a{font-size:13px;font-weight:700;padding:0 16px;line-height:1.2;letter-spacing:.02em;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:1024px){.header_wrap_nav ul li a{font-size:16px;color:#fff;margin-top:8px;margin-bottom:8px;text-align:center}}.header_wrap_nav ul li a:hover{background:#003373;color:#fff;opacity:1}@media screen and (max-width:1024px){.header_wrap_nav ul li a:hover{background:initial;opacity:.6}}.header_wrap_nav ul li a:hover span{color:#fff}.header_wrap_nav ul li a span{display:block;font-size:10px;color:#003373;font-weight:700;text-align:center;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:1024px){.header_wrap_nav ul li a span{color:#fff;margin-bottom:2px}}@media screen and (max-width:1024px){.header_wrap_nav ul li.nav-contact{display:none}}.header_wrap_nav ul li.nav-contact a{color:#fff;background:#ff8c00}.header_wrap_nav ul li.nav-contact a:hover{background:#003373}.header_wrap_nav ul li.nav-contact a span{color:#fff}.header_wrap_nav .main_btn{display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;text-align:center;margin-top:20px}@media screen and (max-width:1024px){.header_wrap_nav .main_btn{display:block}}.header_wrap_nav .main_btn a:hover{color:#fff;background:0 0;border:1px solid #fff}.header_wrap_nav .main_btn a:hover:before,.header_wrap_nav .main_btn a:hover:after{background:#fff}.header input{display:none}@media screen and (max-width:1024px){.header input:checked+label span.hamburger_icon i:nth-child(1){margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:0;bottom:0;left:0;top:0}.header input:checked+label span.hamburger_icon i:nth-child(2){-webkit-transform:rotateX(90deg);transform:rotateX(90deg);top:0;bottom:0}.header input:checked+label span.hamburger_icon i:nth-child(3){margin:auto;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0;right:0;bottom:0}}.header label{display:none}.header label:hover{cursor:pointer}@media screen and (max-width:1024px){.header label{display:block;position:fixed;top:18px;right:5%}.header label span{display:inline-block;width:26px}.header label span i{position:absolute;width:100%;height:1px;background:#1b1f32;display:block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header label span i:nth-child(1){top:5px}.header label span i:nth-child(2){margin:auto;top:0;bottom:0}.header label span i:nth-child(3){bottom:5px}}@media screen and (max-width:1024px){.nav_cover{background-color:rgba(0,0,0,.6);position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s}.nav_cover.is-active{opacity:1;z-index:99}}.mv{padding:0}.mv .mv_wrap{max-width:1280px;margin:0 auto;position:relative}.mv .mv_img{margin:0 calc(50% - 50vw);width:100vw;height:100%;max-height:800px;aspect-ratio:16/9}@media screen and (max-width:767px){.mv .mv_img{aspect-ratio:1/1}}.mv .mv_img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mv .mv_title{z-index:10;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:left;padding:0 5%}.mv .mv_title .mv_title_main span{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:min(64px, 32px + 32 * (100vw - 768px) / 1152);letter-spacing:.1em;line-height:1.2;padding:.5rem;color:#fff;font-weight:700;background:#003373;margin-bottom:8px}@media screen and (max-width:767px){.mv .mv_title .mv_title_main span{font-size:max(20px, 20px + 12 * (100vw - 375px) / 392)}}.mv .mv_title .mv_title_sub span{background:#003373;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;padding:.5rem;line-height:2;color:#fff;font-size:min(30px, 16px + 14 * (100vw - 768px) / 1152)}@media screen and (max-width:767px){.mv .mv_title .mv_title_sub span{font-size:max(13px, 13px + 5 * (100vw - 375px) / 392)}}section.top_news{padding:60px 0 0}section.top_news .news_wrap{background:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,.1);box-shadow:0 0 4px rgba(0,0,0,.1);border-radius:10px;padding:20px 5% 30px}section.top_news .news_wrap .news_wrap_title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section.top_news .news_wrap .news_wrap_title .maintitle{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px;line-height:1.25}section.top_news .news_wrap .news_wrap_title .maintitle:after{display:none}section.top_news .news_wrap .news_wrap_title .subtitle{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}section.top_news .news_wrap .post_wrap .post{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px;padding:24px 16px;border-bottom:1px solid #e5e7ed}@media screen and (max-width:767px){section.top_news .news_wrap .post_wrap .post{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px}}section.top_news .news_wrap .post_wrap .post:first-of-type{border-top:1px solid #e5e7ed}section.top_news .news_wrap .post_wrap .post .post_date{font-size:14px;color:#a5aaaf;display:inline-block}section.top_news .news_wrap .post_wrap .post .post_category ul.post-categories{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px}section.top_news .news_wrap .post_wrap .post .post_category ul.post-categories li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}section.top_news .news_wrap .post_wrap .post .post_category ul.post-categories li a{font-size:12px;display:inline-block;background:#003373;border:1px solid #003373;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px 16px;border-radius:40px;color:#fff;-webkit-transition:all .3s;transition:all .3s}section.top_news .news_wrap .post_wrap .post .post_category ul.post-categories li a:hover{opacity:1;background:0 0;color:#333}section.top_news .news_wrap .post_wrap .post .post_title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px}@media screen and (max-width:767px){section.top_news .news_wrap .post_wrap .post .post_title{width:100%;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}}section.top_news .news_wrap .post_wrap .post .post_title:after{content:"";display:inline-block;-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_arrow_right.svg) center/contain no-repeat;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_arrow_right.svg) center/contain no-repeat;background:#333;width:24px;height:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}section.top_news .news_wrap .post_wrap .post .post_title h2{font-size:16px;text-align:left;font-weight:700}@media screen and (max-width:767px){section.top_news .news_wrap .post_wrap .post .post_title h2{font-size:14px}}section.top_news .news_wrap .sub_btn a{margin-left:auto}@media screen and (max-width:767px){.free-space{padding:80px 0 40px}}.free-space .osusume{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:26px;text-align:center;font-weight:700;margin-top:50px}@media screen and (max-width:767px){.free-space .osusume{font-size:20px}}.free-space .osusume:before,.free-space .osusume:after{content:"";width:3px;height:40px;background-color:#003373}.free-space .osusume:before{margin-right:20px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}.free-space .osusume:after{margin-left:20px;-webkit-transform:rotate(35deg);transform:rotate(35deg)}.free-space .osusume .point{color:#ff8c00}.free-space .flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:40px;margin:20px auto 60px}@media screen and (max-width:767px){.free-space .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.free-space .flex>div.flex_item{width:calc(50% - 20px);border-radius:8px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);padding:4%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:rgba(0,51,115,.03)}@media screen and (max-width:767px){.free-space .flex>div.flex_item{width:100%;max-width:500px;margin-inline:auto}}.free-space .flex>div.flex_item h3:before{content:"";display:inline-block;width:32px;height:32px;background:#003373}.free-space .flex>div.flex_item.code h3:before{-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_code.svg) center/contain no-repeat;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_code.svg) center/contain no-repeat}.free-space .flex>div.flex_item.site h3:before{-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_site.svg) center/contain no-repeat;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_site.svg) center/contain no-repeat}.free-space .flex>div.flex_item.blog h3:before{-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_blog.svg) center/contain no-repeat;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_blog.svg) center/contain no-repeat}.free-space .flex>div.flex_item h3{font-size:20px;font-weight:700;border-bottom:1px dotted #003373;padding-bottom:8px;color:#003373;margin-bottom:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:8px}@media screen and (max-width:767px){.free-space .flex>div.flex_item h3{font-size:16px}}.free-space .flex>div.flex_item ul{text-align:left;margin-bottom:16px}.free-space .flex>div.flex_item ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:4px}@media screen and (max-width:767px){.free-space .flex>div.flex_item ul li{font-size:14px}}.free-space .flex>div.flex_item ul li:before{content:"";-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_check.svg) center/contain no-repeat;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_check.svg) center/contain no-repeat;display:inline-block;width:24px;height:24px;background:#003373;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}@media screen and (max-width:767px){.free-space .flex>div.flex_item ul li:before{width:20px;height:20px}}.free-space .flex>div.flex_item p{text-align:left;margin-bottom:16px}.free-space .flex>div.flex_item .main_btn{margin-top:auto}.free-space>p{line-height:1.75;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto}@media screen and (max-width:767px){.free-space>p{font-size:14px}}.free-space .contact_wrap{background:#003373;margin:0 calc(50% - 50vw);padding:64px 5%}.free-space .contact_wrap p,.free-space .contact_wrap span{color:#fff;text-align:center}.free-space .main_btn{margin-top:20px}@media screen and (max-width:767px){.about{padding-bottom:64px}}.about .maintitle{margin-bottom:80px}@media screen and (max-width:767px){.about .maintitle{margin-bottom:40px}}.about_wrap{max-width:1080px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.about_wrap{display:block}}.about_icon{width:50%;margin-right:40px;text-align:right}@media screen and (max-width:767px){.about_icon{width:100%;max-width:500px;margin:0 auto 20px}}.about_icon img{width:100%;max-width:350px;border-radius:2px;margin-bottom:16px;-webkit-box-shadow:10px 10px 0 #003373;box-shadow:10px 10px 0 #003373}@media screen and (max-width:767px){.about_icon img{max-width:100%}}.about_icon_link{max-width:350px;margin-left:auto;text-align:center}.about_icon_link a{color:#1da1f2}@media screen and (max-width:767px){.about_icon_link a{font-size:14px}}.about_text{text-align:left;width:50%;margin-left:40px}@media screen and (max-width:767px){.about_text{width:100%;max-width:500px;margin-inline:auto}}.about_text ul li{font-size:14px;margin-bottom:8px;text-indent:-3em;padding-left:3em}@media screen and (max-width:767px){.about_text ul li{font-size:12px}}.about .x_wrap{margin-top:40px}.about .x_wrap .twitter-timeline{margin-inline:auto}.about .main_btn{margin-top:64px}@media screen and (max-width:767px){.about .main_btn{margin-top:40px}}.contact{background:#003373;padding:64px 0 40px}.contact span,.contact h2,.contact p{color:#fff}.footer{background-color:#1b1f32;text-align:center;padding:20px 0}.footer_inner{max-width:1280px;margin:0 auto}.footer_wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:32px 56px;padding:0 5%}.footer_logo{color:#fff;display:inline-block;width:160px}.footer_nav ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:8px}@media screen and (max-width:767px){.footer_nav ul{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.footer_nav ul li{margin:0 8px}@media screen and (max-width:767px){.footer_nav ul li{margin:0 4px}.footer_nav ul li:first-of-type{margin-left:0}}.footer_nav ul li a{color:#fff;display:inline-block;line-height:16px;border-bottom:1px solid rgba(238,238,238,0);font-size:12px;-webkit-transition:border .3s;transition:border .3s}.footer_nav ul li a:hover{border-bottom:1px solid #eee;opacity:1}.footer_nav ul li a span{display:none}.footer .copyright{font-size:12px;color:#fff}.pagetop a{background:#fff;border:1px solid #003373;position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);z-index:100;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.pagetop a{width:40px;height:40px}}.pagetop a:hover{background:#003373}.pagetop a:hover:before{background-color:#fff}.pagetop a:before{content:"";display:block;width:40px;height:40px;-webkit-mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_arrow.svg) center/contain no-repeat;mask:url(//shantan.jp/wp/wp-content/themes/portfolio2024/css/../img/svg/icon_arrow.svg) center/contain no-repeat;background-color:#003373;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:767px){.pagetop a:before{width:30px;height:30px}}.work .tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:64px}@media screen and (max-width:767px){.work .tabs{margin-bottom:0;margin-inline:auto}}.work .tab_item{width:25%;height:50px;background-color:#f6f5f8;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;line-height:50px;font-size:14px;text-align:center;color:#333;display:inline-block;text-align:center;-webkit-transition:opacity .2s ease,color .3s,background .3s;transition:opacity .2s ease,color .3s,background .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.work .tab_item:hover{color:#fff;background:#003373}@media screen and (max-width:767px){.work .tab_item{width:50%;max-width:250px;height:40px;line-height:40px;font-size:12px;border-bottom:none}.work .tab_item:nth-of-type(n+3){border-bottom:1px solid #ccc}.work .tab_item:nth-of-type(2n){border-right:1px solid #ccc}}.work .tab_item:last-of-type{border-right:1px solid #ccc}.work input[name=tab_item]{display:none}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@keyframes show{from{opacity:0}to{opacity:1}}.work .tab_content{width:100%;display:none;padding:64px 0 0}@media screen and (max-width:767px){.work .tab_content{padding-top:40px}}.work #all:checked~#all_content,.work #wordpress:checked~#wordpress_content,.work #coding:checked~#coding_content,.work #design:checked~#design_content{display:block;-webkit-animation:show .3s ease-in;animation:show .3s ease-in}.work .tabs input:checked+.tab_item{background-color:#003373;color:#fff}.work ul.work-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px 24px}@media screen and (max-width:1024px){.work ul.work-list{gap:20px 16px}}.work ul.work-list li{width:calc(33.3333333333% - 16px)}@media screen and (max-width:767px){.work ul.work-list li{width:calc(50% - 8px)}}@media screen and (max-width:500px){.work ul.work-list li{width:100%}}.work ul.work-list li .work-list_img a{display:block;width:100%;height:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}.work ul.work-list li .work-list_img a img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.work ul.work-list li .work-list_text{padding:8px 0 0}.work ul.work-list li .work-list_text h3{font-size:14px;text-align:center;padding:4px 0}@media screen and (max-width:767px){.work ul.work-list li .work-list_text h3{font-size:12px}}.work ul.work-list li .work-list_text a{color:#1da1f2}