@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
html {
box-sizing: border-box;
-webkit-text-size-adjust: 100%; word-break: normal;
-moz-tab-size: 4;
tab-size: 4;
}
*,
::before,
::after {
background-repeat: no-repeat; box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
} hr {
overflow: visible; height: 0; }
details,
main {
display: block; }
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden] {
display: none; }
abbr[title] {
border-bottom: none;  text-decoration: underline;
text-decoration: underline dotted;
}
a {
background-color: transparent; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
pre {
font-size: 1em; }
b,
strong {
font-weight: bolder; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} [disabled] {
cursor: default;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; }
button,
select {
text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
color: inherit;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; max-width: 100%; }
::-webkit-file-upload-button { -webkit-appearance: button;
color: inherit;
font: inherit; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not([fill]) {
fill: currentColor;
}  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
}
  .margin_b5{margin-bottom:5px !important;}
.margin_b10{margin-bottom:10px !important;}
.margin_b15{margin-bottom:15px !important;}
.margin_b20{margin-bottom:20px !important;}
.margin_b25{margin-bottom:25px !important;}
.margin_b30{margin-bottom:30px !important;}
.margin_b35{margin-bottom:35px !important;}
.margin_b40{margin-bottom:40px !important;}
.margin_b50{margin-bottom:50px !important;}
.margin_b60{margin-bottom:60px !important;}
.margin_b70{margin-bottom:70px !important;}
.margin_b80{margin-bottom:80px !important;}
.margin_b90{margin-bottom:90px !important;}
.margin_b100{margin-bottom:100px !important;}
.margin_l5{margin-left:5px !important;}
.margin_l10{margin-left:10px !important;}
.margin_l15{margin-left:15px !important;}
.margin_l20{margin-left:20px !important;}
.margin_l25{margin-left:25px !important;}
.margin_r5{margin-right:5px !important;}
.margin_r10{margin-right:10px !important;}
.margin_r15{margin-right:15px !important;}
.margin_r20{margin-right:20px !important;}
.margin_r25{margin-right:25px !important;}
.margin_r30{margin-right:30px !important;}
.margin_r40{margin-right:40px !important;}
.margin_r50{margin-right:50px !important;}
.margin_t10{margin-top:10px !important;}
.margin_t15{margin-top:15px !important;}
.margin_t20{margin-top:20px !important;}
.margin_t25{margin-top:25px !important;}
.margin_t30{margin-top:30px !important;}
.padding_b5{padding-bottom:5px !important;}
.padding_b10{padding-bottom:10px !important;}
.padding_b15{padding-bottom:15px !important;}
.padding_b20{padding-bottom:20px !important;}
.padding_l5{padding-left:5px !important;}
.padding_l10{padding-left:10px !important;}
.padding_l15{padding-left:15px !important;}
.padding_l20{padding-left:20px !important;}
.padding_r5{padding-right:5px !important;}
.padding_r10{padding-right:10px !important;}
.padding_r15{padding-right:15px !important;}
.padding_r20{padding-right:20px !important;}
.padding_t5{padding-top:5px !important;}
.padding_t10{padding-top:10px !important;}
.padding_t15{padding-top:15px !important;}
.padding_t20{padding-top:20px !important;} .font10{font-size:10px !important;}
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font21{font-size:21px !important;}
.col_900{color:#990000 !important;}
.col_C00{color:#cc0000 !important;}
.col_F00{color:#ff0000 !important;}
.col_009{color:#000099 !important;}
.col_00C{color:#0000cc !important;}
.col_00F{color:#0000ff !important;}
.col_C96{color:#cc9966 !important;}
.col_333{color:#333333 !important;}
.col_666{color:#666666 !important;}
.font_bold{font-weight:bold !important;}
.lh0{line-height: 0 !important;}
.lh1{line-height: 1em !important;}
.lh17{line-height: 1.7em !important;}
.font_gothic{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font_mincho{
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_noto{
font-family: 'Noto Sans Japanese', serif;
} .t_align_left{text-align:left;}
.t_align_center{text-align:center;}
.t_align_right{text-align:right;}
.float_left{float:left;}
.float_right{float:right;}
.float_clear{clear:both; width:0; height:0;}
.pos_rel{position:relative;}
.pos_abs{position:absolute;}
.lnk_hvr{
transition: all 0.2s linear;
}
.lnk_hvr:hover{
cursor:pointer;
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
text-decoration: none;
}
.lnk_hvr_img:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}
@media (max-width: 600px){
.lnk_hvr{
transition: unset;
}
.lnk_hvr:hover{
cursor:pointer;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}
.lnk_hvr_img:hover img{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}	
}
.dsp_inline_blk{
display:inline-block;
*zoom:1;
}.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}

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,
font,
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 {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
vertical-align: baseline;
box-sizing: border-box;
}
html {
overflow-y: scroll;
}
body {
line-height: 32px;
color: #231815;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-size: 16px;
letter-spacing: 0.035em;
font-feature-settings: "palt";
}
.webp body {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/top_bg.webp);
background-size: 500px 500px;
}
.no-webp body {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/top_bg-min.png);
background-size: 500px 500px;
}
.gothic {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.container {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 79.8148%;
padding: 0;
overflow: hidden;
}
@media (max-width: 1080px) {
.container {
width: 100%;
padding: 0 40px;
}
} @media (max-width: 599px) {
.container {
padding: 0 15px;
width: 100%;
min-width: 100%;
}
}
a {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:focus,
a:active {
outline: none;
}
ul,
ol {
list-style: none;
}
.clear {
clear: both;
}
.clearfix:after {
display: block;
clear: both;
height: 0px;
visibility: hidden;
content: ".";
}
.clearfix {
min-height: 1px; } nav {
background: transparent;
z-index: 1;
}
nav #brand,
nav #brand2 {
display: block;
margin-left: 0;
line-height: 0;
width: 100%;
padding: 26px 0 20px;
box-sizing: border-box;
text-align: left;
position: fixed;
top: 0;
z-index: 900;
margin-bottom: 0;
background-color: rgba(255,255,255,0.95);
}
nav #brand .container,
nav #brand2 .container {
display: flex;
align-items: center;
}
nav #brand .header_logo_wrap,
nav #brand2 .header_logo_wrap {
display: flex;
align-items: center;
width: 22.0417%;
margin-right: 6.1485%;
}
nav #brand .header_logo_wrap .logo,
nav #brand2 .header_logo_wrap .logo {
line-height: 0;
width: 100%;
}
nav #brand .header_logo_wrap .logo img,
nav #brand2 .header_logo_wrap .logo img {
width: 100%;
}
nav #brand .header_catch_wrap,
nav #brand2 .header_catch_wrap {
width: fit-content;
}
nav #brand .header_catch_wrap p,
nav #brand2 .header_catch_wrap p {
line-height: 0;
}
nav #brand .header_catch_wrap p:first-child,
nav #brand2 .header_catch_wrap p:first-child {
margin-bottom: 10px;
}
nav #brand .header_catch_wrap p img,
nav #brand2 .header_catch_wrap p img {
width: 563px;
}
@media (max-width: 940px) {
nav #brand .header_catch_wrap ul li img,
nav #brand2 .header_catch_wrap ul li img {
height: 9px;
}
nav #brand .header_catch_wrap p img,
nav #brand2 .header_catch_wrap p img {
width: 425px;
}
}
@media (max-width: 599px) {
nav #brand,
nav #brand2 {
padding: 0;
}
nav #brand .container,
nav #brand2 .container {
display: block;
padding: 0;
}
nav #brand .header_logo_wrap,
nav #brand2 .header_logo_wrap {
width: 100%;
margin-right: auto;
margin-left: auto;
padding: 15px 15px 10px;
justify-content: center;
background-color: rgba(255,255,255,0.95);
}
nav #brand .header_logo_wrap .logo,
nav #brand2 .header_logo_wrap .logo {
width: 40%;
}
nav #brand .header_catch_wrap,
nav #brand2 .header_catch_wrap {
width: calc(100% - 30px);
display: flex;
justify-content: space-between;
border-top: 1px solid #231815;
margin: 0 auto;
padding: 10px 0 15px;
}
nav #brand .header_catch_wrap ul,
nav #brand2 .header_catch_wrap ul {
display: block;
margin: 0;
}
nav #brand .header_catch_wrap ul li,
nav #brand2 .header_catch_wrap ul li {
margin: 0 0 5px;
}
nav #brand .header_catch_wrap ul li:last-child,
nav #brand2 .header_catch_wrap ul li:last-child {
margin-bottom: 0;
}
nav #brand .header_catch_wrap ul li img,
nav #brand2 .header_catch_wrap ul li img {
height: 9px;
}
nav #brand .header_catch_wrap p img,
nav #brand2 .header_catch_wrap p img {
height: 36.7px;
width: unset;
}
nav #brand {
position: relative;
}
nav #brand .header_logo_wrap {
position: fixed;
}
nav #brand .header_catch_wrap {
position: absolute;
bottom: -1px;
left: 15px;
z-index: -1;
}
nav #brand .header_catch_wrap ul {
display: block;
margin: 0;
}
nav #brand .header_catch_wrap ul li {
margin: 0 0 5px;
}
nav #brand .header_catch_wrap ul li:last-child {
margin-bottom: 0;
}
nav #brand .header_catch_wrap ul li img {
height: 9px;
}
nav #brand .header_catch_wrap p img {
height: 36.7px;
}
}
@media (max-width: 320px) {
nav #brand .header_catch_wrap ul li img,
nav #brand2 .header_catch_wrap ul li img {
height: 7.5px;
}
nav #brand .header_catch_wrap p img,
nav #brand2 .header_catch_wrap p img {
height: 32.5px;
}
}
.toggle,
.toggle2 {
z-index: 10000;
width: 30px;
cursor: pointer;
transition: all 0.3s ease-out;
visibility: visible;
opacity: 1;
overflow: hidden;
position: fixed;
top: 40px;
right: 10.0926%;
}
@media (max-width: 1080px) {
.toggle,
.toggle2 {
right: 40px;
}
}
@media (max-width: 768px) {
.toggle,
.toggle2 {
top: 35px;
}
}
@media (max-width: 599px) {
.toggle,
.toggle2 {
width: 23px;
top: 25px;
right: 20px;
}
}
.toggle .span,
.toggle2 .span {
height: 2px;
background: #231815;
margin: 0 0 8px auto;
backface-visibility: hidden;
transition: all 0.2s linear;
border-radius: 3px;
}
.toggle .span:last-child,
.toggle2 .span:last-child {
margin: 0 auto;
}
@media (max-width: 599px) {
.toggle .span,
.toggle2 .span {
height: 1.5px;
margin: 0 0 7px auto;
}
}
.toggle.on #one,
.toggle2.on #one {
transform: rotate(45deg) translateX(7px) translateY(7px);
}
.toggle.on #two,
.toggle2.on #two {
opacity: 0;
width: 0;
}
.toggle.on #three,
.toggle2.on #three {
transform: rotate(-45deg) translateX(7px) translateY(-7px);
}
@media (max-width: 599px) {
.toggle.on #one,
.toggle2.on #one {
transform: rotate(45deg) translateX(6px) translateY(6px);
}
.toggle.on #two,
.toggle2.on #two {
opacity: 0;
width: 0;
}
.toggle.on #three,
.toggle2.on #three {
transform: rotate(-45deg) translateX(6px) translateY(-6px);
}
}
#resize {
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
opacity: 0;
transition: all 0.3s ease-out;
padding: 20px;
position: fixed;
justify-content: center;
pointer-events: none;
background: rgba(255,255,255,0.95) no-repeat center;
display: flex;
overflow: scroll;
align-items: center;
}
#resize.active {
visibility: visible !important;
opacity: 1;
pointer-events: unset;
}
#resize ul {
display: flex;
flex-direction: row-reverse;
height: fit-content;
}
#resize ul li {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/border_dot.svg) repeat-y right top;
background-size: 1.5px 395px;
padding: 14px 28px;
}
#resize ul li:last-child {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/border_dot.svg) repeat-y right top, url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/border_dot.svg) repeat-y left top;
background-size: 1.5px 395px;
}
#resize ul li a {
line-height: 0;
}
#resize ul li a img {
width: 20px;
}
@media (max-width: 599px) {
#resize ul li {
padding: 14px 14px;
}
#resize ul li a img {
width: 15px;
}
} .lower_headline {
line-height: 0;
text-align: center;
padding: 70px 0 65px;
}
.lower_headline img {
width: 324px;
}
@media (max-width: 599px) {
.lower_headline {
padding: 70px 0 50px;
}
.lower_headline img {
width: 80%;
max-width: 324px;
}
}
#footer {
padding: 25px 0;
color: #231815;
background: #fff;
font-size: 15px;
}
#footer .container {
display: flex;
}
#footer .container .corp_info {
display: flex;
align-items: center;
letter-spacing: 0.15em;
}
#footer .container .corp_info .footer_logo {
line-height: 0;
width: 68px;
margin-right: 23px;
}
#footer .container .corp_info .footer_logo img {
width: 100%;
}
#footer .container .corp_info .footer_content {
width: fit-content;
margin-right: 30px;
}
#footer .container .corp_info .footer_content a {
line-height: 1em;
margin-bottom: 13px;
font-weight: bold;
display: inline-block;
}
#footer .container .corp_info .footer_content a br {
display: none;
}
#footer .container .corp_info .footer_content address {
font-style: normal;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 9px;
letter-spacing: 0.07em;
}
#footer .container .corp_info .footer_content address div span {
font-size: 13px;
}
#footer .container .corp_info .footer_content address div span.ninka {
font-size: 10px;
margin-left: 0.5em;
}
#footer .container .corp_info .footer_content dl {
line-height: 1em;
letter-spacing: 0.07em;
}
#footer .container .corp_info .footer_content dl dt,
#footer .container .corp_info .footer_content dl dd {
display: inline;
line-height: 1em;
}
#footer .container .corp_info .footer_content dl dt:nth-child(2),
#footer .container .corp_info .footer_content dl dd:nth-child(2) {
margin-right: 10px;
}
#footer .container .corp_info .footer_content dl dt {
font-size: 11px;
}
#footer .container .corp_info .footer_content dl dt:after {
content: "：";
}
#footer .container .link_items {
display: flex;
justify-content: space-between;
flex: 1 0 auto;
align-items: center;
}
#footer .container .link_items .footer_sns {
line-height: 0;
display: flex;
align-self: flex-end;
align-items: center;
}
#footer .container .link_items .footer_sns a {
display: inline-block;
line-height: 0;
margin-right: 15px;
}
#footer .container .link_items .footer_sns a .icon_insta {
width: 24px;
}
#footer .container .link_items .footer_sns a .icon_fb {
width: 25px;
}
#footer .container .link_items .logo_items {
line-height: 0;
display: flex;
align-items: center;
}
#footer .container .link_items .logo_items a {
display: inline-block;
line-height: 0;
margin-left: 25px;
}
#footer .container .link_items .logo_items a .tsunagaru {
width: 56px;
}
#footer .container .link_items .logo_items a .machi-mori {
width: 78px;
}
@media (max-width: 856px) {
#footer .container {
display: block;
width: fit-content;
}
#footer .container .corp_info {
margin-bottom: 20px;
}
#footer .container .corp_info .footer_content {
margin-right: 0;
}
#footer .container .link_items {
justify-content: center;
}
#footer .container .link_items .footer_sns {
align-self: unset;
}
}
@media (max-width: 599px) {
#footer .container {
width: 100%;
}
#footer .container .corp_info {
display: block;
margin-bottom: 20px;
}
#footer .container .corp_info .footer_logo {
line-height: 0;
width: 68px;
margin-right: 0;
margin: 0 auto 20px;
}
#footer .container .corp_info .footer_logo img {
width: 100%;
}
#footer .container .corp_info .footer_content {
width: auto;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#footer .container .corp_info .footer_content a {
line-height: 1.5em;
}
#footer .container .corp_info .footer_content a br {
display: inline;
}
#footer .container .corp_info .footer_content address div span {
display: block;
}
#footer .container .corp_info .footer_content address div span.ninka {
font-size: 10px;
margin-left: 0;
margin-bottom: 0.7em;
}
#footer .container .corp_info .footer_content address div br {
display: none;
}
#footer .container .corp_info .footer_content dl {
width: fit-content;
margin: 0 auto;
text-align: left;
}
#footer .container .corp_info .footer_content dl dt:nth-child(2),
#footer .container .corp_info .footer_content dl dd:nth-child(2) {
margin-right: 0;
}
#footer .container .corp_info .footer_content dl dt:nth-child(2):after,
#footer .container .corp_info .footer_content dl dd:nth-child(2):after {
content: "";
display: block;
}
#footer .container .corp_info .footer_content dl dt {
font-size: 11px;
}
#footer .container .corp_info .footer_content dl dt:after {
content: "：";
}
#footer .container .link_items {
justify-content: center;
}
#footer .container .link_items .footer_sns {
align-self: unset;
}
}
#primary.lower {
padding-top: 215px !important;
}
.inner_container {
width: 770px;
max-width: 100%;
color: #564d23;
}
.inner_container p {
margin-bottom: 1em;
font-size: 17px;
line-height: 32px;
letter-spacing: 0;
}
@media (max-width: 1080px) {
.inner_container {
width: 100%;
}
}
.headline {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
color: #564d23;
font-size: 30px;
font-weight: bold;
width: calc(100% - 770px);
max-width: 100%;
}
.headline span {
font-size: 20px;
line-height: 1em;
padding-left: 10px;
margin-left: 20px;
display: inline-block;
position: relative;
}
.headline span:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100px;
background-color: #564d23;
}
@media (max-width: 1080px) {
.headline {
-ms-writing-mode: unset;
writing-mode: unset;
flex-direction: column-reverse;
font-size: 18px;
width: 100%;
margin-bottom: 100px;
}
.headline span {
font-size: 30px;
line-height: 1em;
padding-left: unset;
margin-left: unset;
padding-bottom: 20px;
margin-bottom: 20px;
}
.headline span:before {
top: unset;
bottom: 0;
width: 100px;
height: 3px;
}
}
.column-2 {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1080px) {
.column-2 {
display: block;
}
}
.mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gothic {
font-family: "FP-こぶりなゴシック StdN W6", "こぶりなゴシック StdN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.yu_gothic {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.information {
margin-bottom: 180px;
}
.information .inner_container ul {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.information .inner_container ul article {
display: flex;
}
.information .inner_container ul time {
width: 148px;
padding: 16px 0 23px;
text-align: left;
font-weight: lighter;
border-top: 1px solid #e7dfdb;
display: block;
}
.information .inner_container ul a {
padding: 16px 0 23px;
border-top: 1px solid #e7dfdb;
display: block;
width: calc(100% - 148px);
color: #564d23;
position: relative;
text-decoration: none;
}
.information .inner_container ul a:after {
content: "";
width: 50px;
height: 11px;
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/arrow.svg) no-repeat;
background-position: -12px center;
background-size: 61px 11px;
position: absolute;
right: 15px;
bottom: 30px;
overflow: hidden;
}
.information .inner_container ul a:hover:after {
animation: anim 0.4s ease-out;
}
@media (max-width: 599px) {
.information .inner_container ul article {
display: block;
}
.information .inner_container ul time {
width: 100%;
padding: 16px 0 10px;
font-size: 14px;
line-height: 28px;
}
.information .inner_container ul a {
padding: 0 0 23px;
border-top: 0;
width: 100%;
font-size: 14px;
line-height: 21px;
}
}
.pager nav {
text-align: center;
line-height: 13px;
position: relative;
}
.pager nav .prev_link_wrap {
position: absolute;
left: 0;
top: 1px;
}
.pager nav .prev_link_wrap a {
display: flex;
align-items: center;
}
.pager nav .prev_link_wrap a:before {
content: "";
display: block;
width: 6px;
height: 12px;
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/icon_arrow_left.svg) no-repeat center;
background-size: contain;
margin-right: 10px;
}
.pager nav .next_link_wrap {
position: absolute;
right: 0;
top: 1px;
}
.pager nav .next_link_wrap a {
display: flex;
align-items: center;
}
.pager nav .next_link_wrap a:after {
content: "";
display: block;
width: 6px;
height: 12px;
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/icon_arrow_right.svg) no-repeat center;
background-size: contain;
margin-left: 10px;
}
.pager nav a {
font-size: 13px;
line-height: 1em;
transition: all 0.2s linear;
}
.pager nav a:hover {
opacity: 0.7;
text-decoration: none;
}
@media (max-width: 599px) {
.pager nav .prev_link_wrap a:before {
margin-right: 5px;
}
.pager nav .next_link_wrap a:after {
margin-left: 5px;
}
}
.info_link_wrap {
margin-top: 47px;
text-align: right;
}
.cm_lnk_btn {
display: inline-block !important;
font-size: 14px;
line-height: 1em !important;
border: 1px solid #564d23;
padding: 8px 20px !important;
border-radius: 15px;
position: relative;
color: #564d23;
background-color: #fff;
}
.cm_lnk_btn:after {
content: "";
display: inline-block;
margin-left: 8px;
width: 9px;
height: 14px;
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/arrow_br.svg) no-repeat center;
background-size: contain;
position: relative;
top: 1px;
}
.page {
margin-bottom: 180px;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
}
#breadcrumbs {
background-color: #fff;
padding: 15px 0;
margin-bottom: 0;
}
#breadcrumbs .container {
width: 1020px;
}
#breadcrumbs ol {
display: flex;
align-items: center;
}
#breadcrumbs ol li {
display: flex;
align-items: center;
color: #005bab;
}
#breadcrumbs ol li:after {
content: "";
background: url(//amagaeru.org/images/icon_arrow.svg) no-repeat center;
background-size: contain;
width: 8px;
height: 13px;
display: inline-block;
margin: 0 20px;
}
#breadcrumbs ol li:first-child span {
display: inline-flex;
align-items: center;
}
#breadcrumbs ol li:first-child span img {
margin-right: 10px;
}
#breadcrumbs ol li img {
width: 20px;
}
#breadcrumbs ol li a span {
font-weight: bold;
color: #005bab;
font-size: 12px;
}
@media (max-width: 599px) {
#breadcrumbs .container {
width: 100%;
}
#breadcrumbs ol {
display: block;
}
#breadcrumbs ol li {
padding-bottom: 15px;
border-bottom: 1px solid #231815;
margin-bottom: 15px;
}
#breadcrumbs ol li:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
#breadcrumbs ol li:nth-child(2) {
width: calc(100% - 20px);
margin-left: auto;
}
#breadcrumbs ol li:nth-child(3) {
width: calc(100% - 40px);
margin-left: auto;
}
}
.to_pagetop {
text-align: right;
line-height: 0;
margin-bottom: 20px;
padding: 0 20px;
}
.to_pagetop a {
background: #005bab;
display: inline-block;
width: 40px;
height: 40px;
position: relative;
}
.to_pagetop a svg {
position: absolute;
width: 20px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.to_pagetop a:hover {
text-decoration: none;
}
#main {
margin-bottom: 0;
}
.post.container {
padding-bottom: 200px;
}
.content.container {
padding-bottom: 200px;
}
.post_container {
font-size: 19px;
line-height: 40px;
font-weight: normal;
}
.post_container p {
margin-bottom: 30px;
}
.post_container p .has-vivid-green-cyan-color {
color: #77ac78;
}
.post_container a {
color: #564d23;
text-decoration: underline;
}
.post_container figure {
margin-bottom: 60px;
}
.post_container figure .img_wrap {
line-height: 0;
position: relative;
}
.post_container figure .img_wrap:before {
content: "";
display: block;
position: absolute;
left: -7px;
top: -7px;
width: 53px;
height: 53px;
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/top_about_win_lt.svg) no-repeat left top;
background-size: contain;
}
.post_container figure .img_wrap:after {
content: "";
display: block;
position: absolute;
right: -7px;
bottom: -7px;
width: 53px;
height: 53px;
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/top_about_win_rb.svg) no-repeat left top;
background-size: contain;
}
.post_container figure figcaption {
font-size: 14px;
line-height: 1.5em;
}
.post_container > * {
margin-bottom: 0;
}
@media (max-width: 599px) {
.post_container {
font-size: 18px;
line-height: 1.7em;
}
.post_container figure {
margin-bottom: 40px;
}
.post_container figure .img_wrap:before {
left: -4px;
top: -4px;
width: 28px;
height: 28px;
}
.post_container figure .img_wrap:after {
content: "";
display: block;
position: absolute;
right: -4px;
bottom: -4px;
width: 28px;
height: 28px;
}
.post_container figure figcaption {
font-size: 14px;
line-height: 1.5em;
}
.post_container > * {
margin-bottom: 0;
}
}
br.pc {
display: inline;
}
br.tb {
display: none;
}
br.sp {
display: none;
}
@media (max-width: 768px) {
br.pc {
display: none;
}
br.tb {
display: inline;
}
br.sp {
display: none;
}
}
@media (max-width: 599px) {
br.pc {
display: none;
}
br.tb {
display: none;
}
br.sp {
display: inline;
}
}
.to_contact {
text-align: center;
margin-bottom: 200px;
}
.to_contact .cm_lnk_btn_r {
width: 680px;
border-radius: 50px;
padding: 40px 0;
margin-bottom: 40px;
}
.to_contact .cm_lnk_btn_r:after {
width: 21px;
height: 6px;
right: 40px;
}
.to_contact .cm_lnk_btn_r:hover {
text-decoration: none;
}
.to_contact .cm_lnk_btn_r:hover:after {
right: 30px;
width: 31px;
}
.to_contact p {
font-size: 17px;
line-height: 32px;
text-align: center;
color: #005bab;
}
@media (max-width: 599px) {
.to_contact {
display: none;
}
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em !important;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em !important;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 599px) {
.alignleft {
float: none;
margin-right: 0;
}
.alignright {
float: note;
margin-left: 0;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
}
.anch {
position: absolute;
top: -128px;
}
#fancybox-overlay {
background-color: #000 !important;
}
#fancybox-left,
#fancybox-right {
width: 5% !important;
height: 20% !important;
margin: auto;
top: 0;
}
#fancybox-left {
left: -50px !important;
}
#fancybox-left #fancybox-left-ico {
background-image: url(//amagaeru.org/images/arrow_prev.svg) !important;
background-repeat: no-repeat;
background-position: center !important;
left: 0 !important;
transition: left 0.15s linear;
}
#fancybox-left:hover #fancybox-left-ico {
left: -10px !important;
}
#fancybox-right {
right: -50px !important;
}
#fancybox-right #fancybox-right-ico {
background-image: url(//amagaeru.org/images/arrow_next.svg) !important;
background-repeat: no-repeat;
background-position: center !important;
left: auto !important;
right: 0 !important;
transition: right 0.15s linear;
}
#fancybox-right:hover #fancybox-right-ico {
right: -10px !important;
}
#fancybox-left-ico,
#fancybox-right-ico {
width: 20px !important;
height: 40px !important;
transition: all 0.3s linear;
}
.lazy_item {
opacity: 0;
transition: opacity 0.3s linear;
}
.lazyloaded {
opacity: 1;
}
.lightbox {
position: relative;
display: block;
line-height: 0;
}
.lightbox:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: url(//amagaeru.org/images/icon_lightbox.png) no-repeat center;
background-size: contain;
z-index: 1;
}.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

