@charset 'UTF-8';
* {
box-sizing: border-box;
margin: 0;
padding: 0; }
*:before,
*:after{ }
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size:62.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
}
body {
font-size:1.6rem;
line-height:1.5;
color: rgb(77,77,77);
word-wrap: break-word;
-webkit-font-smoothing: subpixel-antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 500;
font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; line-height: 1.3;
}
h1{
font-size: 3.6rem;
}
h2{
font-size: 3.2rem;
}
h3{
font-size: 2.8rem;
}
h4{
font-size: 2.4rem;
}
h5{
font-size: 1.8rem;
}
h6{
font-size: 1.5rem;
}
ul,ol{
margin: 0;
padding: 0;
}
li{
list-style: none;
margin: 0;
padding: 0;
line-height: 1.5;
}
p{
margin: 0;
padding: 0;
line-height: 1.5;
}
img{
max-width: 100%;
height: auto;
vertical-align: middle;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
table th{
font-weight: normal;
text-align: left;
}
table th,table td{
padding: 0;
vertical-align: top;
}
.SvgIcon {
position: absolute;
width: 0;
height: 0; 
}
svg .keycolor{
fill: #094AB1;	
}
svg .fontcolor{
fill: #4d4d4d;	
}
svg .accent{
fill: #182a72;	
}
svg .wht{
fill: #fff;	
}
svg .gray{
fill: #aaa;	
}
svg .trp{
fill: transparent;
}
.svg_wrp{
}
.svg_wrp svg{
display: block;
} a {
color: #3268D9;
text-decoration: none;
transition: all .5s;
}
a:hover,
a:focus,
a:active {
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
blockquote{
margin: 0;
} .bgc_key{
background-color: #094AB1;
}
.fc_key{
color: #094AB1;
}
.fc_wht{
color: #fff;
}
.fc_red{
color: #f00;
} .btn{
margin-bottom: 20px;
}
.btn-a{
display: block;
max-width: 300px;
margin-left: auto;
margin-right: auto;
padding: 16px 15px;
overflow: hidden;
text-align: center;
color: rgb(0,78,156);
position: relative;
z-index: 1;
border: 1px solid rgb(0,78,156);
} .btn-a:after{
content: '';
position: absolute;
width: 15px;
height: 1px;
top: 50%;
left: 0;
transition: all .5s;
background-color: rgb(0,78,156);
z-index: -1;
}
.btn-a:hover{
color: rgb(255,255,255);
border-color: rgb(0,78,156);
}
.btn-a:hover:before{
width: 0;
}
.btn-a:hover:after {
width: 100%;
height: 100%;
top: 0;
}
.btn-a + .btn-a{
margin-top: 15px;
}
.rev {
background-color: rgba(0,78,156,1);
color: rgb(255,255,255);
border: 1px solid rgb(255,255,255);
}
.rev:after {
background-color: rgb(255,255,255);
}
.rev:hover {
color: rgb(0,78,156); }
@media only screen and (min-width: 768px) {
.btn-a-left{
margin-left: 0;
}
.btn-a-right{
margin-right: 0;
}
.btn.dib{
text-align: center;
margin-top: 20px;
font-size: 0;
}
.btn.dib a{
display: inline-block;
vertical-align: middle;
margin-top: 10px !important;
font-size: 1.5rem;
margin-left: 10px;
margin-right: 10px;
max-width: 100%;
width: 320px;
}
} .btns{
text-align: center;
font-size: 0;
margin: 40px -5px 0;
}
.btns .btn{
width: calc(99.99% / 3);
display: inline-block;
padding: 0 5px;
margin: 0;
vertical-align: middle;
max-width: 310px;
font-size: initial;
}
.btns .btn:nth-of-type(n+4){
margin-top: 10px;
}
.btns .btn a{
font-size: 1.6rem; }
@media only screen and (min-width: 961px) {
.btns{
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
}
@media only screen and (min-width: 768px) {
.btns .btn a{
max-width: none;
width: auto; }
.btns .btn .btn-a__table{
width: 100%;
display: table;
}
.btns .btn a span{
display: table-cell;
vertical-align: middle;
}
} .singleArticle-con .wrapper_iframe{
max-width: 560px; }
.wrapper_iframe .box_iframe {
padding-bottom: 56.25%;
position: relative;
}
.wrapper_iframe .box_iframe iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
} .alignleft {
float: left;
margin: 0 20px 0 0;
display: block;
max-width: 40%;
}
.alignright {
float: right;
margin: 0 0 0 20px;
display: block;
max-width: 40%;
}
.aligncenter {
clear: both;
display: block;
margin: 20px auto;
}
.alignleft.all {
float: left;
margin: 0 20px 20px 0;
display: block;
max-width: 40%;
}
.alignright.all {
float: right;
margin: 0 0 20px 20px;
display: block;
max-width: 40%;
}
.alignleft.floatingImg {
max-width: 200px;
}
.alignright.floatingImg {
max-width: 200px;
} .display100{
display: block !important;
}
.display110{
display: block !important;
}
.display001{
display: none !important;
}
.display011{
display: none !important;
} .ofh111{
overflow: hidden;
}
.ofh100{
overflow: hidden;
}
.ofh110{
overflow: hidden;
}
.ofh001{
overflow: visible;
}
.ofh011{
overflow: visible;
} .talign-l {
text-align: left;
}
.talign-r {
text-align: right;
}
.talign-c {
text-align: center;
} .mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt110 { margin-top: 110px !important; }
.mt120 { margin-top: 120px !important; }
.mt130 { margin-top: 130px !important; }
.mt140 { margin-top: 140px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb110 { padding-bottom: 110px !important; }
.pb120 { padding-bottom: 120px !important; }
.mt05em { margin-top: 0.5em !important; }
.mt1em { margin-top: 1em !important; }
.mt2em { margin-top: 2em !important; }
.mt3em { margin-top: 3em !important; }
.mt4em { margin-top: 4em !important; }
.mt5em { margin-top: 5em !important; }
.mt6em { margin-top: 6em !important; }
.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.mb5em { margin-bottom: 5em !important; }
.mb6em { margin-bottom: 6em !important; }
.pt05em { padding-top: 0.5em !important; }
.pt1em { padding-top: 1em !important; }
.pt2em { padding-top: 2em !important; }
.pt3em { padding-top: 3em !important; }
.pt4em { padding-top: 4em !important; }
.pt5em { padding-top: 5em !important; }
.pt6em { padding-top: 6em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.pb1em { padding-bottom: 1em !important; }
.pb2em { padding-bottom: 2em !important; }
.pb3em { padding-bottom: 3em !important; }
.pb4em { padding-bottom: 4em !important; }
.pb5em { padding-bottom: 5em !important; }
.pb6em { padding-bottom: 6em !important; } .family_mincho{
font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
.family_yugo{
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; } .fz_10 { font-size: 1.0rem;}
.fz_11 { font-size: 1.1rem;}
.fz_12 { font-size: 1.2rem;}
.fz_13 { font-size: 1.3rem;}
.fz_14 { font-size: 1.4rem;}
.fz_15 { font-size: 1.5rem;}
.fz_16 { font-size: 1.6rem;}
.fz_17 { font-size: 1.7rem;}
.fz_18 { font-size: 1.8rem;}
.fz_19 { font-size: 1.9rem;}
.fz_20 { font-size: 2.0rem;}
.fz_21 { font-size: 2.1rem;}
.fz_22 { font-size: 2.2rem;}
.fz_23 { font-size: 2.3rem;}
.fz_24 { font-size: 2.4rem;}
.fz_25 { font-size: 2.5rem;}
.fz_26 { font-size: 2.6rem;}
.fz_27 { font-size: 2.7rem;}
.fz_28 { font-size: 2.8rem;}
.fz_29 { font-size: 2.9rem;}
.fz_30 { font-size: 3.0rem;} .clear{
clear:both;
}
.clearfix:after{
content: "";
display: table;
clear: both;
} embed,
iframe,
object,
video {
margin-bottom: 0;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
} .gallery {
margin: 30px -5px 0;
font-size: 0;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 10px 5px 0;
text-align: center;
vertical-align: top;
width: 100%;
box-sizing: border-box;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
font-size: 1.5rem;
padding: 5px 5px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} figure.wp-caption.alignright,
figure.wp-caption.alignleft{
margin-top: 25px;
}
figure.wp-caption figcaption{
text-align: center;
padding-top: 5px;
} .floating_box{
}
.floating_box:after{
content: "";
display: table;
clear: both;
}
.floating_box .floating_box-rowInner{
display: block;
}
.floating_box .floating_box-rowInner > :first-child{
margin-top: 0 !important;
}
.floating_box .floating_box-rowInner > :last-child{
margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
.floating_box-row{
float: left;
}
.floating_box-5rows > .floating_box-row{
width: 20%;
}
.floating_box-4rows > .floating_box-row{
width: 25%;
}
.floating_box-3rows > .floating_box-row{
width: 33.3333333333333%;
}
.floating_box-2rows > .floating_box-row{
width: 50%;
}
.floating_box-space60px{
margin-left: -30px;
margin-right: -30px;
}
.floating_box-space50px{
margin-left: -25px;
margin-right: -25px;
}
.floating_box-space40px{
margin-left: -20px;
margin-right: -20px;
}
.floating_box-space30px{
margin-left: -15px;
margin-right: -15px;
}
.floating_box-space20px{
margin-left: -10px;
margin-right: -10px;
}
.floating_box-space10px{
margin-left: -5px;
margin-right: -5px;
}
.floating_box-space02px{
margin-left: -1px;
margin-right: -1px;
}
.floating_box-space00px{
}
.floating_box-space60px > .floating_box-row{
padding: 0 30px;
margin-top: 60px;
}
.floating_box-space50px > .floating_box-row{
padding: 0 25px;
margin-top: 50px;
}
.floating_box-space40px > .floating_box-row{
padding: 0 20px;
margin-top: 40px;
}
.floating_box-space30px > .floating_box-row{
padding: 0 15px;
margin-top: 30px;
}
.floating_box-space20px > .floating_box-row{
padding: 0 10px;
margin-top: 20px;
}
.floating_box-space10px > .floating_box-row{
padding: 0 5px;
margin-top: 10px;
}
.floating_box-space02px > .floating_box-row{
padding: 0 1px;
margin-top: 2px;
}
.floating_box-space00px > .floating_box-row{
}
.floating_box-5rows > :nth-of-type(5n+1),
.floating_box-4rows > :nth-of-type(4n+1),
.floating_box-3rows > :nth-of-type(3n+1),
.floating_box-2rows > :nth-of-type(2n+1){
clear: both;
}
.floating_box-5rows > :nth-of-type(-n+5),
.floating_box-4rows > :nth-of-type(-n+4),
.floating_box-3rows > :nth-of-type(-n+3),
.floating_box-2rows > :nth-of-type(-n+2){
margin-top: 0;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.tab_floating_box-5rows > .floating_box-row{
width: 20%;
}
.tab_floating_box-4rows > .floating_box-row{
width: 25%;
}
.tab_floating_box-3rows > .floating_box-row{
width: 33.3333333333333%;
}
.tab_floating_box-2rows > .floating_box-row{
width: 50%;
}
.tab_floating_box-1rows > .floating_box-row{
float: none;
width: auto;
}
.tab_floating_box-space60px{
margin-left: -30px;
margin-right: -30px;
}
.tab_floating_box-space50px{
margin-left: -25px;
margin-right: -25px;
}
.tab_floating_box-space40px{
margin-left: -20px;
margin-right: -20px;
}
.tab_floating_box-space30px{
margin-left: -15px;
margin-right: -15px;
}
.tab_floating_box-space20px{
margin-left: -10px;
margin-right: -10px;
}
.tab_floating_box-space10px{
margin-left: -5px;
margin-right: -5px;
}
.tab_floating_box-space02px{
margin-left: -1px;
margin-right: -1px;
}
.tab_floating_box-space00px{
margin-left: 0;
margin-right: 0;
}
.tab_floating_box-space60px > .floating_box-row{
padding: 0 30px;
margin-top: 60px;
}
.tab_floating_box-space50px > .floating_box-row{
padding: 0 25px;
margin-top: 50px;
}
.tab_floating_box-space40px > .floating_box-row{
padding: 0 20px;
margin-top: 40px;
}
.tab_floating_box-space30px > .floating_box-row{
padding: 0 15px;
margin-top: 30px;
}
.tab_floating_box-space20px > .floating_box-row{
padding: 0 10px;
margin-top: 20px;
}
.tab_floating_box-space10px > .floating_box-row{
padding: 0 5px;
margin-top: 10px;
}
.tab_floating_box-space02px > .floating_box-row{
padding: 0 1px;
margin-top: 2px;
}
.tab_floating_box-space00px > .floating_box-row{
padding: 0;
margin-top: 0;
}
[class*="tab_floating_box"].floating_box-5rows > :nth-of-type(5n+1),
[class*="tab_floating_box"].floating_box-4rows > :nth-of-type(4n+1),
[class*="tab_floating_box"].floating_box-3rows > :nth-of-type(3n+1),
[class*="tab_floating_box"].floating_box-2rows > :nth-of-type(2n+1){
clear: none;
}
.tab_floating_box-5rows > :nth-of-type(5n+1),
.tab_floating_box-4rows > :nth-of-type(4n+1),
.tab_floating_box-3rows > :nth-of-type(3n+1),
.tab_floating_box-2rows > :nth-of-type(2n+1){
clear: both !important;
}
.tab_floating_box-5rows > :nth-of-type(-n+5),
.tab_floating_box-4rows > :nth-of-type(-n+4),
.tab_floating_box-3rows > :nth-of-type(-n+3),
.tab_floating_box-2rows > :nth-of-type(-n+2){
margin-top: 0;
}
.tab_floating_box-1rows > :nth-of-type(n+2){
margin-top: 30px;
}
.tab-mt00 { margin-top: 0px !important; }
.tab-mt05 { margin-top: 5px !important; }
.tab-mt10 { margin-top: 10px !important; }
.tab-mt15 { margin-top: 15px !important; }
.tab-mt20 { margin-top: 20px !important; }
.tab-mt25 { margin-top: 25px !important; }
.tab-mt30 { margin-top: 30px !important; }
.tab-mt35 { margin-top: 35px !important; }
.tab-mt40 { margin-top: 40px !important; }
.tab-mt45 { margin-top: 45px !important; }
.tab-mt50 { margin-top: 50px !important; }
.tab-mt55 { margin-top: 55px !important; }
.tab-mt60 { margin-top: 60px !important; }
.tab-mb00 { margin-bottom: 0px !important; }
.tab-mb05 { margin-bottom: 5px !important; }
.tab-mb10 { margin-bottom: 10px !important; }
.tab-mb15 { margin-bottom: 15px !important; }
.tab-mb20 { margin-bottom: 20px !important; }
.tab-mb25 { margin-bottom: 25px !important; }
.tab-mb30 { margin-bottom: 30px !important; }
.tab-mb35 { margin-bottom: 35px !important; }
.tab-mb40 { margin-bottom: 40px !important; }
.tab-mb45 { margin-bottom: 45px !important; }
.tab-mb50 { margin-bottom: 50px !important; }
.tab-mb55 { margin-bottom: 55px !important; }
.tab-mb60 { margin-bottom: 60px !important; }
.tab-pt00 { padding-top: 0px !important; }
.tab-pt05 { padding-top: 5px !important; }
.tab-pt10 { padding-top: 10px !important; }
.tab-pt15 { padding-top: 15px !important; }
.tab-pt20 { padding-top: 20px !important; }
.tab-pt25 { padding-top: 25px !important; }
.tab-pt30 { padding-top: 30px !important; }
.tab-pt35 { padding-top: 35px !important; }
.tab-pt40 { padding-top: 40px !important; }
.tab-pt45 { padding-top: 45px !important; }
.tab-pt50 { padding-top: 50px !important; }
.tab-pt55 { padding-top: 55px !important; }
.tab-pt60 { padding-top: 60px !important; }
.tab-pb00 { padding-bottom: 0px !important; }
.tab-pb05 { padding-bottom: 5px !important; }
.tab-pb10 { padding-bottom: 10px !important; }
.tab-pb15 { padding-bottom: 15px !important; }
.tab-pb20 { padding-bottom: 20px !important; }
.tab-pb25 { padding-bottom: 25px !important; }
.tab-pb30 { padding-bottom: 30px !important; }
.tab-pb35 { padding-bottom: 35px !important; }
.tab-pb40 { padding-bottom: 40px !important; }
.tab-pb45 { padding-bottom: 45px !important; }
.tab-pb50 { padding-bottom: 50px !important; }
.tab-pb55 { padding-bottom: 55px !important; }
.tab-pb60 { padding-bottom: 60px !important; }
.tab-pb70 { padding-bottom: 70px !important; }
.tab-pb80 { padding-bottom: 80px !important; }
.tab-pb90 { padding-bottom: 90px !important; }
.tab-pb100 { padding-bottom: 100px !important; }
.tab-pb110 { padding-bottom: 110px !important; }
.tab-pb120 { padding-bottom: 120px !important; }
} .pointer_events_none{
pointer-events: none;
}
.blockWrapper{
}
.blockWrapper > :first-child{
margin-top: 0 !important;
}
.blockWrapper > :last-child{
margin-bottom: 0 !important;
}
.blockWrapper00{
}
.blockWrapper10{
margin-top: 10px;
margin-bottom: 10px;
}
.blockWrapper15{
margin-top: 15px;
margin-bottom: 15px;
}
.blockWrapper20{
margin-top: 20px;
margin-bottom: 20px;
}
.blockWrapper30{
margin-top: 30px;
margin-bottom: 30px;
}
.blockWrapper40{
margin-top: 40px;
margin-bottom: 40px;
}
.blockWrapper45{
margin-top: 45px;
margin-bottom: 45px;
}
.blockWrapper50{
margin-top: 50px;
margin-bottom: 50px;
}
.blockWrapper60{
margin-top: 60px;
margin-bottom: 60px;
}
.blockWrapper70{
margin-top: 70px;
margin-bottom: 70px;
}
.blockWrapper80{
margin-top: 80px;
margin-bottom: 80px;
}
.blockWrapper90{
margin-top: 90px;
margin-bottom: 90px;
}
.blockWrapper100{
margin-top: 100px;
margin-bottom: 100px;
}
.blockWrapper120{
margin-top: 120px;
margin-bottom: 120px;
}
.blockWrapper140{
margin-top: 140px;
margin-bottom: 140px;
}
.blockWrapper160{
margin-top: 160px;
margin-bottom: 160px;
}
.blockWrapper180{
margin-top: 180px;
margin-bottom: 180px;
}
.blockWrapper200{
margin-top: 200px;
margin-bottom: 200px;
}
.remodal.remodal-ytb {
padding: 60px 10px 0;
border-radius: 0;
background-color: transparent;
}
.remodal .remodal-ytbClose {
position: absolute;
width: 50px;
height: 50px;
top: 0;
right: 0;
cursor: pointer;
}
.remodal .remodal-ytbClose:before,
.remodal .remodal-ytbClose:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
left: 0;
top: 50%;
margin-top: -1px;
background-color: #fff;
}
.remodal .remodal-ytbClose:before{
transform: rotate(45deg);
}
.remodal .remodal-ytbClose:after{
transform: rotate(-45deg);
} .pseudo-fill-before,
.pseudo-fill-after {
position: relative;
}
.pseudo-fill-before:before,
.pseudo-fill-after:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.clip-image-wrapper {
position: relative;
overflow: hidden;
}
.clip-image-wrapper img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
transition: all .5s;
}
.bg-cover {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.display-table {
display: table;
border-collapse: collapse;
}
.display-table-cell {
display: table-cell;
}
.table-layout-fixed {
width: 100%;
table-layout: fixed;
}
.img-caption {
display: block;
margin: 15px 0 0;
font-size: 1.4rem;
color: #888;
}
.display-flex {
-js-display: flex;
display: flex;
flex-wrap: wrap;
}
[data-remodal-target] {
cursor: pointer;
}
@media only screen and (min-width: 767px) {
} @-ms-viewport {
width: auto;
}
@viewport {
width: device-width;
}
@media only screen and (max-width: 1280px) {
h1{
font-size: 3.2rem;
}
h2{
font-size: 2.8rem;
}
h3{
font-size: 2.4rem;
}
h4{
font-size: 2.0rem;
}
h5{
font-size: 1.8rem;
}
h6{
font-size: 1.5rem;
}
}
@media screen and (max-width: 1079px) {
}
@media screen and (max-width: 1024px) {
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tabrow1{ margin-left: auto;
margin-right: auto;
}
.tabrow1 .row{
width: auto;
float: none;
padding: 0;
}
.tabrow1 .row:nth-of-type(n+2){
margin-top: 30px;
}
.tabrow1.ahfix .rowInner{
height: auto !important;
} .tab_blockWrapper00{
margin-top: 0;
margin-bottom: 0;
}
.tab_blockWrapper10{
margin-top: 10px;
margin-bottom: 10px;
}
.tab_blockWrapper15{
margin-top: 15px;
margin-bottom: 15px;
}
.tab_blockWrapper20{
margin-top: 20px;
margin-bottom: 20px;
}
.tab_blockWrapper30{
margin-top: 30px;
margin-bottom: 30px;
}
.tab_blockWrapper40{
margin-top: 40px;
margin-bottom: 40px;
}
.tab_blockWrapper50{
margin-top: 50px;
margin-bottom: 50px;
}
.tab_blockWrapper60{
margin-top: 60px;
margin-bottom: 60px;
}
.tab_blockWrapper70{
margin-top: 70px;
margin-bottom: 70px;
}
.tab_blockWrapper80{
margin-top: 80px;
margin-bottom: 80px;
}
.tab_blockWrapper90{
margin-top: 90px;
margin-bottom: 90px;
}
.tab_blockWrapper100{
margin-top: 100px;
margin-bottom: 100px;
}
} @media only screen and (min-width: 768px) {
.display-flex--margin10 {
margin-left: -5px;
margin-right: -5px;
}
.display-flex--margin10 > .display-flex__item {
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.display-flex--margin20 {
margin-left: -10px;
margin-right: -10px;
}
.display-flex--margin20 > .display-flex__item {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.display-flex--margin40 {
margin-left: -20px;
margin-right: -20px;
}
.display-flex--margin40 > .display-flex__item {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.display-flex--col2 > .display-flex__item {
width: 50%;
}
.display-flex--col2 > .display-flex__item:nth-of-type(-n+2) {
padding-top: 0px;
}
.display-flex--col3 > .display-flex__item {
width: 33.3333333333333333%;
}
.display-flex--col3 > .display-flex__item:nth-of-type(-n+3) {
padding-top: 0px;
}
.display-flex--col4 > .display-flex__item {
width: 25%;
}
.display-flex--col4 > .display-flex__item:nth-of-type(-n+4) {
padding-top: 0px;
}
.display-flex--col5 > .display-flex__item {
width: 20%;
}
.display-flex--col5 > .display-flex__item:nth-of-type(-n+5) {
padding-top: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tab-display-flex--margin40 {
margin-left: -20px;
margin-right: -20px;
}
.tab-display-flex--margin40 > .display-flex__item {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.tab-display-flex--margin20 {
margin-left: -10px;
margin-right: -10px;
}
.tab-display-flex--margin20 > .display-flex__item {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.tab-display-flex--margin10 {
margin-left: -5px;
margin-right: -5px;
}
.tab-display-flex--margin10 > .display-flex__item {
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.tab-display-flex--col2 > .display-flex__item {
width: 50%;
}
.tab-display-flex--col2 > .display-flex__item:nth-of-type(-n+2) {
padding-top: 0px;
}
.tab-display-flex--col3 > .display-flex__item {
width: 33.3333333333333333%;
}
.tab-display-flex--col3 > .display-flex__item:nth-of-type(-n+3) {
padding-top: 0px;
}
.tab-display-flex--col4 > .display-flex__item {
width: 25%;
}
.tab-display-flex--col4 > .display-flex__item:nth-of-type(-n+4) {
padding-top: 0px;
}
.tab-display-flex--col5 > .display-flex__item {
width: 20%;
}
.tab-display-flex--col5 > .display-flex__item:nth-of-type(-n+5) {
padding-top: 0px;
}
}
@media only screen and (max-width: 767px) {
.display-flex__item {
width: 100%;
padding-top: 20px;
}
.display-flex__item:nth-of-type(1) {
padding-top: 0 !important;
}
.smp-display-flex--margin10 {
margin-left: -5px;
margin-right: -5px;
}
.smp-display-flex--margin10 > .display-flex__item {
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.smp-display-flex--margin20 {
margin-left: -10px;
margin-right: -10px;
}
.smp-display-flex--margin20 > .display-flex__item {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.smp-display-flex--margin40 {
margin-left: -20px;
margin-right: -20px;
}
.smp-display-flex--margin40 > .display-flex__item {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.smp-display-flex--col2 > .display-flex__item {
width: 50%;
}
.smp-display-flex--col2 > .display-flex__item:nth-of-type(-n+2) {
padding-top: 0px;
}
}
@media screen and (max-width: 1023px) {  h1{
}
h2{
} .display100{
display: none !important;
}
.display110{
display: block !important;
}
.display001{
display: none !important;
}
.display011{
display: block !important;
} .ofh100{
overflow: visible;
}
.ofh110{
overflow: hidden;
}
.ofh001{
overflow: visible;
}
.ofh011{
overflow: hidden;
} .tab-talign-l {
text-align: left;
}
.tab-talign-r {
text-align: right;
}
.tab-talign-c {
text-align: center;
}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
h1{
font-size: 2.4rem;
}
h2{
font-size: 2.4rem;
}
h3{
font-size: 2.2rem;
}
h4{
font-size: 2rem;
}
h5{
font-size: 1.8rem;
}
h6{
font-size: 1.6rem;
}
.smp-mt00 { margin-top: 0px !important; }
.smp-mt05 { margin-top: 5px !important; }
.smp-mt10 { margin-top: 10px !important; }
.smp-mt15 { margin-top: 15px !important; }
.smp-mt20 { margin-top: 20px !important; }
.smp-mt25 { margin-top: 25px !important; }
.smp-mt30 { margin-top: 30px !important; }
.smp-mt35 { margin-top: 35px !important; }
.smp-mt40 { margin-top: 40px !important; }
.smp-mt45 { margin-top: 45px !important; }
.smp-mt50 { margin-top: 50px !important; }
.smp-mt55 { margin-top: 55px !important; }
.smp-mt60 { margin-top: 60px !important; }
.smp-mb00 { margin-bottom: 0px !important; }
.smp-mb05 { margin-bottom: 5px !important; }
.smp-mb10 { margin-bottom: 10px !important; }
.smp-mb15 { margin-bottom: 15px !important; }
.smp-mb20 { margin-bottom: 20px !important; }
.smp-mb25 { margin-bottom: 25px !important; }
.smp-mb30 { margin-bottom: 30px !important; }
.smp-mb35 { margin-bottom: 35px !important; }
.smp-mb40 { margin-bottom: 40px !important; }
.smp-mb45 { margin-bottom: 45px !important; }
.smp-mb50 { margin-bottom: 50px !important; }
.smp-mb55 { margin-bottom: 55px !important; }
.smp-mb60 { margin-bottom: 60px !important; }
.smp-pt00 { padding-top: 0px !important; }
.smp-pt05 { padding-top: 5px !important; }
.smp-pt10 { padding-top: 10px !important; }
.smp-pt15 { padding-top: 15px !important; }
.smp-pt20 { padding-top: 20px !important; }
.smp-pt25 { padding-top: 25px !important; }
.smp-pt30 { padding-top: 30px !important; }
.smp-pt35 { padding-top: 35px !important; }
.smp-pt40 { padding-top: 40px !important; }
.smp-pt45 { padding-top: 45px !important; }
.smp-pt50 { padding-top: 50px !important; }
.smp-pt55 { padding-top: 55px !important; }
.smp-pt60 { padding-top: 60px !important; }
.smp-pb00 { padding-bottom: 0px !important; }
.smp-pb05 { padding-bottom: 5px !important; }
.smp-pb10 { padding-bottom: 10px !important; }
.smp-pb15 { padding-bottom: 15px !important; }
.smp-pb20 { padding-bottom: 20px !important; }
.smp-pb25 { padding-bottom: 25px !important; }
.smp-pb30 { padding-bottom: 30px !important; }
.smp-pb35 { padding-bottom: 35px !important; }
.smp-pb40 { padding-bottom: 40px !important; }
.smp-pb45 { padding-bottom: 45px !important; }
.smp-pb50 { padding-bottom: 50px !important; }
.smp-pb55 { padding-bottom: 55px !important; }
.smp-pb60 { padding-bottom: 60px !important; }
.smp-pb70 { padding-bottom: 70px !important; }
.smp-pb80 { padding-bottom: 80px !important; }
.smp-pb90 { padding-bottom: 90px !important; }
.smp-pb100 { padding-bottom: 100px !important; }
.smp-pb110 { padding-bottom: 110px !important; }
.smp-pb120 { padding-bottom: 120px !important; } .alignleft {
float: none;
margin: 0 0 15px;
max-width: 100%;
}
.alignright {
float: none;
margin: 0 0 15px;
max-width: 100%;
}
.aligncenter {
clear: both;
display: block;
margin: 20px auto 0;
}
.alignleft.floatingImg {
float: left;
margin: 0 15px 0 0;
display: block;
max-width: 40%;
}
.alignright.floatingImg {
float: right;
margin: 0 0 0 15px;
display: block;
max-width: 40%;
} .display100{
display: none !important;
}
.display110{
display: none !important;
}
.display001{
display: block !important;
}
.display011{
display: block !important;
} .ofh100{
overflow: visible;
}
.ofh110{
overflow: visible;
}
.ofh001{
overflow: hidden;
}
.ofh011{
overflow: hidden;
} .gallery {
margin: 10px 0 0;
font-size: 0;
}
.gallery-item {
display: block;
max-width: 100% !important;
padding: 15px 0 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: block;
} .rowspace20,
.rowspace30,
.rowspace40,
.rowspace50,
.rowspace60{
margin-right: -5px;
margin-left: -5px;
}
.rowspace20 .row,
.rowspace30 .row,
.rowspace40 .row,
.rowspace50 .row,
.rowspace60 .row{
padding: 0 5px;
}
.sprow1{ margin-left: auto;
margin-right: auto;
}
.sprow1 .row{
width: auto;
float: none;
padding: 0;
}
.sprow1 .row:nth-of-type(n+2){
margin-top: 1.5em;
}
.bgBox .rowInner{
}
.sprow1.ahfix .rowInner{
height: auto !important;
} .btn{
}
.btns{
}
.btns .btn{
display: block;
width: auto;
padding: 0;
max-width: none;
}
.btns .btn:nth-of-type(n+2){
margin-top: 10px;
}
.btns .btn a span{
height: auto !important;
} .floating_box-row:nth-of-type(n+2){
margin-top: 30px;
}
.spFloating_box > .floating_box-row{
float: left;
}
.spFloating_box-5rows > .floating_box-row{
width: 20%;
}
.spFloating_box-4rows > .floating_box-row{
width: 25%;
}
.spFloating_box-3rows > .floating_box-row{
width: 33.3333333333333%;
}
.spFloating_box-2rows > .floating_box-row{
width: 50%;
}
.spFloating_box-space60px{
margin-left: -30px;
margin-right: -30px;
}
.spFloating_box-space50px{
margin-left: -25px;
margin-right: -25px;
}
.spFloating_box-space40px{
margin-left: -20px;
margin-right: -20px;
}
.spFloating_box-space30px{
margin-left: -15px;
margin-right: -15px;
}
.spFloating_box-space20px{
margin-left: -10px;
margin-right: -10px;
}
.spFloating_box-space10px{
margin-left: -5px;
margin-right: -5px;
}
.spFloating_box-space02px{
margin-left: -1px;
margin-right: -1px;
}
.spFloating_box-space00px{
}
.spFloating_box-space60px > .floating_box-row{
padding: 0 30px;
margin-top: 60px;
}
.spFloating_box-space50px > .floating_box-row{
padding: 0 25px;
margin-top: 50px;
}
.spFloating_box-space40px > .floating_box-row{
padding: 0 20px;
margin-top: 40px;
}
.spFloating_box-space30px > .floating_box-row{
padding: 0 15px;
margin-top: 30px;
}
.spFloating_box-space20px > .floating_box-row{
padding: 0 10px;
margin-top: 20px;
}
.spFloating_box-space10px > .floating_box-row{
padding: 0 5px;
margin-top: 10px;
}
.spFloating_box-space02px > .floating_box-row{
padding: 0 1px;
margin-top: 2px;
}
.spFloating_box-space00px > .floating_box-row{
margin-top: 0;
}
.spFloating_box-5rows > :nth-of-type(5n+1),
.spFloating_box-4rows > :nth-of-type(4n+1),
.spFloating_box-3rows > :nth-of-type(3n+1),
.spFloating_box-2rows > :nth-of-type(2n+1){
clear: both;
}
.spFloating_box-5rows > :nth-of-type(-n+5),
.spFloating_box-4rows > :nth-of-type(-n+4),
.spFloating_box-3rows > :nth-of-type(-n+3),
.spFloating_box-2rows > :nth-of-type(-n+2){
margin-top: 0;
} .sp_blockWrapper00{
margin-top: 0;
margin-bottom: 0;
}
.sp_blockWrapper10{
margin-top: 10px;
margin-bottom: 10px;
}
.sp_blockWrapper15{
margin-top: 15px;
margin-bottom: 15px;
}
.sp_blockWrapper20{
margin-top: 20px;
margin-bottom: 20px;
}
.sp_blockWrapper30{
margin-top: 30px;
margin-bottom: 30px;
}
.sp_blockWrapper40{
margin-top: 40px;
margin-bottom: 40px;
}
.sp_blockWrapper45{
margin-top: 45px;
margin-bottom: 45px;
}
.sp_blockWrapper50{
margin-top: 50px;
margin-bottom: 50px;
}
.sp_blockWrapper60{
margin-top: 60px;
margin-bottom: 60px;
}
.sp_blockWrapper70{
margin-top: 70px;
margin-bottom: 70px;
}
.sp_blockWrapper80{
margin-top: 80px;
margin-bottom: 80px;
}
.sp_blockWrapper90{
margin-top: 90px;
margin-bottom: 90px;
}
.sp_blockWrapper100{
margin-top: 100px;
margin-bottom: 100px;
} .sp-talign-l {
text-align: left;
}
.sp-talign-r {
text-align: right;
}
.sp-talign-c {
text-align: center;
}
} @media print {
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
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;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[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; }
 .slick-loading .slick-list
{
background: #fff url(https://tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/js/slick/fonts/slick.eot);
src: url(https://tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/js/slick/fonts/slick.woff) format('woff'), url(https://tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/js/slick/fonts/slick.ttf) format('truetype'), url(https://tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider{
padding: 0;
overflow: hidden;
}
.slick-slider .slick-dots{
position: static;
width: auto;
margin-top: 15px;
}
.slick-slider .slick-dots li{
width: 14px;
height: 14px;
vertical-align: middle;
padding: 0;
margin: 0 5px;
}
.slick-slider .slick-dots li:before{
display: none;
}
.slick-slider .slick-dots li button{
border-radius: 100%;
width: 14px;
height: 14px;
padding: 0;
border: 1px solid #666666;
background-color: #8D8D8D;
transition: all .5s;
}
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li button:hover{
background-color: #fff;
}
.slick-slider .slick-dots li button:before{
display: none;
}
.slick-prev,
.slick-next{
height: 35px;
width: 35px;
text-align: center;
transition: all .5s;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-prev:hover,
.slick-next:hover{
}
.slick-prev{
left: 0;
}
.slick-next{
right: 0;
}
.slick-prev:before,
.slick-next:before{
content: '';
display: none;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
display: none !important;
}
.slick-default-arrow{
border-radius: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 6px auto;
background-size: 6px auto;
}
.slick-default-arrow.slick-prev{
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_6x8_white_left.png);
}
.slick-default-arrow.slick-next{
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_6x8_white_right.png);
}
.slick-default-arrow:hover{
background-color: #2980B4;
}
.slickBasic{
margin: 30px 0;
}
.slickBasic .slick-slide{
padding: 0 10px;
}
.slickBasic .slick-slide .title{
font-size: 1.7rem;
margin-top: 10px;
}
.slickBasic .slick-slide .text{
margin-top: 10px;
}
.slickBasic .slick-slide .class{
margin-top: 10px;
}
.slickBasic .slick-slide .class span{
display: inline-block;
background-color: #BFA84A;
font-size: 1.3rem;
line-height: 1;
padding: 5px 5px 3px;
border-radius: 3px;
margin-right: 5px;
color: #fff;
}
.slickBasic .slick-slide .class span.style1{
background-color: #4da5dc;
}
.slickBasic .slick-slide .class span.style2{
background-color: #9cc947;
}
@media only screen and (max-width: 767px) {
.slick-prev{
left: 5px;
}
.slick-next{
right: 5px;
}
.slick-prev img,
.slick-next img{
width: 40px;
}
}html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%; padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
border-radius: 3px;
text-align: left;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 40px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
}
@media only screen and (max-width: 500px) {
.remodal {
padding: 35px 10px 10px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}.remodal {
max-width: 1000px;
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}@media only screen and (min-width: 1024px) {
}
html .filter,
.menu_sp_wrapper-close{ }
html.open .filter {
position: fixed;
background-color: rgba(0,0,0,0.5);
z-index: 300;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
backface-visibility: hidden;
transition: all .3s;
z-index: 12;
}
.header-menu-smp{
padding: 0;
background-color: rgba(0,78,160,.8);
width: 500px; padding-right: 100px;
position: fixed;
box-sizing: border-box;
overflow: auto;
top: 0;
right: 0;
bottom: 0;  z-index: 9;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch; margin-right: -500px;
transition: all .5s;
z-index: 13;
}
html.open .header-menu-smp{ margin-right: 0;
}
.header-menu-smp-inner {
padding: 56px 0 20px;
}
.header-button-smpmenu-li{
margin: 20px auto 0 auto;
width: 55px; }
.header-button-smpmenu-trigger,
.header-button-smpmenu-trigger span {
transition: all .4s;
box-sizing: border-box;
}
.header-button-smpmenu-trigger {
position: relative;
padding-bottom: 100%;
display: block;
color: inherit;
}
html.open .header-button-smpmenu-trigger {
background-color: rgba(255,255,255,0);
}
.header-button-smpmenu-trigger span {
position: absolute;
left: 3px;
width: 50px;
height: 1px;
background-color: rgba(255,255,255,1);
border-radius: 1.5px;
} .header-button-smpmenu-trigger span:nth-of-type(1) {
top: 0;
}
.header-button-smpmenu-trigger span:nth-of-type(2) {
top: 13px;
}
.header-button-smpmenu-trigger span:nth-of-type(3) {
top: 28px;
}
.header-button-smpmenu-trigger span:nth-of-type(4) {
color: rgb(255,255,255);
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
height: auto;
background-color: transparent;
font-size: 1.5rem;
line-height: 1;
}
.header-button-smpmenu-trigger.active{
}
.header-button-smpmenu-trigger.active span:nth-of-type(1) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
margin-top: -1px;
}
.header-button-smpmenu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.header-button-smpmenu-trigger.active span:nth-of-type(3) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
.header-button-smpmenu-trigger.active span:nth-of-type(4){
opacity: 0;
}
.header-menu-smp-close{
cursor: pointer;
}
.header-menu-smp-close-button{
display: none;
width: 40px;
height: 40px;
position: absolute;
top: 10px;
left: 13px;
}
.header-menu-smp-close-button:before,
.header-menu-smp-close-button:after{
content: '';
position: absolute;
left: 3px;
width: 40px;
height: 2px;
background-color: #fff;
border-radius: 1px;
}
.header-menu-smp-close-button:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
margin-top: -1px;
}
.header-menu-smp-close-button:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
.header-menu-smp-close-txt{ background-color: #f5f5f5;
text-align: center;
padding: 10px; margin: 20px auto 0 auto;
width: 90%;
} .menu_global_smp { }
.menu_global_smp > li {
position: relative;
}
.menu_global_smp li a {
display: block;
border-bottom: 1px solid rgba(255,255,255,1);
color: rgb(255,255,255);
font-size: 1.5rem;
text-align: left;
padding: 20px 15px;
position: relative;
text-decoration: none;
}
.menu_global_smp > li:first-child > a {
border-top: 1px solid rgba(255,255,255,1);
}
.menu_global_smp > li > .sub-menu {
display: none; background-color: rgba(128,198,211,.3);
}
.menu_global_smp > li > .sub-menu > li > a {
display: block;
border-bottom: 1px dashed rgba(255,255,255,1);
color: rgb(255,255,255);
font-size: 1.5rem;
text-align: left;
padding: 15px 10px 15px 40px;
position: relative;
}
.menu_global_smp > li > .sub-menu > li > a:before {
content: '';
position: absolute;
width: 15px;
height: 1px;
background-color: rgba(255,255,255,1);
top: 26px;
left: 20px;
} .menu_global_smp p.accordionBtn {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 5px;
right: 0;
padding: 13px 15px 15px 17px;
border-left: 1px solid rgb(255,255,255);
}
.menu_global_smp p.accordionBtn span {
position: absolute;
left: 12px;
width: 50%;
height: 1px;
background-color: rgba(255,255,255,1);
border-radius: 4px;
transition: all .2s;
}
.menu_global_smp p.accordionBtn span:nth-of-type(1) {
top: 25px;
transform: rotate(0deg);
}
.menu_global_smp p.accordionBtn span:nth-of-type(2) {
top: 25px;
transform: rotate(90deg);
} .menu_global_smp p.accordionBtn.active span:nth-of-type(1) {
display:none;
}
.menu_global_smp p.accordionBtn.active span:nth-of-type(2) {
top: 25px;
transform: rotate(180deg);
}
@media only screen and (max-width: 1023px) {
}#___gcse_0{
max-width: 100%;
width: 300px;
margin: 0;
text-align: left;
}
#___gcse_0 *,
#___gcse_1 *{
box-sizing: content-box;
}
#___gcse_0 .gsc-control-cse,
#___gcse_1 .gsc-control-cse{
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif !important;
border-color: transparent;
background-color: transparent;
padding: 0;
}
#___gcse_0 .gsc-input-box,
#___gcse_1 .gsc-input-box{ }
#___gcse_0 .gsc-input-box > table,
#___gcse_1 .gsc-input-box > table{
height: 100%;
}
#___gcse_0 .gsib_a,
#___gcse_1 .gsib_a{
padding: 0 5px;
}
#___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input,
#___gcse_1 .gsc-search-box-tools .gsc-search-box .gsc-input{
padding-right: 5px;
}
#___gcse_0 input.gsc-search-button-v2,
#___gcse_1 input.gsc-search-button-v2{
margin: 0;
display: block;
}
#___gcse_0 .gsc-search-box .gsc-input>input:hover,
#___gcse_0 .gsc-input-box-hover ,
#___gcse_1 .gsc-input-box-hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#___gcse_0 .gsc-search-box .gsc-input>input:focus,
#___gcse_0 .gsc-input-box-focus ,
#___gcse_1 .gsc-input-box-focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#___gcse_0 input.gsc-input,
#___gcse_1 input.gsc-input{
font-size: 1.5rem;
}
#___gcse_0 .gsst_b,
#___gcse_1 .gsst_b{
font-size: 1.5rem;
}
#___gcse_0 .gsst_a,
#___gcse_1 .gsst_a{
padding-top: 0;
display: block;
}
#___gcse_0 .gscb_a,
#___gcse_1 .gscb_a{
display: block;
}
#___gcse_0 .gsc-result .gs-title,
#___gcse_1 .gsc-result .gs-title{
height: auto;
}
#___gcse_0 .gsc-control-cse .gsc-table-result,
#___gcse_1 .gsc-control-cse .gsc-table-result{
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
#___gcse_0 .gsc-thumbnail-inside,
#___gcse_0 .gsc-url-top,
#___gcse_1 .gsc-url-top{
padding: 0;
}
#___gcse_0 .gsc-results .gsc-cursor-box,
#___gcse_1 .gsc-results .gsc-cursor-box{
margin: 10px 0;
}
#___gcse_0 .gsc-results .gsc-cursor,
#___gcse_1 .gsc-results .gsc-cursor{
display: block;
font-size: 0;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page,
#___gcse_1 .gsc-results .gsc-cursor-box .gsc-cursor-page{
display: inline-block;
font-size: 1.5rem;
width: 30px;
height: 30px;
box-sizing: border-box;
line-height: 30px;
border: 1px solid #aaa;
color: #888;
text-align: center;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
#___gcse_1 .gsc-results .gsc-cursor-box .gsc-cursor-current-page{
background-color: #EB7E56;
border-color: #EB7E56;
color: #fff;
cursor: pointer;
}
#___gcse_0 form.gsc-search-box,
#___gcse_1 form.gsc-search-box{
margin-bottom: 0;
}
#___gcse_0 table.gsc-search-box,
#___gcse_1 table.gsc-search-box{
margin-bottom: 0;
}
#___gcse_1 .gsc-control-cse{
padding: 0;
border: none;
}
@media screen and (max-width: 500px){
#___gcse_0 .gsc-results-wrapper-overlay,
#___gcse_1 .gsc-results-wrapper-overlay{
width: 90%;
left: 5%;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}
}@media screen and (min-width: 1024px) {
.scrolled header{
}
} body{
}
header{
}
header #logo{
width: 20%;
position: absolute;
top: 20px;
left: 7%; z-index: 3
}
header #logo a{
display: block;
padding-bottom: calc(56 / 315 * 100%);
position: relative;
}
header #logo svg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#logo_main{
fill: rgb(0,78,156);
}
header .menu_global{
-js-display: flex;
display: flex;
}
header .menu_global > li{
-js-display: flex;
display: flex;
border: 1px solid #000;
position: relative;
flex-basis: 100%;
}
header .menu_global > li > a{
-js-display: flex;
display: flex;
align-items: center; flex: 1;
}
header .jhs-link {
background-color: rgba(255,255,255,1);
position: absolute;
top: 20px;
left: 28%;
max-width: 150px;
padding: 8px 10px;
width: 100%;
z-index: 3;
}
header .jhs-link > a {
display: block;
color: rgb(68,68,68);
font-weight: 900;
padding-left: 15px;
position: relative;
width: 100%;
}
header .jhs-link > a::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent rgb(0,78,156);
} .header-section menu {
background-color: rgba(0,78,156,1);
margin: 0;
max-width: 100px;
padding: 0;
width: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
z-index: 14;
} .menu-global {
position: fixed;
right: 0;
top: 0;
height: 100px;
width: 100px;
z-index: 7; color: rgb(255,255,255);
}
.menu-global .menu-global-inner {
display: inline-block;
width: 50px;
height: 30px;
position: relative;
margin-top: 18px;
margin-left: 24px;
padding-bottom: 20px;
z-index: 7;
}
.menu-global .menu-global-inner span {
width: 100%;
height: 1px;
position: absolute;
left: 0;
background-color: rgba(255,255,255, 1);
}
.menu-global .menu-global-inner span:nth-of-type(1) {
top: 0;
transform: rotate(0);
}
.menu-global .menu-global-inner span:nth-of-type(2) {
top: 50%;
transform: translateY(-50%);
}
.menu-global .menu-global-inner span:nth-of-type(3) {
bottom: 0;
transform: rotate(0);
}
.menu-global .menu-global-inner::after {
content: "MENU";
display: block;
position: absolute;
left: 50%;
bottom: -25px;
font-size: 1.5rem;
letter-spacing: 0.1em; transform: translateX(-50%);
}
.menu-global:hover {
cursor: pointer;
}
.menuon .menu-global {
z-index: 7;
}
.menuon .menu-global .menu-global-inner {
width: 34px;
margin-left: 21px;
}
.menuon .menu-global .menu-global-inner span:nth-of-type(1) {
top: 9px;
transform: rotate(-315deg);
}
.menuon .menu-global .menu-global-inner span:nth-of-type(2) {
width: 0;
left: 50%;
}
.menuon .menu-global .menu-global-inner span:nth-of-type(3) {
bottom: auto;
top: 9px;
transform: rotate(315deg);
}
.menuon .menu-global .menu-global-inner::after {
content: "CLOSE";
}
.menu_submenu {
position: absolute;
top: 100px;
left: 25%;
max-width: 50px;
width: 100%;
text-align: center;
}
.menu_submenu > li {
display: inline-block;
font-size: 1.8rem;
min-height: 160px;
position: relative;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
max-height: 20rem;
}
.menu_submenu > li:after {
content: "";
display: block;
width: 1px;
height: 50px;
background-color: rgba(255,255,255,1);
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(50%) rotate(45deg);
transform: translateX(50%) rotate(45deg);
}
.menu_submenu > li > a {
color: rgb(255,255,255);
text-decoration: none;
padding-top: 0;
padding-bottom: 50px;
} ul.smp_submenu {
display: none;
border-top: 1px solid rgb(255,255,255);
} main {
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 100px;
z-index: 7;
background-color: rgba(0,78,156,1);
color: rgb(255,255,255); }
.sidebar {
height: 100%;
width: 100px;
position: fixed;
top: 0;
z-index: 1;
right: 0;
background-color: rgba(255,255,255,1); -webkit-transition: transform .7s ease-in-out;
transition: transform .7s ease-in-out;
}
.bar {
display: block;
height: 5px;
width: 50px;
background-color: rgba(2555,255,255,1); margin: 10px auto;
}
.button {
cursor: pointer;
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transition: all .7s ease;
transition: all .7s ease;
}
.nav-right {
position: fixed;
right: 40px;
top: 20px;
}
.nav-right.visible-xs {
z-index: 3;
}
.hidden-xs {
display: none;
}
.middle {
margin: 0 auto;
}
.bar {
-webkit-transition: all .7s ease;
transition: all .7s ease;
}
.nav-right.visible-xs .active .bar {
background-color: #FFF;
-webkit-transition: all .7s ease;
transition: all .7s ease;
}
.button.active .top {
-webkit-transform: translateY(15px) rotateZ(45deg);
transform: translateY(15px) rotateZ(45deg);
}
.button.active .bottom {
-webkit-transform: translateY(-15px) rotateZ(-45deg);
transform: translateY(-15px) rotateZ(-45deg);
}
.button.active .middle {
width: 0;
}
.move-to-left {
-webkit-transform: translateX(-400px);
transform: translateX(-400px);
}
nav {
padding-top: 30px;
}
.sidebar-list {
padding: 0;
margin: 0;
list-style: none;
position: relative;
margin-top: 150px;
text-align: center;
}
.sidebar-item {
margin: 30px 0;
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.sidebar-item:first-child {
-webkit-transition: all .7s .2s ease-in-out;
transition: all .7s .2s ease-in-out;
}
.sidebar-item:nth-child(2) {
-webkit-transition: all .7s .4s ease-in-out;
transition: all .7s .4s ease-in-out;
}
.sidebar-item:nth-child(3) {
-webkit-transition: all .7s .6s ease-in-out;
transition: all .7s .6s ease-in-out;
}
.sidebar-item:last-child {
-webkit-transition: all .7s .8s ease-in-out;
transition: all .7s .6s ease-in-out;
}
.sidebar-item.active {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.sidebar-anchor {
color: #444;
text-decoration: none;
font-size: 1.8em;
text-transform: uppercase;
position: relative;
padding-bottom: 7px;
}
.sidebar-anchor:before {
content: "";
width: 0;
height: 2px;
position: absolute;
bottom: 0;
left: 0; -webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.sidebar-anchor:hover:before {
width: 100%;
}
.ua {
position: absolute;
bottom: 20px;
left: 30px;
}
.fa {
font-size: 1.4em;
color: #EF8354;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.ua:hover .fa {
color: #FFF;
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
@media (min-width: 480px) {
.nav-list {
display: block;
}
}
@media (min-width: 768px) {
.nav-right {
position: absolute;
}
.hidden-xs {
display: block;
}
.visible-xs {
display: none;
}
} .top_back {
position: absolute;
bottom: 10px;
left: 0;
background-color: rgba(0,78,156,1);
margin: 0 auto;
text-align: center;
width: 100%;
} .contents_wrapper{
position: relative;
overflow: hidden;
}
.contents_body{
min-height: 150px;
padding-right: 100px;
}
.contents_body-sb{
background-color: rgba(255,255,255,1);
max-width: 1040px;
margin-left: auto;
margin-right: auto;
padding-right: 20px;
padding-left: 20px;
position: relative;
}
.contents_body-sb img {
padding: 5px;
border: 1px solid rgb(204,204,204);
background: rgba(255,255,255,0.5);
color: rgb(255,255,255); } img.no-imgFlame {
padding: 0;
border: none;
background: none;
}
section:after,
.contents_body-sb:after{
content: '';
display: table;
clear: both;
}
.contents_body-sb > :first-child{
margin-top: 0 !important;
}
.contents_body-sb > :last-child{
margin-bottom: 0 !important;
} .top-news-wrapper{ }
.top-news-wrapper.active{
display: block;
} footer{
padding-right: 100px;
}
footer .footer-submenu {
max-width: 1100px;
margin: 0 auto;
padding: 30px 0;
width: 100%;
}
footer .footer-submenu .submenu_footer {
max-width: 950px;
margin: 0 auto;
text-align: center;
width: 100%;
}
footer .footer-submenu .submenu_footer > li {
display: inline-block; font-size: 1.6rem;
max-width: 180px;
width: 100%;
padding: 6px 10px;
position: relative;
}
footer .footer-submenu .submenu_footer > li:before {
content: "";
display: block;
width: 1px;
height: 40px;
background-color: rgba(68,68,68,1);
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-50%) rotate(45deg);
}
footer .footer-submenu .submenu_footer > li:last-of-type:after {
content: "";
display: block;
width: 1px;
height: 40px;
background-color: rgba(68,68,68,1);
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-50%) rotate(45deg);
}
footer .footer-submenu .submenu_footer > li > a {
color: rgb(68,68,68);
}
footer .footer-bnr {
max-width: 1100px;
margin: 0 auto;
width: 100%;
}
footer .footer-bnr .external-bnr {
max-width: 960px;
margin: 0 auto;
text-align: center;
width: 100%;
}
footer .footer-bnr .external-bnr > li {
display: inline-block;
padding: 10px;
}
footer .footer-bnr .external-bnr > li > a {
display: inline-block;
}
footer .fotter-info-block {
background: linear-gradient(90deg, rgba(0,78,156,1) 50%, rgba(255,255,255,1) 50%);
width: 100%;
}
footer .fotter-info-block .fotter-info-block-inner {
display: -moz-flex;
display: -webkit-flex;
display: flex; margin: 0 0 0 auto;
max-width: 1400px;
width: 100%;
}
footer .fotter-info-block .fotter-info-block-inner .right {
background-color: rgba(255,255,255,1); padding: 20px 20px;
width: 67%;
}
footer .fotter-info-block .fotter-info-block-inner .left {
background-color: rgba(0,78,156,1);
color: rgb(255,255,255); padding: 20px 20px;
position: relative;
text-align: center;
overflow: hidden;
width: 33%;
}
footer .fotter-info-block .fotter-info-block-inner .left .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
max-width: 400px;
width: 100%;
}
footer .ft-external-link {
padding-bottom: 30px;
}
footer .menu_global {
display: -moz-flex;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
}
footer .menu_global > li { padding: 0 20px 20px 0;
vertical-align: top; width: calc(99.99% / 3);
}
footer .menu_global > .menu-item-object-page > a {
display: block;
border-bottom: 1px solid rgba(0,78,156,1);
color: rgb(68,68,68);
font-size: 1.5rem;
font-weight: 700;
}
footer .menu_global > .menu-item-object-page .sub-menu {
margin: 0 0 0 15px;
}
footer .menu_global > .menu-item-object-page .sub-menu > li {
position: relative;
} 
footer .menu_global > .menu-item-object-page .sub-menu > li:before {
content: "";
width: 3px;
height: 3px;
display: inline-block;
background-color: rgba(68,68,68,1);
border-radius: 50%;
position: relative;
top: -1px;
margin-right: 5px;
margin-left: -10px;
}
footer .menu_global > .menu-item-object-page .sub-menu > li > a {
color: rgb(68,68,68);
font-size:1.2rem;
font-weight: 700;
}
.footer-logo {
max-width: 235px;
margin: 0 auto 10px;
position: relative;
}
.footer-logo:before {
content: "";
display: block;
padding-bottom: calc(40 / 222 * 100%);
}
.footer-logo svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
fill: rgb(255,255,255);
}
.footer-logo svg #logo_main2{
fill: rgb(255,255,255)!important;
}
.googlemap-wrapper{
position: relative;
padding-bottom: 50%;
}
.googlemap-wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.footer-schoolinfo-add {
display: inline-block;
border: 1px solid rgb(255,255,255);
color: rgb(255,255,255);
font-size: 1.8rem;
max-width: 200px;
margin: 0 5px 10px;
padding: 8px;
position: relative;
width: 100%;
}
.footer-schoolinfo-add:before {
content: '';
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/ico_map.png);
background-position: left 0 top 50%;
background-repeat: no-repeat;
margin-right: 10px;
padding: 15px 15px;
}
.footer-schoolinfo-tel {
display: inline-block;
border: 1px solid rgb(255,255,255);
max-width: 200px;
margin: 0 0 10px;
padding: 8px;
position: relative;
width: 100%;
}
.footer-schoolinfo-tel:before {
content: '';
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/ico_tel.png);
background-position: left 0 top 50%;
background-repeat: no-repeat;
margin-right: 10px;
padding: 15px 15px;
}
.footer-schoolinfo-tel > span {
font-size: 1.8rem;
pointer-events: none;
}
footer .jhs-link {
display: none;
}
.copy{
text-align: center;
font-size: 1rem;
margin-top: 20px;
} .go_page_top{
position: fixed;
bottom: 10px;
right: 15px;
opacity: 0;
z-index: 100;
cursor: pointer;
width: 70px;
height: 70px;
transition: all .5s;
border: 1px solid rgb(255,255,255); }
.go_page_top span{
color: rgb(255,255,255);
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.go_page_top span:before {
content: '';
width: 12px;
height: 12px;
margin-top: -10px;
border-top: solid 2px rgb(255,255,255);
border-left: solid 2px rgb(255,255,255); 
transform: rotate(45deg);
position: absolute;
top: 0;
left: 30%;
} .scrolled .go_page_top{
opacity: 0.65;
}
.notouch.scrolled .go_page_top:hover{
opacity: 1;
}
.no-tel {
pointer-events: none;
}
@media only screen and (max-width: 1279px) {
header #logo{
} }
@media only screen and (max-width: 1023px) { body{
}
header{
position: sticky;
top: 0;
padding: 10px;
z-index: 999;
background-color:rgba(255,255,255,.4);
} }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { header #logo {
width: 50%;
top: 10px;
left: 10px;
}
header .jhs-link {
left: 55%;
}
.header-section menu {
background-color: rgba(0,78,156,0);
max-width: 65px;
position: absolute; top: 0;
right: 0;
bottom: auto;
}
.header-button-smpmenu {
padding-right: 10px;
}
.header-button-smpmenu-trigger span {
left: 0;
width: 50px;
background-color: rgba(0,78,156,1);
}
.header-button-smpmenu-trigger span:nth-of-type(3) {
top: 26px;
}
.header-button-smpmenu-trigger span:nth-of-type(4) {
color: rgb(0,78,156);
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
height: auto;
background-color: transparent;
font-size: 1.5rem;
line-height: 1;
}
html.open .header-button-smpmenu-trigger span {
background-color: rgba(255,255,255,1);
}
.header-button-smpmenu-li {
margin: 20px auto 0 auto;
width: 50px;
}
.menu_submenu {
display: none;
}
.header-menu-smp {
padding-right: 0;
}
.smp_submenu {
display: flex!important;
position: fixed;
bottom: 0;
background-color: rgba(0,78,156,1);
width: 100%;
z-index: 10;
}
.smp_submenu > li {
border-right: 1px solid rgb(255,255,255);
font-size: 1.4rem;
position: relative;
width: 25%;
}
.smp_submenu > li:last-child {
border-right: none;
}
.smp_submenu > li > a {
display: block;
color: rgb(255,255,255);
min-height: 50px;
text-decoration: none;
text-align: center;
padding: 15px 0 0 0;
}
.header-menu-smp-inner {
padding: 75px 0 20px;
}
.contents_body {
min-height: 150px;
padding-right: 0;
} footer{
padding-right: 0;
}
footer .footer-submenu .submenu_footer > li {
font-size: 1.2rem;
max-width: 130px;
width: 100%;
padding: 4px 0px;
}
footer .footer-submenu .submenu_footer > li:before {
height: 30px;
}
footer .fotter-info-block {
background: rgba(0,78,156,1);
}
footer .fotter-info-block .fotter-info-block-inner {
display: block;
padding-bottom: 40px;
}
footer .fotter-info-block .fotter-info-block-inner .left {
max-width: 100%;
width: 100%;
}
footer .fotter-info-block .fotter-info-block-inner .left .inner {
position: static;
transform: none;
max-width: 100%;
}
footer .fotter-info-block .fotter-info-block-inner .right {
display: none;
}
.go_page_top{
width: 50px;
height: 50px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {  }
@media only screen and (max-width: 767px) {
body {
font-size: 1.5rem;
}
header #logo {
width: 60%;
position: static; }
header .jhs-link {
position: static; padding: 4px 10px;
border: 1px solid rgb(219, 219, 219);
margin: 20px 0 0 auto;
}
.header-section menu {
background-color: rgba(0,78,156,0);
max-width: 65px;
position: absolute; top: 0;
right: 0;
bottom: auto;
}
.header-button-smpmenu-trigger span {
left: 5px;
width: 40px;
background-color: rgba(0,78,156,1);
}
.header-button-smpmenu-trigger span:nth-of-type(3) {
top: 26px;
}
.header-button-smpmenu-trigger span:nth-of-type(4) {
color: rgb(0,78,156);
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
height: auto;
background-color: transparent;
font-size: 1.5rem;
line-height: 1;
}
html.open .header-button-smpmenu-trigger span {
background-color: rgba(255,255,255,1);
}
.header-button-smpmenu-li {
margin: 8px auto 0 auto;
width: 50px;
}
.menu_submenu {
display: none;
}
.open .header-menu-smp {
width: 100%;
padding-right: 0;
}
.smp_submenu {
display: flex!important;
position: fixed;
bottom: 0;
background-color: rgba(0,78,156,1);
width: 100%;
z-index: 10;
}
.smp_submenu > li {
border-right: 1px solid rgb(255,255,255);
font-size: 1.4rem;
position: relative;
width: 25%;
}
.smp_submenu > li:last-child {
border-right: none;
}
.smp_submenu > li > a {
display: block;
color: rgb(255,255,255);
min-height: 50px;
text-decoration: none;
text-align: center;
padding: 15px 0 0 0;
} footer{
padding-right: 0;
}
footer .footer-submenu .submenu_footer > li {
font-size: 1.2rem;
max-width: 130px;
width: 100%;
padding: 4px 0px;
}
footer .footer-submenu .submenu_footer > li:before {
height: 30px;
}
footer .fotter-info-block {
background: rgba(0,78,156,1);
}
footer .fotter-info-block .fotter-info-block-inner {
display: block;
padding-bottom: 40px;
}
footer .fotter-info-block .fotter-info-block-inner .left {
max-width: 100%;
width: 100%;
}
footer .fotter-info-block .fotter-info-block-inner .left .inner {
position: static;
transform: none;
max-width: 100%;
}
footer .fotter-info-block .fotter-info-block-inner .right {
display: none;
}
footer .jhs-link {
display: block;
background-color: rgba(255,255,255,1);
max-width: 200px;
margin: 15px auto;
padding: 8px 10px;
width: 100%;
z-index: 3;
}
footer .jhs-link > a {
display: block;
color: rgb(68,68,68);
font-weight: 900;
padding-left: 15px;
position: relative;
width: 100%;
}
footer .jhs-link > a::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent rgb(0,78,156);
}
.go_page_top{
bottom: 55px;
right: 5px;
width: 50px;
height: 50px;
}
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 767px) {
.contents_body{
padding-right: 0;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .menu_submenu > li {
font-size: 1.6rem;
min-height: 140px;
}
.go_page_top {
right: 20px;
width: 60px;
height: 60px;
}
}
@media only screen and (max-width: 450px) {
body{
} footer .footer-bnr .external-bnr {
max-width: 400px;
}
footer .footer-bnr .external-bnr .slick-list {
margin: 0 auto;
max-width: 300px;
width: 100%;
}
footer .footer-bnr .external-bnr .slick-prev {
border: 1px solid rgb(255,255,255);
background-color: rgba(0,78,156,1);
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow-prev-50x50.png);
background-size: cover;
}
footer .footer-bnr .external-bnr .slick-next {
border: 1px solid rgb(255,255,255);
background-color: rgba(0,78,156,1);
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow-next-50x50.png);
background-size: cover;
}
}.sub-headerImg-wrapper {
position: relative;
}
.sub-headerImg-wrapper .sub-headerImg-bgi {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 300px;
position: relative;
z-index: -1;
}
.sub-headerImg-wrapper .sub-headerImg-bgi:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background-color: rgba(255,255,255,.3); height: 100%; 
width: 100%;
}
.sub-headerImg-wrapper .sub-headerImg-h1 {
color: rgb(0,0,0);
font-size: 4.2rem;
font-weight: normal;
line-height: 1.5;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sub-headerImg-wrapper .sub-headerImg-h1 > span {
background: linear-gradient(transparent 70%, rgba(128,196,209,.7) 70%);
width: 0;
} .caption {
display: block;
margin-top: 6px;
}
.decorative-frame1 {
background-color: rgba(255,255,255,1);
border: 10px solid rgb(128,196,209);
margin-bottom: 20px;
padding: 20px;
}
.decorative-frame1 > ul {
margin: 0!important;
}
.decorative-frame1 > ul > li {
margin-top: 0!important;
} .breadcrumbs{
font-size: 1.4rem;
padding: 1em 1em 1em; }
.breadcrumbs > span{
display: inline-block;
vertical-align: middle;
}
.breadcrumbs a{
color: rgb(0,78,156);
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.breadcrumbs a:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: rgb(0,78,156);
height: 2px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.breadcrumbs a:hover:before,
.breadcrumbs a:focus:before,
.breadcrumbs a:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}  hr{
display: block;
border-width: 1px 0 0;
border-color: #ddd;
}
.hr_dotted hr{
border-style: dashed;
} .btn{
} .layout_pageLead{
display: table;
width: 100%;
}
.layout_pageLead-cell{
display: table-cell;
vertical-align: middle;
}
.layout_pageLead-h2{
text-align: center;
padding: 15px;
border-style: solid;
border-color: #ddd;
border-width: 0 1px;
width: 260px;
font-size: 2rem;
font-weight: bold;
}
.layout_pageLead-p{
padding: 15px 0 15px 15px;
line-height: 1.8;
} .bgi_dot_lightblue{
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/bg_dot_lightblue_4x4.png);
-webkit-background-size: 4px;
background-size: 4px;	
} .ib_ifb{
margin: 30px 0;
}
.ib_ifb:after{
content: '';
display: table;
clear: both;
}
.ib_ifb .thumb img{
display: block;
margin-left: auto;
margin-right: auto;
}
.students_voice .ib_ifb .thumb img{
max-width: 300px;
}
.ib_ifb .nodisplay{
display: none;
}
.ib_ifb .thumb .caption{
margin-top: 5px;
font-size: 1.3rem;
text-align: center;
display: block;
}
.ib_ifb .tb:after{
content: '';
display: table;
clear: both;
}
.ib_ifb .tb > :first-child{
margin-top: 0 !important;
}
.ib_ifb .tb > :last-child{
margin-bottom: 0 !important;
}
.ib_ifb .tb .tbib:nth-of-type(n+2){
margin-top: 30px;
}
.ib_ifb.tbbgc{
background-color: #f5f5f5;
}
.ib_ifb.tbbgc .thumb{
margin: 0;
}
.ib_ifb.tbbgc .thumb img{
max-width: 240px;
}
.ib_ifb.tbbgc .tb{
padding: 15px;
overflow: hidden;
}
.ib_ifb.tbofh .tb{
overflow: hidden;
}
.ib_ifb.bgwrp{
border-style: solid;
border-width: 1px;
border-color: rgba(46, 111, 54, 1);
background-color: #fff;
padding: 15px;
position: relative;
}
.ib_ifb.bgwrp:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(46, 111, 54, 0.05);
} .ib_bbw{
margin: 30px 0;
}
.ib_bbw .bb{
padding: 30px 0;
border-style: dotted;
border-color: #ddd;
border-width: 1px 0 0;
}
.ib_bbw .bb:first-child{
border-width: 0;
padding-top: 0;
}
.ib_bbw .bb:last-child{
border-bottom-width: 1px;
}
.ib_bbw .bb > :first-child{
margin-top: 0 !important;
}
.ib_bbw .bb > :last-child{
margin-bottom: 0 !important;
} .tag span{
color: #fff;
display: inline-block;
padding: 10px 20px;
background-color: #ecbb28;
vertical-align: middle;
}
.tag span.tagb{
padding: 0;
margin-left: 15px;
background-color: transparent;
font-size: 1.1rem;
color: #4d4d4d;
} .listlink_wrp{
margin-top: 1.5em;
}
.listlink_wrp a{
display: block;
padding: 15px 15px 15px 26px;
color: inherit;
border-style: dashed;
border-color: #ddd;
border-width: 1px 0 0;
position: relative;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_6x10_keycolor_border_left.png);
background-position: 10px 20px;
background-repeat: no-repeat;
-webkit-background-size: 6px 10px;
background-size: 6px 10px;
}
.listlink_wrp a:last-child{
border-bottom-width: 1px;
}
.listlink_wrp a:hover{
background-color: rgba(9, 73, 174, 0.05);
}
.listlink_wrp a[href$=".pdf"]{
padding-right: 52px;
}
.listlink_wrp a[href$=".pdf"]:after{
content: '';
width: 32px;
height: 32px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/Adobe_PDF_file_icon_32x32.png);
background-repeat: no-repeat;
-webkit-background-size: 32px auto;
background-size: 32px auto;
} .postArticle-con{
padding: 20px 20px;
}
.postArticle-con h2{
font-size: 3.4rem;
margin: 40px 0!important;
text-align: center;
}
.postArticle-con h2 > span {
display: inline-block;
padding: 20px 70px;
position: relative;
}
.postArticle-con h2 > span:before {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-50%) rotate(45deg);
}
.postArticle-con h2 > span:after {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-50%) rotate(45deg);
}
.postArticle-con h3 {
font-weight: normal;
margin-top: 50px;
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid rgb(221,221,221);
}
.postArticle-con h3:after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: rgba(0,78,156,1);
} .postArticle-con h4 {
position: relative;
padding: 15px 20px 15px 20px;
border: 1px solid rgb(221,221,221);
margin-left: 20px;
margin-right: 20px;
}
.postArticle-con h4:after {
position: absolute;
top: 50%;
left: 6px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: '';
width: 5px;
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
background-color: rgba(0,78,156,1);
border-radius: 2px;
}
.postArticle-con h5 {
border-bottom: 3px double rgb(221,221,221);
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
}
.postArticle-con h6 {
margin-left: 20px;
margin-right: 20px;
}
.postArticle-con p {
margin: 0  20px  20px  20px;
}
.postArticle-con ul,
.postArticle-con ol {
margin-left: 20px!important;
margin-right: 20px!important;
}
.postArticle-con .gallery {
margin-left: 15px;
margin-right: 15px;
}
.postArticle-con table,
.postArticle-con table th,
.postArticle-con table td{ }
.postArticle-con .section-lead{
font-size: 1.8rem;
margin: 0 0 30px;
text-align: center;
} .postArticle-con .list-table {
display: -moz-flex;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
border: 1px solid rgb(221,221,221);
margin: 0 auto;
max-width: 900px;
overflow: hidden;
width: 100%;
}
.postArticle-con .list-table > div {
padding: 10px;
box-sizing: border-box;
}
.postArticle-con .list-table .title-cell {
background-color: rgba(0,78,156,.1);
border-right: 1px solid rgb(221,221,221);
border-bottom: 1px solid rgb(221,221,221);
width: 25%;
}
.postArticle-con .list-table .text-cell {
border-bottom: 1px solid rgb(221,221,221);
width: 75%;
} .postArticle-con .club-flame {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.postArticle-con .club-flame .club-block {
border: 1px solid rgb(221,221,221);
margin: 10px;
padding: 10px;
width: -webkit-calc(100% / 3.3);
width: calc(100% / 3.3);
}
.postArticle-con .club-flame .club-block img {
padding: 0;
border: none;
background: none;
}
.postArticle-con .club-flame .club-block h3 {
font-size: 1.8rem;
font-weight: 900;
margin: 20px 0 0 0;
}
.postArticle-con .club-flame .club-block aside {
margin: 20px 0 0 0;
} .postArticle-con .jigakukan-wrapper > div {
padding: 20px; text-align: center;
}
.postArticle-con .jigakukan-wrapper > div:nth-of-type(n + 3) {
margin-bottom: 40px;
position: relative;
}
.postArticle-con .jigaku-third {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 40px 20px;
}
.postArticle-con .jigaku-third::before,
.postArticle-con .jigaku-fourth::before {
content: "";
position: absolute;
height: 42px;
width: 1px;
left: 50%;
bottom: -42px;
background-color: rgb(68,68,68);
}
.postArticle-con .jigaku-third::after,
.postArticle-con .jigaku-fourth::after {
content: "";
width: 15px;
height: 15px;
position: absolute;
border: solid 1px rgb(68,68,68);
border-left-color: transparent;
border-top-color: transparent;
left: 50%;
bottom: -39px;
transform-origin: center;
-webkit-transform: translateX(-46.5%) rotate(45deg);
-ms-transform: translateX(-46.5%) rotate(45deg);
-o-transform: translateX(-46.5%) rotate(45deg);
transform: translateX(-46.5%) rotate(45deg);
}
.postArticle-con .jigaku-detail {
text-align: left;
width: calc(100% / 3);
padding: 0 10px;
box-sizing: border-box;
}
.postArticle-con .jigaku {
border: solid 1px rgb(68,68,68);
}
.postArticle-con .jigakukan-wrapper > .jigaku-first {
font-size: 2.4rem;
}
.postArticle-con .jigakukan-wrapper > .jigaku-second {
padding: 10px 10px;
overflow: hidden;
}
.postArticle-con .jigakukan-wrapper > .jigaku-second span {
display: block;
font-weight: 900;
padding: 10px;
border-left: solid 1px rgb(68,68,68);
border-right: solid 1px rgb(68,68,68);
max-width: 400px;
margin: auto;
position: relative;
}
.postArticle-con .jigakukan-wrapper > .jigaku-second span::before,
.postArticle-con .jigakukan-wrapper > .jigaku-second span::after {
content: "";
width: 15px;
height: 15px;
position: absolute;
transform: rotate(45deg);
transform-origin: center;
}
.postArticle-con .jigakukan-wrapper > .jigaku-second span::before {
border: solid 1px rgb(68,68,68);
border-right-color: transparent;
border-bottom-color: transparent;
left: -9px;
top: 3px;
}
.postArticle-con .jigakukan-wrapper > .jigaku-second span::after {
border: solid 1px rgb(68,68,68);
border-left-color: transparent;
border-top-color: transparent;
right: -9px;
bottom: 3px;
}
.postArticle-con .jigakukan-wrapper > .jigaku-fourth {
font-size: 2.4rem;
}
.postArticle-con .jigakukan-wrapper > .jigaku-fifth {
font-size: 2.4rem;
}
.jigakukan-list-flame {
}
.jigakukan-list-flame:after {
content: '';
display: table;
clear: both;
}
.jigakukan-list-flame h3,
.jigakukan-list-flame h4 {
clear: both;
}
.jigakukan-list-flame img {
margin-bottom: 20px;
} .postArticle-con .uniform-flame {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.postArticle-con .uniform-flame .uniform-block {
width: 50%;
}
.postArticle-con .uniform-flame .uniform-block img {
padding: 0;
border: none;
background: none;
}
.postArticle-con .uniform-flame .uniform-block .uniform-name {
display: block; background-color: rgba(0,78,156,.8);
-moz-transform: skewX(-7deg);
-webkit-transform: skewX(-7deg);
transform: skewX(-7deg);
color: rgb(255,255,255);
font-weight: normal;
max-width: 350px;
margin: 0 auto 0 auto;
min-height: 60px;
padding: 6px 10px;
position: relative;
text-align: center;
width: 100%;
z-index: 3;
}
.postArticle-con .uniform-flame .uniform-block .uniform-name::after {
content: '';
position: absolute;
width: 15px;
height: 1px;
top: 50%;
left: 0;
transition: all .5s;
background-color: rgb(255,255,255);
z-index: -1;
}
.postArticle-con .uniform-flame .uniform-block .uniform-name > h3 {
border: none;
-moz-transform: skewX(7deg);
-webkit-transform: skewX(7deg);
transform: skewX(7deg);
color: rgb(255,255,255);
font-size: 1.8rem;
font-weight: normal;
margin-bottom: 0;
padding: 12px 0 0 0;
margin-top: 0;
}
.postArticle-con .uniform-flame .uniform-block .uniform-name > h3::after {
content: none;
} .postArticle-con .facility-flame {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.postArticle-con .facility-flame .facility-block {
border: 1px solid rgb(221,221,221);
margin: 10px;
padding: 10px;
width: -webkit-calc(100% / 3.3);
width: calc(100% / 3.3);
}
.postArticle-con .facility-flame .facility-block img {
padding: 0;
border: none;
background: none;
}
.postArticle-con .facility-flame .facility-block h3 {
font-size: 1.8rem;
font-weight: 900;
margin: 20px 0 0 0;
}
.postArticle-con .facility-flame .facility-block aside {
margin: 20px 0 0 0;
} .postArticle-con .scholl-event-flame {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.postArticle-con .scholl-event-flame .scholl-event-block {
border: 1px solid rgb(221,221,221);
margin: 10px;
padding: 10px;
width: -webkit-calc(100% / 3.3);
width: calc(100% / 3.3);
}
.postArticle-con .scholl-event-flame .scholl-event-block img {
padding: 0;
border: none;
background: none;
}
.postArticle-con .scholl-event-flame .scholl-event-block h3 {
font-size: 1.8rem;
font-weight: 900;
margin: 20px 0 0 0;
}
.postArticle-con .scholl-event-flame .scholl-event-block aside {
margin: 20px 0 0 0;
}
.postArticle-con .scholl-schedule-flame {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.postArticle-con .scholl-schedule-flame .scholl-schedule-block {
border: 1px solid rgb(221,221,221);
border-collapse: collapse;
margin: 2px;
width: -webkit-calc(100% / 3.1);
width: calc(100% / 3.1);
}
.postArticle-con .scholl-schedule-flame .scholl-schedule-block .schedule-month {
background-color: rgba(0,78,156,.1);
color: rgb(77,77,77);
font-size: 1.8rem;
font-weight: 900;
padding: 10px;
text-align: center;
}
.postArticle-con .scholl-schedule-flame .scholl-schedule-block .schedule-event {
padding: 10px;
}  .page-index-flame {
text-align: center;
}
.page-index-flame .page-index-title {
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/page_titleimg_index.png);
background-position: center center;
background-repeat: no-repeat;
margin: 50px 0;
}
.page-index-flame .page-index-title > span {
display: inline-block;
padding: 20px 70px;
position: relative;
}
.page-index-flame .page-index-title > span:before {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-50%) rotate(45deg);
}
.page-index-flame .page-index-title > span:after {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-50%) rotate(45deg);
}
.page-index-block {
display: inline-block;
max-width: 320px;
margin-bottom: 40px;
vertical-align: top;
width: 100%;
}
.page-index-block .index-image {
width: 100%;
max-height: 200px;
overflow: hidden;
position: relative;
}
.page-index-block .index-image > img {
padding: 0;
border: none; }
.page-index-block .index-title {
display: block; background-color: rgba(0,78,156,.8);
-moz-transform: skewX(-7deg);
-webkit-transform: skewX(-7deg);
transform: skewX(-7deg);
color: rgb(255,255,255);
font-weight: normal;
max-width: 250px;
margin: -30px auto 0 auto;
min-height: 60px;
padding: 6px 10px;
position: relative;
text-align: center;
width: 100%;
z-index: 3;
}
.page-index-block .index-title::after {
content: '';
position: absolute;
width: 15px;
height: 1px;
top: 50%;
left: 0;
transition: all .5s;
background-color: rgb(255,255,255);
z-index: -1;
}
.page-index-block .index-title > h3 {
border: none;
-moz-transform: skewX(7deg);
-webkit-transform: skewX(7deg);
transform: skewX(7deg);
color: rgb(255,255,255);
font-size: 1.8rem;
font-weight: normal;
margin-bottom: 0;
padding: 12px 0 0 0;
margin-top: 0;
}
.page-index-block .index-title > h3::after {
content: none;
}
.page_midashi .breadcrumbs {
font-size: 1.4rem;
margin-top: 0;
padding-right: 0;
padding-left: 0;
text-align: right;
}
.page_midashi .contents_body-sb {
background: none;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
.page_midashi .page-mida-flame {
display: -moz-flex;
display: -webkit-flex;
display: flex;
margin: 0 auto;
max-width: 1400px; width: 100%;
}
.page_midashi .page-mida-flame .right {
width: 55%;
position: relative;
z-index: 2;
}
.page_midashi .page-mida-flame .right .inner {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
padding-right: 70px;
width: 100%;
}
.page_midashi .page-mida-flame .right .inner h2 {
display: block; background-color: rgba(0,78,156,.8);
-moz-transform: skewX(-7deg);
-webkit-transform: skewX(-7deg);
transform: skewX(-7deg);
color: rgb(255,255,255);
font-size: 3.2rem;
font-weight: normal;
line-height: 1.5;
margin: 0!important;
max-width: 700px;
min-height: 100px;
padding: 10px 13px;
position: relative;
text-align: left;
width: 100%;
}
.page_midashi .page-mida-flame .right .inner h2 .inner {
display: inline-block;
-moz-transform: skewX(7deg);
-webkit-transform: skewX(7deg);
transform: skewX(7deg);
color: rgb(255,255,255);
padding-right: 0;
position: absolute;
top: 25%;
left: 25px;
width: 95%;
}
.page_midashi .page-mida-flame .right .inner h3 {
border: none;
color: rgb(0,78,156);
font-size: 2.4rem;
}
.page_midashi .page-mida-flame .right .inner h3:after {
position: static;
}
.page_midashi .page-mida-flame .right .inner h4 {
font-size: 1.8rem;
padding: 15px 0 15px 20px;
position: relative;
}
.page_midashi .page-mida-flame .right .inner h4:after {
position: absolute;
top: 50%;
left: 6px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: '';
width: 5px;
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
background-color: rgba(0,78,156,1);
}
.page_midashi .page-mida-flame .right .inner h5 {
border-bottom: 4px double rgb(77,77,77);
padding-bottom: 10px;
}
.page_midashi .page-mida-flame .left {
width: 45%; position: relative;
z-index: 1;
}
.page_midashi .page-mida-flame .left .page-mida-image {
display: inline-block;
max-width: 525px;
min-height: 400px;
-moz-transform: translateX(-5%) skewX(-7deg);
-webkit-transform: translateX(-5%) skewX(-7deg);
transform: translateX(-5%) skewX(-7deg);
overflow: hidden; position: relative;
}
.page_midashi .page-mida-flame .left .page-mida-image > img {
padding: 0;
border: none;
background: none;
color: transparent;
max-height: 450px;
max-width: none;
-moz-transform: translateX(0%) skewX(7deg);
-webkit-transform: translateX(0%) skewX(7deg);
transform: translateX(0%) skewX(7deg);
}
.policy {
}
.policy .plbox {
display: -moz-flex;
display: -webkit-flex;
display: flex;
margin: 0 auto;
width: 100%;
}
.policy .plbox .policy-title {
font-size: 2.4rem;
font-weight: 900;
text-align: left;
vertical-align: top;
width: 15%;
}
.policy .plbox .policy-text {
font-size: 1.8rem;
padding: 4px 0 0 0;
text-align: left;
width: 85%;
}
.page_course_point {
padding: 60px 0;
}
.page_course_point .point-title {
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/page_titleimg_point.png);
background-position: center center;
background-repeat: no-repeat;
margin: 50px 0;
text-align: center;
}
.page_course_point .point-title > span {
display: inline-block;
padding: 20px 70px;
position: relative;
}
.page_course_point .point-title > span:before {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-50%) rotate(45deg);
}
.page_course_point .point-title > span:after {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-50%) rotate(45deg);
}
.page_course_point .point-flame {
display: -moz-flex;
display: -webkit-flex;
display: flex;
margin: 0 auto 50px auto;
width: 100%;
}
.page_course_point .point-flame:last-child {
margin: 0 auto 0 auto;
}
.page_course_point .point-flame > .right {
order: 2;
width: 65%;
}
.page_course_point .point-flame > .left {
order: 1;
width: 35%;
}
.page_course_point .point-flame:nth-child(odd) > .right {
order: 1;
width: 65%;
}
.page_course_point .point-flame:nth-child(odd) > .left {
order: 2;
width: 35%;
}
.page_course_point .point-flame > .left div {
position: relative;
max-width: 320px;
margin: 0 auto;
overflow: hidden; padding-top: 50%;
width: 100%;
}
.page_course_point .point-flame > .left div > img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 0;
border: none;
background: none;
max-width: 320px;
width: 100%;
}
.page_course_point .point-flame .point-block {
display: -moz-flex;
display: -webkit-flex;
display: flex;
margin: 0 auto;
width: 100%;
}
.page_course_point .point-flame .point-block > .right {
padding-left: 20px;
width: 80%;
}
.page_course_point .point-flame .point-block > .right > h3 {
border: none;
color: rgb(0,78,156);
font-size: 2.4rem;
margin-top: 0;
margin-bottom: 0;
padding: 20px 0;
}
.page_course_point .point-flame .point-block > .right > h3:after {
content: none;
}
.page_course_point .point-flame .point-block > .left {
border-right: 1px solid rgb(0,78,156);
position: relative;
width: 20%;
}
.page_course_point .point-flame .point-block > .left > span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgb(0,78,156);
font-size: 10rem;
}
.page_course_curriculum {
padding: 45px 0;
margin: 45px 0;
}
.page_course_curriculum .contents_body-sb {
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
.page_course_curriculum .slopeWrapper {
background-position: center center;
background-size: cover;
-moz-transform: translateX(0%) skewY(-5deg);
-webkit-transform: translateX(0%) skewY(-5deg);
transform: translateX(0%) skewY(-5deg);
overflow: hidden;
position: relative;
}
.page_course_curriculum .slopeWrapper:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
background-color: rgba(128,196,209,.8);
width: 100%;
height: 100%;
}
.page_course_curriculum .slopeWrapper .slopeWrapper-inner {
max-width: 100%;
padding: 40px 0;
position: relative;
-moz-transform: translateX(0%) skewY(5deg);
-webkit-transform: translateX(0%) skewY(5deg);
transform: translateX(0%) skewY(5deg);
z-index: 3;
}
.page_course_curriculum .slopeWrapper .slopeWrapper-inner .blockWrapper {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.page_course_curriculum .point-title { margin: 50px 0;
text-align: center;
}
.page_course_curriculum .point-title > span {
display: inline-block;
padding: 20px 70px;
position: relative;
}
.page_course_curriculum .point-title > span:before {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-50%) rotate(45deg);
}
.page_course_curriculum .point-title > span:after {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-50%) rotate(45deg);
}
.page_course_curriculum .point-aside {
margin: 40px 0 30px 0;
text-align: center;
}
.page_message .message-title {
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/page_titleimg_message.png);
background-position: center center;
background-repeat: no-repeat;
margin: 50px 0;
text-align: center;
}
.page_message .message-aside {
margin: 30px 0 0 0;
}
.page_message .message-title > span {
display: inline-block;
padding: 20px 70px;
position: relative;
}
.page_message .message-title > span:before {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
left: 0;
transform: translateX(-50%) rotate(45deg);
}
.page_message .message-title > span:after {
content: "";
display: block;
width: 1px;
height: 80px;
background-color: rgba(0,78,156,1);
position: absolute;
bottom: 0;
right: 0;
transform: translateX(-50%) rotate(45deg);
}
.message-flame {
border: 10px solid rgba(128,196,209,.7);
box-sizing: border-box;
margin-top: 30px;
padding: 30px;
}
.message-flame .message-block {
display: -moz-flex;
display: -webkit-flex;
display: flex;
margin: 0 auto;
width: 100%;
}
.message-flame .message-block > .right {
padding-left: 20px;
width: 100%;
}
.message-flame .message-block > .right h3 {
color: rgb(0,78,156);
font-size: 2.4rem;
margin: 0 0 20px 0;
}
.message-flame .message-block > .right aside {
text-align: left;
}
.message-flame .message-block > .left { }
.message-flame .message-block > .left .person {
margin-bottom: 10px;
}
.message-flame .message-block > .left .person > span {
display: block;
}
.message-flame .message-block > .left img {
padding: 0;
border: none;
background: none;
max-width: 320px; }
.sidebarWrapper {
background-color: rgba(221,221,221,1);
position: relative;
margin-top: 60px;
}
.sidebarWrapper:before {
content: "";
display: block;
position: absolute;
top: -60px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 100vw 60px 0;
border-color: transparent transparent rgba(221,221,221,1) transparent;
}
.sidebarWrapper .sidebar-flame {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
padding: 0 20px 40px 20px;
}
.sidebarWrapper .sidebar-flame .except {
font-size: 3.4rem;
margin-bottom: 30px;
text-align: center;
}
.sidebarWrapper .sidebar-flame .except > a {
color: rgb(0,78,156);
}
.sidebarWrapper .sidebar-flame .pageLink-list {
background-color: rgba(255,255,255,1);
padding: 30px;
}
.sidebarWrapper .sidebar-flame .pageLink-list > li {
display: inline-block;
padding: 0 30px;
position: relative;
}
.sidebarWrapper .sidebar-flame .pageLink-list > li::before {
content: '';
position: absolute;
width: 15px;
height: 1px;
top: 50%;
left: 0;
transition: all .5s;
background-color: rgba(0,78,156,1); }
.sidebarWrapper .sidebar-flame .pageLink-list > li > a {
display: block;
color: rgb(0,78,156); }
.school-greeting-flame {
background-color: rgba(221,221,221,1);
margin: 60px 0;
position: relative;
}
.school-greeting-flame:before {
content: "";
display: block;
position: absolute;
top: -60px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 60px 100vw;
border-color: transparent transparent rgba(221,221,221,1) transparent;
}
.school-greeting-flame:after {
content: "";
display: block;
position: absolute;
bottom: -60px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 100vw 0 0;
border-color: rgba(221,221,221,1)transparent transparent transparent;
}
.school-greeting-flame .contents_body-sb {
background-color: rgba(221,221,221,1);
}
.school-greeting-flame .greeting-block {
display: -moz-flex;
display: -webkit-flex;
display: flex;
margin: 0 auto;
width: 100%;
}
.school-greeting-flame .greeting-block .right {
padding: 0 15px;
width: 100%;
}
.school-greeting-flame .greeting-block .left {
max-width: 270px;
padding: 0 15px;
text-align: center;
width: 100%;
}
.school-greeting-flame .greeting-block h3 {
border: none;
color: rgb(0,78,156);
font-size: 2.4rem;
padding-bottom: 0;
}
.school-greeting-flame .greeting-block h3:after {
content: none;
}
.school-greeting-flame .greeting-block p {
margin: 0 0 20px 0;
} .history-row {
display: flex;
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
}
.history-row:last-of-type {
border-bottom: 1px solid #AAA;
}
.history-row > div {
border-top: 1px solid #AAA;
padding: 10px;
}
.history-row .year {
background-color: rgba(0,78,156,.1);
}
.history-row .month {
width: 10%;
background-color: rgba(128,167,206,.1);
border-right: solid 1px #AAA;
}
.history-row .year.notext {
border-top: none;
}
.history-row .history {
width: 80%;
} .img-set-center {
position: relative;
}
.img-set-center > div {
text-align: center;
}
.img-set-large {
position: relative;
}
.img-set-large > div {
display: block;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto; } .img-set-right {
position: relative;
}
.img-set-right > div {
float: right; max-width: 320px;
margin-left: 20px;
box-sizing: border-box;
overflow: hidden;
}
.img-set-right > div img {
min-width: 320px;
object-fit: contain;
}
.img-set-left {
position: relative;
}
.img-set-left > div {
float: left; max-width: 320px;
margin-right: 20px;
box-sizing: border-box;
overflow: hidden;
}
.img-set-left > div img {
min-width: 320px;
object-fit: contain;
}
.img-set-center:after,
.img-set-large:after,
.img-set-right:after,
.img-set-left:after {
content: '';
display: table;
clear: both;
}
.course-education > div {
text-align: center;
} .club-table {
width: 100%;
margin-top: 30px!important;
}
.club-table .left {
vertical-align: middle;
width: 20%;
}
.club-table .right {
vertical-align: middle;
width: 80%;
} .categry-title {
border: 1px solid #ccc;
margin: 35px 0;
padding: 30px 30px;
}
.article_blk {
}
.article_blk .article_blk-article {
}
.article_blk .article_blk-article .article_blk-a {
display:-webkit-flex;
display: flex;
border-bottom: 1px dashed rgba(220,220,220,1);
width: 98%;
margin: 0 auto 10px auto;
overflow: hidden;
padding-bottom: 10px;
}
.article_blk .article_blk-article .article_blk-a .article_blk-imgBox {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
max-width: 120px;
height: 80px;
width: 100%;
}
.article_blk .article_blk-article .article_blk-a .article_blk-imgBox .article_blk-imgBox-inner {
}
.article_blk .article_blk-article .article_blk-a .article_blk-imgBox .article_blk-imgBox-inner .news_new {
display: inline-block;
background-color: rgba(165,59,58,.8);
color: rgb(255,255,255);
font-size: 1.5rem;
max-width: 40px;
text-align: center;
width: 100%;
}
.article_blk .article_blk-article .article_blk-a .article_blk-imgBox .article_blk-imgBox-inner .article_blk-date {
display: inline-block;
background-color: rgba(0,78,156,.5);
color: rgb(255,255,255);
padding: 2px 4px;
}
.article_blk .article_blk-article .article_blk-a .article_blk-textBox {
padding: 4px 10px;
}
.noarticle{
padding: 100px 15px;
background-color: #f5f5f5;
text-align: center;
}
.pager{
margin-top: 2em;
}
.pager-arrows{
float: left;
}
.pager-arrows svg{
vertical-align: middle;
}
.pager-arrows a,
.pager-arrows span{
width: 35px;
height: 35px;
padding: 0;
background-color: rgba(0,78,156,.75);
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_6x10_wht_border_left.png);
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 6px 10px;
background-size: 6px 10px;
display: inline-block;
margin-right: 5px;
text-align: center;
}
.pager-arrows span {
opacity: 0.25;
}
.pager-arrows > :first-child{
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.pager-arrows a:hover{
background-color: rgba(0,78,156,1);
}
.pager select[name="sp_paginate_links"]{
float: right;
font-size: 1.5rem;
width: 300px;
box-sizing: border-box;
margin: 0 auto;
display: block !important;
-webkit-appearance: none;
-moz-appearance: none;
padding:5px 36px 5px 10px;
border:1px solid #ccc;
border-radius:3px;
cursor:pointer;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/icon_select_open.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px auto;
}
.pager select[name="sp_paginate_links"]::-ms-expand{
display: none;
} .singleArticle-catList{
margin: 30px 0;
padding: 10px 15px 15px;
clear: both;
background-color: #efefef;
}
.singleArticle-catList a{
display: inline-block;
padding: 10px;
background-color: rgba(0,78,156,1); margin: 5px 5px 0 0;
font-size: 1.4rem;
line-height: 1;
color: rgb(255,255,255);
text-decoration: none;
border-width: 1px;
border-style: solid;
}
.singleArticle-catList a:hover{
background-color: rgba(255,255,255,1);
color: rgb(0,78,156);
}
.singleArticle-catList .club {
background-color: rgba(32,96,79,1);
}
.singleArticle-catList .club:hover{
color: rgb(32,96,79);
}
.singleArticle-catList .examination {
background-color: rgba(193,128,45,1);
}
.singleArticle-catList .examination:hover{
color: rgb(193,128,45);
}
.singleArticle-con{
padding: 0 20px;
}
.singleArticle-con h2{
font-size: 3.4rem;
margin: 40px 0!important;
}
.singleArticle-con h3 {
font-weight: normal;
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid rgb(221,221,221);
}
.singleArticle-con h3:after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: rgba(0,78,156,1);
}
.singleArticle-con h4 {
position: relative;
padding: 15px 20px 15px 20px;
border: 1px solid rgb(221,221,221);
margin-left: 20px;
margin-right: 20px;
}
.singleArticle-con h4:after {
position: absolute;
top: 50%;
left: 6px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: '';
width: 5px;
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
background-color: rgba(0,78,156,1);
border-radius: 2px;
}
.singleArticle-con h5 {
border-bottom: 3px double rgb(221,221,221);
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
}
.singleArticle-con h6 {
margin-left: 20px;
margin-right: 20px;
}
.singleArticle-con p {
margin-left: 20px;
margin-right: 20px;
}
.singleArticle-con ul,
.singleArticle-con ol {
margin-left: 20px!important;
margin-right: 20px!important;
}
.singleArticle-con .gallery {
margin-left: 15px;
margin-right: 15px;
}
.singleArticle-con table,
.singleArticle-con table th,
.singleArticle-con table td{ }
.singleArticle-date{
border: 1px solid #ccc;
margin: 35px 0;
padding: 30px 30px; }
.singleArticle-date > span{
display: inline-block;
background: #fff;
padding: 0 10px;
font-size: 16px;
font-weight: 700;
letter-spacing: .055em;
position: relative;
top: -40px;
left: -12px; }
.singleArticle-date .singleArticle-h2{
color: rgb(0,78,156);
font-size: 2.4rem;
font-weight: normal;
margin: -10px 0 0 0;
} .singleArticle-btn{ }
.sigle-pastPost-alert{
padding: 15px;
border: 1px solid #BF0000;
background-color: #fff0f0;
color: #BF0000; }
.post-np-link {
margin-right: 20px;
margin-left: 20px;
}
.post-np-link .post-link-prev,
.post-np-link .post-link-next {
margin-bottom: 10px;
}
.post-np-link .post-link-prev span,
.post-np-link .post-link-next span {
display: inline-block;
border: 1px solid rgb(221,221,221);
margin-right: 10px;
padding: 6px 4px;
}
.post-np-link .post-link-prev span {
background-color: rgba(0,78,156,.1);
}
.post-np-link .post-link-next span {
background-color: rgba(221,221,221,1);
}
.post-np-link .post-link-prev a,
.post-np-link .post-link-next a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.post-np-link .post-link-prev a:before,
.post-np-link .post-link-next a:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: rgb(0,78,156);
height: 2px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} .form_section {
padding-top: 10px;
}
.mw_wp_form{ }
.mw_wp_form > :first-child{
margin-top: 0 !important;
}
.mw_wp_form > :last-child{
margin-bottom: 0 !important;
}
.mw_wp_form strong{
color: #2293B1;
}
.mw_wp_form table{
width: 100%;
}
.mw_wp_form table th,
.mw_wp_form table td{
vertical-align: middle;
}
.mw_wp_form table th{
width: 280px;
}
.mw_wp_form table th[colspan="2"]{
background-color: #2293B1;
color: #fff;
border-left-color: #2293B1;
border-right-color: #2293B1;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="email"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:5px;
border:1px solid #ccc;
border-radius:3px;
display:inline-block;
box-sizing:border-box;
max-width:100%;
width: 100%;
}
.mw_wp_form select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:5px 36px 5px 10px;
border:1px solid #ccc;
border-radius:3px;
cursor:pointer;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/icon_select_open.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px auto;
min-width:150px;
}
.mw_wp_form select::-ms-expand {
display: none;
}
.mw_wp_form input[type="submit"],
.mw_wp_form input[type="button"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
max-width: 320px;
width: 100%;
margin: 10px auto 0;
padding: 15px 30px;
text-align: center;
color: #fff;
border-width: 0;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_right_wht_6x11.png);
background-repeat: no-repeat;
background-position: right 5px center;
-webkit-background-size: 6px auto;
background-size: 6px auto;
background-color: #094AB1;
transition: all .5s;
border-radius: 5px;
}
.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="button"]:hover{
background-color: #2980B4;
color: #fff;
}
.mw_wp_form input[type="submit"].back{
background-color: #f2f2f2;
color:inherit;
border:1px solid #ddd;
padding:10px 15px;
background-image: none;
}
.mw_wp_form input[type="submit"].back:hover{
background-color: #fff;
}
.mw_wp_form .error{
margin-top: 5px;
width: auto;
}
.mw_wp_form input.zip,
.mw_wp_form input.tel{
width:6em;
}
.mw_wp_form input.shorttxt{
width:6em;
}
.mw_wp_form input.longtxt{
width:100%;
}
.mw_wp_form textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:1px solid #ccc;
border-radius:3px;
padding:5px;
box-sizing:border-box;
display:block;
width:100%;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
.mw_wp_form label.error{
display:block;
background-color: #B43032;
color:#fff;
padding:5px 10px;
margin-top:5px;
border-radius:3px;
}
.mwform-checkbox-field input[type="checkbox"]{
vertical-align:middle;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0;
}
.mw_wp_form .horizontal-item{
margin-right:30px;
display:inline-block;
padding:5px 0;
}
.mw_wp_form #graduated-year{
width: 5em;
}
.mw_wp_form_confirm .conf_non{
display: none !important;
}
.mw_wp_form table .nameField{
display: inline-block;
}
.mw_wp_form table td .nameField:first-child{
margin-right: 1em;
}
.mw_wp_form table .nameField input{
width: 10em;
}
.mw_wp_form input#event,
.mw_wp_form input#eventtime{
display: block;
padding: 0;
border: none;
}  .page_anchor_box{
margin-top: 60px;
}
.page_anchor_box .pabib{
max-width: 1030px;
padding: 0 14px;
margin: 0 auto;
}
.page_anchor_box .box{
width: 33.33333333333333333%;
float: left;
padding: 0 1px;
display: table;
}
.page_anchor_box .box:nth-of-type(n+4){
margin-top: 2px;
}
.page_anchor_box .box:nth-of-type(3n+1){
clear: both;
}
.page_anchor_box .box a{
display: table;
width: 100%;
}
.page_anchor_box .box span{
background-color: #efefef;
color: #4d4d4d;
display: table-cell;
padding: 15px;
vertical-align: middle;
text-align: center;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/icon_triangle_bottom_10x6_gray.png);
background-repeat: no-repeat;
background-position: right 5px center;
-webkit-background-size: 8px auto;
background-size: 8px auto;
transition: all .5s;
}
.page_anchor_box .box span:hover{
background-color: #2293B1;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/icon_triangle_bottom_10x6_white.png);
color: #fff;
} .toggle_block{
overflow: hidden;
border-radius: 5px;
}
.toggle_block:nth-of-type(n+2){
margin-top: 1em;
}
.toggle_wrapper .toggle_bottun{
padding: 15px 41px 15px 15px;
position: relative;
cursor: pointer;
transition: all .5s;
}
.toggle_wrapper .toggle_bottun:after{
content: '';
width: 6px;
height: 10px;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_6x10_keycolor_border_left.png);
-webkit-background-size: 6px auto;
background-size: 6px auto;
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: all .5s;
}
.toggle_wrapper .toggle_bottun.opened{
color: #fff;
background-color: #094AB1;
}
.toggle_wrapper .toggle_bottun.opened:after{
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/arrow_6x10_wht_border_left.png);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.toggle_wrapper .toggle_box{
padding: 2em;
display: none; -webkit-background-size: 8px;
background-size: 8px;
}
.toggle_wrapper .toggle_close{
width: 120px;
border-radius: 5px;
background-color: #f2f2f2;
text-align: center;
padding: 15px 0;
margin: 2em auto;
cursor: pointer;
transition: all .5s;
}
.toggle_wrapper .toggle_close:hover{
background-color: #e1e1e1;
} .sitemap{
padding-top: 20px;
}
.sitemap .sm_wrp{
overflow: hidden;
}
.sitemap .menu_global li{
margin: 0;
padding: 0;
}
.sitemap .menu_global li:before{
display: none;
}
.sitemap .menu_global a{
display: block;
color: inherit;
}
.sitemap .menu_global{
margin: 0 -10px;
}
.sitemap .menu_global:after{
content: '';
display: table;
clear: both;
}
.sitemap .menu_global > li{
float: left;
width: calc(99.99% / 3);
padding: 0 10px;
}
.sitemap .menu_global > li:nth-of-type(n+4){
padding-top: 1.5em;
}
.sitemap .menu_global > li:nth-of-type(3n+1){
clear: both;
}
.sitemap .menu_global > li > a{
display: block;
background-color: rgba(0,78,156,1);
border: 1px solid rgb(255,255,255);
color: rgb(255,255,255);
margin-left: auto;
margin-right: auto;
padding: 16px 15px;
overflow: hidden;
text-align: center;
position: relative;
z-index: 1;
}
.sitemap .menu_global > li > a:after {
content: '';
position: absolute;
width: 15px;
height: 1px;
top: 50%;
left: 0;
transition: all .5s;
background-color: rgb(255,255,255);
z-index: -1;
}
.sitemap .menu_global > li > a:hover{
border-color: rgb(0,78,156);
color: rgb(0,78,156);
}
.sitemap .menu_global > li > a:hover:after {
background-color: rgb(255,255,255);
top: 0;
height: 100%;
width: 100%;
}
.sitemap .menu_global .sub-menu{
padding-top: 0.5em;
margin: 0;
}
.sitemap .menu_global .sub-menu > li{
}
.sitemap .menu_global .sub-menu > li > a{
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/icon_triangle_6x8_gray.png);
-webkit-background-size: 6px 8px;
background-size: 6px 8px;
background-position: 10px 0.9em;
background-repeat: no-repeat;
padding: 0.5em 0 0.5em 26px;
position: relative;
}
.sitemap .menu_global .sub-menu > li > a:before {
content: "";
width: 3px;
height: 3px;
display: inline-block;
background-color: rgba(68,68,68,1);
border-radius: 50%;
position: relative;
top: -4px;
margin-right: 15px;
margin-left: 0px;
}
.notouch .sitemap .menu_global .sub-menu > li > a:hover{
background-position: 20px 0.9em;
color: rgb(0,78,156);
font-weight: 900;
}
.sitemap .menu_global > li.other{
clear: both;
float: none;
width: auto;
}
.sitemap .menu_global > li.other > a{
display: none;
}
.sitemap .menu_global > li.other .sub-menu{
padding: 15px;
background-color: #f5f5f5;
}
.sitemap .menu_global > li.other .sub-menu li{
display: inline-block;
}
.sitemap .menu_global > li.other .sub-menu li:nth-of-type(n+2){
margin-left: 1.5em;
} .under_construction{
text-align: center;
padding: 100px 0;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: bold;
font-size: 2.4rem;
background-color: #f5f5f5;
} h2{
font-size: 3.4rem;
}
h3{
font-size: 2.8rem;
margin-bottom: 30px;
}
h4{
font-size: 2.0rem;
margin-bottom: 20px;
}
h5{
font-size: 1.8rem;
margin-bottom: 20px;
}
h6{
font-size: 1.5rem;
}
.contents_body p {
margin-top: 20px;
}
.contents_body p + p{
clear: both; padding-top: 20px;
}
.contents_body ul,
.contents_body ol{
margin: 30px 0 0;
}
.contents_body ul > li,
.contents_body ol > li{
padding: 0 0 0 1.5em;
position: relative;
margin-top: 1em;
}
.contents_body ul > li:first-child,
.contents_body ol > li:first-child{
margin-top: 0;
}
.contents_body ul > li:before,
.contents_body ol > li:before{
content:"\25cf";
content:"\0030fb";
position: absolute;
left: 0;
top: 0;
color: transparent;
background-image: url(//tokaisugao.ac.jp/wp/wp-content/themes/tokaisugao2022/images/icon_ul_black_20x20.png);
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 35% auto;
background-size: 35% auto;
}
.contents_body ul.caution{
margin: 15px 0 0 0.5em;
}
.contents_body ul.caution > li{
font-size: 0.85em;
color: #666;
margin-top: 1em;
}
.contents_body ul.caution > li:before{
content:"\00203b";
color: #666;
background-image: none;
}
.contents_body ol{
counter-reset:li;
}
.contents_body ol > li:before{
counter-increment:li;
content:counter(li) ":";
text-align: right;
width: 2em;
left: -1em; color: inherit;
background-image: none;
}
.contents_body ol.num_caution{
margin: 0.5em 0 0 0.5em;
}
.contents_body ol.num_caution > li{
font-size: 0.85em;
color: #666;
margin-top: 1em;
}
.contents_body ol.num_caution > li:before{
content:"\00203b"counter(li);
color: #4d4d4d;
}
.contents_body table{
margin: 0 0 30px;
background-color: rgba(255,255,255,1);
table-layout: fixed;
}
.contents_body th,
.contents_body td{
padding: 15px;
border: 1px solid #ddd;
word-break: break-all;
}
.contents_body th > :first-child,
.contents_body td > :first-child{
margin-top: 0 !important;
}
.contents_body th > :last-child,
.contents_body td > :last-child{
margin-bottom: 0 !important;
}
.contents_body th{
background-color: rgba(0,78,156,.1);
}
.contents_body td{
}
.table_layout_fix{
width: 100%;
table-layout: fixed;
} body.page-template-11_shibu_2021 .contents_body {
padding-right: 0;
}
body.page-template-11_shibu_2021 .contents_body .sub-headerImg-bgi {
background-color: rgba(166,67,94,1);
min-height: initial;
max-height: 190px;
}
body.page-template-11_shibu_2021 .contents_body .sub-headerImg-bgi:after {
content: none;
}
body.page-template-11_shibu_2021 .contents_body .sub-headerImg-bgi .inner {
max-width: 700px;
margin-right: auto;
margin-left: auto;
padding: 30px 0;
}
#shibu-section-top { }
#shibu-section-top > .inner {
position: relative;
max-height: 394px;
overflow: hidden;
}
#shibu-section-top > .inner .shibu-bgimg {
background-size: contain;
background-repeat: no-repeat; max-width: 700px;
margin-right: auto;
margin-left: auto;
padding-top: 56.25%;
width: 100%;
}
#shibu-section-top > .inner .setumeikai-ymd {
background-color: rgba(0,0,0,.35);
position: absolute;
bottom: 0;
-webkit-transform: translateY(00%);
transform: translateY(00%);
width: 100%;
}
#shibu-section-top > .inner .setumeikai-ymd > span {
display: block;
max-width: 700px;
margin-right: auto;
margin-left: auto;
padding: 10px 0;
text-align: center;
width: 100%;
}
#shibu-section-top > aside.school-gaiyou {
display: block;
max-width: 700px;
margin-right: auto;
margin-left: auto;
padding: 30px 0;
width: 100%;
}
#shibu-section-list {
padding-top: 40px;
}
#shibu-section-list > .inner {
max-width: 700px;
margin-right: auto;
margin-left: auto;
position: relative;
width: 100%;
}
#shibu-section-list > .inner > h3 {
font-size: 2.1rem;
margin-bottom: 20px
}
#shibu-section-list > .inner .school-list {
width: 100%;
font-size: 1.4rem;
margin: 0;
}
#shibu-section-list > .inner .school-list-bg {
background-color: rgba(230,230,230,1);
}
#shibu-section-list > .inner .school-list td {
padding: 8px 6px;
border: none;
}
#shibu-section-list > .inner .school-list td > a {
color: rgb(46,19,146);
}
#shibu-section-details {
padding-top: 40px;
}
#shibu-section-details > .inner {
max-width: 700px;
margin-right: auto;
margin-left: auto;
position: relative;
width: 100%;
}
#shibu-section-details > .inner .details-block {
background-color: rgba(230,230,230,1);
color: rgb(46,19,146);
margin-bottom: 15px;
padding: 15px;
}
#shibu-section-details > .inner .details-block h4 {
font-size: 1.8rem;
margin-bottom: 10px;
}
#shibu-section-details > .inner .details-block .details-a {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
#shibu-section-details > .inner .details-block .details-a > div {
font-size: 1.3rem;
width: 50%;
}
#shibu-section-details > .inner .details-block .details-a .link-map {
display: inline-block;
background-color: rgba(0,146,69,1);
color: rgb(255,255,255);
font-size: 1.2rem;
margin-left: 10px;
padding: 5px 10px;
}
#shibu-section-details > .inner .details-block .details-b {
margin-top: 0;
width: 100%;
}
#shibu-section-details > .inner .details-block .details-b > li {
display: inline-block;
list-style: none;
padding: 0;
margin-right: 5px;
}
#shibu-section-details > .inner .details-block .details-b > li:before {
content: "";
position: static;
left: 0;
top: 0;
background-image: none;
}
#shibu-section-details > .inner .details-block .details-b > li > a {
display: block;
font-size: 1.2rem;
min-width: 115px;
text-align: center;
padding: 5px 5px;
width: 100%;
}
#shibu-section-details > .inner .details-block .details-b > li > a.link-move1 {
background-color: rgba(46,49,146,1);
color: rgb(255,255,255);
}
#shibu-section-details > .inner .details-block .details-b > li > a.link-move2 {
background-color: rgba(212,20,90,1);
color: rgb(255,255,255);
}
#shibu-section-details > .inner .details-block .details-b > li > a.link-move3 {
background-color: rgba(41,171,226,1);
color: rgb(255,255,255);
}
#shibu-section-details > .inner .details-block .details-b > li > a.link-move4 {
background-color: rgba(0,113,188,1);
color: rgb(255,255,255);
}
body.page-template-11_shibu_2021 footer {
padding-right: 0;
}
body.page-template-11_shibu_2021 footer .fotter-info-block {
background: none;
width: 100%;
}
body.page-template-11_shibu_2021 footer .fotter-info-block .fotter-info-block-inner {
display: block;
background-color: rgba(166,67,94,1);
margin: 0 0 0 0;
max-width: 100%;
width: 100%;
}
body.page-template-11_shibu_2021 footer .fotter-info-block .fotter-info-block-inner .left {
background: none;
color: rgb(255,255,255);
margin-top: 20px;
margin-right: auto;
margin-left: auto;
max-width: 1400px;
padding: 20px 20px;
position: relative;
text-align: center;
overflow: hidden;
width: 100%;
}
body.page-template-11_shibu_2021 footer .fotter-info-block .fotter-info-block-inner .left .inner {
position: static;
top: 0;
left: 0;
transform: translateY(0) translateX(0);
-webkit-transform: translateY(0) translateX(0);
max-width: 400px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
body.page-template-11_shibu_2021 footer .fotter-info-block .fotter-info-block-inner .left .inner .footer-schoolinfo-tel-b .no-tel {
font-size: 2.8rem;
}
body.page-template-11_shibu_2021 footer .fotter-info-block .fotter-info-block-inner .right {
display: none;
}
@media only screen and (min-width: 1400px) {
.page_midashi .page-mida-flame .left {
overflow: hidden;
}
}
@media only screen and (max-width: 1279px) {
.page_midashi .page-mida-flame .right .inner {
padding-right: 20px;
}
.bunbu-body {
margin: 0 0 0 auto;
}
}
@media only screen and (max-width: 1023px) {
.postArticle-con p {
margin: 0 10px 10px 10px!important;
}
.page_midashi .breadcrumbs {
font-size: 1.2rem;
}
.page_midashi .page-mida-flame .left .page-mida-image {
max-width: 375px;
min-height: 250px;
}
.page_midashi .page-mida-flame .left .page-mida-image > img {
max-height: 300px;
} .postArticle-con .club-flame .club-block {
width: calc(100% / 2.2);
} .postArticle-con .facility-flame .facility-block {
width: calc(100% / 2.2);
} .postArticle-con .scholl-event-flame .scholl-event-block {
width: calc(100% / 2.2);
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { }
@media only screen and (max-width: 767px) {  .bwrp{
}
.sub-headerImg-wrapper .sub-headerImg-bgi {
min-height: 200px;
}
.sub-headerImg-wrapper .sub-headerImg-h1 {
top: 58%;
font-size: 3.2rem;
width: 80%;
text-align: center;
}
.sub-headerImg-wrapper + section {
margin-top: 0;
}
.sub-headerImg-wrapper + .breadcrumbs{
margin-top: 0;
} .toggle_wrapper .toggle_box{
padding: 1em;
} .tag span.tagb{
display: block;
margin: 5px 0 0;
} .ib_ifb.tbbgc .thumb{
padding: 15px 15px 0;
}
.ib_ifb.tbbgc .thumb img{
max-width: 100%;
} .mw_wp_form table .nameField{
display: block;
}
.mw_wp_form table td .nameField:first-child{
margin: 0 0 5px;
} .btns{
margin-left: 0;
margin-right: 0;
}
.btns .btn{
width: auto;
display: block;
padding: 0;
}
.btns .btn:nth-of-type(n+2){
margin-top: 10px;
} .postArticle-con h2{
font-size: 2.4rem;
}
.postArticle-con h2 > span {
display: inline-block;
padding: 20px 40px;
position: relative;
}
.postArticle-con h2 > span:before {
height: 60px;
}
.postArticle-con h2 > span:after {
height: 60px;
}
.postArticle-con h3 {
font-size: 1.8rem;
}
.postArticle-con h4 {
font-size: 1.5rem;
}
.postArticle-con h5 {
font-size: 1.5rem;
}
.postArticle-con h6 {
font-size: 1.5rem;
}
.page-index-flame .page-index-title { background-size: 40%;
margin: 30px 0;
}
.page-index-flame .page-index-title > span {
padding: 20px 30px;
white-space: nowrap;
}
.page-index-flame .page-index-title > span:before {
height: 60px;
}
.page-index-flame .page-index-title > span:after {
height: 60px;
}
.page_midashi {
margin-top: -30px; 
}
.page_midashi .page-mida-flame {
display: block;
}
.page_midashi .page-mida-flame .right {
margin-top: 20px;
width: 100%;
}
.page_midashi .page-mida-flame .right .inner {
position: static;
transform: none;
-webkit-transform: none;
padding-right: 0;
margin: 0 auto;
width: 90%;
}
.page_midashi .page-mida-flame .right .inner .mida-txt {
font-size: 2.4rem;
min-height: 65px;
}
.page_midashi .page-mida-flame .left {
width: 100%;
}
.page_midashi .page-mida-flame .left .page-mida-image {
display: block;
max-width: 350px;
margin: 0 auto;
min-height: auto;
max-height: 350px;
-moz-transform: none;
-webkit-transform: none; 
transform: none;
width: 100%;
}
.page_midashi .page-mida-flame .left .page-mida-image > img {
max-height: 350px;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
.page_course_point .point-title {
background-size: 40%;
margin: 30px 0;
}
.page_course_point .point-title > span {
padding: 20px 35px;
}
.page_course_point .point-flame {
display: block;
}
.page_course_point .point-flame > .right {
width: 100%;
}
.page_course_point .point-flame > .left {
width: 100%;
}
.page_course_point .point-flame .point-block {
display: block;
}
.page_course_point .point-flame .point-block > .right {
padding-left: 0;
width: 100%;
}
.page_course_point .point-flame:nth-child(odd) > .right {
width: 100%;
}
.page_course_point .point-flame .point-block > .right > h3 {
font-size: 1.8rem;
text-align: center;
}
.page_course_point .point-flame .point-block > .left {
border-right: none;
border-bottom: 1px solid rgb(0,78,156);
text-align: center;
width: 100%;
}
.page_course_point .point-flame:nth-child(odd) > .left {
width: 100%;
}
.page_course_point .point-flame .point-block > .left > span {
position: static;
font-size: 6rem;
}
.page_course_curriculum .slopeWrapper .slopeWrapper-inner p {
padding: 0 15px;
}
.page_message .message-title {
background-size: 40%;
margin: 30px 0;
}
.page_message .message-title > span {
padding: 20px 35px;
}
.message-flame {
padding: 10px;
}
.message-flame .message-block {
display: block;
}
.message-flame .message-block > .right h3 {
font-size: 1.8rem;
margin: 20px 0 20px 0;
text-align: center;
}
.message-flame .message-block > .right {
padding-left: 0;
width: 100%;
}
.message-flame .message-block > .left {
text-align: center;
width: 100%;
}
.sidebarWrapper .sidebar-flame .except {
font-size: 2.4rem;
}
.sidebarWrapper .sidebar-flame .pageLink-list {
padding: 0;
}
.sidebarWrapper .sidebar-flame .pageLink-list > li {
display: block;
border-bottom: 1px solid rgb(221,221,221);
padding: 15px 30px;
}
.sidebarWrapper .sidebar-flame .pageLink-list > li:before {
height: 2px;
left: 3%;
}
.school-greeting-flame .greeting-block {
display: block;
}
.school-greeting-flame .greeting-block .right {
padding: 0 15px;
}
.school-greeting-flame .greeting-block .left {
margin: 0 auto;
}
.school-greeting-flame .greeting-block h3 {
font-size: 1.8rem;
}
.history-row .year {
width: 20%;
padding: 6px;
}
.history-row .month {
padding: 6px;
}
.history-row .history {
padding: 6px;
} .pager select[name="sp_paginate_links"]{
width: 150px;
} .singleArticle-con {
padding: 0 0;
}
.singleArticle-con h2{
font-size: 2.4rem;
}
.singleArticle-con h3 {
font-size: 1.8rem;
}
.singleArticle-con h4 {
font-size: 1.5rem;
}
.singleArticle-con h5 {
font-size: 1.5rem;
}
.singleArticle-con h6 {
font-size: 1.5rem;
}
.singleArticle-catList{
padding: 5px 10px 10px 10px;
}
.singleArticle-catList a{
text-decoration: none;
font-size: 1.2rem;
padding: 5px;
}
.post-np-link {
margin-right: 0;
margin-left: 0;
} .listlink_wrp a[href$=".pdf"]{
padding-right: 40px;
}
.listlink_wrp a[href$=".pdf"]:after{
width: 20px;
height: 20px;
-webkit-background-size: 20px auto;
background-size: 20px auto;
} .layout_pageLead{
display: block;
width: auto;
}
.layout_pageLead-cell{
display: block;
}
.layout_pageLead-h2{
padding: 0;
border-width: 0;
width: auto;
}
.layout_pageLead-p{
padding: 0;
margin-top: 2em;
} .page_anchor_box{
margin-top: 30px;
}
.page_anchor_box .box span{
padding: 10px;
font-size: 1.1rem;
} .sitemap .menu_global{
margin: 0;
}
.sitemap .menu_global > li{
float: none;
width: auto;
padding-left: 0;
padding-right: 0;
}
.sitemap .menu_global > li:nth-of-type(n+2){
padding-top: 1.5em;
}
.sitemap .menu_global > li.home > a:after{
width: 100%;
}
.sitemap .menu_global > li.other .sub-menu li{
display: block;
}
.sitemap .menu_global > li.other .sub-menu li:nth-of-type(n+2){
margin: 1em 0 0;
} .slick_simple .sld_wrp .img{
width: 100%;
padding-bottom: calc(9 / 16 * 100%);
}
.slick_simple .sld_wrp .tb{
position: relative;
width: auto;
height: auto;
padding: 15px;
}
.slick_simple .slick-prev,
.slick_simple .slick-next{
height: calc(100vw * 0.5625);
top: 0;
-webkit-transform: none;
transform: none;
}
.slick_simple .slick-prev svg,
.slick_simple .slick-next svg{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .under_construction{
padding: 50px 0;
font-size: 1.8rem;
} .basic_gallery{
padding: 10px 5px;
} .contents_body p{
margin-top: 15px;
}
.contents_body table{
font-size: 1rem;
}
.contents_body th,
.contents_body td{
padding: 5px;
}
.contents_body table.table_smp_block,
.contents_body table.table_smp_block tbody,
.contents_body table.table_smp_block tr{
display: block;
}
.contents_body table.table_smp_block{
font-size: inherit;
border-bottom: 1px solid #ddd;
}
.contents_body table.table_smp_block th,
.contents_body table.table_smp_block td{
display: block !important;
width: auto !important;
padding: 15px;
border-bottom-width: 0;
} body.page-template-11_shibu_2021 .contents_body .sub-headerImg-bgi .inner {
max-width: 212px;
margin-right: auto;
margin-left: 0;
padding: 15px 20px;
}
#shibu-section-top > aside.school-gaiyou {
padding: 30px 10px;
}
#shibu-section-top > .inner .setumeikai-ymd > span {
padding: 10px 30px;
}
#shibu-section-list {
padding-top: 10px;
}
#shibu-section-list > .inner > h3 {
padding: 0 30px;
}
#shibu-section-list > .inner .school-list td {
display: block;
padding: 4px 30px;
width: 100%;
}
#shibu-section-list > .inner .school-list td > a {
font-size: 1.4rem;
}
#shibu-section-details {
padding-top: 40px;
}
#shibu-section-details > .inner .details-block {
padding: 15px 30px;
}
#shibu-section-details > .inner .details-block .details-a {
display: block;
}
#shibu-section-details > .inner .details-block .details-a > div {
padding: 0 15px;
width: 100%;
}
#shibu-section-details > .inner .details-block .details-b > li {
padding: 10px 0 0 0;
margin-top: 0;
margin-right: 0;
width: 50%;
}
#shibu-section-details > .inner .details-block .details-b > li > a {
min-width: auto;
max-width: 180px;
margin: 0 auto;
text-align: center;
padding: 8px 5px;
}
}
@media only screen and (max-width: 450px) { .postArticle-con .section-lead {
font-size: 1.5rem;
}
.postArticle-con .jigaku-detail {
margin: 15px 0;
width: 100%;
}
.postArticle-con .jigakukan-wrapper > div {
padding: 10px;
}
.postArticle-con .jigakukan-wrapper > .jigaku-first {
font-size: 1.8rem;
}
.postArticle-con .jigakukan-wrapper > .jigaku-second span {
max-width: 280px;
}
.postArticle-con .jigakukan-wrapper > .jigaku-third {
display: block;
}
.postArticle-con .jigakukan-wrapper > .jigaku-fourth {
font-size: 1.8rem;
}
.postArticle-con .jigakukan-wrapper > .jigaku-fifth {
font-size: 1.8rem;
}
.jigakukan-list-flame h4 {
margin: 20px 10px 20px;
} .postArticle-con .scholl-schedule-flame .scholl-schedule-block {
width: -webkit-calc(100% / 2.1);
width: calc(100% / 2.1);
} .postArticle-con .uniform-flame {
display: block;
}
.postArticle-con .uniform-flame .uniform-block {
width: 100%;
} .postArticle-con .club-flame .club-block {
width: 100%;
} .postArticle-con .facility-flame .facility-block {
width: 100%;
} .postArticle-con .scholl-event-flame .scholl-event-block {
width: 100%;
} .img-set-right > div {
float: right; margin-left: 15px;
width: 60%;
}
.img-set-right > div img {
min-width: initial;
}
.img-set-left > div {
float: left; margin-right: 15px;
width: 60%;
}
.img-set-left > div img {
min-width: initial;
} .categry-title {
font-size: 2.4rem;
} #shibu-section-details > .inner .details-block .details-b > li {
width: 100%;
}
#shibu-section-details > .inner .details-block .details-b > li > a {
max-width: 400px;
}
}.history-row {
display: flex;
border-left: solid 1px #AAA;
border-right: solid 1px #AAA;
}
.history-row:last-of-type {
border-bottom: solid 1px #AAA;
}
.history-row > div {
border-top: solid 1px #AAA;
padding: 10px;
}
.year,
.month {
width: 10%;
border-right: solid 1px #AAA;
}
.year.notext {
border-top: none;
}
.history {
width: 80%;
} .list-table {
display: flex;
flex-wrap: wrap;
}
.list-table > div {
padding: 10px;
box-sizing: border-box;
}
.title-cell {
flex: 25%;
}
.text-cell {
width: 75%;
} .jigakukan-wrapper > div {
padding: 10px;
text-align: center;
}
.jigakukan-wrapper > div:nth-of-type(n + 3) {
margin-bottom: 40px;
position: relative;
}
.jigaku-third {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.jigaku-third::before,
.jigaku-fourth::before {
content: "";
position: absolute;
height: 42px;
width: 1px;
left: 50%;
bottom: -42px;
background-color: #555;
}
.jigaku-third::after,
.jigaku-fourth::after {
content: "";
width: 15px;
height: 15px;
position: absolute;
border: solid 1px #555;
border-left-color: transparent;
border-top-color: transparent;
left: 50%;
bottom: -39px;
transform-origin: center;
-webkit-transform: translateX(-46.5%) rotate(45deg);
-ms-transform: translateX(-46.5%) rotate(45deg);
-o-transform: translateX(-46.5%) rotate(45deg);
transform: translateX(-46.5%) rotate(45deg);
}
.jigaku-detail {
text-align: left;
width: calc(100% / 3);
padding: 0 10px;
box-sizing: border-box;
}
.jigaku {
border: solid 1px #555;
}
.jigakukan-wrapper > .jigaku-second {
padding: 0 10px;
overflow: hidden;
}
.jigaku-second span {
display: block;
padding: 10px;
border-left: solid 1px #555;
border-right: solid 1px #555;
max-width: 400px;
margin: auto;
position: relative;
}
.jigaku-second span::before,
.jigaku-second span::after {
content: "";
width: 15px;
height: 15px;
position: absolute;
transform: rotate(45deg);
transform-origin: center;
}
.jigaku-second span::before {
border: solid 1px #555;
border-right-color: transparent;
border-bottom-color: transparent;
left: -9px;
top: 3px;
}
.jigaku-second span::after {
border: solid 1px #555;
border-left-color: transparent;
border-top-color: transparent;
right: -9px;
bottom: 3px;
} span.ev-res-h {
font-size: 60%;
display: inline-block;
vertical-align: text-bottom;
padding: 5px 11px 5px 10px;
margin-left: 10px;
position: relative;
z-index: 0;
color: #FFFFFF;
}
span.ev-res-h::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #ffae1a;
z-index: -1;
left: 0;
top: 0;
transform: skewX(-20deg);
border-right: 5px solid #ffd384;
}
.ev-remarks {
padding: 7px 10px;
margin-bottom: 20px;
background-color: #f7f7f7;
} .event {
display: flex;
}
.event > div {
flex: 1;
padding: 10px;
border: solid 1px #cecece;
margin: 0 0px -1px -1px;
}
.event > div.ev-biko {
flex: 1.5;
}
.ev-date > span {
font-size: 10px;
display: inline-block;
margin-right: 6px;
min-width: 5.5em;
text-align: center;
padding: 3px 6px;
background-color: #ffae1a;
color: #FFF;
border-radius: 7px;
}
.ev-end .ev-date > span {
background-color: #cecece;
color: #444;
}
.event > div.ev-time {
flex: 0.5;
text-align: center;
} .event.ev-end {
color: #AAA;
}
@media only screen and (max-width: 767px) {
.event {
flex-wrap: wrap;
}
.event > div.ev-date {
border-right: none;
border-bottom: none;
}
.event > div.ev-time {
flex: 1;
text-align: left;
border-bottom: none;
border-left: none;
}
.event > div.ev-biko {
width: 100%;
flex: auto;
border-top: none;
}
}
@media only screen and (max-width: 500px) {
.event > div.ev-date {
width: 100%;
flex: auto;
border-right: solid 1px #cecece;
}
.event > div.ev-time {
padding: 0 10px;
width: 100%;
flex: auto;
border-left: solid 1px #cecece;
border-top: none;
}
} .exam-block > div {
display: flex;
flex-wrap: wrap;
border: solid 1px #cecece;
margin-top: -1px;
}
.exam-block > div > h6 {
width: 100%;
padding: 10px;
text-align: center;
border-bottom: solid 1px #cecece;
margin: 0;
background-color: #f7f7f7;
}
.exam-block > div > div {
width: 100%;
}
.course {
text-align: center;
padding: 10px;
width: 50% !important;
}
.course > span {
display: block;
}
.course:nth-of-type(even) {
border-left: solid 1px #cecece;
}
.limit-box > div, .exam-box > div, .announce-box > div {
padding: 10px;
}
.limit-box, .exam-box, .announce-box {
text-align: center;
}
.procedures-text {
padding: 10px;
text-align: center;
}
.procedures-text ul.caution {
text-align: left;
}  .point-block {
display: flex;
flex-wrap: wrap;
}
.point {
width: 50%;
padding: 10px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.point-innear {
border: solid 1px #EEE;
padding: 10px 0;
} .shinro-wrap img {
border: none;
}
.shinro-wrap table {
width: 100%;
} .schedul-block {
display: flex;
margin-bottom: 5px;
}
.schedul-block > div {
flex: 1;
position: relative;
z-index: 0;
border: solid 1px #EEE;
}
.first-schedul {
margin-right: 5px;
}
.second-schedul {
}
.schedul-block h6 {
color: #FFFFFF;
margin: 0 5px 0 auto;
width: 5em;
padding: 10px;
display: flex;
align-items: center;
}
.schedul-block:nth-of-type(1) h6 {
background-color: #69aff5;
}
.schedul-block:nth-of-type(2) h6 {
background-color: #3789da;
}
.schedul-block:nth-of-type(3) h6 {
background-color: #004e9b;
}
.first-schedul::before,
.second-schedul::before {
width: 100%;
padding: 6px 10px;
background-color: #555; box-sizing: border-box;
z-index: -1;
display: block;
}
.first-schedul::before {
content: "前期";
background-color: #e4f0ff;
}
.second-schedul::before {
content: "後期";
background-color: #c9d9ef;
}
@media only screen and (max-width: 767px) { .point-block {
display: block;
}
.point {
width: 100%;
padding: 0;
margin-bottom: 20px;
} .schedul-block {
display: block;
margin-bottom: 10px;
}
.schedul-block h6 {
display: block;
width: 100%;
}
.first-schedul {
margin-right: unset;
margin-bottom: -1px;
}
}