@charset "UTF-8";
     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; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none; }
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }  .opacity {
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)"; }
.box_size {
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
html,
body {
height: 100%; }
html {
font-size: 62.5%; }
body {
background: #fff;
font-size: 16px;
font-size: 1.6rem;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif, monospace;
color: #444;
line-height: 1.8em;
-webkit-text-size-adjust: 100%; }
@media screen and (max-width: 600px) {
body {
font-size: 14px;
font-size: 1.4rem; } }
img {
vertical-align: bottom; }
a {
color: #c22035;
text-decoration: none;
transition: 0.3s ease-in-out; }
a:link {
color: #c22035; }
a:visited {
color: #c22035; }
a:hover {
text-decoration: none;
color: #444; }
a:active {
color: #c22035; }
a:focus {
outline: none !important; }
a img {
transition: 0.3s ease-in-out;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 600px) {
a:hover {
color: #c22035; }
a:hover img {
opacity: 1;
filter: alpha(opacity=100); } }
.listPoint:after {
content: " ";
display: block;
clear: both; }
.listPoint > li {
list-style: disc outside;
margin: 5px 0 0 1.5em;
line-height: 1.5em; }
.listNumber {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin: 0; }
.listNumber:after {
content: " ";
display: block;
clear: both; }
.listNumber > li {
position: relative;
line-height: 1.5em;
margin-top: 5px;
padding-left: 25px; }
.listNumber > li::before {
content: counter(my-counter);
counter-increment: my-counter;
border: solid 1px #444;
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
position: absolute;
top: 3px;
left: 0; }
@media screen and (max-width: 600px) {
.listNumber > li::before {
font-size: 12px;
font-size: 1.2rem; } }
.listPDF:after {
content: " ";
display: block;
clear: both; }
.listPDF > li {
margin: 10px 0 0; }
.listPDF > li a {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
color: #444;
text-decoration: none; }
@media screen and (max-width: 600px) {
.listPDF > li a {
font-size: 12px;
font-size: 1.2rem; } }
.listPDF > li a:hover {
color: #c22035; }
.listPDF > li a::before {
content: "";
width: 7.1px;
height: 7.1px;
margin-right: 8px;
border-top: 2px solid #c22035;
border-right: 2px solid #c22035;
transform: rotate(45deg); }
.listPDF > li a img {
width: 16px;
margin-left: 5px; }
@media screen and (max-width: 800px) {
.displayPC {
display: none; } }
@media screen and (max-width: 600px) {
.displayPC {
display: none; } }
.displayTAB {
display: none; }
@media screen and (max-width: 800px) {
.displayTAB {
display: block; } }
@media screen and (max-width: 600px) {
.displayTAB {
display: block; } }
@media screen and (max-width: 600px) {
.displayPCTab {
display: none; } }
.displaySP {
display: none; }
@media screen and (max-width: 800px) {
.displaySP {
display: none; } }
@media screen and (max-width: 600px) {
.displaySP {
display: block; } }
@media screen and (max-width: 600px) {
.brPC {
display: none; } }
.brSP {
display: none; }
@media screen and (max-width: 600px) {
.brSP {
display: block; } }
.mt0 {
margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 {
margin-top: 20px !important; }
.mt40 {
margin-top: 40px !important; }
.txtRed {
color: #f00; }
#btnPagetop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 100;
width: 50px;
height: 50px; }
#btnPagetop a {
display: block;
width: 100%;
height: 100%;
background: #c22035; }
#btnPagetop a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
margin-top: -3px;
margin-left: -7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg); }
#btnPagetop a:hover {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 800px) {
#btnPagetop {
right: 10px; } } .button, .pushy-content .btnContact, .boxResult__btn, #result .boxMessage__btn, #result .boxLead__btn, #application .listStep__buttons li, #application .brochure__button, #committee .listCommittee li .btnMovie, #about .txtBottom__button, .btnWhite,
.btnCovid19Support,
.btnBrochure, .btnNews, .header .shareButtons__contact, .header .subNavi__contact {
position: relative; }
.button--nolink {
display: block;
width: 100%;
height: 60px;
background: #c22035;
border-radius: 30px;
font-family: "M PLUS Rounded 1c";
line-height: 60px;
font-weight: bold;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
box-sizing: border-box;
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 800px) {
.button--nolink {
height: 50px;
border-radius: 25px;
line-height: 50px; } }
@media screen and (max-width: 600px) {
.button--nolink {
font-size: 14px;
font-size: calc($size / 10 * 1rem);
height: 40px;
border-radius: 20px;
line-height: 40px; } }
.button--arrow, #result .boxMessage__btn, #application .listStep__buttons--graain li a,
#application .listStep__buttons--graain li span, #application .listStep__buttons--arrow, #committee .listCommittee li .btnMovie, .btnNews {
position: relative; }
.button--arrow:after, #result .boxMessage__btn:after, #application .listStep__buttons--graain li a:after,
#application .listStep__buttons--graain li span:after, #application .listStep__buttons--arrow:after, #committee .listCommittee li .btnMovie:after, .btnNews:after {
content: "";
position: absolute;
top: 50%;
right: 30px;
z-index: 10;
width: 8px;
height: 16px;
margin-top: -8px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right.svg) no-repeat center center;
background-size: contain; }
@media screen and (max-width: 800px) {
.button--arrow:after, #result .boxMessage__btn:after, #application .listStep__buttons--graain li a:after,
#application .listStep__buttons--graain li span:after, #application .listStep__buttons--arrow:after, #committee .listCommittee li .btnMovie:after, .btnNews:after {
right: 20px; } }
@media screen and (max-width: 600px) {
.button--arrow:after, #result .boxMessage__btn:after, #application .listStep__buttons--graain li a:after,
#application .listStep__buttons--graain li span:after, #application .listStep__buttons--arrow:after, #committee .listCommittee li .btnMovie:after, .btnNews:after {
right: 15px;
width: 4px;
height: 8px;
margin-top: -4px; } }
.button--arrow-g:after {
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right_g.svg) no-repeat center center; }
.button--arrow-r:after, #application .listStep__buttons--graain li a:after,
#application .listStep__buttons--graain li span:after {
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right_r.svg) no-repeat center center; }
.button__icon {
display: inline-block;
margin-right: 10px; }
.button__icon img {
width: auto;
height: 24px;
vertical-align: middle; }
@media screen and (max-width: 800px) {
.button__icon img {
height: 20px; } }
@media screen and (max-width: 600px) {
.button__icon img {
height: 16px; } }
.button--reverse, #application .listStep__buttons--graain li a,
#application .listStep__buttons--graain li span {
display: block;
width: 100%;
height: 60px;
background: #fff;
border: solid 2px #c22035;
border-radius: 30px;
font-family: "M PLUS Rounded 1c";
line-height: 60px;
font-weight: bold;
color: #c22035;
text-align: center;
letter-spacing: 0.1em;
text-decoration: none;
box-sizing: border-box; }
.button--reverse:hover, #application .listStep__buttons--graain li a:hover,
#application .listStep__buttons--graain li span:hover {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 800px) {
.button--reverse, #application .listStep__buttons--graain li a,
#application .listStep__buttons--graain li span {
height: 50px;
border-radius: 25px;
line-height: 50px; } }
@media screen and (max-width: 600px) {
.button--reverse, #application .listStep__buttons--graain li a,
#application .listStep__buttons--graain li span {
height: 40px;
border-radius: 20px;
line-height: 40px; } }
.button a, .pushy-content .btnContact a, .boxResult__btn a, #result .boxMessage__btn a, #result .boxLead__btn a, #application .listStep__buttons li a, #application .brochure__button a, #committee .listCommittee li .btnMovie a, #about .txtBottom__button a, .btnWhite a,
.btnCovid19Support a,
.btnBrochure a, .btnNews a, .header .shareButtons__contact a, .header .subNavi__contact a {
display: block;
width: 100%;
height: 60px;
background: #c22035;
border-radius: 30px;
font-family: "M PLUS Rounded 1c";
line-height: 60px;
font-weight: bold;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
text-decoration: none;
box-sizing: border-box; }
.button a:hover, .pushy-content .btnContact a:hover, .boxResult__btn a:hover, #result .boxMessage__btn a:hover, #result .boxLead__btn a:hover, #application .listStep__buttons li a:hover, #application .brochure__button a:hover, #committee .listCommittee li .btnMovie a:hover, #about .txtBottom__button a:hover, .btnWhite a:hover,
.btnCovid19Support a:hover,
.btnBrochure a:hover, .btnNews a:hover, .header .shareButtons__contact a:hover, .header .subNavi__contact a:hover {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 800px) {
.button a, .pushy-content .btnContact a, .boxResult__btn a, #result .boxMessage__btn a, #result .boxLead__btn a, #application .listStep__buttons li a, #application .brochure__button a, #committee .listCommittee li .btnMovie a, #about .txtBottom__button a, .btnWhite a,
.btnCovid19Support a,
.btnBrochure a, .btnNews a, .header .shareButtons__contact a, .header .subNavi__contact a {
height: 50px;
border-radius: 25px;
line-height: 50px; } }
@media screen and (max-width: 600px) {
.button a, .pushy-content .btnContact a, .boxResult__btn a, #result .boxMessage__btn a, #result .boxLead__btn a, #application .listStep__buttons li a, #application .brochure__button a, #committee .listCommittee li .btnMovie a, #about .txtBottom__button a, .btnWhite a,
.btnCovid19Support a,
.btnBrochure a, .btnNews a, .header .shareButtons__contact a, .header .subNavi__contact a {
height: 40px;
border-radius: 20px;
line-height: 40px; } } #wrapper {
position: relative;
width: 100%;
overflow: hidden; }
#wrapper:after {
content: " ";
display: block;
clear: both; }
@media screen and (max-width: 800px) {
#wrapper {
padding-top: 100px; } }
@media screen and (max-width: 600px) {
#wrapper {
padding-top: 70px; } }
.inner, .globalNavi ul {
position: relative;
width: 1280px;
margin: 0 auto;
padding: 0 40px;
box-sizing: border-box; }
.inner:after, .globalNavi ul:after {
content: " ";
display: block;
clear: both; }
.inner__wrap {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.inner__wrap--s {
display: block;
max-width: 800px;
margin: 0 auto; }
.inner__left {
width: 300px;
margin-right: 60px; }
.inner__right {
width: calc(100% - 360px); }
@media screen and (max-width: 800px) {
.inner, .globalNavi ul {
width: 100%;
padding: 0 3vw; }
.inner__left {
width: 100%;
margin-right: 0; }
.inner__right {
width: 100%; } }
.contents {
padding: 60px 0 100px;
background: #fff; }
.contents:first-of-type {
padding-top: 0; }
.contents:nth-of-type(even) {
background: #f7f2ef; }
.contents a {
text-decoration: underline; }
@media screen and (max-width: 800px) {
.contents {
padding: 2vw 0 4vw; }
.contents .titleWrap__left, .contents .titleWrap__right {
width: 100%; } }
@media screen and (max-width: 600px) {
.contents {
padding-top: 4vw; } }
@media screen and (max-width: 800px) {
.contents--lower {
padding-top: 100px; } }
@media screen and (max-width: 600px) {
.contents--lower {
padding-top: 70px; } }
.ttlContents {
margin-top: -26px;
font-family: "M PLUS Rounded 1c";
font-size: 36px;
font-size: calc($size / 10 * 1rem);
line-height: 42px;
font-weight: bold;
color: #222;
letter-spacing: 0.2em; }
.ttlContents__en {
font-size: 16px;
font-size: calc($size / 10 * 1rem);
color: #666;
letter-spacing: 0.05em; }
.ttlContents__narrow {
letter-spacing: -0.3em; }
.ttlContents--center {
margin: 20px 0 60px;
padding-bottom: 40px;
border-bottom: solid 1px #d9c3b5;
text-align: center; }
@media screen and (max-width: 800px) {
.ttlContents--center {
margin: 3vw 0; } }
@media screen and (max-width: 800px) {
.ttlContents {
margin-top: 0;
font-size: 24px;
font-size: calc($size / 10 * 1rem);
padding-bottom: 20px;
border-bottom: solid 1px #d9c3b5;
line-height: 28px;
text-align: center; }
.ttlContents__en {
font-size: 12px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
.ttlContents {
font-size: 20px;
font-size: calc($size / 10 * 1rem);
line-height: 22px;
padding-bottom: 15px; }
.ttlContents__en {
font-size: 11px;
font-size: calc($size / 10 * 1rem); } }
.subttlContents {
margin-top: -5px;
padding-bottom: 15px;
border-bottom: solid 1px #d9c3b5;
font-family: "M PLUS Rounded 1c";
font-size: 32px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em;
font-weight: medium;
color: #222;
letter-spacing: 0.1em; }
@media screen and (max-width: 800px) {
.subttlContents {
margin-top: 15px;
padding-bottom: 15px;
font-size: 20px;
font-size: calc($size / 10 * 1rem);
text-align: center; } }
@media screen and (max-width: 600px) {
.subttlContents {
margin-top: 10px;
padding-bottom: 10px;
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
.shareButtons > ul {
display: flex;
align-items: center; }
.shareButtons > ul > li {
height: 40px; }
.shareButtons > ul > li > a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0; }
.shareButtons > ul > li > a:hover {
opacity: 0.7;
filter: alpha(opacity=70); }
.shareButtons__tw, .shareButtons__fb, .shareButtons__yt, .shareButtons__home {
width: 40px; }
.shareButtons__tw img, .shareButtons__fb img, .shareButtons__yt img, .shareButtons__home img {
width: 30px;
height: auto; }
.movie {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden; }
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#breadcrumb {
padding: 10px 0;
background: #f8f8f8; }
#breadcrumb:after {
content: " ";
display: block;
clear: both; }
#breadcrumb .inner, #breadcrumb .globalNavi ul, .globalNavi #breadcrumb ul {
font-size: 12px;
font-size: 1.2rem;
color: #444;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media screen and (max-width: 600px) {
#breadcrumb .inner, #breadcrumb .globalNavi ul, .globalNavi #breadcrumb ul {
font-size: 10px;
font-size: 1.0rem; } }
#breadcrumb .inner a, #breadcrumb .globalNavi ul a, .globalNavi #breadcrumb ul a {
color: #c22035;
text-decoration: none; }
#breadcrumb .inner a:hover, #breadcrumb .globalNavi ul a:hover, .globalNavi #breadcrumb ul a:hover {
text-decoration: underline; }
@media screen and (max-width: 800px) {
#breadcrumb {
padding: 5px 0; }
#breadcrumb .inner, #breadcrumb .globalNavi ul, .globalNavi #breadcrumb ul {
font-size: 10px;
font-size: calc($size / 10 * 1rem); } }  .header {
width: 100%;
height: 140px;
background: #fff;
box-sizing: border-box; }
.header .inner, .header .globalNavi ul, .globalNavi .header ul {
display: flex; align-items: center;
height: 100%; }
.header .inner::after, .header .globalNavi ul::after, .globalNavi .header ul::after {
display: none; }
.header__logo { width: 576px;
flex-shrink: 0; }
.header__logo img {
width: 100%; }
.header .subNaviWrap {
width: 100%; }
.header .subNavi {
margin-top: 20px; }
.header .subNavi > ul {
display: flex;
align-items: center;
flex-direction: row-reverse;
width: 100%; }
.header .subNavi__smf {
margin-right: 20px; }
.header .subNavi__info {
position: relative; margin-right: 20px;
font-family: "M PLUS Rounded 1c";
font-weight: medium;
line-height: 40px;
display: flex;
justify-content: center; }
.header .subNavi__info a:hover {
color: #c22035; }
.header .subNavi__contact {
width: 180px; }
.header .subNavi__contact a {
height: 40px;
line-height: 40px;
background: #00813b;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
.header .subNavi__contact a {
font-size: 14px;
font-size: 1.4rem; } }
.header .subNavi__contact a .button__icon img {
height: 14px; }
.header .shareButtons {  }
.header .shareButtons > ul {
width: 100%;
flex-direction: row-reverse; }
.header .shareButtons > ul > li {
height: 24px; }
.header .shareButtons__info {
position: relative;
padding: 0 10px;
font-family: "M PLUS Rounded 1c";
font-weight: medium;
line-height: 40px;
display: flex;
justify-content: center; }
.header .shareButtons__info a:hover {
color: #c22035; }
.header .shareButtons__contact {
width: 180px; }
.header .shareButtons__contact a {
height: 40px;
line-height: 40px;
background: #00813b;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
.header .shareButtons__contact a {
font-size: 14px;
font-size: 1.4rem; } }
.header .shareButtons__contact a .button__icon img {
height: 14px; }
.header .shareButtons__yt {
width: auto;
height: 20px;
margin-right: 10px; }
.header .shareButtons__yt img {
width: auto;
height: 100%; }
.header .shareButtons__fb {
width: auto;
height: 24px;
margin-right: 15px; }
.header .shareButtons__fb img {
width: auto;
height: 100%; }
.header .dropnavi {
display: none;
position: absolute;
top: 15px;
z-index: 200;
padding-top: 40px; }
.header .dropnavi ul {
position: relative;
width: auto;
padding: 10px 20px 18px;
background-color: #fff;
border: solid 1px #ddd;
border-radius: 10px;
box-sizing: border-box; }
.header .dropnavi ul:before {
content: "";
position: absolute;
top: -23px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-bottom: 12px solid #fff;
z-index: 2; }
.header .dropnavi ul:after {
content: "";
position: absolute;
top: -25px;
left: 50%;
margin-left: -16px;
border: 13px solid transparent;
border-bottom: 13px solid #ddd;
z-index: 1; }
.header .dropnavi ul li {
width: auto;
margin-top: 8px;
line-height: 1.5em; }
.header .dropnavi ul li a {
display: block;
padding-left: 25px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_pdf_r.svg) no-repeat left 5px;
background-size: 16px auto;
white-space: nowrap; }
.header .btnSlideNavi {
display: none; }
@media screen and (max-width: 800px) {
.header {
position: fixed;
top: 0;
left: 0;
z-index: 100;
height: 100px;
box-shadow: 0 0 10px 1px rgba(153, 153, 153, 0.5); }
.header .inner, .header .globalNavi ul, .globalNavi .header ul {
width: 100%;
height: 100%;
padding: 0;
justify-content: center; }
.header__logo { width: 400px; }
.header .subNaviWrap {
display: none; }
.header .btnSlideNavi {
display: block;
position: absolute;
top: 50%;
right: 2%;
z-index: 110;
width: 50px;
height: 50px;
margin-top: -25px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_navi.png) no-repeat center center;
background-size: contain;
cursor: pointer; } }
@media screen and (max-width: 600px) {
.header {
height: 70px; }
.header__logo {
width: 250px; }
.header .btnSlideNavi {
width: 40px;
height: 40px;
margin-top: -20px; } }
.globalNavi {
width: 100%;
height: 80px;
background: #c22035; }
.globalNavi--fixed {
position: fixed;
top: 0;
left: 0;
z-index: 100; }
.globalNavi ul {
padding: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center; }
.globalNavi__item {
font-family: "M PLUS Rounded 1c";
font-size: 16px;
font-size: 1.6rem;
line-height: 44px;
font-weight: bold;
letter-spacing: 0.05em;
text-align: center; }
@media screen and (max-width: 600px) {
.globalNavi__item {
font-size: 14px;
font-size: 1.4rem; } }
.globalNavi__item a {
display: block;
padding: 18px 16px;
color: #fff; }
.globalNavi__item a:hover {
opacity: 0.7;
filter: alpha(opacity=70); }
.globalNavi__item--home img {
width: 21px;
height: auto;
vertical-align: middle; }
.globalNavi__item--about {
line-height: 22px; }
@media screen and (max-width: 800px) {
.globalNavi {
display: none; } } .footer {
width: 100%;
padding: 60px 0 120px;
background: #000;
color: #eee; }
.footer:after {
content: " ";
display: block;
clear: both; }
@media screen and (max-width: 800px) {
.footer {
padding: 30px 0 60px; } }
.footer .shareButtons ul {
justify-content: center; }
.footer .shareButtons ul li {
padding: 0 5px; }
.footer__navi {
margin-top: 40px; }
@media screen and (max-width: 800px) {
.footer__navi {
margin-top: 10px; } }
.footer__navi ul {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.footer__navi ul li {
margin-top: 20px;
padding: 0 15px;
border-left: solid 1px #333;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5em; }
@media screen and (max-width: 600px) {
.footer__navi ul li {
font-size: 12px;
font-size: 1.2rem; } }
.footer__navi ul li:first-child {
border-left: none; }
.footer__navi ul li a {
color: #eee; }
@media screen and (max-width: 600px) {
.footer__navi ul li {
margin-top: 10px;
padding: 0 10px;
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 600px) and (max-width: 600px) {
.footer__navi ul li {
font-size: 10px;
font-size: 1.0rem; } }
.footer__copyright {
margin-top: 60px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5em;
text-align: center; }
@media screen and (max-width: 600px) {
.footer__copyright {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 800px) {
.footer__copyright {
margin-top: 30px; } }  .mainVisual {
padding-bottom: 60px; }
@media screen and (max-width: 800px) {
.mainVisual {
padding-bottom: 2vw; } }
.mainVisual img {
width: 100%;
max-width: 1280px;
margin: 0 auto; }
.mainVisual__img {
width: 100%; }
.mainVisual__img img {
width: 100%;
max-width: 100% !important; } #news .inner__left {
width: calc(100% - 360px);
margin-right: 60px; }
#news .inner__right {
width: 300px;
margin-right: 0; }
@media screen and (max-width: 800px) {
#news .inner__left {
width: 100%;
margin-right: 0; }
#news .inner__right {
width: 100%;
max-width: 300px;
margin: 40px auto 0; } }
.listNews li {
display: flex;  align-items: flex-start;
margin-top: 24px;
line-height: 1.5em; }
.listNews li:first-child {
margin-top: 0; }
.listNews__date {
width: 120px;
flex-shrink: 0; }
.listNews__contents {
width: calc(100% - 120px); }
.listNews__title {
width: calc(100% - 120px); }
@media screen and (max-width: 800px) {
.listNews {
margin-top: 30px; }
.listNews li {
flex-wrap: wrap; }
.listNews__date, .listNews__contents, .listNews__title {
width: 100%; }
.listNews__date {
font-weight: bold; }
.listNews__contents {
margin-top: 5px; }
.listNews__contents div {
margin-top: 5px; } }
@media screen and (max-width: 600px) {
.listNews {
margin-top: 20px; } }
.btnNews {
max-width: 400px;
margin: 60px auto 0; }
.btnNews a {
text-decoration: none; }
@media screen and (max-width: 800px) {
.btnNews {
margin-top: 30px; } }
@media screen and (max-width: 600px) {
.btnNews {
width: 100%;
padding: 0 3%;
box-sizing: border-box; }
.btnNews:after {
right: calc(3% + 15px); } }
.btnWhite,
.btnCovid19Support,
.btnBrochure {
max-width: 400px;
margin: 30px auto 0 !important;
box-sizing: border-box; }
.btnWhite a,
.btnCovid19Support a,
.btnBrochure a {
text-decoration: none;
background: #fff;
border: solid 2px #c22035;
color: #c22035; }
@media screen and (max-width: 800px) {
.btnWhite,
.btnCovid19Support,
.btnBrochure {
margin-top: 20px !important; } }
@media screen and (max-width: 600px) {
.btnWhite,
.btnCovid19Support,
.btnBrochure {
width: 100%;
margin-top: 15px !important;
padding: 0 3%; } }
.btnCovid19Support a {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0 !important; }
@media screen and (max-width: 600px) {
.btnCovid19Support a {
font-size: 12px;
font-size: 1.2rem; } }
.boxNews {
margin-top: 40px;
padding: 40px 40px 60px;
background: #f7f2ef; }
.boxNews:first-of-type {
margin-top: 80px; }
@media screen and (max-width: 800px) {
.boxNews {
margin-top: 20px;
padding: 3vw 3vw 4vw; }
.boxNews:first-of-type {
margin-top: 30px; } }
@media screen and (max-width: 600px) {
.boxNews {
padding-top: 4vw; } }
.boxNews__title {
font-size: 28px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5;
font-weight: bold;
color: #222;
text-align: center; }
@media screen and (max-width: 800px) {
.boxNews__title {
font-size: 20px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
.boxNews__title {
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
.boxNews__text {
margin-top: 30px;
line-height: 1.5em;
text-align: center; }
@media screen and (max-width: 600px) {
.boxNews__text {
margin-top: 15px; } }
.boxNews__movieList {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin-top: 30px; }
.boxNews__movieList li {
width: calc(50% - 20px); }
.boxNews__movieList li p {
margin-top: 10px;
line-height: 1.5em;
text-align: center; }
@media screen and (max-width: 800px) {
.boxNews__movieList li {
width: calc(50% - 1.5vw); } }
@media screen and (max-width: 600px) {
.boxNews__movieList {
margin-top: 15px; }
.boxNews__movieList li {
width: 100%;
margin-top: 15px; }
.boxNews__movieList li:first-child {
margin-top: 0; }
.boxNews__movieList li p {
margin-top: 5px;
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) and (max-width: 600px) {
.boxNews__movieList li p {
font-size: 12px;
font-size: 1.2rem; } } #about .mainAbout { }
#about .mainAbout img {
width: 100%; }
#about .txtLead {
width: 100%;
margin-top: 60px; }
#about .txtLead p {
margin-top: 40px;
font-size: 22px;
font-size: calc($size / 10 * 1rem);
line-height: 1.8em;
text-align: center; }
@media screen and (max-width: 800px) {
#about .txtLead {
margin-top: 10px; }
#about .txtLead p {
margin-top: 20px;
font-size: 20px;
font-size: calc($size / 10 * 1rem);
text-align: left; } }
@media screen and (max-width: 600px) {
#about .txtLead {
margin-top: 5px; }
#about .txtLead p {
margin-top: 10px;
font-size: 14px;
font-size: calc($size / 10 * 1rem); }
#about .txtLead p.txtBold {
font-family: "M PLUS Rounded 1c";
font-weight: bold; } }
#about .listExample {
width: 100%;
margin-top: 60px; }
@media screen and (max-width: 800px) {
#about .listExample {
margin-top: 30px; } }
#about .listExample li {
width: 100%;
margin-top: 40px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
#about .listExample li:first-child {
margin-top: 0; }
#about .listExample li:nth-child(even) {
flex-direction: row-reverse; }
#about .listExample li:nth-child(even) .listExample__title h3 {
text-align: right; }
#about .listExample li:nth-child(even) .listExample__title img {
right: auto; }
#about .listExample li:nth-child(1) .listExample__title img {
right: -10px; }
@media screen and (max-width: 800px) {
#about .listExample li:nth-child(1) .listExample__title img {
right: -10px; } }
@media screen and (max-width: 600px) {
#about .listExample li:nth-child(1) .listExample__title img {
right: auto;
left: -97%; } }
#about .listExample li:nth-child(2) .listExample__title img {
left: 10px; }
@media screen and (max-width: 800px) {
#about .listExample li:nth-child(2) .listExample__title img {
left: 5px; } }
@media screen and (max-width: 600px) {
#about .listExample li:nth-child(2) .listExample__title img {
left: auto;
right: -97%; } }
@media screen and (max-width: 600px) {
#about .listExample li:nth-child(3) .listExample__title h3 {
font-size: 12px;
font-size: calc($size / 10 * 1rem); } }
#about .listExample li:nth-child(3) .listExample__title img {
right: -100px; }
@media screen and (max-width: 800px) {
#about .listExample li:nth-child(3) .listExample__title img {
right: -80px; } }
@media screen and (max-width: 600px) {
#about .listExample li:nth-child(3) .listExample__title img {
right: auto;
left: -97%; } }
@media screen and (max-width: 600px) {
#about .listExample li:nth-child(4) .listExample__title h3 {
font-size: 12px;
font-size: calc($size / 10 * 1rem); } }
#about .listExample li:nth-child(4) .listExample__title img {
left: -100px; }
@media screen and (max-width: 800px) {
#about .listExample li:nth-child(4) .listExample__title img {
left: -80px; } }
@media screen and (max-width: 600px) {
#about .listExample li:nth-child(4) .listExample__title img {
left: auto;
right: -97%; } }
@media screen and (max-width: 600px) {
#about .listExample li {
margin-top: 10px;
flex-direction: row-reverse; }
#about .listExample li:nth-child(even) {
flex-direction: row; }
#about .listExample li:nth-child(even) .listExample__title h3 {
text-align: left; } }
#about .listExample__title {
position: relative;
width: calc(100% - 720px); }
#about .listExample__title h3 {
font-family: "M PLUS Rounded 1c";
font-size: 28px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em;
font-weight: bold;
color: #222; }
#about .listExample__title img {
position: absolute;
top: 50%;
right: 20px;
width: 116px;
margin-top: -55px;
z-index: 10; }
@media screen and (max-width: 800px) {
#about .listExample__title {
width: 48%; }
#about .listExample__title h3 {
font-size: 22px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#about .listExample__title {
width: 52%; }
#about .listExample__title h3 {
font-size: 14px;
font-size: calc($size / 10 * 1rem); }
#about .listExample__title img {
width: 33%; } }
#about .listExample__image {
width: 700px; }
#about .listExample__image img {
width: 100%; }
@media screen and (max-width: 800px) {
#about .listExample__image {
width: 48%; } }
@media screen and (max-width: 600px) {
#about .listExample__image {
width: 44%; } }
#about .txtBottom {
width: 100%;
margin-top: 60px; }
#about .txtBottom p {
margin-top: 40px;
font-size: 22px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em;
text-align: center; }
#about .txtBottom p:nth-of-type(1) {
margin-top: 0; }
@media screen and (max-width: 800px) {
#about .txtBottom {
margin-top: 30px; }
#about .txtBottom p {
margin-top: 20px;
font-size: 20px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#about .txtBottom {
margin-top: 20px; }
#about .txtBottom p {
margin-top: 20px;
font-size: 14px;
font-size: calc($size / 10 * 1rem); } }
#about .txtBottom__button {
max-width: 400px;
margin: 60px auto 0 !important; }
@media screen and (max-width: 800px) {
#about .txtBottom__button {
margin-top: 30px !important; } }
@media screen and (max-width: 600px) {
#about .txtBottom__button {
margin-top: 20px !important; } } #committee { }
#committee .subttlContents {
padding-bottom: 0;
border-bottom: none;
text-align: center; }
#committee .txtYear {
font-family: "M PLUS Rounded 1c";
font-size: 18px;
font-size: 1.8rem;
font-weight: medium;
line-height: 1.5;
text-align: center;
color: #222; }
@media screen and (max-width: 600px) {
#committee .txtYear {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
#committee .txtYear {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) and (max-width: 600px) {
#committee .txtYear {
font-size: 12px;
font-size: 1.2rem; } }
#committee .listCommittee li {
display: flex;
margin-top: 40px; }
@media screen and (max-width: 800px) {
#committee .listCommittee li {
margin-top: 20px; } }
#committee .listCommittee li h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5em;
font-weight: bold; }
@media screen and (max-width: 600px) {
#committee .listCommittee li h4 {
font-size: 16px;
font-size: 1.6rem; } }
#committee .listCommittee li p {
margin-top: 5px;
line-height: 1.5em; }
#committee .listCommittee li .btnMovie {
max-width: 200px;
margin: 10px 0 0; }
#committee .listCommittee li .btnMovie:after {
right: 10px;
width: 6px;
height: 12px;
margin-top: -6px; }
#committee .listCommittee li .btnMovie a {
height: 30px;
line-height: 30px;
font-size: 1.2rem;
letter-spacing: 0.05em; }
#committee .listCommittee__imgWrap {
width: 200px;
margin-right: 20px; }
@media screen and (max-width: 800px) {
#committee .listCommittee__imgWrap {
width: 120px;
margin-right: 10px; } }
#committee .listCommittee__imgWrap img {
width: 100%; }
#committee .listCommittee__textWrap {
width: 100%; }
#committee .txtIndex {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 600px) {
#committee .txtIndex {
font-size: 12px;
font-size: 1.2rem; } }
#committee .standard {
margin-top: 40px; }
#committee .standard h5 {
font-weight: bold;
line-height: 1.5em; }
#committee .standard p {
margin-top: 5px;
line-height: 1.5em; }
#committee .standard ul {
margin: 10px 0 0 1.5rem; }
#committee .standard ul li {
list-style: disc;
margin-top: 5px;
line-height: 1.5em; }
#committee .standard ul li:first-child {
margin-top: 0; } #application {  }
#application .inner, #application .globalNavi ul, .globalNavi #application ul {
display: block; }
#application .subContents {
margin-top: 60px; }
#application .subContents:nth-of-type(1) {
margin-top: 0; }
@media screen and (max-width: 800px) {
#application .subContents {
margin-top: 30px; }
#application .subContents:nth-of-type(1) {
margin-top: 20px; } }
#application .subContents__title {
height: 70px;
background: #444;
font-family: "M PLUS Rounded 1c";
font-size: 32px;
font-size: calc($size / 10 * 1rem);
line-height: 70px;
font-weight: medium;
color: #fff;
letter-spacing: 0.2em;
text-align: center; }
@media screen and (max-width: 800px) {
#application .subContents__title {
height: 50px;
font-size: 24px;
font-size: calc($size / 10 * 1rem);
line-height: 50px; } }
@media screen and (max-width: 600px) {
#application .subContents__title {
height: 45px;
font-size: 18px;
font-size: calc($size / 10 * 1rem);
line-height: 45px; } }
#application .subContents__title + .listPoint {
margin-top: 40px; }
@media screen and (max-width: 600px) {
#application .subContents__title + .listPoint {
margin-top: 20px; } }
#application .subContents__subtitle {
margin-top: 40px;
font-weight: bold;
line-height: 1.5; }
#application .subContents__subtitle + .listPoint {
margin-top: 10px; }
@media screen and (max-width: 600px) {
#application .subContents__subtitle + .listPoint {
margin-top: 5px; } }
#application .subContents__lead {
margin-top: 40px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5em; }
@media screen and (max-width: 600px) {
#application .subContents__lead {
font-size: 16px;
font-size: 1.6rem; } }
#application .subContents__lead--txtEnd {
font-weight: bold;
color: #c00;
text-align: center; }
@media screen and (max-width: 800px) {
#application .subContents__lead {
margin-top: 20px; } }
@media screen and (max-width: 800px) {
#application .subContents__lead {
font-size: 14px;
font-size: calc($size / 10 * 1rem); } }
#application .subContents__text {
margin-top: 40px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5em; }
@media screen and (max-width: 600px) {
#application .subContents__text {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 800px) {
#application .subContents__text {
margin-top: 20px; } }
#application .subContents__text-caution {
position: relative;
margin-top: 10px;
padding-left: 2.5rem;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5; }
@media screen and (max-width: 600px) {
#application .subContents__text-caution {
font-size: 12px;
font-size: 1.2rem; } }
#application .subContents__text-caution::before {
content: "※";
position: absolute;
top: 0;
left: 8px; }
#application .subContents__box {
width: 100%;
margin-top: 40px;
padding: 20px;
border: solid 1px #ddd;
box-sizing: border-box; }
@media screen and (max-width: 600px) {
#application .subContents__box {
margin-top: 20px;
padding: 15px; } }
#application .subContents__box-title {
position: relative;
margin-bottom: 10px;
font-weight: bold;
line-height: 1.5; }
#application .subContents__box-title::before {
content: "■";
margin-right: 5px;
color: #c22035; }
@media screen and (max-width: 600px) {
#application .subContents__box-title {
margin-bottom: 5px; } }
#application .txtWrap {
display: flex;
align-items: center;
justify-content: space-between; }
#application .txtWrap .txtEnd {
font-weight: bold;
color: #c00; }
@media screen and (max-width: 600px) {
#application .txtWrap {
flex-direction: column; } }
@media screen and (max-width: 600px) {
#application .brochure__button {
margin-top: 10px; } }
#application .brochure__button a {
width: 180px;
height: 40px;
line-height: 40px;
background: #fff;
border: solid 1px #c22035;
font-size: 1.4rem;
color: #c22035;
letter-spacing: 0; }
#application .brochure__button a img {
height: 20px; }
#application .txtPeriod {
margin-top: 20px;
font-size: 20px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em; }
#application .txtPeriod .txtDate {
margin-left: 5px;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold; }
@media screen and (max-width: 600px) {
#application .txtPeriod .txtDate {
font-size: 20px;
font-size: 2.0rem; } }
#application .txtPeriod .txtLineThrough {
text-decoration: line-through; }
#application .txtPeriod .txtEnd {
color: #c00; }
@media screen and (max-width: 800px) {
#application .txtPeriod {
font-size: 18px;
font-size: calc($size / 10 * 1rem); }
#application .txtPeriod .txtDate {
font-size: 20px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#application .txtPeriod {
margin-top: 10px;
font-size: 14px;
font-size: calc($size / 10 * 1rem); }
#application .txtPeriod .txtDate {
font-size: 16px;
font-size: calc($size / 10 * 1rem); } }
#application .listStep {
margin-top: 40px; }
@media screen and (max-width: 800px) {
#application .listStep {
margin-top: 20px; } }
#application .listStep > li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding-bottom: 80px; }
#application .listStep > li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_step.svg) no-repeat center center;
background-size: 65px auto; }
#application .listStep > li:last-child {
padding-bottom: 0; }
#application .listStep > li:last-child:after {
display: none; }
#application .listStep > li p {
margin-top: 20px; }
#application .listStep > li p:first-child {
margin-top: 0; }
@media screen and (max-width: 600px) {
#application .listStep > li {
padding-bottom: 40px; }
#application .listStep > li:after {
height: 40px;
background-size: 32px auto; }
#application .listStep > li p {
margin-top: 10px; } }
#application .listStep__title {
position: relative;
width: 200px;
padding: 5px;
background: #666;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box; }
#application .listStep__title h4 {
font-family: "M PLUS Rounded 1c";
font-size: 22px;
font-size: calc($size / 10 * 1rem);
line-height: 1.3em;
font-weight: medium;
text-align: center;
color: #fff;
letter-spacing: 0.05em; }
#application .listStep__title h4 span {
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 0.05em; }
@media screen and (max-width: 600px) {
#application .listStep__title h4 span {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 800px) {
#application .listStep__title {
width: 160px; }
#application .listStep__title h4 {
font-size: 18px;
font-size: calc($size / 10 * 1rem); }
#application .listStep__title h4 span {
font-size: 12px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#application .listStep__title {
width: 100%; }
#application .listStep__title h4 {
padding: 2px 0 6px;
font-size: 16px;
font-size: calc($size / 10 * 1rem);
line-height: 1.1em; }
#application .listStep__title h4 span {
font-size: 11px;
font-size: calc($size / 10 * 1rem); }
#application .listStep__title--nostep h4 {
padding: 6px 0; } }
#application .listStep__text {
width: calc(100% - 200px);
padding: 30px 40px;
background: #f7f2ef;
box-sizing: border-box; }
#application .listStep__text--complete {
width: 100%;
padding: 50px 40px; }
#application .listStep__text--complete h4 {
font-family: "M PLUS Rounded 1c";
font-size: 32px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em;
font-weight: bold;
color: #222;
letter-spacing: 0.1em;
text-align: center; }
#application .listStep__text--complete h4 + .listPoint {
margin-top: 40px; }
@media screen and (max-width: 600px) {
#application .listStep__text--complete h4 + .listPoint {
margin-top: 20px; } }
#application .listStep__text--complete p {
text-align: center; }
@media screen and (max-width: 800px) {
#application .listStep__text {
width: calc(100% - 160px);
padding: 15px 20px; }
#application .listStep__text--complete {
width: 100%;
padding: 25px 20px; }
#application .listStep__text--complete h4 {
font-size: 24px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#application .listStep__text {
width: 100%; }
#application .listStep__text--complete {
width: 100%;
padding: 20px 15px; }
#application .listStep__text--complete h4 {
font-size: 18px;
font-size: calc($size / 10 * 1rem); }
#application .listStep__text--complete p {
text-align: left; } }
#application .listStep__buttons {
display: flex;
flex-wrap: wrap;
margin-top: 20px; }
@media screen and (max-width: 800px) {
#application .listStep__buttons {
justify-content: space-between; }
#application .listStep__buttons li {
width: 48% !important; } }
@media screen and (max-width: 600px) {
#application .listStep__buttons {
margin-top: 10px;
width: 100%;
justify-content: center; }
#application .listStep__buttons li {
width: 100% !important; } }
#application .listStep__buttons li {
width: 300px;
height: 60px;
margin-left: 20px; }
#application .listStep__buttons li:first-child {
margin-left: 0; }
@media screen and (max-width: 800px) {
#application .listStep__buttons li {
height: 50px; } }
@media screen and (max-width: 600px) {
#application .listStep__buttons li {
width: 100%;
height: 40px;
margin-top: 10px;
margin-left: 0; }
#application .listStep__buttons li:first-child {
margin-top: 0; } }
#application .listStep__buttons--example { }
#application .listStep__buttons--oneColumn li {
width: 100%;
max-width: 620px; }
#application .listStep__buttons--graain {
display: flex;
flex-wrap: wrap;
margin-top: 20px; }
@media screen and (max-width: 800px) {
#application .listStep__buttons--graain li {
width: 100%; } }
@media screen and (max-width: 600px) {
#application .listStep__buttons--graain {
margin-top: 10px;
width: 100%; }
#application .listStep__buttons--graain li {
width: 100% !important; } }
#application .listStep__buttons--graain li {
width: 100%;
max-width: 620px; }
#application .listStep__buttons--graain li span {
opacity: 0.7;
filter: alpha(opacity=70); }
#application .listStep__example {
display: flex;
margin-top: 20px; }
#application .listStep__example li {
margin-left: 20px; }
#application .listStep__example li:first-child {
margin-left: 0; }
#application .listStep__example li a {
display: block;
padding-left: 25px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_pdf_r.svg) no-repeat left 5px;
background-size: 16px auto;
color: #444;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold; }
@media screen and (max-width: 600px) {
#application .listStep__example li a {
font-size: 16px;
font-size: 1.6rem; } }
#application .listStep__example li a:hover {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 600px) {
#application .listStep__example {
margin-top: 10px;
width: 100%;
justify-content: center; } }
#application .listStep__caution {
width: 100%;
margin-top: 40px;
padding: 20px;
background: #fff;
box-sizing: border-box; }
@media screen and (max-width: 600px) {
#application .listStep__caution {
margin-top: 20px;
padding: 15px; } }
#application .listStep__caution-title {
position: relative;
margin-bottom: 10px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.5; }
@media screen and (max-width: 600px) {
#application .listStep__caution-title {
font-size: 12px;
font-size: 1.2rem; } }
#application .listStep__caution-title::before {
content: "■";
margin-right: 5px;
color: #c22035; }
@media screen and (max-width: 600px) {
#application .listStep__caution-title {
margin-bottom: 5px; } }
#application .listStep__caution .listPoint li {
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 600px) {
#application .listStep__caution .listPoint li {
font-size: 12px;
font-size: 1.2rem; } }
#application .listStep__caution-url {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5; }
@media screen and (max-width: 600px) {
#application .listStep__caution-url {
font-size: 12px;
font-size: 1.2rem; } }
#application .listStep .listPDF {
margin-top: 40px; }
@media screen and (max-width: 600px) {
#application .listStep .listPDF {
margin-top: 20px; } }
#application .listSubmit {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 20px; }
#application .listSubmit > li {
display: flex;
justify-content: space-between;
align-items: center; }
#application .listSubmit__email {
width: 100%; }
#application .listSubmit__email .listSubmit__icon {
background-image: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_email.svg);
background-size: 60px auto; }
@media screen and (max-width: 800px) {
#application .listSubmit__email {
width: 100%; }
#application .listSubmit__email .listSubmit__icon {
background-size: 30px auto; } }
#application .listSubmit__email--top {
align-items: flex-start !important; }
#application .listSubmit__mailing {
width: 400px; }
#application .listSubmit__mailing .listSubmit__icon {
background-image: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_mailing.svg);
background-size: 52px auto; }
@media screen and (max-width: 800px) {
#application .listSubmit__mailing {
width: 100%;
margin-top: 20px; }
#application .listSubmit__mailing .listSubmit__icon {
background-size: 26px auto; } }
#application .listSubmit__icon {
width: 100px;
height: 100px;
border-radius: 10px;
background-color: #c22035;
background-repeat: no-repeat;
background-position: center center; }
@media screen and (max-width: 800px) {
#application .listSubmit__icon {
width: 65px;
height: 65px; } }
#application .listSubmit__text {
width: calc(100% - 120px); }
@media screen and (max-width: 800px) {
#application .listSubmit__text {
width: calc(100% - 80px); } }
#application .listSubmit__text p {
line-height: 1.5em;
word-break: break-all; }
#application p + .listSubmit {
margin-top: 20px; }
#application .txtLimit {
margin-top: 10px;
font-family: "M PLUS Rounded 1c";
font-size: 20px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em;
font-weight: bold;
color: #222;
letter-spacing: 0.05em; }
@media screen and (max-width: 800px) {
#application .txtLimit {
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#application .txtLimit {
font-size: 14px;
font-size: calc($size / 10 * 1rem); } } #contact {
padding-top: 100px; }
@media screen and (max-width: 600px) {
#contact {
padding-top: 20px; } }
#contact .ttlContents--center {
margin-top: 0;
letter-spacing: 0.1em; }
#contact .subttlContents {
letter-spacing: 0; }
#contact p {
margin-top: 20px;
font-size: 18px;
font-size: 1.8rem;
line-height: 2em;
text-align: center; }
@media screen and (max-width: 600px) {
#contact p {
font-size: 16px;
font-size: 1.6rem; } }
#contact p.txtAddress {
margin-top: 0;
font-family: "M PLUS Rounded 1c";
font-weight: bold;
color: #222; }
@media screen and (max-width: 800px) {
#contact p {
margin-top: 10px;
line-height: 1.8em; }
#contact p.txtAddress {
margin-top: 20px; } }
@media screen and (max-width: 600px) {
#contact p {
font-size: 14px;
font-size: calc($size / 10 * 1rem); } } #faq .naviCategory {
width: 280px; }
@media screen and (max-width: 800px) {
#faq .naviCategory {
display: none; } }
#faq .naviCategory ul li {
width: 100%; }
#faq .naviCategory ul li a {
display: block;
width: 100%;
height: 50px;
padding-left: 20px; box-sizing: border-box;
font-family: "M PLUS Rounded 1c";
line-height: 50px;
font-weight: medium;
color: #444;
text-decoration: none; }
#faq .naviCategory ul li a:hover {
background-color: #f7f2ef; }
#faq .naviCategory ul li a.active {
background-color: #f7f2ef; }
#faq .subContents {
margin-top: 80px; }
#faq .subContents:first-of-type {
margin-top: 0; }
#faq .listFaq dt:before,
#faq .listFaq dd:before {
position: absolute;
top: -8px;
left: 0;
width: 40px;
height: 40px;
background: #c22035;
font-family: "M PLUS Rounded 1c";
font-size: 24px;
font-size: 2.4rem;
line-height: 40px;
font-weight: bold;
text-align: center;
color: #fff; }
@media screen and (max-width: 600px) {
#faq .listFaq dt:before,
#faq .listFaq dd:before {
font-size: 20px;
font-size: 2.0rem; } }
#faq .listFaq dt {
position: relative;
margin-top: 40px;
padding: 0 0 0 60px; }
#faq .listFaq dt:before {
content: "Q"; }
#faq .listFaq dd {
position: relative;
margin-top: 40px;
padding: 0 0 40px 60px;
border-bottom: solid 1px #d9c3b5; }
#faq .listFaq dd:before {
content: "A"; }
@media screen and (max-width: 800px) {
#faq .subContents {
margin-top: 0; }
#faq .subContents:first-child {
margin-top: 20px; }
#faq #faq01,
#faq #faq02,
#faq #faq03,
#faq #faq04,
#faq #faq05,
#faq #faq06,
#faq #faq07 {
display: block; }
#faq .subttlContents {
position: relative;
display: block;
margin-top: 0;
padding-top: 15px;
background: #886f62;
border-bottom: solid 2px #fff;
color: #fff;
cursor: pointer; }
#faq .subttlContents:after {
content: "";
position: absolute;
top: 50%;
right: 3%;
width: 12px;
height: 12px;
margin-top: -6px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right.svg) no-repeat center center;
transform: rotate(90deg); }
#faq .subttlContents.active:after {
transform: rotate(-90deg); }
#faq .listFaq {
display: none;
margin: 0 5px; }
#faq .listFaq dt:before,
#faq .listFaq dd:before {
top: -4px;
width: 36px;
height: 36px;
background: #c22035;
font-size: 18px;
font-size: 1.8rem;
line-height: 36px; } }
@media screen and (max-width: 800px) and (max-width: 600px) {
#faq .listFaq dt:before,
#faq .listFaq dd:before {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 800px) {
#faq .listFaq dt {
margin-top: 20px;
padding: 0 0 0 50px; }
#faq .listFaq dt:before {
content: "Q"; }
#faq .listFaq dd {
margin-top: 20px;
padding: 0 0 20px 50px; }
#faq .listFaq dd:before {
content: "A"; } } #result .ttlResult {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.5em;
font-weight: bold;
color: #222;
text-align: center; }
@media screen and (max-width: 600px) {
#result .ttlResult {
font-size: 20px;
font-size: 2.0rem; } }
#result .txtResult {
margin-top: 10px;
line-height: 1.5em;
text-align: center; }
#result .listAnchor {
display: flex;
justify-content: center;
align-items: center; }
@media screen and (max-width: 800px) {
#result .listAnchor {
margin-top: 20px;
flex-wrap: wrap;
justify-content: flex-start; } }
#result .listAnchor li {
padding: 0 40px; }
@media screen and (max-width: 800px) {
#result .listAnchor li {
width: 50%;
margin-top: 10px;
padding: 0; }
#result .listAnchor li:nth-child(1), #result .listAnchor li:nth-child(2) {
margin-top: 0; }
#result .listAnchor li:last-child {
width: 100%; } }
#result .listAnchor li a {
position: relative;
padding-left: 22px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5em;
color: #444;
text-decoration: none;
transition: 0.3s ease-in-out; }
@media screen and (max-width: 600px) {
#result .listAnchor li a {
font-size: 14px;
font-size: 1.4rem; } }
#result .listAnchor li a:hover {
color: #c22035; }
#result .listAnchor li a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
margin-top: -8px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_anchor.svg) no-repeat center center;
background-size: contain; }
#result .listResult {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 30px -15px 0; }
@media screen and (max-width: 600px) {
#result .listResult {
margin-top: 15px; } }
#result .listResult li {
width: 33.3%;
margin-top: 30px;
padding: 0 15px;
box-sizing: border-box;  }
#result .listResult li .button a, #result .listResult li .pushy-content .btnContact a, .pushy-content #result .listResult li .btnContact a, #result .listResult li .boxResult__btn a, #result .listResult li .boxMessage__btn a, #result .listResult li .boxLead__btn a, #result .listResult li .header .subNavi__contact a, .header #result .listResult li .subNavi__contact a, #result .listResult li .header .shareButtons__contact a, .header #result .listResult li .shareButtons__contact a, #result .listResult li .btnNews a, #result .listResult li .btnWhite a,
#result .listResult li .btnCovid19Support a,
#result .listResult li .btnBrochure a, #result .listResult li #about .txtBottom__button a, #about #result .listResult li .txtBottom__button a, #result .listResult #committee .listCommittee li .btnMovie a, #committee .listCommittee #result .listResult li .btnMovie a, #result .listResult li #application .brochure__button a, #application #result .listResult li .brochure__button a, #result .listResult li #application .listStep__buttons li a, #application .listStep__buttons #result .listResult li li a {
background: #00813b;
text-decoration: none; }
#result .listResult li .button a svg .st1, #result .listResult li .pushy-content .btnContact a svg .st1, .pushy-content #result .listResult li .btnContact a svg .st1, #result .listResult li .boxResult__btn a svg .st1, #result .listResult li .boxMessage__btn a svg .st1, #result .listResult li .boxLead__btn a svg .st1, #result .listResult li .header .subNavi__contact a svg .st1, .header #result .listResult li .subNavi__contact a svg .st1, #result .listResult li .header .shareButtons__contact a svg .st1, .header #result .listResult li .shareButtons__contact a svg .st1, #result .listResult li .btnNews a svg .st1, #result .listResult li .btnWhite a svg .st1,
#result .listResult li .btnCovid19Support a svg .st1,
#result .listResult li .btnBrochure a svg .st1, #result .listResult li #about .txtBottom__button a svg .st1, #about #result .listResult li .txtBottom__button a svg .st1, #result .listResult #committee .listCommittee li .btnMovie a svg .st1, #committee .listCommittee #result .listResult li .btnMovie a svg .st1, #result .listResult li #application .brochure__button a svg .st1, #application #result .listResult li .brochure__button a svg .st1, #result .listResult li #application .listStep__buttons li a svg .st1, #application .listStep__buttons #result .listResult li li a svg .st1 {
fill: #00813b; }
#result .listResult li .button--arrow:after, #result .listResult li .boxMessage__btn:after, #result .listResult li .btnNews:after, #result .listResult #committee .listCommittee li .btnMovie:after, #committee .listCommittee #result .listResult li .btnMovie:after, #result .listResult li #application .listStep__buttons--arrow:after, #application #result .listResult li .listStep__buttons--arrow:after, #result .listResult #application .listStep__buttons--graain li a:after, #application .listStep__buttons--graain #result .listResult li a:after,
#result .listResult #application .listStep__buttons--graain li span:after,
#application .listStep__buttons--graain #result .listResult li span:after {
right: 20px; }
@media screen and (max-width: 800px) {
#result .listResult li {
width: 100%;
max-width: 400px;
margin: 15px auto 0; } }
#result .boxLead {
margin-top: 60px; }
@media screen and (max-width: 800px) {
#result .boxLead {
margin-top: 30px; } }
#result .boxLead img {
width: 100%; }
#result .boxLead__text {
margin-top: 40px; }
@media screen and (max-width: 800px) {
#result .boxLead__text {
margin-top: 20px; } }
#result .boxLead__text p {
margin-top: 20px;
line-height: 2; }
@media screen and (max-width: 800px) {
#result .boxLead__text p {
margin-top: 10px; } }
#result .boxLead__text p:first-of-type {
margin-top: 0; }
#result .boxLead__btn {
max-width: 400px;
margin: 40px auto 0; }
#result .boxLead__btn a {
background: #c22035;
text-decoration: none; }
@media screen and (max-width: 600px) {
#result .boxLead__btn {
margin-top: 20px; } }
#result .boxMessage {
margin-top: 60px;  }
#result .boxMessage:nth-of-type(1) {
margin-top: 0; }
@media screen and (max-width: 800px) {
#result .boxMessage {
margin-top: 30px; }
#result .boxMessage:nth-of-type(1) {
margin-top: 20px; } }
#result .boxMessage__title {
height: 70px;
background: #444;
font-family: "M PLUS Rounded 1c";
font-size: 28px;
font-size: calc($size / 10 * 1rem);
line-height: 70px;
font-weight: medium;
color: #fff;
letter-spacing: 0.2em;
text-align: center; }
@media screen and (max-width: 800px) {
#result .boxMessage__title {
height: 50px;
font-size: 24px;
font-size: calc($size / 10 * 1rem);
line-height: 50px; } }
@media screen and (max-width: 600px) {
#result .boxMessage__title {
height: 45px;
font-size: 18px;
font-size: calc($size / 10 * 1rem);
line-height: 45px; } }
#result .boxMessage__wrap {
display: flex;
margin-top: 40px;
padding-top: 40px;
background-image: linear-gradient(to right, #ddd, #ddd 1px, transparent 2px, transparent 3px);
background-size: 3px 1px;
background-repeat: repeat-x;
background-position: left top; }
#result .boxMessage__wrap:nth-of-type(1) {
padding-top: 0;
background: none; }
@media screen and (max-width: 800px) {
#result .boxMessage__wrap {
flex-wrap: wrap;
margin-top: 20px;
padding-top: 20px; }
#result .boxMessage__wrap:nth-of-type(1) {
padding-top: 0; } }
#result .boxMessage__movie {
width: 560px;
margin-right: 40px;
flex-shrink: 0; }
@media screen and (max-width: 800px) {
#result .boxMessage__movie {
width: 100%;
max-width: 560px;
margin: 0 auto; } }
#result .boxMessage__movie img {
width: 100%; }
#result .boxMessage__imgWrap {
width: 320px;
margin-right: 40px;
flex-shrink: 0; }
@media screen and (max-width: 800px) {
#result .boxMessage__imgWrap {
width: 100%; } }
#result .boxMessage__imgWrapInner {
width: 100%; }
@media screen and (max-width: 800px) {
#result .boxMessage__imgWrapInner {
max-width: 400px;
margin: 0 auto; } }
#result .boxMessage__img {
width: 100%;
padding-top: 100%;
background: no-repeat center;
background-size: cover; }
#result .boxMessage__textWrap {
width: 100%; }
@media screen and (max-width: 800px) {
#result .boxMessage__textWrap {
margin-top: 20px; } }
#result .boxMessage__textWrap p {
margin-top: 20px; }
#result .boxMessage__textWrap p:first-of-type {
margin-top: 0; }
#result .boxMessage__position {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5em; }
@media screen and (max-width: 600px) {
#result .boxMessage__position {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 800px) {
#result .boxMessage__position {
margin-top: 10px;
text-align: center; } }
#result .boxMessage__name {
margin-top: 5px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5em;
font-weight: bold; }
@media screen and (max-width: 600px) {
#result .boxMessage__name {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 800px) {
#result .boxMessage__name {
margin-top: 3px;
text-align: center; } }
#result .boxMessage__btn {
max-width: 400px;
margin: 40px auto 0; }
#result .boxMessage__btn a {
background: #c22035;
text-decoration: none; }
@media screen and (max-width: 600px) {
#result .boxMessage__btn {
margin-top: 20px; } }
#result .boxGroup {
margin-top: 60px; }
@media screen and (max-width: 800px) {
#result .boxGroup {
margin-top: 30px; } }
#result .boxGroup__title {
height: 70px;
background: #444;
font-family: "M PLUS Rounded 1c";
font-size: 28px;
font-size: calc($size / 10 * 1rem);
line-height: 70px;
font-weight: medium;
color: #fff;
letter-spacing: 0.2em;
text-align: center; }
@media screen and (max-width: 800px) {
#result .boxGroup__title {
height: 50px;
font-size: 24px;
font-size: calc($size / 10 * 1rem);
line-height: 50px; } }
@media screen and (max-width: 600px) {
#result .boxGroup__title {
height: 45px;
font-size: 18px;
font-size: calc($size / 10 * 1rem);
line-height: 45px; } }
#result .boxGroup__wrap {
margin-top: 40px;
padding: 40px;
background: #f8f8f8; }
@media screen and (max-width: 800px) {
#result .boxGroup__wrap {
margin-top: 20px;
padding: 20px; } }
#result .boxGroup__name {
padding-bottom: 30px;
border-bottom: solid 1px #666;
font-size: 28px;
font-size: calc($size / 10 * 1rem);
font-weight: bold;
line-height: 1.5;
text-align: center; }
@media screen and (max-width: 800px) {
#result .boxGroup__name {
padding-bottom: 15px;
font-size: 24px;
font-size: calc($size / 10 * 1rem);
text-align: left; } }
@media screen and (max-width: 600px) {
#result .boxGroup__name {
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
#result .boxGroup__head {
display: flex;
margin-top: 30px; }
@media screen and (max-width: 800px) {
#result .boxGroup__head {
margin-top: 15px;
flex-direction: column; } }
#result .boxGroup__imgWrap {
width: 520px;
margin-right: 40px;
flex-shrink: 0; }
@media screen and (max-width: 800px) {
#result .boxGroup__imgWrap {
width: 100%;
margin-right: 0; } }
#result .boxGroup__img {
width: 100%;
padding-top: 56.25%;
background: no-repeat center;
background-size: cover; }
#result .boxGroup__textWrap {
width: 100%; }
@media screen and (max-width: 800px) {
#result .boxGroup__textWrap {
margin-top: 20px; } }
#result .boxGroup__textWrap .boxGroup__subtitle {
margin-top: 20px;
padding-left: 0; }
#result .boxGroup__textWrap .boxGroup__subtitle::before {
display: none; }
#result .boxGroup__textWrap .boxGroup__subtitle:first-of-type {
margin-top: 0; }
#result .boxGroup__textWrap .boxGroup__message {
margin-top: 5px; }
@media screen and (max-width: 800px) {
#result .boxGroup__textWrap .boxGroup__message {
margin-top: 3px; } }
#result .boxGroup__subtitle {
position: relative;
margin-top: 30px;
padding-left: 22px;
font-weight: bold;
line-height: 1.5; }
#result .boxGroup__subtitle::before {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
background: #c22035;
border-radius: 100px; }
@media screen and (max-width: 800px) {
#result .boxGroup__subtitle {
margin-top: 15px; } }
#result .boxGroup__message {
margin-top: 10px;
line-height: 2; }
@media screen and (max-width: 800px) {
#result .boxGroup__message {
margin-top: 5px; } }
#result .boxGroup__activity {
margin-top: 5px;
font-size: 28px;
font-size: calc($size / 10 * 1rem);
font-weight: bold;
line-height: 1.5; }
@media screen and (max-width: 800px) {
#result .boxGroup__activity {
margin-top: 3px;
font-size: 24px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#result .boxGroup__activity {
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
#result .boxComing {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 300px; }
#result .boxComing p {
font-family: "M PLUS Rounded 1c";
font-size: 28px;
font-size: calc($size / 10 * 1rem);
font-weight: bold;
line-height: 1.5; }
@media screen and (max-width: 800px) {
#result .boxComing {
height: 200px; }
#result .boxComing p {
font-size: 24px;
font-size: calc($size / 10 * 1rem); } }
@media screen and (max-width: 600px) {
#result .boxComing p {
font-size: 18px;
font-size: calc($size / 10 * 1rem); } } #topReport { }
#topReport .ttlContents--center {
margin-top: 0; }
.listReport, #topInterview .listInterview {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -15px; }
@media screen and (max-width: 800px) {
.listReport, #topInterview .listInterview {
margin: 0 -1.5vw; } }
@media screen and (max-width: 600px) {
.listReport, #topInterview .listInterview {
margin: 0 -3vw; } }
.listReport li, #topInterview .listInterview li {
width: 33.3%;
margin-top: 30px;
padding: 0 15px;
box-sizing: border-box; }
.listReport li:nth-child(1), #topInterview .listInterview li:nth-child(1), .listReport li:nth-child(2), #topInterview .listInterview li:nth-child(2), .listReport li:nth-child(3), #topInterview .listInterview li:nth-child(3) {
margin-top: 0; }
@media screen and (max-width: 800px) {
.listReport li, #topInterview .listInterview li {
width: 50%;
margin-top: 3vw;
padding: 0 1.5vw; }
.listReport li:nth-child(1), #topInterview .listInterview li:nth-child(1), .listReport li:nth-child(2), #topInterview .listInterview li:nth-child(2) {
margin-top: 0; }
.listReport li:nth-child(3), #topInterview .listInterview li:nth-child(3) {
margin-top: 3vw; } }
@media screen and (max-width: 600px) {
.listReport li, #topInterview .listInterview li {
width: 100%;
margin-top: 3vw;
padding: 0 3vw; }
.listReport li:nth-child(1), #topInterview .listInterview li:nth-child(1) {
margin-top: 0; }
.listReport li:nth-child(2), #topInterview .listInterview li:nth-child(2), .listReport li:nth-child(3), #topInterview .listInterview li:nth-child(3) {
margin-top: 3vw; } }
.listReport li a, #topInterview .listInterview li a {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 0 15px 20px;
background: #f7f2ef;
box-sizing: border-box;
text-decoration: none; }
.listReport li a:hover .listReport__title, #topInterview .listInterview li a:hover .listReport__title,
.listReport li a:hover .listReport__text,
#topInterview .listInterview li a:hover .listReport__text,
.listReport li a:hover .listReport__price,
#topInterview .listInterview li a:hover .listReport__price {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 800px) {
.listReport li a, #topInterview .listInterview li a {
padding: 0 1.5vw 2vw; } }
@media screen and (max-width: 600px) {
.listReport li a, #topInterview .listInterview li a {
padding: 0 3vw 4vw; } }
.listReport__new, .listInterview__new {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 58px;
height: 58px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_new.png) no-repeat left top;
background-size: contain; }
.listReport__img {
position: relative;
width: calc(100% + 30px);
margin: 0 -15px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.listReport__img::before {
content: "";
display: block;
padding-top: 52.5%; }
@media screen and (max-width: 800px) {
.listReport__img {
margin: 0 -1.5vw; } }
@media screen and (max-width: 600px) {
.listReport__img {
margin: 0 -3vw; } }
.listReport__title, .listReport__text, .listReport__price {
transition: 0.3s ease-in-out; }
.listReport__title {
margin-top: 15px;
line-height: 1.5em;
font-weight: bold;
color: #c22035; }
@media screen and (max-width: 800px) {
.listReport__title {
margin-top: 1.5vw; } }
@media screen and (max-width: 600px) {
.listReport__title {
margin-top: 3vw; } }
.listReport__text, .listReport__price {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5em;
color: #333; }
@media screen and (max-width: 600px) {
.listReport__text, .listReport__price {
font-size: 12px;
font-size: 1.2rem; } }
.listReport__text {
margin-top: 10px; }
@media screen and (max-width: 800px) {
.listReport__text {
margin-top: 1vw; } }
.listReport__price {
margin-top: 5px; }
@media screen and (max-width: 800px) {
.listReport__price {
margin-top: 1vw; } }
#reportDetail .ttlReport {
margin: 40px 0 0;
text-align: center; }
#reportDetail .txtName {
margin-top: 15px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
text-align: center; }
@media screen and (max-width: 600px) {
#reportDetail .txtName {
font-size: 12px;
font-size: 1.2rem; } }
#reportDetail .inner__wrap--s {
margin-top: 25px; }
@media screen and (max-width: 600px) {
#reportDetail .inner__wrap--s {
margin-top: 15px; } }
#reportDetail .imgReport {
display: block;
max-width: 100%;
margin: 0 auto 40px; }
@media screen and (max-width: 600px) {
#reportDetail .imgReport {
margin-bottom: 20px; } }
#reportDetail .infoReport dt {
position: relative;
margin-top: 40px;
padding-left: 10px;
line-height: 1.5em;
font-weight: bold;
color: #222; }
#reportDetail .infoReport dt:first-of-type {
margin-top: 0; }
#reportDetail .infoReport dt::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #c22035; }
@media screen and (max-width: 600px) {
#reportDetail .infoReport dt {
margin-top: 20px; } }
#reportDetail .infoReport dd {
margin-top: 15px;
line-height: 1.5em; }
#reportDetail .infoReport dd p {
margin-top: 10px;
line-height: 1.8em; }
#reportDetail .infoReport dd p:first-of-type {
margin-top: 0; }
#reportDetail .infoReport dd .listSNS {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px; }
@media screen and (max-width: 600px) {
#reportDetail .infoReport dd .listSNS {
justify-content: center; } }
#reportDetail .infoReport dd .listSNS li {
width: 30px;
height: 30px;
margin: 0 0 0 15px;
padding: 0; }
#reportDetail .infoReport dd .listSNS li:first-child {
margin-left: 0; }
#reportDetail .infoReport dd .listSNS li a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center; }
#reportDetail .infoReport dd .listSNS li a img {
width: 100%;
vertical-align: bottom; }
#reportDetail .ftReport {
margin-top: 40px;
line-height: 1.5em;
text-align: right; }
@media screen and (max-width: 600px) {
#reportDetail .ftReport {
margin-top: 20px; } } #topInterview .listInterview li a {
background: #fff; }
#topInterview .listInterview__img {
position: relative;
width: calc(100% + 30px);
height: auto;
margin: 0 -15px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
#topInterview .listInterview__img::before {
content: "";
display: block;
padding-top: 52.5%; }
@media screen and (max-width: 800px) {
#topInterview .listInterview__img {
margin: 0 -1.5vw; } }
@media screen and (max-width: 600px) {
#topInterview .listInterview__img {
margin: 0 -3vw; } }
#topInterview .listInterview__title {
margin-top: 15px;
line-height: 1.5em; }
@media screen and (max-width: 800px) {
#topInterview .listInterview__title {
margin-top: 1.5vw; } }
@media screen and (max-width: 600px) {
#topInterview .listInterview__title {
margin-top: 3vw; } } .listInterview li {
position: relative;
display: flex;
width: 100%;
margin-top: 40px; }
.listInterview li:first-child {
margin-top: 0; }
@media screen and (max-width: 800px) {
.listInterview li {
margin-top: 4vw; } }
.listInterview li a {
display: flex;
width: 100%;
min-height: 252px;
background: #f7f2ef;
box-sizing: border-box;
text-decoration: none; }
.listInterview li a:hover .listInterview__title,
.listInterview li a:hover .listInterview__text {
opacity: 0.7;
filter: alpha(opacity=70); }
@media screen and (max-width: 800px) {
.listInterview li a {
min-height: 168px; } }
@media screen and (max-width: 600px) {
.listInterview li a {
flex-direction: column;
min-height: auto; } }
.listInterview__img {
display: block;
width: 480px;
height: 100%;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
@media screen and (max-width: 800px) {
.listInterview__img {
width: 320px; } }
@media screen and (max-width: 600px) {
.listInterview__img {
position: relative;
width: 100%;
height: auto; }
.listInterview__img::before {
content: "";
display: block;
padding-top: 52.5%; } }
.listInterview__textWrap {
width: 100%;
padding: 40px;
box-sizing: border-box; }
@media screen and (max-width: 800px) {
.listInterview__textWrap {
padding: 4vw; } }
.listInterview__title, .listInterview__subTitle, .listInterview__text {
transition: 0.3s ease-in-out; }
.listInterview__title {
line-height: 1.5em;
font-weight: bold;
color: #c22035; }
.listInterview__subTitle {
margin-top: 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5em;
font-weight: bold;
color: #333; }
@media screen and (max-width: 600px) {
.listInterview__subTitle {
font-size: 12px;
font-size: 1.2rem; } }
.listInterview__text {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8em;
color: #333;
position: relative;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: calc(1.4rem * 1.8 * 3); }
@media screen and (max-width: 600px) {
.listInterview__text {
font-size: 12px;
font-size: 1.2rem; } }
.listInterview__text::after {
display: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f7f2ef 72%);
content: "";
position: absolute;
right: 0;
bottom: 0;
width: calc(1.4rem * 1.8);
height: calc(1.4rem * 1.8); }
@media screen and (max-width: 800px) {
.listInterview__text {
display: none; } }
#interviewDetail .imgInterview {
width: 100%;
margin: 40px 0; }
#interviewDetail .imgInterview img {
width: 100%;
margin-top: 0; }
@media screen and (max-width: 800px) {
#interviewDetail .imgInterview {
margin: 4vw 0; } }
#interviewDetail .ttlInterview {
margin: 40px 0 0;
font-family: "M PLUS Rounded 1c";
font-size: 24px;
font-size: 2.4rem;
line-height: 1.5;
font-weight: bold;
color: #c22035; }
@media screen and (max-width: 600px) {
#interviewDetail .ttlInterview {
font-size: 20px;
font-size: 2.0rem; } }
@media screen and (max-width: 800px) {
#interviewDetail .ttlInterview {
margin-top: 4vw; } }
@media screen and (max-width: 600px) {
#interviewDetail .ttlInterview {
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
#interviewDetail .subttlInterview {
margin: 10px 0 0;
font-family: "M PLUS Rounded 1c";
font-size: 20px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5;
font-weight: bold; }
@media screen and (max-width: 800px) {
#interviewDetail .subttlInterview {
margin-top: 1vw; } }
@media screen and (max-width: 600px) {
#interviewDetail .subttlInterview {
font-size: 16px;
font-size: calc($size / 10 * 1rem); } }
#interviewDetail .leadInterview {
margin: 60px 0; }
#interviewDetail .leadInterview p {
margin-top: 30px; }
#interviewDetail .leadInterview p:first-of-type {
margin-top: 0; }
#interviewDetail .leadInterview__title {
margin-top: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
font-weight: bold;
text-align: center; }
@media screen and (max-width: 600px) {
#interviewDetail .leadInterview__title {
font-size: 16px;
font-size: 1.6rem; } }
#interviewDetail .leadInterview__listener {
text-align: right; }
@media screen and (max-width: 800px) {
#interviewDetail .leadInterview {
margin: 6vw 0; }
#interviewDetail .leadInterview p {
margin-top: 3vw; } }
#interviewDetail .groupInfo {
margin-top: 60px;
padding: 30px;
background: #f8f8f8; }
#interviewDetail .groupInfo__list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin-top: -5px; }
#interviewDetail .groupInfo__list dt,
#interviewDetail .groupInfo__list dd {
margin-top: 5px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5; }
@media screen and (max-width: 600px) {
#interviewDetail .groupInfo__list dt,
#interviewDetail .groupInfo__list dd {
font-size: 12px;
font-size: 1.2rem; } }
#interviewDetail .groupInfo__list dt {
width: 45px; }
#interviewDetail .groupInfo__list dd {
position: relative;
width: calc(100% - 45px);
padding-left: 1.5rem;
box-sizing: border-box; }
#interviewDetail .groupInfo__list dd::before {
content: "：";
position: absolute;
top: 0;
left: 0; }
#interviewDetail .groupInfo__text p {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8; }
@media screen and (max-width: 600px) {
#interviewDetail .groupInfo__text p {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 800px) {
#interviewDetail .groupInfo {
margin-top: 6vw;
padding: 3vw; }
#interviewDetail .groupInfo__text p {
margin-top: 2vw; } }
#interviewDetail p,
#interviewDetail h3,
#interviewDetail h4,
#interviewDetail img {
margin-top: 40px; }
@media screen and (max-width: 800px) {
#interviewDetail p,
#interviewDetail h3,
#interviewDetail h4,
#interviewDetail img {
margin-top: 4vw; } }
#interviewDetail p img {
margin-top: 0; }
#interviewDetail img {
width: 100%; }
#interviewDetail h3 {
position: relative;
padding-left: 13px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
font-weight: bold; }
@media screen and (max-width: 600px) {
#interviewDetail h3 {
font-size: 16px;
font-size: 1.6rem; } }
#interviewDetail h3::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #c22035; }
#interviewDetail h4 {
position: relative;
font-weight: bold;
line-height: 2; }
#interviewDetail h4::before {
content: "ー"; }
#interviewDetail p {
line-height: 2; } #ftBanner {
padding: 30px 0;
background: #222; }
#ftBanner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: calc(100% + 30px);
margin: 0 -15px; }
#ftBanner ul li {
width: calc((100% - 90px) / 3);
margin-top: 30px;
padding: 0 15px; }
#ftBanner ul li img {
display: block;
max-width: 240px;
margin: 0 auto; }
#ftBanner ul li:nth-child(1), #ftBanner ul li:nth-child(2), #ftBanner ul li:nth-child(3) {
margin-top: 0; }
@media screen and (max-width: 600px) {
#ftBanner {
padding: 15px 0; }
#ftBanner ul {
width: 100%;
margin: 0; }
#ftBanner ul li {
width: 100%;
padding: 0;
margin-top: 15px; }
#ftBanner ul li:nth-child(1) {
margin-top: 0; }
#ftBanner ul li:nth-child(2), #ftBanner ul li:nth-child(3) {
margin-top: 15; } }
.boxResult {
width: 100%;
margin-top: 60px; }
@media screen and (max-width: 600px) {
.boxResult {
margin-top: 20px; } }
.boxResult__title {
font-size: 28px;
font-size: calc($size / 10 * 1rem);
line-height: 1.8em;
font-weight: bold;
text-align: center;
color: #222; }
@media screen and (max-width: 600px) {
.boxResult__title {
font-size: 20px;
font-size: calc($size / 10 * 1rem); } }
.boxResult__shoulder {
margin-top: 20px;
margin-right: 10px;
line-height: 1.5;
text-align: right; }
@media screen and (max-width: 600px) {
.boxResult__shoulder {
margin-top: 10px; } }
.boxResult__shoulder + table {
margin-top: 10px !important; }
@media screen and (max-width: 600px) {
.boxResult__shoulder + table {
margin-top: 5px !important; } }
.boxResult table {
width: 100%;
margin-top: 40px; }
@media screen and (max-width: 600px) {
.boxResult table {
margin-top: 15px; } }
.boxResult table tr th,
.boxResult table tr td {
padding: 20px;
box-sizing: border-box;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
line-height: 1.5em;
vertical-align: middle; }
@media screen and (max-width: 800px) {
.boxResult table tr th,
.boxResult table tr td {
padding: 5px;
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 800px) and (max-width: 600px) {
.boxResult table tr th,
.boxResult table tr td {
font-size: 10px;
font-size: 1.0rem; } }
.boxResult table tr th {
background: #c22035;
font-weight: bold;
color: #fff; }
.boxResult table tr th:first-of-type {
border-left: solid 1px #c22035; }
.boxResult table tr th:last-of-type {
border-right: solid 1px #c22035; }
.boxResult table tr td {
background: #fff; }
.boxResult table tr td span {
font-weight: bold; }
.boxResult table tr td:first-of-type {
border-left: solid 1px #ddd; }
.boxResult table tr .tdS {
width: 160px;
text-align: center; }
.boxResult table tr .tdL {
width: calc((100% - 180px) / 2);
min-width: 100px; }
.boxResult__total {
width: 100%;
margin: 30px auto 0;
font-size: 22px;
font-size: calc($size / 10 * 1rem);
line-height: 1.8em;
font-weight: bold;
text-align: right; }
@media screen and (max-width: 600px) {
.boxResult__total {
margin-top: 20px;
font-size: 18px;
font-size: calc($size / 10 * 1rem); } }
.boxResult__btn {
max-width: 400px;
margin: 30px auto 0; }
.boxResult__btn a {
background: #c22035;
text-decoration: none; }
@media screen and (max-width: 600px) {
.boxResult__btn {
margin-top: 20px; } }
.boxResult__movie {
max-width: 640px;
margin: 60px auto 0; }
@media screen and (max-width: 600px) {
.boxResult__movie {
margin-top: 30px; } }
.boxResult__movie-title {
font-size: 28px;
font-size: calc($size / 10 * 1rem);
line-height: 1.5em;
font-weight: bold;
color: #222;
text-align: center; }
@media screen and (max-width: 600px) {
.boxResult__movie-title {
font-size: 20px;
font-size: calc($size / 10 * 1rem); } }
.boxResult__movie .movie {
margin-top: 20px; } .covid19Support {
background: #fff; }
.covid19Support #application .listStep__buttons li a,
.covid19Support #application .listSubmit__icon,
.covid19Support #faq .listFaq dt:before,
.covid19Support #faq .listFaq dd:before,
.covid19Support #results .listResult li a,
.covid19Support #btnPagetop a {
background-color: #fc0; }
.covid19Support a,
.covid19Support #contact .ttlContents__en,
.covid19Support #committee .ttlContents__en,
.covid19Support #results .ttlContents__en {
color: #666; }
.covid19Support #committee,
.covid19Support #application .listStep__text,
.covid19Support #contact,
.covid19Support #faq .naviCategory ul li a:hover,
.covid19Support #faq .naviCategory ul li a.active,
.covid19Support #results {
background: #fffae5; }
.covid19Support .contents:nth-of-type(even) {
background: #fff; }
.covid19Support .mainVisual {
width: 100%;
height: 400px;
padding-bottom: 0;
background: #dfedee; }
.covid19Support .mainVisual img {
display: block;
width: auto;
height: 400px;
margin: 0 auto; }
@media screen and (max-width: 800px) {
.covid19Support .mainVisual {
height: auto; }
.covid19Support .mainVisual img {
width: 100%;
height: auto; } }
.covid19Support #about .inner, .covid19Support #about .globalNavi ul, .globalNavi .covid19Support #about ul {
max-width: 960px; }
.covid19Support #about .txtLead {
max-width: 960px;
margin-top: 0; }
.covid19Support #about .txtLead p {
margin-top: 40px;
font-size: 20px;
font-size: calc($size / 10 * 1rem);
line-height: 1.8em;
text-align: center;
text-align: left; }
.covid19Support #about .txtLead p:first-child {
margin-top: 0; }
.covid19Support #about .txtLead p.txtEnd {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
color: #c22035;
text-align: center; }
@media screen and (max-width: 600px) {
.covid19Support #about .txtLead p.txtEnd {
font-size: 20px;
font-size: 2.0rem; } }
@media screen and (max-width: 600px) {
.covid19Support #about .txtLead p {
margin-top: 20px;
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 600px) and (max-width: 600px) {
.covid19Support #about .txtLead p {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
.covid19Support #about .txtLead p:first-child {
margin-top: 20px; } }
.covid19Support .listStep__textBox {
margin: 20px 0 30px;
padding: 20px;
background: rgba(255, 255, 255, 0.7);
border-radius: 10px; }
.covid19Support .listStep__textBox .listNotes > li {
position: relative;
margin: 10px 0 0;
padding: 0 0 0 2rem; }
.covid19Support .listStep__textBox .listNotes > li:first-child {
margin-top: 0; }
.covid19Support .listStep__textBox .listNotes > li::before {
content: "※";
position: absolute;
top: 0;
left: 0; }
.covid19Support .boxResult {
padding: 30px 40px 60px;
background: #fffae5;
box-sizing: border-box; }
@media screen and (max-width: 800px) {
.covid19Support .boxResult {
padding: 20px 10px 30px; } }
.covid19Support .boxResult table tr th,
.covid19Support .boxResult table tr td {
border-right: solid 1px #fffae5;
border-bottom: solid 1px #fffae5; }
.covid19Support .boxResult table tr th {
background: #fc0;
color: #333; }
.covid19Support .boxResult table tr th:first-of-type {
border-left: solid 1px #fc0; }
.covid19Support .boxResult table tr th:last-of-type {
border-right: solid 1px #fc0; }
.covid19Support .boxResult table tr td:first-of-type {
border-left: solid 1px #fffae5; }
.covid19Support .boxResult__btn a {
background: #fc0; }
.covid19Support #contact .inner__wrap {
flex-direction: row; }
.covid19Support #contact .inner__left {
background: transparent;
height: auto; }  .pushy {
position: fixed;
width: 280px;
height: 100%;
top: 0;
z-index: 9999; background: #fff;
overflow: auto;
-webkit-overflow-scrolling: touch;  }
.pushy a {
display: block;
color: #444;
padding: 15px 30px;
text-decoration: none; }
.pushy.pushy-left {
left: 0; }
.pushy.pushy-right {
right: 0; }
.pushy-content {
visibility: hidden;
margin: 60px 0 40px; }
.pushy-content ul.slideNavi {
width: 240px;
margin: 10px auto 0; }
.pushy-content ul.slideNavi:after {
content: " ";
display: block;
clear: both; }
.pushy-content ul.slideNavi > li {
width: 100%; }
.pushy-content ul.slideNavi > li > a {
display: block;
width: 100%; padding: 15px 20px 15px 5px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right.svg) no-repeat right 10px center;
background-size: 8px auto;
border-bottom: solid 1px #ddd;
font-size: 14px;
line-height: 20px;
color: #444;
box-sizing: border-box; }
.pushy-content ul.slideNavi.btnPDF {
border-top: solid 1px #ddd; }
.pushy-content ul.slideNavi.btnPDF > li {
position: relative; }
.pushy-content ul.slideNavi.btnPDF > li > a {
padding-left: 35px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/icn_pdf_r.svg) no-repeat left 5px center;
background-size: 16px auto; }
.pushy-content .ttlInfo {
width: 240px;
margin: 20px auto 0;
font-weight: bold;
color: #222; }
.pushy-content .shareButtons {
margin-top: 20px; }
.pushy-content .shareButtons ul {
justify-content: center; }
.pushy-content .btnContact {
width: 240px;
margin: 20px auto 0; }
.pushy-content .btnContact a {
height: 40px;
line-height: 40px;
background: #00813b;
font-size: 16px;
font-size: 1.6rem;
padding: 0; }
@media screen and (max-width: 600px) {
.pushy-content .btnContact a {
font-size: 14px;
font-size: 1.4rem; } }
.pushy-content .btnContact a .button__icon img {
height: 14px; }
.btnSlideClose {
position: absolute;
top: 10px;
left: 20px;
width: 40px;
height: 40px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/btn_close.png) no-repeat center center;
background-size: 40px auto;
cursor: pointer;
z-index: 300; }  .pushy-left {
transform: translate3d(-280px, 0, 0); }
.pushy-open-left #wrapper,
.pushy-open-left .push {
transform: translate3d(280px, 0, 0); }
.pushy-right {
transform: translate3d(280px, 0, 0); }
.pushy-open-right #wrapper,
.pushy-open-right .push {
transform: translate3d(-280px, 0, 0); }
.pushy-open-left .pushy,
.pushy-open-right .pushy {
transform: translate3d(0, 0, 0); }
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
visibility: visible; } #wrapper,
.pushy,
.push {
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
.pushy-content {
transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .site-overlay {
display: none; }
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998; background-color: rgba(0, 0, 0, 0.5);
animation: fade 500ms; }
@keyframes fade {
0% {
opacity: 0; }
100% {
opacity: 1; } } .pushy-submenu {   }
.pushy-submenu > ul {
margin: 0 0 0;
border-bottom: solid 1px #ddd; transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.pushy-submenu > ul:after {
content: " ";
display: block;
clear: both; }
.pushy-submenu > ul .pushy-link {
transition: opacity 0.2s ease-in-out; }
.pushy-submenu > ul > li {
height: 50px; }
.pushy-submenu > ul > li > a {
height: 50px;
padding: 0 5px 0 30px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right.svg) no-repeat left 15px center;
background-size: 5px auto;
border-bottom: dotted 1px #ddd; line-height: 50px; }
.pushy-submenu > ul > li:last-child a {
border-bottom: none; }
.pushy-submenu button {
position: relative;
width: 100%;
height: 50px; padding: 0 10px 0 5px;
text-align: left;
background: transparent;
border: 0;
border-bottom: solid 1px #ddd; font-size: 16px;
font-size: 1.6rem;
line-height: 50px;
color: #444;
cursor: pointer; }
@media screen and (max-width: 600px) {
.pushy-submenu button {
font-size: 14px;
font-size: 1.4rem; } }
.pushy-submenu button:hover {
color: #c22035; }
.pushy-submenu button:focus {
outline: none; }
.pushy-submenu button:after {
content: '';
display: block;
width: 8px;
height: 13px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -6.5px;
background: url(//www.smf.or.jp/kok/wp-content/themes/kok/img/arw_right.svg) no-repeat right 0 center;
background-size: 8px auto; }
.pushy-submenu > a,
.pushy-submenu > button {
position: relative; } .pushy-submenu-closed ul {
max-height: 0;
overflow: hidden;
visibility: hidden; }
.pushy-submenu-closed .pushy-link {
opacity: 0; }
.pushy-submenu-open { }
.pushy-submenu-open ul {
max-height: 1000px;
visibility: visible; }
.pushy-submenu-open .pushy-link {
opacity: 1; }
.pushy-submenu-open a::after,
.pushy-submenu-open button::after { transform: rotate(90deg); } @media print {
* html body {
zoom: .7; } }