nav #brand {
transform: translateY(-100%);
transition: all 0.3s linear;
}
nav #brand.active {
transform: translateY(0);
}
.toggle {
top: -40px;
}
.toggle.active {
top: 40px;
}
@media (max-width: 768px) {
.toggle.active {
top: 35px;
}
}
@media (max-width: 599px) {
.toggle.active {
top: 25px;
}
}
@media (max-width: 599px) {
nav #brand {
display: none;
}
.toggle {
display: none;
}
}
header.sp {
display: none;
}
@media (max-width: 599px) {
header.sp {
display: block;
position: relative;
}
}
nav #brand2 {
position: relative;
}
nav #brand2 .container {
height: 100%;
position: relative;
}
nav #brand2 .header_logo_wrap.active {
position: fixed;
top: 0;
}
nav #brand2 .header_catch_wrap {
position: absolute;
bottom: -1px;
left: 15px;
z-index: -1;
}
.toggle2 {
position: absolute;
}
.toggle2.active {
position: fixed;
}
.webp #opening_wrap {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/op_bg.webp) no-repeat center;
background-size: cover;
}
.no-webp #opening_wrap {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/op_bg-min.png) no-repeat center;
background-size: cover;
}
#opening_wrap {
position: fixed;
width: 100%;
height: 100vh;
z-index: 100000;
opacity: 1;
transition: opacity 1.8s linear;
}
#opening_wrap.animating {
opacity: 0;
}
#opening_wrap.animated {
opacity: 0;
z-index: -1;
}
#opening_wrap.anim-before:before {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
filter: blur(20px);
}
#opening_wrap.anim-after:before {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
#opening_wrap:before {
content: "";
display: block;
background: inherit;
position: absolute;
z-index: -1;
}
#opening_wrap img {
position: absolute;
width: 7.4074%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-webkit-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
-ms-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
opacity: 0;
}
@media (max-width: 599px) {
#opening_wrap img {
width: 15%;
}
}
.webp #mv {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/top_mv_bg.webp) no-repeat center;
background-size: cover;
}
.no-webp #mv {
background: url(//amagaeru.org/website/wp-content/themes/amagaeru2023/assets/images/top_mv_bg-min.png) no-repeat center;
background-size: cover;
}
#mv {
width: 100%;
height: 100vh;
position: relative;
}
#mv .mv_logo {
position: absolute;
width: 24.1667%;
line-height: 0;
left: 10.9259%;
top: 14.7222%;
}
#mv .mv_logo img {
width: 100%;
}
@media (max-width: 599px) {
#mv .mv_logo {
position: absolute;
width: 40%;
line-height: 0;
left: 7%;
top: 10%;
}
#mv .mv_logo img {
-webkit-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
-ms-filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 4px rgba(0,0,0,0.5));
}
}
#message {
padding: 40px 40px 0;
}
#message .mes_pc {
line-height: 0;
margin-bottom: 120px;
}
#message .mes_pc img {
width: 100%;
}
#message .mes_tb {
display: none;
line-height: 0;
}
#message .mes_tb img {
width: 100%;
}
#message .mes_sp {
display: none;
line-height: 0;
}
#message .mes_sp img {
width: 100%;
}
@media (max-width: 768px) {
#message .mes_pc {
display: none;
}
#message .mes_tb {
display: block;
line-height: 0;
}
#message .mes_tb p {
margin-bottom: 120px;
}
}
@media (max-width: 599px) {
#message {
padding: 40px 15px 0;
}
#message .mes_tb {
display: none;
}
#message .mes_sp {
display: block;
}
#message .mes_sp p {
margin-bottom: 60px;
}
}
.to_lower_wrap {
margin-bottom: 65px;
}
.to_lower_wrap> div {
margin-bottom: 50px;
}
.to_lower_wrap> div:last-child {
margin-bottom: 0;
}
.to_lower_wrap> div a {
display: flex;
padding: 40px;
line-height: 0;
justify-content: space-between;
align-items: flex-start;
line-height: 0;
background: #fff;
}
.to_lower_wrap> div a img.item_headline {
margin-left: 3.8363%;
}
.to_lower_wrap> div a img.item_image {
width: 58.312%;
}
.to_lower_wrap> div:nth-child(1) a img.item_headline {
width: 17.9028%;
}
.to_lower_wrap> div:nth-child(2) a img.item_headline {
width: 17.3913%;
}
.to_lower_wrap> div:nth-child(3) a img.item_headline {
width: 25.8312%;
}
.to_lower_wrap> div:nth-child(4) a img.item_headline {
width: 19.5652%;
}
@media (max-width: 599px) {
.to_lower_wrap {
margin-bottom: 45px;
}
.to_lower_wrap> div {
margin-bottom: 30px;
}
.to_lower_wrap> div a {
padding: 15px;
}
.to_lower_wrap> div:nth-child(1) a img.item_headline {
width: 21.9028%;
}
.to_lower_wrap> div:nth-child(2) a img.item_headline {
width: 21.3913%;
}
.to_lower_wrap> div:nth-child(3) a img.item_headline {
width: 29.8312%;
}
.to_lower_wrap> div:nth-child(4) a img.item_headline {
width: 23.5652%;
}
}