body div,body span,body object,body iframe,body h1,body h2,body h3,body h4,body h5,body h6,body p,body blockquote,body pre,body abbr,body address,body cite,body code,body del,body dfn,body em,body img,body ins,body kbd,body q,body samp,body small,body strong,body sub,body sup,body var,body b,body i,body dl,body dt,body dd,body ol,body ul,body li,body fieldset,body form,body label,body legend,body table,body caption,body tbody,body tfoot,body thead,body tr,body th,body td,body article,body aside,body canvas,body details,body figcaption,body figure,body footer,body header,body hgroup,body menu,body nav,body section,body summary,body time,body mark,body audio,body video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-weight:normal;} body article,body aside,body details,body figcaption,body figure,body footer,body header,body hgroup,body menu,body nav,body section{display:block;} body nav,body ul{list-style:none;} body blockquote,body q{quotes:none;} body blockquote:before,body blockquote:after,body q:before,body q:after{content:'';content:none;} body a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} body ins{background-color:#ff9;color:#000;text-decoration:none;} body mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} body del{text-decoration:line-through;} body abbr[title],body dfn[title]{border-bottom:1px dotted;cursor:help;} body table{border-collapse:collapse;border-spacing:0;} body hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;} body input,body select{vertical-align:middle;} body img{vertical-align:bottom;max-width:100%;} body a{text-decoration:none; color:inherit;} body *{ box-sizing:border-box;} body{-webkit-font-smoothing: antialiased;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: unset;-moz-osx-font-smoothing: grayscale; box-sizing:border-box;} body a{ -moz-transition-property:width,opacity,transform,background,border,color;-webkit-transition-property:width,opacity,transform,background,border,color;-o-transition-property:width,opacity,transform,background,border,color;-ms-transition-property:width,opacity,transform,background,border,color;transition-property:width,opacity,transform,background,border,color; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s; -webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;} body a img{ -moz-transition-property:width,opacity,transform,background,border,color;-webkit-transition-property:width,opacity,transform,background,border,color;-o-transition-property:width,opacity,transform,background,border,color;-ms-transition-property:width,opacity,transform,background,border,color;transition-property:width,opacity,transform,background,border,color; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s; -webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;} body a:hover{ color:#1382C5;} body a:hover img{ opacity:0.75;} body{ opacity:0;transition-property:opacity;transition-duration : 0.6s;} body{font-family: 'Noto Sans JP'; margin:auto; padding:0;color:#595757;line-height: 1.6;-webkit-print-color-adjust: exact;} body .f_min{ font-family:"Noto Serif JP";} body .f_min{ font-family:"Noto Serif JP";} @media all and (max-width: 768px) {body{ font-size:4.5vw;}body{ font-size:16px;}} @media all and (min-width: 769px) {} @media all and (min-width: 769px) and (max-width: 881px){body{ font-size:13.0px;}} @media all and (min-width: 882px) and (max-width: 981px){body{ font-size:13.6px;}} @media all and (min-width: 982px) and (max-width: 1081px){body{ font-size:14.2px;}} @media all and (min-width: 1082px) and (max-width: 1181px){body{ font-size:14.8px;}} @media all and (min-width: 1082px) and (max-width: 1281px){body{ font-size:15.4px;}} @media all and (min-width: 1281px) {body{ font-size:16px;}} /*▼PC版▼*/ @media all and (min-width: 769px) {#header,#footer{ font-size:100%;} body .spi{ display:none;}} @media all and (min-width: 1281px) {#header,#footer{ font-size:100%;}} /*▼SP版▼*/ @media screen and (max-width: 768px) {body .pc{ display:none;}} @media print{body{ font-size:10.0px; width:100%; margin:auto;max-width: 1024px;} body.header_on #main{ margin-top:0em !important;} body.header_on #header #link_wrap{position:relative !important;box-shadow: 0 0px 0 0px rgba(0,0,0,0.0) !important;} #top_back{ display:none;} #fixed_kihu{ display:none;} } @media print and (max-width: 768px){body .spi{ display:none;}} @media print and (min-width: 769px){body .spi{ display:none;}} /* #main .scr_left,#main .scr_right,#main .scr_bottom,#main section > .wrap > .text{transition-property:opacity,transform;transition-duration : 0.6s;transition-delay : 0.0s;opacity:0;} #main .scr_left{-moz-transform: translateX(20px);-webkit-transform: translateX(20px);-o-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);} #main .scr_right{-moz-transform: translateX(-20px);-webkit-transform: translateX(-20px);-o-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);} #main .scr_bottom,#main section > .wrap > .text{-moz-transform: translateY(20px);-webkit-transform: translateY(20px);-o-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);} #main .scr_left.scr_on,#main .scr_right.scr_on,#main .scr_bottom.scr_on,#main section > .wrap > .text.scr_on{ opacity:1;-moz-transform: translate(0%);-webkit-transform: translate(0%);-o-transform: translate(0%);-ms-transform: translate(0%);transform: translate(0%);} */ /*ファーストビュー一括表示*/ /* body #main .scr_on.first_scr_on, #main .scr_left.first_scr_on, #main .scr_right.first_scr_on, #main .scr_bottom.first_scr_on, #main section > .wrap > .text.first_scr_on{transition-property:opacity,transform;transition-duration : 0.0s;transition-delay:0s;opacity:1;-moz-transform: translate(0%);-webkit-transform: translate(0%);-o-transform: translate(0%);-ms-transform: translate(0%);transform: translate(0%);} */ #main{overflow: hidden;} #main section{max-width: 1280px;margin: 100px auto 0;} #main[cont_type="no_mv"] section{margin: 50px auto 0;} #main[cont_type="no_mv"] section > .wrap{max-width:980px; width:92%; margin:auto;} #main[cont_type="no_mv"] section > .wrap > .text{width:94%; margin:auto;} #main section{width:85%; margin:40px auto; max-width:960px;} #main section:last-of-type{ margin-bottom:60px;} #main section .text.l{ text-align:left;} #main section .text.r{ text-align:right;} #main section .text.c{ text-align:center;} #main section b.common{ font-size:1.25em; font-weight:700; display:inline-block; margin:0.75em auto; border-bottom: 1px solid; border-left: 0.25em solid; padding: 0.2em 1em 0.3em 0.75em; } #main section ul.common{} #main section ul.common li{ margin-top:0.3em;} #main section ul.common li.kome{padding:0 0 0 1em; text-indent:-1em;} #main section ul.common li.kome2{padding:0 0 0 2em; text-indent:-2em;} #main section ul.common li.sankaku{padding:0 0 0 1.25em; text-indent:-1.25em;} #main section ul.common li.sankaku::before{ content:"▶︎"; color:#197cc7; padding:0 0.25em 0 0em;} #main section ul.common{} /* #main section a.text_link{ color:#055A86; text-decoration:underline;word-break: break-all;} #main section a.text_link:hover{ color:#0A75B7} */ #main section a.text_link{ color:#595757; text-decoration:underline;word-break: break-all;} #main section a.text_link:hover{ color:#055A86} #main section .kakoi_subttl{font-size:1.1em; font-weight:600; border:1px solid; padding:0.25em 0.5em; display:inline-block; margin:1.5em 0 0.5em;} #main #mv{ max-width:none; width:100%; margin:auto;} #main #mv h2.line_wrap{ position:relative; margin:auto; text-align:center;} #main #mv h2.line_wrap .frame{ width:100%; max-width:none; max-height:233px; min-height:180px;} #main #mv h2.line_wrap .text{position:absolute; width:auto; height:100%;margin:auto; left:0; right:0; top:0; bottom:0; max-width:1280px} @media all and (max-width: 768px) { #main section{width:94%; margin:8% auto; max-width:750px;} #main #mv h2.line_wrap .frame{ position:absolute; width:100%; height:100%; left:0; top:0; max-width:1280px; min-height:0;} #main #mv h2.line_wrap .text{ position:relative; width:100%; height:auto; left:0; top:0; max-width:500px} #main section b.common{ font-size:1.1em; } } #main #mv{margin:0 auto;} #main[cont_type=section_wrap]{ background:#ECF2F5;} #main > .section_wrap{ width:90%; max-width:1030px; margin:auto; background:#FFF; position:relative;} #main > .section_wrap > .wrap{ margin-top:-10%; padding:6% 0 120px;} #main > .section_wrap > .wrap > section:first-of-type{ margin:0 auto;} #main > .section_wrap > .wrap > section:last-of-type{ margin-bottom:0;} #main h4.common_ttl{ margin:4em auto 1em;} #main h4.common_ttl img{ width:15px; display:inline-block; vertical-align:top; padding-top: 0.8%;} #main h4.common_ttl b{ font-size:1.6em; font-weight:600; color:#0e4773; display:inline-block; vertical-align:middle; padding-left:1em; line-height:1.4; max-width:95%;} #main h4.common_ttl span{ display:inline-block;font-weight:600;} #main .common_kihu_btn{ display:inline-block; padding:0.75em 1.25em; text-align:center; background:#F4942A; color:#FFF; border-radius:0.5em; font-size:1.0em; margin:1.5em auto 0; font-weight:900; -webkit-transition-property:color,opacity;-moz-transition-property:color,opacity;-ms-transition-property:color,opacity;-o-transition-property:color,opacity;transition-property:color,opacity; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;} #main .common_kihu_btn:hover{ color:#FFF; opacity:0.8;} #main .common_midashi_ttl{ margin:1.75em auto 0.0em; text-align:center; font-size:1.6em; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; width:100%;} #main .common_midashi_ttl span{ position:relative; line-height:1.3; padding:0 1.5em; display:inline-block; font-weight:700; color:#055A86;text-align:center;} #main .common_midashi_ttl::before, #main .common_midashi_ttl::after{ content:""; height:2px; width:100%; flex:1;} #main .common_midashi_ttl::before{ background: -moz-linear-gradient(to right,#055A86,#FFF);background: -webkit-linear-gradient(to right,#055A86,#FFF);background: -o-linear-gradient(to right,#055A86,#FFF);background: -ms-linear-gradient(to right,#055A86,#FFF);background: linear-gradient(to right,#055A86,#FFF);} #main .common_midashi_ttl::after{ background: -moz-linear-gradient(to left,#055A86,#FFF);background: -webkit-linear-gradient(to left,#055A86,#FFF);background: -o-linear-gradient(to left,#055A86,#FFF);background: -ms-linear-gradient(to left,#055A86,#FFF);background: linear-gradient(to left,#055A86,#FFF);} /* #main .common_midashi_ttl span{ position:relative; min-width:80%; line-height:1.3; padding:1.0em 0; display:inline-block; font-weight:700; color:#055A86;text-align:center;} #main .common_midashi_ttl span::before {content: "" ;position: absolute ;top: -3px ;right: 3px ;bottom: 3px ;left: -3px ;border: 2px #055A86 solid ;margin: 2px ;display: block ;z-index: -1 ;} #main .common_midashi_ttl span::after {content: "" ;position: absolute ;top: 3px ;right: -3px ;bottom: -3px ;left: 3px ;border: 2px #5A9EE4 solid;margin: 2px ;display: block ;z-index: -5 ;}*/ #main .common_btn a{ display:inline-block; border:1px solid #055A86; color:#055A86; margin:1em 0 0; padding:0.75em 2em; font-weight:600;} #main .common_btn a:hover{ background:#055A86; color:#FFF;} #main .mt05{ margin-top:0.5em;} #main .mt10{ margin-top:1em;} #main .mb05{ margin-bottom:0.5em;} #main .mb10{ margin-bottom:1em;} @media all and (max-width: 768px) { #main h4.common_ttl{ margin:2.75em auto 0.75em;} #main h4.common_ttl img{ vertical-align:top; padding:6px 0 0;} #main h4.common_ttl b{width:95%;width:-webkit-calc(100% - 15px) ;width:calc(100% - 15px); font-size:20px; padding-left:0.75em; vertical-align:top;} #main .common_kihu_btn{ text-align:center; display:block; margin:1em auto 0;} #main .common_midashi_ttl{font-size:1.3em;} #main .common_midashi_ttl span{ max-width:90%; padding:0 0.5em;} } body.header_on #main{ margin-top:3.8em;} body.header_on #header #link_wrap{width:100%; position:fixed; top:0; left:0; z-index:999; background:#FFF;box-shadow: 0 0px 4px 0px rgba(0,0,0,0.40);} #header{ width:100%; overflow:hidden;} #header > .wrap{ max-width:1280px; width:100%; margin:auto; text-align:center;} #header .top_header{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:left;-moz-box-pack:left;-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; padding:1.5em 5%;} #header .top_header h1{ flex:1; text-align:left; } #header .top_header h1 img{max-width:200px; width:70%;} #header .top_header .recycle{} #header .top_header .recycle_btn img{ width:1em;vertical-align: middle;margin-right: 0.25em;padding: 3px 0 6px;} #header .top_header .contact_btn{ max-width:180px; width:25%; margin-left:30px;} #header #link_wrap{ background:url(../images/common/print_bg_blue1.png); position:relative; padding:0 5%;} #header #link_wrap::before, #header #link_wrap::after{ content:"";background:url(../images/common/print_bg_blue1.png); position:absolute; width:50vw; height:100%; top:0; z-index:2;} #header #link_wrap::before{ left:50%;} #header #link_wrap::after{ right:50%;} #header #link_wrap ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; padding:0; position:relative; z-index:99; color:#FFF;} #header #link_wrap ul li{} #header #link_wrap ul li a{position:relative; text-decoration:none; display:block;padding:1.4em 0em; font-weight:600; letter-spacing:-0.01em; line-height:1;} #header #link_wrap ul li.bar{ width:1px; height:2.2em; background:#FFF !important; display:block;} #header #link_wrap ul li a::after{ content:""; width:0%; height:4px; position:absolute; bottom:0; left:0; right:0; margin:auto;background:#FFF; z-index:9; -webkit-transition-property:width;-moz-transition-property:width;-ms-transition-property:width;-o-transition-property:width;transition-property:width; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;} #header #link_wrap a:hover{ color:#FFF;} #header #link_wrap a:hover::after{ width:100%;} #header #breadcrumb{ padding:1.0em 5%; font-size:12px; text-align:left;} #fixed_kihu{ position:fixed; width:7.5%; max-width:75px; height:219px; right:0; top:25%; z-index:200;} #header .spi{ display:none;} #header #link_wrap ul li.bar.spi{ display:none;} @media print and (min-width: 769px) { #fixed_kihu{ position:absolute;} } @media screen and (max-width: 768px) { body.header_on #main{ margin-top:0;} body.header_on #header #link_wrap{width:100%; position:relative; box-shadow: none;} #header > .wrap{ padding-top:60px;} #header > .wrap .fixed_wrap{ width:100%; position:fixed; top:0; left:0; z-index:999; background:#FFF;box-shadow: 0 0px 4px 0px rgba(0,0,0,0.40);} #header .top_header{padding:0 0 0 3%;} #header .top_header h1{ padding-right:0.5em;} #header .top_header h1 a{ display:table-cell; vertical-align:middle;} #header .top_header h1 img{max-width:150px; width:100%; vertical-align: middle;} #header .sp_button{width:60px; height:60px; background:#055A86; position:relative; cursor:pointer;} #header .sp_button span{ display:block; height:2px; background:#FFF; border-radius:3px; width:70%; margin:auto; position:absolute; left:0; right:0;transition-property : transform,top;transition-duration : 0.4s;} #header .sp_button span.num1{ top:30%;} #header .sp_button span.num2{ top:50%;} #header .sp_button span.num3{ top:70%;} body.slide_down #header .sp_button span:nth-of-type(2){ top:50%;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} body.slide_down #header .sp_button span:nth-of-type(1), body.slide_down #header .sp_button span:nth-of-type(3){top:50%;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #header #link_wrap{ display:none; padding:0;} #header #link_wrap ul{padding:0.25em 0 0; flex-wrap:wrap; border-right:1px solid; border-left:1px solid;} #header #link_wrap ul li{ display:block; width:50%;} #header #link_wrap ul li.bar{ width:100%; height:1px; margin:auto; opacity:0.7; display:none;} #header #link_wrap ul li:not(.bar):nth-child(4n-2){ border-right:1px solid;} #header #link_wrap ul li:not(.bar):nth-child(even){ border-bottom:1px solid;} #header #link_wrap ul li.bar:first-of-type, #header #link_wrap ul li.bar:last-of-type{ display:none;} #header #link_wrap ul li a{padding:1.1em 0.0em; letter-spacing:0.01em; font-size:14px;} #header #breadcrumb{ padding:1em 3% 1em; font-size:11px;} #fixed_kihu{width:12.5%; min-width:40px; max-width:55px;top:20%; } #header .spi{ display: block;} #header .pc{ display:none;} #header #link_wrap ul li.bar.spi{ display:block;} #header #link_wrap ul li.bar.spi{ display:none;} #top #header .top_header h1{ padding:0.2em 0; margin:auto; text-align:center;} #top #header .top_header h1 a{ display:block;} #top #header > .wrap .fixed_wrap{ width:100%; position:relative; top:0; left:0; z-index:99; background:#FFF; box-shadow:none;} #top #header > .wrap{ padding-top:0;} #top #header #link_wrap{ display:block;} #top #header .sp_button{ display:none;} #top #fixed_kihu{ position: absolute; top:280px; bottom:auto;} #top.fixed_kihu #fixed_kihu{ position:fixed;top:40px;height:auto;} } @media print and (max-width: 768px) { #fixed_kihu{ position:absolute;} #header > .wrap .fixed_wrap{ position:relative;} #header #breadcrumb{ padding:11px 3% 11px; } } #footer{ overflow:hidden; width:100%; margin:auto;position:relative;} #footer > .wrap{ max-width:1280px; width:100%; margin:auto; text-align:center; position:relative; padding-top:0; } #footer .bnr_wrap{ position:relative; padding:3em 0; margin-bottom:4em;background:url(../images/common/print_bg_gray1.png);} #footer .bnr_wrap::before, #footer .bnr_wrap::after{ content:"";background:url(../images/common/print_bg_gray1.png); position:absolute; width:50vw; height:100%; top:0; z-index:2;} #footer .bnr_wrap::before{ left:50%;} #footer .bnr_wrap::after{ right:50%;} #footer .bnr_wrap ul{ position:relative; z-index:3;} #footer .bnr_wrap ul li{ display:inline-block; width:29%; margin:0 1%; max-width:288px;} #footer .flex_wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; padding:0 5%; } #footer .flex_wrap .logo_wrap{ text-align:left;} #footer .flex_wrap .logo_wrap .logo{ display:inline-block; vertical-align:top; max-width:76px; width:20%} #footer .flex_wrap .logo_wrap .text_wrap{ display:inline-block; vertical-align:top; padding-left:1em;} #footer .flex_wrap .logo_wrap .text_wrap b{ font-weight:600; margin-bottom:0.5em; font-size:120%;} #footer .flex_wrap .logo_wrap .text_wrap p{font-weight:600; } #footer .flex_wrap .link_wrap{ flex:1; text-align:right;} #footer .flex_wrap .link_wrap .link{ margin-bottom:1.5em;} #footer .flex_wrap .link_wrap .link ul li{ display:inline-block; margin-left:1.5em; position:relative;} #footer .flex_wrap .link_wrap .link ul li::before{content: "";width: 0;height: 0;border-left: 0.6em solid #156db8;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;display: inline-block; vertical-align:middle; margin-right:0.2em;} #footer .flex_wrap .link_wrap .link ul li a{ text-decoration:underline;} #footer .flex_wrap .link_wrap .icon_wrap{ text-align:right;} #footer .flex_wrap .link_wrap .icon_wrap ul li{ display:inline-block; width:30px; margin-left:10px;} #footer .copyright{ background:url(../images/common/print_bg_gray2.png); margin-top:3.5em; color:#aaaaaa; position:relative; height:68px; line-height:68px;} #footer .copyright p{ position:relative; z-index:3;} #footer .copyright::before, #footer .copyright::after{ content:"";background:url(../images/common/print_bg_gray2.png); position:absolute; width:50vw; height:100%; top:0; z-index:2;} #footer .copyright::before{ left:50%;} #footer .copyright::after{ right:50%;} @media screen and (max-width: 768px) { #footer .bnr_wrap{ position:relative; padding:25px 0; margin-bottom:2em;} #footer .bnr_wrap::before, #footer .bnr_wrap::after{ content:""; display:none;} #footer .bnr_wrap ul{ position:relative; z-index:3;} #footer .bnr_wrap ul li{ display:inline-block; width:80%; margin:0 2% 15px; max-width:288px;} #footer .bnr_wrap ul li:last-of-type{ margin-bottom:0;} #footer .flex_wrap{ display:block;padding:0 3%;font-size:14px;} #footer .flex_wrap .logo_wrap{} #footer .flex_wrap .logo_wrap .logo{vertical-align:middle;} #footer .flex_wrap .logo_wrap .text_wrap{vertical-align:middle;} #footer .flex_wrap .link_wrap{ text-align:center;} #footer .flex_wrap .link_wrap .link{ margin:1.0em auto 2em;} #footer .flex_wrap .link_wrap .link ul{ text-align:center; margin:auto;} #footer .flex_wrap .link_wrap .link ul li{margin:0.5em 0.5em 0 0.5em;} #footer .flex_wrap .link_wrap .icon_wrap{ text-align:center;} #footer .flex_wrap .link_wrap .icon_wrap ul li{ display:inline-block; width:40px; margin:0 10px;} #footer .copyright{ margin-top:2.5em;} #footer .copyright p{ position:relative; z-index:3;} #footer .copyright::before, #footer .copyright::after{ display:none;} #footer .copyright{height:54px; line-height:54px;} #header #link_wrap a::after{width:0 !important;} } #top_back{ width:63px; position:fixed; bottom:0; z-index:150;pointer-events: none; /*mix-blend-mode:darken;*/ right:0%; transition-property:opacity,transform;transition-duration : 0.4s;transition-delay : 0.0s;opacity:0;-moz-transform: translateY(15px);-webkit-transform: translateY(15px);-o-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);} #top_back.on{ opacity:1;pointer-events: auto;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} @media all and (min-width: 1281px) { /* #top_back{ right:0%; right:-webkit-calc((100% - 1280px) / 2) ; right:calc((100% - 1280px) / 2);} */ } @media screen and (max-width: 768px) { #top_back{ max-width:50px; width:50px;} } @font-face { font-family: Noto Serif JP;font-weight: 400; src: local("Noto Sans CJK JP DemiLight"), url("../font/NotoSerifJP-Regular.woff") format('woff'), url("../font/NotoSerifJP-Regular.woff2") format('woff2'), url("../font/NotoSerifJP-Regular.otf") format('opentype')} @font-face { font-family: Noto Serif JP;font-weight: 700; src: local("Noto Sans CJK JP DemiLight"), url("../font/NotoSerifJP-Bold.woff") format('woff'), url("../font/NotoSerifJP-Bold.woff2") format('woff2'), url("../font/NotoSerifJP-Bold.otf") format('opentype')} @font-face {font-family: 'Noto Sans JP';font-weight: 900; src: local("Noto Sans CJK JP Bold"), url("../font/NotoSansJP-Bold.woff2") format('woff2'), url("../font/NotoSansJP-Bold.woff") format('woff'), url("../font/NotoSansJP-Bold.otf") format('opentype')} @font-face {font-family: 'Noto Sans JP';font-weight: 600; src: local("Noto Sans CJK JP Medium"), url("../font/NotoSansJP-Medium.woff2") format('woff2'), url("../font/NotoSansJP-Medium.woff") format('woff'), url("../font/NotoSansJP-Medium.otf") format('opentype')} @font-face {font-family: 'Noto Sans JP';font-weight: 400; src: local("Noto Sans CJK JP Regular"), url("../font/NotoSansJP-Regular.woff2") format('woff2'), url("../font/NotoSansJP-Regular.woff") format('woff'), url("../font/NotoSansJP-Regular.otf") format('opentype')} @font-face {font-family: 'Noto Sans JP';font-weight: 300; src: local("Noto Sans CJK JP Light"), url("../font/NotoSansJP-Light.woff2") format('woff2'), url("../font/NotoSansJP-Light.woff") format('woff'), url("../font/NotoSansJP-Light.otf") format('opentype')} /* transition-property : width; transition-duration : 1s; transition-timing-function : linear; transition-delay : 1s; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ #main { margin-bottom: 60px; } #concept #header #link_wrap ul li:nth-child(2) a::after, #outline #header #link_wrap ul li:nth-child(4) a::after, #access #header #link_wrap ul li:nth-child(6) a::after { width: 100%; } #footer .flex_wrap .logo_wrap .text_wrap { padding-top: 1em; } @media screen and (max-width: 768px) { #footer .flex_wrap .logo_wrap .text_wrap { padding-top: 0; } #footer .flex_wrap .link_wrap .icon_wrap{ padding-top: 1.5em; } } #mc { padding-top: 10px; } #mc .mcopy { color: #323232; }