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,body span{ color:inherit; font-size:inherit; font-weight:inherit;} body a,body a img{-moz-transition-property:color,background,transform,opacity;-webkit-transition-property:color,background,transform,opacity;-o-transition-property:color,background,transform,opacity;-ms-transition-property:color,background,transform,opacity;transition-property:color,background,transform,opacity; -moz-transition-duration:0.4s;-webkit-transition-duration:0.4s;-o-transition-duration:0.4s;-ms-transition-duration:0.4s;transition-duration:0.4s;} body a:hover{ color:#B34A14;} body a:hover img{ opacity:0.8;} 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;-webkit-print-color-adjust: exact; opacity:0; -moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-moz-transition-duration : 0.6s;-webkit-transition-duration : 0.6s;-o-transition-duration : 0.6s;-ms-transition-duration : 0.6s;transition-duration : 0.6s;} body{font-family: 'Noto Sans JP'; margin:auto; padding:0; color:#323232; text-align:center;} @media screen 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;}} @media print{body{ font-size:13.0px;}} /*▼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;}} /* 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; */ #header{} #header > section{ padding:0 5%;} #header > section .wrap{ max-width:1152px; margin:auto;width: 100%;display: block;} #header .head > .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;} #header .head > .wrap{ padding:1em 0;} #header .head h1{ flex:1; } #header .head h1 a{display:block; max-width:350px; width:70%;} #header .head h1 a img{display:block;} #header .head .icon_wrap{} #header .head .icon_wrap .num{ display:inline-block; max-width:66px; width:4.5em; margin-left:0.5em;} #header .tools_wrap{ text-align:right;background:url(../images/common/print_bg_gray2.png); } #header .tools_wrap > .wrap{ padding:0.5em 0;} #header .tools_wrap *{ display:inline-block; vertical-align:middle;} #header .text_size{} #header .text_size .text{ font-size:1.2em; margin:0 0.5em 0 0; line-height:1;} #header .text_size .size{ background:#FFF; padding:0.4em 0.5em; margin:0 0.75em 0 0; line-height:1; cursor:pointer;border:1px #797979 solid;} #header .search_wrap{ margin-left:0.5em;} #header .search_wrap input{font-size: inherit; box-shadow:none;height:2.0em; line-height:1; padding:0 0.5em; box-sizing:border-box; border:1px #797979 solid; border-right:none; -webkit-appearance: none; appearance: none;} #header .search_wrap input[type="submit"]{ background:url(../images/common/print_bg_gray1.png); color:#FFF; border:none;} #header .tab_wrap{ background:url(../images/common/print_bg_blue1.png);} #header .tab_wrap div.num{ display:inline-block; vertical-align:middle; text-align:center; width:50%; border-left:1px solid #FFF; position:relative;} #header .tab_wrap div.num2{ border-right:1px solid #FFF;} #header .tab_wrap div.num a{ display:block; color:#FFF; text-decoration:none; letter-spacing:0.2em; font-size:1.1em; padding:0.5em 0;} #header .tab_wrap div.num a[href]:hover{ color:#FFBA84;} #header .tab_wrap .hover_wrap{ position:absolute; top:100%; right:0; background:url(../images/common/print_bg_blue1.png); width:100%; display:none; z-index:99;box-shadow:0 2px 2px 0px rgba(0,0,0,0.40);} #header .tab_wrap .hover_wrap p{ position:relative;} #header .tab_wrap .hover_wrap p:first-of-type::after{ display:none;} #header .tab_wrap .hover_wrap p::after{ content:""; position:absolute; left:0; right:0; top:0; margin:auto; width:75%; height:1px; background:#FFF; opacity:0.75;} #header #mv > .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; margin:2.5em auto 0; } #header #mv h2{ background:url(../images/common/print_bg_blue1.png); text-align:center;flex:1; 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;} #header #mv h2 img{ width:100%;} #header #mv h2 span{ display:inline-block;} #header #mv .img{ width:72.2%; max-width:833px;} #header #breadcrumb .wrap{padding:0.75em 0 1em; text-align:left;} #header #breadcrumb a{ color:#007DC6;} #header #breadcrumb a:hover{ color:#B34A14;} @media screen and (max-width: 768px) { #header > section{ padding:0%;} #header .head .icon_wrap, #header .tab_wrap, #header .tools_wrap{ display:none;} #header .head > .wrap{ padding:0.75em 40px 0.75em 0; display:block; position:relative;} #header .head h1{ margin-left:3%;} #header .head h1 a{width:80%; max-width:250px;} #header .on_off_btn{ width:40px; height:24px; z-index:100; position:absolute; right:3%;top:0; bottom:0; margin:auto;} #header .on_off_btn span{ display:block;width:100%; height:2px; background:#898989;position:absolute; left:0; transition-property : transform,top,bottom;transition-duration : 0.4s;transition-timing-function:ease-in-out;} #header .on_off_btn span.bar1{top:0;} #header .on_off_btn span.bar2{top:11px;} #header .on_off_btn span.bar3{bottom:0;} #header.click_on .on_off_btn span.bar1, #header.click_on .on_off_btn span.bar2{top:11px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #header.click_on .on_off_btn span.bar3{bottom:11px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #header .sp_wrap div .sp_yajirushi{ width:1em; height:1em; line-height:1; position:absolute; right:1.5em; top:0.5em; margin:auto; border-right:2px solid; border-bottom:2px solid; border-radius:0.1em; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition-property:transform,top;-moz-transition-property:transform,top;-ms-transition-property:transform,top;-o-transition-property:transform,top;transition-property:transform,top; -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 .sp_wrap .num.on .sp_yajirushi{ -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg);transform: rotate(225deg);top:1em;} #header .head .sp_wrap{ position:absolute; width:100%; top:100%; background:url(../images/common/print_bg_blue1.png); padding:0.5em 0; z-index:100; display:none;box-shadow:0 2px 2px 0px rgba(0,0,0,0.60)} #header .head .sp_wrap .icon_wrap, #header .head .sp_wrap .tab_wrap, #header .head .sp_wrap .tools_wrap{ display:block;} #header .head .sp_wrap .tab_wrap{} #header .head .sp_wrap .tab_wrap div.num{ display:block; vertical-align:middle; text-align:center; width:100%; border-left:none; position:relative; border-bottom:1px solid #FFF;} #header .tab_wrap div.num2{ border-right:none; margin-bottom:1em;} #header .tab_wrap div.num a{ display:block; color:#FFF; text-decoration:none; letter-spacing:0.2em; font-size:1.1em; padding:0.5em 0;} #header .tab_wrap .hover_wrap{ position:relative; top:100%; right:0; background:url(../images/common/print_bg_blue1.png); width:100%; display:block; z-index:99;box-shadow:none;} #header .tab_wrap .hover_wrap p{ position:relative; display:inline-block} #header .tab_wrap .hover_wrap p a{ letter-spacing:0em; font-size:1em; padding:0.5em 1em; margin-bottom:0.5em;} #header .tab_wrap .hover_wrap p:first-of-type::after{ display:block;} #header .tab_wrap .hover_wrap p::after{ content:""; position:absolute; left:0; right:0; top:0; margin:auto; width:90%; height:1px; background:#FFF; opacity:0.75;} #header .head .sp_wrap .text_size{} #header .head .sp_wrap .text_size p{ display:inline-block;} #header .head .sp_wrap .text_size p.text{color:#FFF; font-size:1em;} #header .head .sp_wrap .search_wrap{width: 94%;margin: auto;} #header .head .sp_wrap .search_wrap form{ } #header .head .sp_wrap .search_wrap input{ max-width:100%;margin-top:0.5em;} #header .search_wrap input[type="submit"]{ background:#FFF; color:#494949; border:none;} #header .head .sp_wrap .icon_wrap{ margin-top:1em;} #header .head .sp_wrap .icon_wrap .num{ max-width:25%; margin:auto; padding:1%;} #header #mv > .wrap{ display:block;margin:0 auto; position:relative;} #header #mv h2{ background:none;display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;z-index:8;} #header #mv h2 span{ display:block;} #header #mv .img{ width:100%; max-width:833px;height:276px; overflow:hidden; display:block;} #header #mv .img img{ position:relative; left:50%; top:0; height:100%;max-width:none; z-index:7; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%); } #header #breadcrumb{ font-size:0.8em; width:94%; margin:auto;text-indent: -5.6em;padding-left: 6em;} #header #mv{ width:100%; overflow:hidden;} #header #mv h2{ margin:auto; height:100%; background:none;} #header #mv h2 img{position:absolute; left:50%; top:0; width:auto; height:100%;max-width:none; z-index:7; text-align: center; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);} #header #mv .img{ width:100%; max-width:768px; } } @media all and (min-width: 769px) { #header .head .sp_wrap{ display:none !important;} } #sidebar{width:22.8%; max-width:275px; display:inline-block; vertical-align:top; text-align:left;} #sidebar h3{ background:url(../images/common/print_bg_gray1.png); color:#FFF; padding:1em 1em; border-radius:0.75em 0.75em 0 0;font-size:1.3em; } #sidebar h3 span{ position:relative; padding-left:1.25em; font-weight:600;} #sidebar h3 span::before{ content:""; position:absolute; left:0; top:0; bottom:0; margin:auto;width: 0;height: 0; border-left: 0.6em solid;border-top: 0.3em solid transparent;border-bottom: 0.3em solid transparent;} #sidebar h3 a{text-decoration:none; } #sidebar h3 a:hover{ color:#FFBA84} #sidebar ul li{ position:relative; background:url(../images/common/print_bg_gray2.png); border-bottom:1px solid #FFF;} #sidebar ul li a{ text-decoration:none; display:block; position:relative; font-size:1.0em;padding:1.25em 0.5em 1.25em 0.75em; line-height:1.3;} #sidebar ul li a span{ display:inline-block;} #sidebar ul li a{ position:relative; display:block; padding-left:2.5em;} #sidebar ul li a::before{ content:""; width:1em; height:1.3em; position:absolute; left:1em; top:0; bottom:0; margin:auto; background:url(../images/common/sidebar_yajirushi.png) no-repeat center center; background-size:contain;} #sidebar .evaluation{ margin-top:4em;} @media screen and (max-width: 768px) { } #main{width:67.2%; max-width:877px; display:inline-block; vertical-align:top;padding-left:1.5em; text-align:left;line-height:1.8;} #main section > .wrap{padding-left:1em;} #main h3.common{ background:url(../images/common/print_bg_blue2.png); color:#FFF; padding:0.4em 0.75em 0.4em; font-size:1.4em; font-weight:900; letter-spacing:0.2em; margin-bottom:2em; line-height:1.3;} #main h3.common span{ display:inline-block;} #main h4.common{ position:relative; color:#22267F; font-weight:700; font-size:1.2em; padding-left:1em; margin:0.5em 0 1em; line-height:1.3;} #main h4.common::before{ content:""; position:absolute; left:0; top:0; bottom:0; margin:auto; width:0.3em; height:80%; background:#22267F; border-radius:0.5em;} #main h5.common{ font-size:1.4em; font-weight:900; letter-spacing:0.2em; border-bottom:1px solid #777; padding-bottom:0.4em; margin:2.5em 0 1em; line-height:1.3;} #main .common a{ color:#0A68B8;} #main .common a:hover{ color:#B34A14;} #main p.common{ margin-top:1em;} #main p.common b{ font-size:1.1em; font-weight:600;} #main ul.common{ margin-top:1em;} #main span.kome{ display:inline-block; padding-left:1em; text-indent:-1em;} #main span.kome2{ display:inline-block; padding-left:2em; text-indent:-2em;} #main span.kome3{ display:inline-block; padding-left:3em; text-indent:-3em;} #main ul.common li{ margin-top:0.5em;} #main ul.common.inline_wrap li{ display:inline-block; margin-right:5em;} #main ul.common li.maru{ padding-left:1.2em; text-indent:-1.2em;} #main ul.common li.maru::before{ content:"◯"; padding-right:0.2em;} #main a.pdf_icon::after{ content:""; display:inline-block; width:1em; height:1.0em; background:url(../images/common/icon_pdf.png) no-repeat center center; background-size:contain; vertical-align:middle; margin-left:0.2em;} #main table.common{border-collapse: collapse; width:100%;} #main table.common tr{} #main table.common th{ padding:0.5em; text-align:center;border: solid 1px black;} #main table.common td{ padding:1em; vertical-align:middle;border: solid 1px black;} #main table.common ul.common.inline_wrap li{ display:inline-block; margin-right:1em;} #main.authentication{} #main.authentication h4.common{ font-size:1.4em;} #main.authentication h5.common{ font-size:1.2em;} #main.sitemap h3.common{ margin-bottom:0.75em;} #main.sitemap #sec2{ margin-top:5em;} #main .sitemap_wrap{ margin-bottom:2em;} #main .sitemap_wrap ul.common{ display:inline-block; width:48%; vertical-align:top;} #main .sitemap_wrap ul.common:first-of-type{ margin-right:4%;} #main .sitemap_wrap ul.common li{ text-indent:-0.8em; padding-left:0.8em; margin-left:0.5em;} #main .sitemap_wrap ul.common li::before{ content:""; display:inline-block; margin-right:0.3em; vertical-align:middle;width: 0;height: 0; border-left: 0.5em solid;border-top: 0.3em solid transparent;border-bottom: 0.3em solid transparent; text-indent:0;} #main .sitemap_wrap ul.common .ttl{ background:#D9D9D9; padding:0.2em 0.5em 0.2em 1.3em; margin:0 auto 0.75em;} #main .sitemap_wrap ul.common .ttl a{ text-decoration:none; color:#494949; font-size:1.1em; font-weight:600;} @media screen and (max-width: 768px) { #sidebar{ display:none;} #main{width:100%; max-width:768px; display:block; vertical-align:top;padding-left:0; text-align:left;} #main section > .wrap{padding-left:0; width:94%; margin:auto;} #main h3.common{ margin:1em auto 1.5em; font-size:1.2em; } #main h4.common{ font-size:1.1em;} #main h5.common{ font-size:1.2em; margin:3em 0 1em;} #main.authentication{} #main.authentication h4.common{ font-size:1.2em;} #main.authentication h5.common{ font-size:1.1em;} #main table.common th{ padding:0.3em;} #main table.common td{ padding:0.5em; } #main .sitemap_wrap ul.common{ display:block; width:94%; vertical-align:top;} #main .sitemap_wrap ul.common .ttl{ margin:2em auto 0;} } #footer{ margin-top:80px;} #footer > section{ padding:0 5%;} #footer > section .wrap{ max-width:1152px; margin:auto;width: 100%;display: block;} #footer{} #footer .site_nav{ background:url(../images/common/print_bg_gray2.png); text-align:left;} #footer .site_nav > .wrap{ padding:0.75em 0;} #footer .site_nav p{ display:inline-block; border-right:1px solid #777; padding-right:1em; margin-right:1em;} #footer .site_nav p:last-of-type{ border-right:none; padding-right:0em; margin-right:0em;} #footer .site_nav p a{ text-decoration:none;} #footer .foot{background:#1D1D1D; color:#FFF; text-align:right; } #footer .foot > .wrap{ padding:0.7em 0;} #footer .foot > .wrap .address_wrap p{ display:inline-block;} #footer .foot > .wrap .address_wrap p span{ display:inline-block;} #footer .foot > .wrap .address_wrap p.img{max-width:60px; width:4.5em; margin-left:16px;} @media screen and (max-width: 768px) { #footer > section{ padding:0 3%;} #footer .site_nav p{ padding-right:1em; margin-right:1em; font-size:12px;} #footer .site_nav{ text-align:center;} #footer .foot{font-size:12px;} #footer .foot > .wrap .address_wrap{ text-align:center;} #footer .foot > .wrap{ padding:1.5em 0;} #footer .foot > .wrap .address_wrap p.img{ width:60px; margin:10px auto 0; display:block;} } @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%); */