@charset "UTF-8";
@charset "UTF-8";

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
* {
box-sizing: border-box;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width: 100%;
overflow-x: hidden;
}
body {
margin: 0;
font-size: 16px;
line-height: 1.6;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic,  Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-wrap: break-word;
word-break: normal;
}
a {
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
outline: 0;
}
* {
box-sizing: border-box;
} .clear {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
display: inline-table;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} .post-content h1 {
font-size: 36px;
margin: 36px 0;
clear: both;
}
.post-content h2 {
font-size: 28px;
margin: 2em 0 1em;
clear: both;
}
.post-content h3 {
font-size: 24px;
margin: 2em 0 1em;
}
.post-content h4 {
font-size: 18px;
margin: 2em 0 1em;
}
.post-content h5 {
font-size: 16px;
margin: 2em 0 1em;
}
.post-content h6 {
font-size: 14px;
margin: 2em 0 1em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #e5e5e5 solid;
background: #fafafa;
}
blockquote:before {
content: '';
font-family: 'FontAwesome';
font-size: 36px;
color: #e7e7e7;
position: absolute;
top: 10px;
left: 10px;
}
blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 0 0 2em;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
overflow-x: scroll;
}
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;
} #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header p, #header ul, #side h1, #side h2, #side h3, #side h4, #side h5, #side h6, #side p, #side ul, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer ul, nav h1, nav h2, nav h3, nav h4, nav h5, nav h6, nav p, nav ul {
font-weight: normal;
margin: 0;
} dl,
menu,
ol,
ul {
margin: 0 0 2em;
}
dd {
margin: 0 0 0 20px;
}
menu,
ol,
ul {
padding: 0 0 0 20px;
list-style: none;
}
menu ol,
menu ul,
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
.inline-list li {
display: inline-block;
}
#header ul, #header ol,
#side ul,
#side ol,
#footer ul,
#footer ol {
list-style: none;
margin: 0;
padding: 0;
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
} form {
margin: 0;
}
fieldset {
border: 1px solid #e5e5e5;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn {
cursor: pointer;
*overflow: visible;
-webkit-appearance: none;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
} form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form textarea {
border-radius: 3px;
padding: 8px 13px;
max-width: 100%;
border: 1px #ccc solid;
outline: none;
box-sizing: border-box;
}
form textarea {
width: 80%;
}
form input[type="submit"],
form button {
padding: 12px 20px;
border: none;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} #searchform {
overflow: hidden;
background: #fff;
border: 1px solid #e5e5e5;
padding-bottom: 0;
border-radius: 2px;
}
#searchform div {
position: relative;
padding-right: 40px;
}
#searchform label {
display: none;
}
#searchform input[type=text] {
line-height: 18px;
padding: 8px 13px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
border: none;
float: left;
}
#searchform button {
float: right;
position: absolute;
top: 0;
right: 0;
vertical-align: top;
line-height: 18px;
border: none;
border-radius: 3px;
width: 40px;
padding: 8px 5px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: transparent;
font-family: 'FontAwesome';
font-size: 21px;
color: #808080;
}
#searchform button:hover {
cursor: pointer;
} table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e5e5;
}
th, td {
border: 1px solid #e5e5e5;
padding: 8px 13px;
} @media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { h1 {
font-size: 22px;
margin: 36px 0;
clear: both;
}
h2 {
font-size: 18px;
margin: 2em 0 1em;
clear: both;
}
h3, h4, h5, h6 {
font-size: 16px;
margin: 2em 0 1em;
} }
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin-left: 12px;
margin-bottom: 12px;
}
.alignleft {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
} .post-title {
font-size: 32px;
line-height: 1.5;
margin: 0 0 36px;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
margin: 10px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.row {
*zoom: 1;
}
.row:before {
display: inline-table;
}
.row:after {
content: "";
display: block;
clear: both;
}
.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gld-sub,
.gld-main,
.gr1-5 {
float: left;
box-sizing: border-box;
}
.gr1 {
width: 8.33%;
}
.gr2 {
width: 16.66%;
}
.gr3 {
width: 25%;
}
.gr4 {
width: 33.33%;
}
.gr5 {
width: 41.66%;
}
.gr6 {
width: 50%;
}
.gr7 {
width: 58.33%;
}
.gr8 {
width: 66.66%;
}
.gr9 {
width: 75%;
}
.gr10 {
width: 83.33%;
}
.gr11 {
width: 91.33%;
}
.gr12 {
width: 100%;
}
.gr1-5 {
width: 20%;
}
.gld-sub {
width: 37.31%;
}
.gld-main {
width: 62.68%;
}
@media screen and (max-width: 1200px) { .gr1.lt-flat,
.gr2.lt-flat,
.gr3.lt-flat,
.gr4.lt-flat,
.gr5.lt-flat,
.gr6.lt-flat,
.gr7.lt-flat,
.gr8.lt-flat,
.gr9.lt-flat,
.gr10.lt-flat,
.gr11.lt-flat,
.gr12.lt-flat,
.gld-sub.lt-flat,
.gld-main.lt-flat,
.gr1-5.lt-flat {
width: 100% !important;
} }
@media (min-width: 992px) and (max-width: 1200px) { .gr1-lt {
width: 8.33% !important;
}
.gr2-lt {
width: 16.66% !important;
}
.gr3-lt {
width: 25% !important;
}
.gr4-lt {
width: 33.33% !important;
}
.gr5-lt {
width: 41.66% !important;
}
.gr6-lt {
width: 50% !important;
}
.gr7-lt {
width: 58.33% !important;
}
.gr8-lt {
width: 66.66% !important;
}
.gr9-lt {
width: 75% !important;
}
.gr10-lt {
width: 83.33% !important;
}
.gr11-lt {
width: 91.33% !important;
}
.gr12-lt {
width: 100% !important;
}
.gr1-5-lt {
width: 20% !important;
}
.gld-sub-lt {
width: 37.31% !important;
}
.gld-main-lt {
width: 62.68% !important;
} }
@media screen and (max-width: 991px) { .gr1.tb-flat,
.gr2.tb-flat,
.gr3.tb-flat,
.gr4.tb-flat,
.gr5.tb-flat,
.gr6.tb-flat,
.gr7.tb-flat,
.gr8.tb-flat,
.gr9.tb-flat,
.gr10.tb-flat,
.gr11.tb-flat,
.gr12.tb-flat,
.gld-sub.tb-flat,
.gld-main.tb-flat,
.gr1-5.tb-flat {
width: 100% !important;
}
.gr1-tb {
width: 8.33% !important;
}
.gr2-tb {
width: 16.66% !important;
}
.gr3-tb {
width: 25% !important;
}
.gr4-tb {
width: 33.33% !important;
}
.gr5-tb {
width: 41.66% !important;
}
.gr6-tb {
width: 50% !important;
}
.gr7-tb {
width: 58.33% !important;
}
.gr8-tb {
width: 66.66% !important;
}
.gr9-tb {
width: 75% !important;
}
.gr10-tb {
width: 83.33% !important;
}
.gr11-tb {
width: 91.33% !important;
}
.gr12-tb {
width: 100% !important;
}
.gr1-5-tb {
width: 20% !important;
}
.gld-sub-tb {
width: 37.31% !important;
}
.gld-main-tb {
width: 62.68% !important;
} }
@media (min-width: 768px) and (max-width: 991px) { .gr1-tb {
width: 8.33% !important;
}
.gr2-tb {
width: 16.66% !important;
}
.gr3-tb {
width: 25% !important;
}
.gr4-tb {
width: 33.33% !important;
}
.gr5-tb {
width: 41.66% !important;
}
.gr6-tb {
width: 50% !important;
}
.gr7-tb {
width: 58.33% !important;
}
.gr8-tb {
width: 66.66% !important;
}
.gr9-tb {
width: 75% !important;
}
.gr10-tb {
width: 83.33% !important;
}
.gr11-tb {
width: 91.33% !important;
}
.gr12-tb {
width: 100% !important;
}
.gr1-5-tb {
width: 20% !important;
}
.gld-sub-tb {
width: 37.31% !important;
}
.gld-main-tb {
width: 62.68% !important;
} }
@media screen and (max-width: 767px) { .gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gr1-5,
.gld-sub,
.gld-main {
width: 100%;
}
.gr1-sp {
width: 8.33% !important;
}
.gr2-sp {
width: 16.66% !important;
}
.gr3-sp {
width: 25% !important;
}
.gr4-sp {
width: 33.33% !important;
}
.gr5-sp {
width: 41.66% !important;
}
.gr6-sp {
width: 50% !important;
}
.gr7-sp {
width: 58.33% !important;
}
.gr8-sp {
width: 66.66% !important;
}
.gr9-sp {
width: 75% !important;
}
.gr10-sp {
width: 83.33% !important;
}
.gr11-sp {
width: 91.33% !important;
}
.gr12-sp {
width: 100% !important;
}
.gr1-5-sp {
width: 20% !important;
}
.gld-sub-sp {
width: 37.31% !important;
}
.gld-main-sp {
width: 62.68% !important;
} }
  .wrap {
width: 1200px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
}
.wrap:before {
display: inline-table;
}
.wrap:after {
content: "";
display: block;
clear: both;
}
#main {
width: 100%;
float: left;
}
.main-inner {
margin-right: 358px;
}
#side {
width: 310px;
float: left;
margin-left: -310px;
}
.left-content #main {
width: 100%;
float: left;
}
.left-content .main-inner {
margin-right: 358px;
margin-left: 0;
}
.left-content #side {
width: 310px;
float: left;
margin-left: -310px;
}
.right-content #main {
width: 100%;
float: left;
}
.right-content .main-inner {
margin-left: 358px;
margin-right: 0;
}
.right-content #side {
width: 310px;
float: left;
margin-left: -100%;
}
.one-column #content .wrap {
width: 1000px;
}
.one-column #content .wrap #main {
width: 100%;
float: none;
}
.one-column #content .wrap #main .main-inner {
width: 100%;
margin: 0;
}
.one-column #content .wrap #side {
display: none;
} @media screen and (max-width: 1200px) { .wrap,
.one-column #content .wrap {
margin-left: 36px;
margin-right: 36px;
width: auto;
}
.main-inner {
margin-right: 346px;
box-sizing: border-box;
} }
@media screen and (max-width: 991px) { .wrap,
.one-column #content .wrap {
margin-left: 24px;
margin-right: 24px;
}
#main,
.main-inner,
#side {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.left-content #main,
.right-content #main {
float: none;
}
.left-content .main-inner,
.right-content .main-inner {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.left-content #side,
.right-content #side {
width: 100%;
float: none;
margin: 0;
}
#side {
padding-top: 42px;
} }
@media screen and (max-width: 767px) { .wrap,
.one-column #content .wrap {
margin-left: 12px;
margin-right: 12px;
} }  body {
background: url(//daigakujukensenryaku.com/wp-content/themes/xeory_extension/lib/images/bg.png);
color: #241913;
}
a {
text-decoration: none;
color: #47B39D;
}
a:hover {
text-decoration: underline;
} form input[type="submit"],
form button {
background: #3B4552;
color: #fff;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} #header {
background: #47B39D;
padding: 0;
overflow: visible;
}
#header #logo {
float: left;
font-size: 24px;
padding: 20px 0;
}
#header a {
color: #fff;
} .breadcrumb-area {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
.breadcrumb-area .wrap {
padding: 10px 0;
}
.breadcrumb {
margin: 0;
margin-left: -10px;
overflow: hidden;
font-size: 13px;
padding: 0;
line-height: 22px;
}
.breadcrumb li {
float: left;
margin-left: 10px;
}
.breadcrumb li a {
text-decoration: none;
}
.breadcrumb li a:hover {
text-decoration: underline;
} #gnav {
background: #47B39D;
margin: 0 0 0 auto;
float: right;
text-align: right;
}
#gnav .sub-menu {
z-index: 10;
}
#gnav ul li {
display: inline-block;
position: relative;
}
#gnav ul li:hover a {
background: #57bca8;
}
#gnav ul li.current-menu-item a {
background: #57bca8;
}
#gnav ul li a {
display: block;
padding: 32px 12px;
line-height: 28px;
color: #fff;
background: #47B39D;
text-decoration: none;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
#gnav ul li a:hover {
color: #fff;
background: #57bca8;
}
#gnav ul li a:hover .sub-menu {
display: block;
}
#gnav ul li .sub-menu {
font-size: 14px;
text-align: left;
display: none;
position: absolute;
width: 200px;
background: #fff;
border: 1px #e5e5e5 solid;
}
#gnav ul li .sub-menu li {
float: none;
margin-left: 0;
border-bottom: 1px #e5e5e5 solid;
display: block;
}
#gnav ul li .sub-menu li:list-child {
border-bottom: none;
}
#gnav ul li .sub-menu li a {
color: #3B4552;
background: #fff;
padding: 10px 15px;
}
#gnav ul li .sub-menu li a:hover {
background: #fafafa;
color: #3B4552;
}
#gnav ul li .sub-menu .sub-menu {
left: 100%;
top: -1px;
}
#header-right {
height: 92px;
float: right;
}
#header-fnav-area,
#header-gnav-area {
float: right;
}
#header-fnav-area {
width: 150px;
position: relative;
}
#header-fnav-area #header-fnav-btn a {
display: block;
padding: 22px 12px;
line-height: 24px;
font-size: 23px;
height: auto;
text-align: center;
background: #57bca8;
}
#header-fnav-area #header-fnav-btn a:hover {
text-decoration: none;
}
#header-fnav-area #header-fnav {
z-index: 10;
font-size: 14px;
text-align: left;
display: none;
position: absolute;
right: 0;
width: 200px;
background: #fff;
border: 1px #e5e5e5 solid;
}
#header-fnav-area #header-fnav li {
float: none;
margin-left: 0;
border-bottom: 1px #e5e5e5 solid;
display: block;
}
#header-fnav-area #header-fnav li:list-child {
border-bottom: none !important;
}
#header-fnav-area #header-fnav li a {
color: #3B4552;
background: #fff;
padding: 10px 15px;
display: block;
}
#header-fnav-area #header-fnav li a:hover {
background: #fafafa;
color: #3B4552;
text-decoration: none;
} #content {
padding: 52px 0; }
#content .wrap {
overflow: visible;
}
#content .wp-caption {
max-width: 100%;
border: 1px solid #e5e5e5;
text-align: center;
padding: 5px;
margin-bottom: 12px;
}
#content .wp-caption-text {
padding: 12px 16px;
margin-bottom: 0;
text-align: center;
} body.home #content {
padding-bottom: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #main {
width: 100%;
margin: 0;
float: none;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .main-inner {
margin: 0;
}
body.home .wrap {
width: 1200px;
margin: 0 auto;
}
body.home #main_visual {
background: #41BAA4;
background-image: -webkit-linear-gradient(bottom right, #41baa4, #42a994);
background-image: linear-gradient(to top left, #41baa4, #42a994);
color: #fff;
text-align: center;
}
body.home #main_visual h2 {
font-size: 48px;
line-height: 70px;
margin-bottom: 24px;
}
body.home #main_visual p {
font-size: 15px;
width: 600px;
margin: 0 auto;
}
body.home .front-loop {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fff;
overflow: hidden;
padding: 0;
margin-left: -2.2%;
margin-bottom: 40px;
}
body.home .front-loop h2 {
text-align: center;
padding: 24px 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
font-size: 24px;
}
body.home .front-loop .popular_post_box {
width: 17.64%;
margin-left: 2.2%;
float: left;
display: inline-block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
body.home .front-loop .popular_post_box img,
body.home .front-loop .popular_post_box h3,
body.home .front-loop .popular_post_box .p_category,
body.home .front-loop .popular_post_box ul {
margin-bottom: 12px;
margin-top: 0;
}
body.home .front-loop .popular_post_box h3 {
color: #241913;
font-weight: normal;
font-size: 16px;
}
body.home .front-loop .popular_post_box h3 a {
color: #241913;
}
body.home .front-loop .popular_post_box h3 a:hover {
color: #FF6C00;
text-decoration: underline;
}
body.home .front-loop .popular_post_box img {
max-width: 100%;
height: auto;
}
body.home .front-loop .popular_post_box ul {
overflow: hidden;
}
body.home .front-loop .popular_post_box ul li {
float: left;
width: 25%;
text-align: left;
}
body.home .front-loop .popular_post_box ul li .fa {
margin-right: 8px;
}
body.home .front-loop .popular_post_box ul li .share {
display: none;
}
body.home .front-loop .popular_post_box ul a {
color: #241913;
}
body.home .front-loop .popular_post_box ul a:hover {
color: #FF6C00;
text-decoration: underline;
}
body.home .front-loop .popular_post_box .p_category {
background: #47B39D;
color: #fff;
display: inline-block;
padding: 8px 24px;
font-size: 12px;
color: #fff;
}
body.home .front-loop .popular_post_box .p_rank {
position: absolute;
top: 0;
left: 0;
background: #900;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 12px;
color: #fff;
opacity: .7;
}
body.home .front-loop .popular_post_box .p_rank span {
font-size: 16px;
}
body.home .front-loop .popular_post_box .p_date {
position: absolute;
top: 0;
left: 0;
background: #3B4552;
width: 48px;
height: 48px;
text-align: center;
font-size: 12px;
color: #fff;
opacity: .7;
}
body.home .front-loop .popular_post_box .p_date span {
display: block;
line-height: 18px;
}
body.home .front-loop .popular_post_box .p_date .date-y {
font-size: 12px;
padding-top: 6px;
}
body.home .front-loop .popular_post_box .p_date .date-mj {
font-size: 14px;
padding-bottom: 6px;
}
body.home .front-loop .front-loop-cont {
padding: 40px 0;
overflow: hidden;
}
body.home .front-loop article.post {
border: none;
margin-bottom: 20px;
}
body.home .front-loop article.post.rank-1 .p_rank {
background: #D6B038;
}
body.home .front-loop article.post.rank-2 .p_rank {
background: #BFC4C9;
}
body.home .front-loop article.post.rank-3 .p_rank {
background: #B9704E;
}
body.home .front-loop article.post.rank-4 .p_rank, body.home .front-loop article.post.rank-5 .p_rank {
background: #47442F;
}
body.home .front-main-cont .front-cont-header {
position: relative;
padding: 16px 0 24px;
background: #3B4552;
color: #fff;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .front-main-cont .front-cont-header .cont-icon {
font-size: 28px;
}
body.home .front-main-cont .front-cont-header .cont-title {
font-size: 28px;
margin: 0;
}
body.home .front-main-cont .front-cont-header .cont-ruby {
font-size: 13px;
margin: 0;
}
body.home .front-main-cont .tri-border {
position: absolute;
bottom: -18px;
width: 100%;
z-index: 20;
}
body.home .front-main-cont .tri-border span {
display: block;
margin: 0 auto;
width: 0;
height: 0;
border-left: 28px solid transparent;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 18px solid #3B4552;
}
body.home #front-contents .c_box {
position: relative;
border-bottom: 1px solid #e5e5e5;
}
body.home #front-contents .c_box_inner {
width: 54%;
padding-bottom: 32px;
}
body.home #front-contents .c_img_box {
position: absolute;
top: 0;
width: 40%;
height: 100%;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
}
body.home #front-contents .c_box.c_box_left {
background-color: #fff;
}
body.home #front-contents .c_box.c_box_left .c_box_inner {
float: left;
z-index: 10;
}
body.home #front-contents .c_box.c_box_left .c_img_box {
right: 0;
background-position: center top;
}
body.home #front-contents .c_box.c_box_right {
background-color: #fafafa;
}
body.home #front-contents .c_box.c_box_right .c_box_inner {
float: right;
}
body.home #front-contents .c_box.c_box_right .c_img_box {
left: 0;
background-position: center top;
}
body.home #front-contents .c_number {
background: #47B39D;
color: #fff;
display: inline-block;
padding: 40px 12px 8px;
margin-bottom: 32px;
margin-top: 0;
}
body.home #front-contents h3 {
color: #47B39D;
font-size: 36px;
margin-top: 0;
margin-bottom: 8px;
line-height: 1.4;
}
body.home #front-contents .c_english {
color: #47B39D;
font-size: 13px;
margin-bottom: 32px;
margin-top: 0;
}
body.home #front-contents h4 {
font-size: 24px;
margin-bottom: 28px;
margin-top: 0;
font-weight: normal;
}
body.home #front-contents .c_text p {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 48px;
}
body.home #front-contents .c_text .c_btn a {
border-radius: 5px;
background: #FF6C00;
color: #fff;
font-size: 14px;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
opacity: 1;
display: block;
width: 30%;
padding: 12px;
text-align: center;
}
body.home #front-contents .c_text .c_btn a:hover {
opacity: 0.8;
text-decoration: none;
}
body.home #front-service {
background: url(//daigakujukensenryaku.com/wp-content/themes/xeory_extension/lib/images/border_e5.png) repeat-y top center #fff;
padding-bottom: 56px;
border-bottom: 1px solid #e5e5e5;
}
body.home #front-service .front-service-inner {
margin-left: -10%;
overflow: hidden;
}
body.home #front-service .front-service-inner .c_box {
width: 40%;
padding-top: 96px;
margin-left: 10%;
margin-bottom: 20px;
float: left;
}
body.home #front-service .front-service-inner .c_title {
text-align: center;
}
body.home #front-service .front-service-inner h3 {
color: #47B39D;
font-size: 40px;
margin-bottom: 8px;
}
body.home #front-service .front-service-inner .c_english {
color: #47B39D;
font-size: 13px;
margin-bottom: 32px;
}
body.home #front-service .front-service-inner h4 {
font-size: 24px;
margin-bottom: 28px;
text-align: center;
}
body.home #front-service .front-service-inner .c_text p {
margin-bottom: 28px;
}
body.home #front-service .front-service-inner .c_text .c_btn a {
border-radius: 5px;
background: #47B39D;
color: #fff;
margin: 0 auto;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
opacity: 1;
display: block;
width: 50%;
padding: 16px 20px;
text-align: center;
}
body.home #front-service .front-service-inner .c_text .c_btn a:hover {
opacity: 0.8;
text-decoration: none;
}
body.home #front-company {
background: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #front-company .c_box {
position: relative;
border-bottom: 1px solid #e5e5e5;
min-height: 450px;
}
body.home #front-company .c_box_inner {
width: 684px;
padding: 96px 0;
}
body.home #front-company .c_img_box {
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
z-index: 0;
}
body.home #front-company .c_img_box iframe {
width: 100% !important;
height: 100% !important;
}
body.home #front-company .no-company-map .c_img_box {
display: none;
}
body.home #front-company .no-company-map .c_box_inner {
margin-left: auto;
margin-right: auto;
}
body.home #front-company dl {
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
margin: 0;
}
body.home #front-company dl dt span,
body.home #front-company dl dd span {
padding: 20px 32px;
display: block;
}
body.home #front-company dl dt {
float: left;
width: 20%;
margin: 0;
}
body.home #front-company dl dd {
float: left;
width: 80%;
margin: 0;
}
body.home #front-company dl#front-company-1 dt {
border-top: 2px solid #47B39D;
}
body.home #front-company dl#front-company-1 dt span {
padding-top: 19px;
}
body.home #front-company dl#front-company-1 dd {
border-top: 1px solid #e5e5e5;
}
body.home #front-contact {
background: #47B39D;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home #front-contact .c_box_inner {
padding: 60px 0;
width: 100%;
max-width: 632px;
margin: 0 auto;
}
body.home #front-contact .c_box_inner input[type=text],
body.home #front-contact .c_box_inner input[type=tel],
body.home #front-contact .c_box_inner input[type=email],
body.home #front-contact .c_box_inner input[type=url],
body.home #front-contact .c_box_inner textarea {
width: 95%;
}
body.home #front-contact .c_box_inner input[type=submit],
body.home #front-contact .c_box_inner button {
width: 30%;
display: block;
background: #131D2A;
border-radius: 3px;
margin: 0 auto;
}
body.home #front-contact .c_box_inner p {
margin-bottom: 1.4em;
color: #fff;
} .cat-content,
article.post,
article.page {
margin-bottom: 60px;
background: #fff;
border: 1px #e5e5e5 solid;
}
.post-header {
padding: 56px 64px 46px;
position: relative;
border-bottom: 1px solid #e5e5e5;
}
.post-header .cat-name {
margin-bottom: 20px;
}
.post-header .cat-name span {
border: 1px solid #47B39D;
color: #47B39D;
display: inline-block;
padding: 4px 16px;
font-size: 13px;
}
.post-title {
font-size: 32px;
line-height: 1.5;
font-weight: bold;
margin-bottom: 36px;
}
body.page .post-title {
margin-bottom: 0;
}
.post-title a {
color: #241913;
}
.post-title a:hover {
color: #FF6C00;
}
.post-content h2.post-title {
font-weight: normal;
}
.post-title a {
color: #3B4552;
}
.post-title a:hover {
color: #FF6C00;
text-decoration: none;
}
.cat-content .post-header,
article.page .post-header {
padding: 56px 64px 30px;
margin-bottom: 20px;
background: #fff;
}
.post-meta-area {
margin: 0;
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
}
.post-meta-area ul {
margin: 0;
}
.post-meta-area .post-meta {
width: 50%;
float: left;
}
.post-meta-area .post-meta .date {
padding: 12px 40px;
}
.post-meta-area .post-meta .date .datetime {
font-size: 1.1em;
}
.post-meta-area .post-meta-comment {
text-align: center;
width: auto;
float: right;
}
.post-meta-area .post-meta-comment li {
padding: 12px 24px;
display: inline-block;
border-left: 1px solid #e5e5e5;
}
.post-thumbnail img {
width: 100%;
height: auto;
}
.post-content {
padding: 30px 64px 10px;
}
.post-content hr {
border-bottom: 1px solid #eee;
margin: 20px 0;
clear: both;
}
.post-content p,
.post-content ul,
.post-content ol,
.post-content dl,
.post-content blockquote,
.post-content pre,
.post-content table {
margin-bottom: 2em;
}
.post-content ul {
list-style: disc;
}
.post-content ol {
list-style: decimal;
}
.post-content ul,
.post-content ol {
margin-left: 30px;
}
.post-content ul > ul,
.post-content ul > ol,
.post-content ol > ol,
.post-content ol > ul {
margin-bottom: 0px;
}
.post-content dl dt {
font-weight: bold;
}
.post-content dl dd {
margin-left: 30px;
}
.post-content pre {
padding: 20px;
overflow: scroll;
font-family: 'Courier', monospace;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
font-weight: bold;
}
.post-content h1 {
margin: 32px 0;
font-size: 36px;
clear: both;
font-weight: normal;
}
.post-content h2 {
margin: 80px 0 32px -74px;
padding: 16px 16px 16px 56px;
font-size: 28px;
clear: both;
font-weight: normal;
border-left: 10px solid #131D2A;
background: #3B4552;
color: #fff;
}
.post-content h3 {
font-size: 24px;
margin: 48px 0 24px;
padding: 20px 0;
clear: both;
font-weight: normal;
border-bottom: 2px solid #3B4552;
line-height: 1;
}
.post-content h4 {
font-size: 20px;
font-weight: normal;
margin: 30px 0 16px;
padding: 0 0 0 8px;
border-left: 5px solid #131D2A;
clear: both;
}
.post-content h5 {
font-size: 16px;
margin: 30px 0 16px;
clear: both;
}
.post-content h6 {
font-size: 16px;
margin: 30px 0 16px;
clear: both;
}
.post-content blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #e5e5e5 solid;
background: #fafafa;
}
.post-content blockquote:before {
content: '';
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 36px;
color: #e7e7e7;
position: absolute;
top: 20px;
left: 10px;
}
.post-content blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}
.post-content table {
border: 1px #ddd solid;
max-width: 100%;
}
.post-content table th,
.post-content table td {
padding: 8px 10px;
border: #ddd solid 1px;
}
.post-content table th {
color: #fff;
}
.post-content table thead th {
background: #5e6265;
}
.post-content table tbody th {
background: #919598;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
border-color: #fff;
}
.post-content table.table-line th {
background: transparent;
color: #241913;
font-weight: bold;
}
.post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
.post-content table.table-line tr {
background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
.post-content img.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.post-content img.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.post-content h2:first-child {
margin-top: 0;
}
.post-cta {
background: #131D2A;
color: #fff;
}
.post-cta .post-cta-inner {
padding: 30px 45px;
}
.post-cta .cta-post-title {
padding: 30px 45px;
font-size: 36px;
margin-bottom: 14px;
text-align: center;
border-bottom: 1px solid #eee;
}
.post-cta .post-cta-img {
float: right;
width: 230px;
margin: 0 0 20px 20px;
}
.post-cta .post-cta-cont {
overflow: hidden;
}
.post-cta .post-cta-btn {
margin: 10px 0;
}
.post-cta .post-cta-btn a {
background: #F86222;
color: #fff;
border-radius: 8px;
display: block;
padding: 20px;
text-align: center;
text-decoration: none;
width: 60%;
margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
background: #fa8553;
}
.post-cta p {
margin-bottom: 1em;
}
.post-cta .btn {
width: 100%;
display: block;
border-radius: 3px;
text-align: center;
color: #fff;
padding: 14px 0;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: #3B4552;
}
.post-cta .btn:hover {
text-decoration: none;
background: #FF6C00;
}
.post-share {
padding: 30px 45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
overflow: hidden;
padding: 30px 0;
margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
text-decoration: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
border: 1px #eee solid;
border-radius: 3px;
padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
text-align: center;
float: left;
margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
font-size: 2em;
}
.post-share .post-share-list1 li {
width: 97.92%;
}
.post-share .post-share-list2 li {
width: 47.92%;
}
.post-share .post-share-list3 li {
width: 31.25%;
font-size: .8em;
}
.post-share .post-share-list4 li {
width: 22.92%;
}
.post-share .post-share-list4 {
text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
display: block;
}
.post-share .post-share-list4 .big {
font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
color: #305097;
}
.post-share .post-share-twitter a:hover {
color: #00aced;
}
.post-share .post-share-google a:hover {
color: #db4a39;
}
.post-share .post-share-feedly a:hover {
color: #2bb24c;
}
.post-footer {
border-radius: 0;
padding: 20px 64px;
overflow: hidden;
clear: both;
}
.post-footer ul {
overflow: hidden;
}
.post-footer ul li a:hover {
text-decoration: underline;
}
.post-footer .bzb-sns-btn {
padding: 30px 0;
}
.post-footer .bzb-sns-btn li {
vertical-align: top;
}
.post-footer .bzb-sns-btn  li .fb_iframe_widget span{
vertical-align: top !important;
}
.post-footer-list {
padding: 20px 0;
}
.post-author {
margin-bottom: 40px;
padding: 40px 45px;
border: 1px solid #e5e5e5;
color: #241913;
background: #fff;
}
.post-author .post-author-img {
height: 100%;
float: left;
}
.post-author .post-author-img img {
width: 100px;
height: auto;
border: 1px solid #e5e5e5;
}
.post-author .post-author-img .inner {
padding: 0;
}
.post-author .row {
margin-right: -10px;
margin-left: -10px;
}
.post-author .row .gr1, .post-author .row .gr2, .post-author .row .gr3, .post-author .row .gr4, .post-author .row .gr5, .post-author .row .gr6, .post-author .row .gr7, .post-author .row .gr8, .post-author .row .gr9, .post-author .row .gr10, .post-author .row .gr11, .post-author .row .gr12 {
padding-left: 10px;
padding-right: 10px;
}
.post-author a {
color: #3B4552;
}
.post-author .post-author-meta {
color: #241913;
margin-left: 120px;
}
.post-author .post-author-meta h4 {
margin: 0 40px 10px 0;
}
.post-author .post-author-meta p {
margin: 0 40px 20px 0;
}
.post-header-meta {
overflow: hidden;
margin-bottom: 26px;
}
.post-header-meta .bzb-sns-btn {
padding: 20px 0 10px;
float: left;
width: 400px;
overflow: hidden;
}
.post-header-meta .post-header-category {
float: right;
width: 300px;
text-align: right;
padding: 20px 0 10px;
}
.bzb-sns-btn {
padding: 0;
margin: 0;
font-size: 0;
}
.bzb-sns-btn li {
display: inline-block;
vertical-align: top;
font-size: 16px;
margin: 4px;
} .post-autot
#comments {
padding: 40px;
box-sizing: border-box;
border: 1px solid #e5e5e5;
background: #fff;
}
.post-autot
#comments h4,
.post-autot
#comments h3 {
margin: 0 0 24px;
border-bottom: 5px solid #3B4552;
font-size: 18px;
padding: 8px 0;
}
.post-autot
#comments h4 i,
.post-autot
#comments h3 i {
color: #3B4552;
}
.comment-list > .comment {
margin-bottom: 40px;
border-bottom: 1px #eee solid;
}
.comment-list > .comment > .comment-body {
padding: 0 20px;
margin-bottom: 20px;
}
.comment-list .children {
margin-left: 45px;
}
@media screen and ( max-width: 767px ){
.comment-list .children {
margin-left: 0;
}
}
.comment-list .children .comment-body {
padding: 20px 30px;
margin-bottom: 20px;
background: #f7f7f7;
}
.comment-author {
float: left;
vertical-align: top;
font-size: 12px;
margin-left: 10px;
}
.comment-author img {
vertical-align: top;
}
.comment-meta {
font-size: 12px;
margin-bottom: 12px;
}
.reply a {
border-radius: 3px;
padding: 3px 5px;
font-size: 12px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.reply a:before {
content: ' ';
font-family: "Font Awesome 5 Free";
font-weight: bold;
}
.reply a:hover {
text-decoration: none;
}
.comment-form-comment {
margin-bottom: 0;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
width: 80%;
margin: 20px 0;
border-radius: 3px;
}
.form-allowed-tags {
font-size: 12px;
margin-bottom: 20px;
display: none;
}
.comment-meta:after {
content: ' ';
display: block;
clear: both;
}
.comments-title {
font-size: 24px;
padding: 20px 0;
margin-bottom: 30px;
margin-top: 0;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
overflow: hidden;
margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
width: 15%;
float: left;
font-size: 12px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 40%;
float: left;
margin-left: 5%;
border-radius: 3px;
padding: 5px;
}
.form-submit #submit {
width: 240px;
margin-top: 2em;
line-height: 24px;
border: none;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
cursor: pointer;
}
.comment-form-comment textarea {
width: 95%;
padding-left: 2%;
padding-right: 2%;
}
.comment-form {
overflow: hidden;
}
.comment-form-author,
.comment-form-email {
width: 49%;
margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
width: 90%;
float: none;
margin: 0 0 10px;
}
.comment-form-author {
float: left;
}
.comment-form-email {
float: right;
} .cat-content {
background: #fff;
padding: 40px;
margin-bottom: 30px;
}
.post-loop-wrap article {
width: 100%;
margin: 0 0 60px;
}
.post-loop-wrap article p {
margin-top: 0;
}
.post-loop-wrap .post-title {
margin-bottom: 0;
}
.post-loop-wrap .post-thumbnail {
width: 100%;
}
.post-loop-wrap .post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-loop-wrap .more-link {
border: 1px #3B4552 solid;
padding: 8px 20px;
margin-bottom: 64px;
color: #3B4552;
}
.post-loop-wrap .more-link:hover {
background: #3B4552;
color: #fff;
text-decoration: none;
}
.post-loop-wrap .post-footer {
border-top: 1px #eee solid;
padding: 0;
overflow: hidden;
}
.post-loop-wrap .post-footer a.morelink {
display: block;
background: #3B4552;
color: #fff;
text-align: center;
padding: 12px;
} .pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 16px;
line-height: 22px;
overflow: hidden;
}
.pagination a {
background: #fff;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #241913;
}
.pagination a:hover {
background: #999999;
color: #fff;
}
.pagination .current {
padding: 6px 9px 5px 9px;
background: #999999;
color: #fff;
} .side-widget-area {
padding: 0;
}
.side-widget {
margin-bottom: 40px;
padding-bottom: 40px;
line-height: 1.6;
font-size: 14px;
}
.side-widget .side-title {
margin: 0 0 32px;
font-size: 15px;
background: #ebebeb;
border: 1px solid #e4e4e4;
}
.side-widget a {
color: #47B39D;
text-decoration: underline;
display: block;
}
.side-widget a:hover {
color: #47B39D;
text-decoration: none;
}
.side-widget ul li {
padding: 16px 0;
border-bottom: 1px solid #e5e5e5;
}
.side-widget .side-title {
margin: 0 0 13px;
padding: 8px;
font-size: 16px;
}
.side-widget.widget_recent_comments a {
background: none;
}
.side-widget .post-date {
margin: 0 0 0 36px;
font-size: 13px;
color: #999999;
}
.side-widget .post-share-fb .pas {
display: none;
} .widget_views a {
display: inline;
} .widget_search {
overflow: hidden;
background: #fff;
border: 1px solid #e5e5e5;
padding-bottom: 0;
border-radius: 2px;
}
.widget_search form div {
position: relative;
padding-right: 40px;
}
.widget_search label {
display: none;
}
.widget_search input[type=text] {
line-height: 18px;
padding: 8px 13px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
border: none;
float: left;
}
.widget_search button {
float: right;
position: absolute;
top: 0;
right: 0;
vertical-align: top;
line-height: 18px;
border: none;
border-radius: 3px;
width: 40px;
padding: 8px 5px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: transparent;
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: 21px;
color: #5e6265;
}
.widget_search button:hover {
cursor: pointer;
}
#searchform form input[type="text"],
#searchform form input[type="email"],
#searchform form input[type="url"],
#searchform form input[type="tel"],
#searchform form input[type="number"],
#searchform form input[type="date"],
#searchform form textarea {
border-radius: 3px;
padding: 12px;
max-width: 100%;
font-size: 16px;
}
#searchform form textarea {
width: 80%;
}
#searchform form input[type="submit"] {
padding: 12px 20px;
} .recentcomments {
color: #808080;
font-size: 12px;
}
.recentcomments a {
color: #241913;
font-size: 14px;
}  .widget_calendar {
border-radius: 3px;
font-size: 16px;
}
.widget_calendar .side-widget-inner {
border-radius: 3px;
padding: 0 20px 20px;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar caption {
border-radius: 3px 3px 0 0;
padding: 14px 20px;
margin: 0 -20px 20px;
font-size: 18px;
text-align: center;
}
.widget_calendar a {
color: #666;
}
.widget_calendar li {
margin-bottom: 1em;
}
.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
margin: 0 20px;
}
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tbody a {
display: block;
}
.widget_calendar tbody a:hover {
text-decoration: none;
} #side .share-list-wrap {
margin: 0 -20px 20px;
background: #fff;
padding: 20px;
}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
overflow: hidden;
margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
float: left;
width: 24%;
margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
border-radius: 100%;
background: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 60px;
height: 60px;
font-size: 32px;
color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
} #side-author {
overflow: hidden;
font-size: 12px;
}
#side-author h4 {
padding: 12px 0;
margin-bottom: 20px;
font-size: 16px;
}
#side-author .side-author-img {
float: left;
width: 100px;
}
#side-author .side-author-meta {
float: right;
width: 180px;
}  .post-share-fb.side-widget{
text-align: center;
}
div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
max-width: 100% !important;
}
#footer .fbcomments,
#footer .fb_iframe_widget,
#footer .fb_iframe_widget[style],
#footer .fb_iframe_widget iframe[style],
#footer .fbcomments iframe[style] *,
#footer .fb_iframe_widget span {
max-width: 100% !important;
}
#footer {
color: #fff;
border-top: 8px solid #3B4552;
}
#footer .fb-like-box,
#footer .fb-like-box > span,
#footer iframe {
width: 100% !important;
box-sizing: border-box;
}
#footer .footer-logo {
font-size: 24px;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #ccc;
}
#footer .wrap {
padding: 30px 0;
}
#footer .post-share {
padding-right: 0;
padding-left: 0;
}
#footer .row {
margin-left: -15px;
margin-right: -15px;
}
#footer .row .gr1,
#footer .row .gr2,
#footer .row .gr3,
#footer .row .gr4,
#footer .row .gr5,
#footer .row .gr6,
#footer .row .gr7,
#footer .row .gr8,
#footer .row .gr9,
#footer .row .gr10,
#footer .row .gr11,
#footer .row .gr12 {
padding-left: 15px;
padding-right: 15px;
}
#footer-brand-area {
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid #3B4552;
}
#footer-content-area {
font-size: 14px;
}
#footer-content-area h4 {
font-size: 16px;
}
#footer-content-area i.fa {
margin-right: 12px;
}
#footer-content-area #footer-cont-about li,
#footer-content-area #footer-cont-content li {
position: relative;
}
#footer-content-area #footer-cont-about li:before,
#footer-content-area #footer-cont-content li:before {
content: '\f105';
font-family: 'Font Awesome 5 Free';
font-weight: bold;
position: absolute;
top: 7px;
left: 0;
}
#footer-content-area #footer-cont-about li a,
#footer-content-area #footer-cont-content li a {
padding: 8px 12px 8px 14px;
display: inline-block;
}
#footer-content-area #footer-cont-about li a:hover,
#footer-content-area #footer-cont-content li a:hover {
text-decoration: none;
}
#footer-content-area #footer-cont-sns a {
display: block;
padding: 8px 12px 8px 0;
}
#footer-content-area #footer-cont-sns a:hover {
text-decoration: none;
}
.footer-01 {
background: #031731;
padding: 48px 0;
}
.footer-01 .footer-address {
text-align: right;
}
@media screen and ( max-width: 991px ){
.footer-01 .footer-address {
text-align: left;
}
}
@media screen and ( max-width: 767px ){
.footer-01 .footer-address {
margin-top: 24px;
}
}
.footer-02 {
background: #010A17;
}
.footer-02 .footer-copy {
text-align: center;
font-size: 12px;
} .single-lp {
padding: 40px 0;
}
.single-lp .lp-wrap {
width: 1157px;
border: 1px solid #eee;
margin: 0 auto;
background: #fff;
padding: 0;
}
.single-lp .lp-thumbnail {
border: 1px #ccc solid;
float: right;
margin: 0 0 13px 13px;
border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
vertical-align: top;
}
.single-lp .post-content {
padding: 0;
}
.single-lp #lp-header {
background: #47B39D;
padding: 56px;
color: #fff;
}
.single-lp #lp-header h1 {
font-size: 32px;
color: #fff;
text-align: center;
}
.single-lp dt, .single-lp dd {
padding: 0;
margin-left: 0;
margin-right: 0;
}
.single-lp #content {
padding: 40px 56px;
}
.single-lp #main {
width: 100%;
float: left;
overflow: hidden;
}
.single-lp .main-inner {
margin-right: 350px;
}
.single-lp #side {
width: 320px;
float: left;
margin-left: -320px;
}
.single-lp .post-footer {
padding: 20px 0;
}
.single-lp .post-footer .bzb-sns-btn {
padding: 0;
}
.single-lp .lp-form {
background: #494c4e;
color: #fff;
padding: 30px;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.single-lp .lp-form h3{
font-size: 18px;
margin-bottom: 12px;
font-weight: bold;
}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
width: 90%;
padding: 10px 5%;
border: none;
}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
width: 100%;
padding: 10px 0;
background: #F86222;
color: #fff;
border-bottom: 5px solid #e04807;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
background: #f9743b;
}
.single-lp .lp-form dl {
margin-bottom: 13px;
} .one-column.single-lp #main{
float: none;
}
.one-column.single-lp .main-inner {
margin-left: 0;
margin-right: 0;
}
.one-column.single-lp #side{
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.single-lp #side {
width: 320px;
margin-left: -320px;
}
.single-lp.right-content #side {
width: 320px;
margin-left: -100%;
}
.single-lp.right-content .main-inner{
margin-left: 350px;
margin-right: 0;
}
@media screen and ( max-width: 1200px ){
.single-lp.right-content #side{
width: 100%;
margin: 0;
float: none;
}
.single-lp.right-content .main-inner{
margin: 0 0 40px;
width: 100%;
}
} .pagetop {
display: none;
position: fixed;
bottom: 50px;
right: 50px;
color: #fff;
}
.pagetop span {
display: block;
border-radius: 25px;
background: #2b2b2b;
width: 50px;
height: 50px;
text-align: center;
line-height: 40px;
font-size: 36px;
opacity: .8;
} #header-nav-btn,
#gnav-sp {
display: none;
}
@media screen and (max-width: 1200px) { body.home .wrap {
width: auto;
margin: 0 36px;
}
.post-header,
.post-author {
padding: 36px;
}
.post-content,
.post-footer {
padding-left: 36px;
padding-right: 36px;
}
.single-lp #gnav-sp {
display: none;
}
.single-lp .lp-wrap {
width: auto;
margin: 0 36px;
}
.single-lp #main,
.single-lp #side,
.single-lp .main-inner {
width: 100%;
float: none;
margin: 0 0 20px;
} }
@media screen and (max-width: 991px) { body.home .wrap,
.wrap {
width: auto;
margin: 0 24px;
}
body.home #front-service {
background-image: none;
} #header {
padding: 0;
}
#header .wrap {
width: auto;
margin: 0 24px;
}
#header-nav-btn {
display: block;
width: 116px;
line-height: 92px;
float: right;
}
#header-nav-btn a {
display: block;
text-align: center;
display: block;
font-size: 32px;
background: #3B4552;
}
#header-fnav-area {
display: none;
} #gnav {
display: none;
}
.dummy {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
z-index: 10;
}
#gnav-sp {
display: none;
background: #3B4552;
display: block;
color: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
z-index: 100;
position: absolute;
right: 0;
left: 0;
width: 100%;
}
#gnav-sp .wrap {
width: 94%;
margin: 0 3%;
padding: 36px 0;
}
#gnav-sp .wrap a {
color: #fff;
}
#gnav-sp #header-cont-content h4,
#gnav-sp #header-cont-about h4,
#gnav-sp #header-cont-sns h4 {
font-weight: bold;
margin-bottom: 16px;
}
#gnav-sp #header-cont-content li,
#gnav-sp #header-cont-about li,
#gnav-sp #header-cont-sns li {
font-size: 14px;
}
#gnav-sp #header-cont-content li a,
#gnav-sp #header-cont-about li a,
#gnav-sp #header-cont-sns li a {
padding: 10px 12px;
}
#gnav-sp #header-cont-content ul {
margin-left: -2%;
}
#gnav-sp #header-cont-content li {
margin-left: 2%;
float: left;
width: 48%;
}
#gnav-sp #header-cont-content li a {
display: block;
position: relative;
}
#gnav-sp #header-cont-content li a:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: '\f105';
position: absolute;
left: 0;
top: 8px;
}
#gnav-sp #header-cont-content .children {
display: none;
}
#gnav-sp #footer-nav li a {
display: block;
padding: 8px 12px;
position: relative;
}
#gnav-sp #footer-nav li a:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: '\f105';
position: absolute;
left: 0;
top: 8px;
}
#gnav-sp #footer-nav .children {
display: none;
}
#gnav-sp #header-cont-sns li a {
display: block;
padding: 8px 12px 8px 0;
} body.home #main_visual h2 {
margin-top: 0;
font-size: 24px;
}
body.home #main_visual p {
width: 84%;
margin-right: 8%;
margin-left: 8%;
}
body.home .front-loop {
margin-left: 0;
}
body.home .front-loop .popular_post_box {
width: 32%;
margin: 0 .5%;
}
body.home .front-loop .popular_post_box .wrap-a {
display: block;
border: 1px solid #e5e5e5;
}
body.home .front-loop .popular_post_box .wrap-a:hover {
background: #fafafa;
text-decoration: none;
}
body.home .front-loop .popular_post_box .wrap-a h3,
body.home .front-loop .popular_post_box .wrap-a ul {
margin-left: 10px;
margin-right: 10px;
}
body.home .front-loop .popular_post_box img {
width: 100%;
height: auto;
}
body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
display: none;
}
body.home .front-main-cont .tri-border {
display: none;
}
body.home #front-contents .c_box.c_box_left .c_box_inner,
body.home #front-contents .c_box.c_box_right .c_box_inner {
width: 100%;
float: none;
}
body.home #front-contents .c_box.c_box_left .c_title,
body.home #front-contents .c_box.c_box_right .c_title {
text-align: center;
}
body.home #front-contents .c_box.c_box_left .c_img_box,
body.home #front-contents .c_box.c_box_right .c_img_box {
position: relative;
height: 300px;
width: 100%;
margin-bottom: 24px;
}
body.home #front-contents .c_box.c_box_left .c_text h4,
body.home #front-contents .c_box.c_box_right .c_text h4 {
text-align: center;
}
body.home #front-contents .c_box.c_box_left .c_btn,
body.home #front-contents .c_box.c_box_right .c_btn {
text-align: center;
}
body.home #front-contents .c_box.c_box_left .c_btn a,
body.home #front-contents .c_box.c_box_right .c_btn a {
margin-right: auto;
margin-left: auto;
}
body.home #front-service .front-service-inner {
margin-left: 0;
}
body.home #front-service .front-service-inner .c_box {
width: 100%;
float: none;
margin: 0 0 20px;
}
body.home #front-company .c_img_box {
height: 300px;
position: relative;
}
body.home #front-company .c_img_box,
body.home #front-company .c_box_inner {
float: none;
width: 100%;
}
.cat-content .post-header,
article.page .post-header,
article.post .post-header {
padding: 56px 44px;
}
article.page .post-content {
padding: 40px;
}
.post-header {
padding: 56px 44px 0;
}
.post-content {
padding: 40px;
}
.post-content h2 {
margin-left: -52px;
}
.post-meta-area {
background: #fff;
color: #241913;
}
.post-meta-area .post-meta {
width: 40%;
float: left;
text-align: left;
}
.post-meta-area .post-meta .date {
background: transparent;
text-align: left;
}
.post-meta-area .bzb-sns-btn {
height: auto;
}
.post-meta-area .bzb-sns-btn .sharrre {
margin: 0 5px 0 0;
float: left !important;
width: 20%;
overflow: hidden;
}
.post-meta-area .bzb-sns-btn .sharrre.twitter a, .post-meta-area .bzb-sns-btn .sharrre.facebook a, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a, .post-meta-area .bzb-sns-btn .sharrre.hatena a {
background: transparent;
display: block;
padding: 4px 24px;
color: #241913;
}
.post-meta-area .bzb-sns-btn .sharrre.twitter a .share, .post-meta-area .bzb-sns-btn .sharrre.facebook a .share, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a .share, .post-meta-area .bzb-sns-btn .sharrre.hatena a .share {
display: none;
text-align: center;
float: left;
}
.post-meta-area .bzb-sns-btn .sharrre.twitter a:hover, .post-meta-area .bzb-sns-btn .sharrre.facebook a:hover, .post-meta-area .bzb-sns-btn .sharrre.googlePlus a:hover, .post-meta-area .bzb-sns-btn .sharrre.hatena a:hover {
background: transparent;
}
.post-meta-area .bzb-sns-btn .s_buttons {
font-size: 14px;
padding-top: 20px;
}
.post-meta-area .loop-comment-icon {
padding: 4px 12px;
background: transparent !important;
text-align: center;
float: right;
}
#footer-facebook {
display: none;
}
#footer-list-area {
width: 100%;
}
.single-lp #gnav-sp {
display: none;
}
.single-lp .lp-wrap {
width: auto;
margin: 0 24px;
}
.single-lp .lp-form .submit {
width: 50%;
} }
@media screen and (max-width: 767px) { .wrap {
overflow: hidden;
}
.post-title {
font-size: 21px;
margin-bottom: 20px;
}
body.home .wrap,
.wrap {
margin: 0 12px;
}
.post-content table{
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
display: block;
white-space: nowrap;
}
body.home #front-company dl dt,
body.home #front-company dl dd {
float: none;
width: 100%;
box-sizing: border-box;
}
body.home #front-company dl dt span,
body.home #front-company dl dd span {
padding: 0;
}
body.home #front-company dl dt {
font-weight: bold;
padding: 8px 12px 0;
}
body.home #front-company dl dd {
border-top: none !important;
padding: 4px 12px 8px;
}
#main {
width: 100%;
float: none;
}
#side {
width: 100%;
float: none;
}
.left-content #main {
width: 100%;
float: none;
}
.left-content #side {
width: 100%;
float: none;
}
.right-content #main {
width: 100%;
float: none;
}
.right-content #side {
width: 100%;
float: none;
}
.one-column #content .wrap {
width: 94%;
margin: 0 3%;
}
.one-column #content .wrap #main {
width: 100%;
float: none;
}
.one-column #content .wrap #side {
width: 100%;
float: none;
} #header {
padding: 0;
}
#header .wrap {
padding: 0;
margin: 0 12px;
}
#header #logo {
float: none;
}
#header #logo img {
vertical-align: top;
}
#header #header-right {
height: auto;
}
#header #header-primary-nav {
display: none;
}
#header-nav-btn {
display: block;
width: auto;
margin: 0 -12px;
line-height: 92px;
float: none;
}
#header-nav-btn a {
display: block;
text-align: center;
font-size: 16px;
padding: 8px 0;
line-height: 1.2;
background: #3B4552;
width: 100%;
}
.single-lp #lp-header {
padding: 20px;
}
.single-lp .lp-thumbnail {
float: none;
margin: 0 0 13px;
}
.single-lp .lp-thumbnail img {
width: 100%;
height: auto;
}
.single-lp #content {
padding: 20px;
}
#gnav-sp {
display: none;
top: 112px;
}
#gnav-sp ul {
margin-bottom: 20px;
}
#gnav-sp #header-cont-content ul {
margin-left: 0;
}
#gnav-sp #header-cont-content li {
margin-left: 0;
float: left;
width: 100%;
} body.home .front-loop .popular_post_box {
width: 100%;
float: none;
margin-left: 0;
margin-right: 0;
}
body.home #front-contents .c_text .c_btn a {
width: 100%;
} .cat-content .post-header,
article.page .post-header,
article.post .post-header {
padding: 20px;
}
.post-author {
padding: 20px;
}
.post-author .post-author-meta {
padding-top: 12px;
}
.post-author .post-author-meta p {
margin-right: 0;
}
.post-meta-area .post-meta,
.post-meta-area .post-meta-comment {
float: none;
width: 100%;
padding: 0;
}
.post-meta-area .post-meta {
border-bottom: 1px solid #e5e5e5;
}
.post-meta-area .post-meta .date {
padding: 8px 20px;
}
.post-meta-area .post-meta-comment .author {
border: none;
padding: 8px 20px;
text-align: left;
}
.post-meta-area .post-meta-comment .comments {
padding: 8px 20px;
}
.post-content,
.post-footer {
padding: 20px;
}
.post-cta .cta-post-title {
padding: 12px 20px;
font-size: 18px;
}
.post-cta .post-cta-inner {
padding: 0;
}
.post-cta .post-cta-cont {
padding: 12px 20px;
}
.post-cta .post-cta-cont .post-cta-img {
float: none;
margin: 0 0 12px;
width: 100%;
}
@media screen and ( max-width: 767px ){
.post-cta .post-cta-cont .post-cta-img {
text-align: center;
}
}
.post-cta .post-cta-btn a {
width: 100%;
}
.comment-form-author,
.comment-form-email {
float: none;
width: 100%;
}
.single-lp #gnav-sp {
display: none;
}
.single-lp .lp-wrap {
width: auto;
margin: 0 24px;
}
.single-lp .lp-form input {
width: 100% !important;
}
.single-lp .lp-form .submit {
width: 100%;
} }  body.home.color01 #main_visual {
background: #1DBBDA;
background-image: -webkit-linear-gradient(bottom right, #1dbbda, #06abc8);
background-image: linear-gradient(to top left, #1dbbda, #06abc8);
color: #fff;
}
body.home.color01 .front-loop {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
body.home.color01 .front-loop h2 {
border-bottom: 1px solid #e5e5e5;
}
body.home.color01 .front-loop .popular_post_box h3 {
color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box h3 a {
color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box h3 a:hover {
color: #FFC600;
}
body.home.color01 .front-loop .popular_post_box ul a {
color: #2B353E;
}
body.home.color01 .front-loop .popular_post_box ul a:hover {
color: #FFC600;
}
body.home.color01 .front-loop .popular_post_box .p_category {
background: #06ABC8;
color: #fff;
color: #fff;
}
body.home.color01 .front-loop .popular_post_box .p_rank {
background: #900;
color: #fff;
}
body.home.color01 .front-loop .popular_post_box .p_date {
background: #2B353E;
color: #fff;
}
body.home.color01 .front-main-cont .front-cont-header {
background: #2B353E;
color: #fff;
}
body.home.color01 .front-main-cont .tri-border span {
border-left: 28px solid transparent;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 18px solid #2B353E;
}
body.home.color01 #front-contents .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-contents .c_box.c_box_left {
background-color: #fff;
}
body.home.color01 #front-contents .c_box.c_box_right {
background-color: #fafafa;
}
body.home.color01 #front-contents .c_number {
background: #06ABC8;
color: #fff;
}
body.home.color01 #front-contents h3 {
color: #06ABC8;
}
body.home.color01 #front-contents .c_english {
color: #06ABC8;
}
body.home.color01 #front-contents .c_text .c_btn a {
background: #21262c;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color01 #front-service {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-service .front-service-inner h3 {
color: #06ABC8;
}
body.home.color01 #front-service .front-service-inner .c_english {
color: #06ABC8;
}
body.home.color01 #front-service .front-service-inner .c_text .c_btn a {
background: #21262c;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color01 #front-company {
background: #fff;
}
body.home.color01 #front-company .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-company dl {
border-bottom: 1px solid #e5e5e5;
}
body.home.color01 #front-company dl#front-company-1 dt {
border-top: 2px solid #06ABC8;
}
body.home.color01 #front-company dl#front-company-1 dd {
border-top: 1px solid #e5e5e5;
}
body.home.color01 #front-contact {
background: #06ABC8;
}
body.home.color01 #front-contact .c_box_inner input[type=submit],
body.home.color01 #front-contact .c_box_inner button {
background: #131D2A;
}
body.color01 {
color: #2B353E;
}
body.color01 a {
color: #06ABC8;
}
body.color01 form input[type="submit"],
body.color01 form button {
background: #2B353E;
color: #fff;
}
body.color01 #header {
background: #06ABC8;
}
body.color01 #header a {
color: #fff;
}
body.color01 .breadcrumb-area {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.color01 #gnav {
background: #06ABC8;
}
body.color01 #gnav ul li:hover a {
background: #07c0e1;
}
body.color01 #gnav ul li.current-menu-item a {
background: #07c0e1;
}
body.color01 #gnav ul li a {
color: #fff;
background: #06ABC8;
}
body.color01 #gnav ul li a:hover {
color: #fff;
background: #07c0e1;
}
body.color01 #gnav ul li .sub-menu {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color01 #gnav ul li .sub-menu li {
border-bottom: 1px #e5e5e5 solid;
}
body.color01 #gnav ul li .sub-menu li a {
color: #2B353E;
background: #fff;
}
body.color01 #gnav ul li .sub-menu li a:hover {
background: #fafafa;
color: #2B353E;
}
body.color01 #header-fnav-area #header-fnav-btn a {
background: #07c0e1;
}
body.color01 #header-fnav-area #header-fnav {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color01 #header-fnav-area #header-fnav li {
border-bottom: 1px #e5e5e5 solid;
}
body.color01 #header-fnav-area #header-fnav li a {
color: #2B353E;
background: #fff;
}
body.color01 #header-fnav-area #header-fnav li a:hover {
background: #fafafa;
color: #2B353E;
}
body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color01 .post-header {
padding: 56px 64px 46px;
border-bottom: 1px solid #e5e5e5;
}
@media screen and ( max-width: 767px ){
body.color01 .post-header, body.color02 .post-header, body.color03 .post-header , body.color04 .post-header {
padding: 20px !important;
}
}
body.color01 .post-header .cat-name span {
border: 1px solid #06ABC8;
color: #06ABC8;
}
body.color01 .post-title a {
color: #2B353E;
}
body.color01 .post-title a:hover {
color: #FFC600;
}
body.color01 .post-title a {
color: #2B353E;
}
body.color01 .post-title a:hover {
color: #FFC600;
}
body.color01 .post-meta-area {
border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-meta-area .post-meta-comment li {
border-left: 1px solid #e5e5e5;
}
body.color01 .post-content hr {
border-bottom: 1px solid #eee;
}
body.color01 .post-content h2 {
border-left: 10px solid #131D2A;
background: #2B353E;
color: #fff;
}
body.color01 .post-content h3 {
border-bottom: 2px solid #2B353E;
}
body.color01 .post-content h4 {
border-left: 5px solid #131D2A;
clear: both;
}
body.color01 .post-content blockquote {
border: 1px #e5e5e5 solid;
background: #fafafa;
}
body.color01 .post-content blockquote:before {
color: #e7e7e7;
}
body.color01 .post-content blockquote cite {
color: #808080;
}
body.color01 .post-content table {
border: 1px #ddd solid;
}
body.color01 .post-content table th,
body.color01 .post-content table td {
border: #ddd solid 1px;
}
body.color01 .post-content table th {
color: #fff;
}
body.color01 .post-content table thead th {
background: #5e6265;
}
body.color01 .post-content table tbody th {
background: #919598;
}
body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
border-color: #fff;
}
body.color01 .post-content table.table-line th {
color: #2B353E;
}
body.color01 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color01 .post-content table.table-line tr {
background: #eee;
}
body.color01 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color01 .post-cta {
background: #131D2A;
color: #fff;
}
body.color01 .post-cta .cta-post-title {
border-bottom: 1px solid #eee;
}
body.color01 .post-cta .post-cta-btn a {
background: #F86222;
color: #fff;
}
body.color01 .post-cta .post-cta-btn a:hover {
background: #fa8553;
}
body.color01 .post-cta .btn {
background: #2B353E;
}
body.color01 .post-cta .btn:hover {
background: #FFC600;
}
body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
background: #f7f7f7;
}
body.color01 .post-author {
border: 1px solid #e5e5e5;
color: #2B353E;
background: #fff;
}
body.color01 .post-author a {
color: #2B353E;
}
body.color01 .post-author .post-author-meta {
color: #2B353E;
}
body.color01 #comments {
background: #fff;
border: 1px solid #e5e5e5;
padding: 40px 45px;
}
body.color01 #comments h4 {
border-bottom: 5px solid #2B353E;
}
body.color01 #comments h4 i {
color: #2B353E;
}
body.color01 .comment-list > .comment {
border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color01 .cat-content {
background: #fff;
}
body.color01 .post-loop-wrap .more-link {
border: 1px #2B353E solid;
color: #2B353E;
}
body.color01 .post-loop-wrap .more-link:hover {
background: #2B353E;
color: #fff;
}
body.color01 .post-loop-wrap .post-footer {
border-top: 1px #eee solid;
}
body.color01 .post-loop-wrap .post-footer a.morelink {
background: #2B353E;
color: #fff;
}
body.color01 .pagination span, body.color01 .pagination a {
color: #2B353E;
background: #fff;
}
body.color01 .pagination a:hover {
color: #fff;
background: #3279BB;
}
body.color01 .pagination .current {
background: #3279BB;
color: #fff;
}
body.color01 .side-widget .side-title {
background: #ebebeb;
border: 1px solid #e4e4e4;
}
body.color01 .side-widget a {
color: #06ABC8;
}
body.color01 .side-widget a:hover {
color: #06ABC8;
}
body.color01 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget .post-date {
color: #999999;
}
body.color01 .widget_search {
border: 1px solid #e5e5e5;
}
body.color01 .widget_search button {
color: #5e6265;
}
body.color01 .recentcomments {
color: #808080;
}
body.color01 .recentcomments a {
color: #2B353E;
}
body.color01 #side .share-list-wrap {
background: #fff;
}
body.color01 #footer {
color: #fff;
border-top: 8px solid #2B353E;
}
body.color01 #footer a {
color: #fff;
}
body.color01 #footer a:hover {
color: #ccc;
}
body.color01 #footer-brand-area {
border-bottom: 1px solid #2B353E;
}
body.color01 .footer-01 {
background: #031731;
}
body.color01 .footer-02 {
background: #010A17;
}
body.color01 .single-lp .lp-wrap {
border: 1px solid #eee;
background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
background: #06ABC8;
}
body.color01 .single-lp #lp-header h1 {
color: #2B353E;
border-bottom: 1px solid #eee;
}
body.color01 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color01 .single-lp .lp-form input[type=submit],
body.color01 .single-lp .lp-form button {
background: #F86222;
color: #fff;
border-bottom: 5px solid #e04807;
}
body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
background: #f9743b;
}
body.color01 .pagetop {
color: #fff;
}
body.color01 .pagetop span {
background: #2b2b2b;
}
body.color01.single-lp #lp-header{
background: #1eabc6;
}  body.home.color02 #main_visual {
background: #0063A2;
background-image: -webkit-linear-gradient(bottom right, #0063a2, #005990);
background-image: linear-gradient(to top left, #0063a2, #005990);
color: #fff;
}
body.home.color02 .front-loop {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
body.home.color02 .front-loop h2 {
border-bottom: 1px solid #e5e5e5;
}
body.home.color02 .front-loop .popular_post_box h3 {
color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box h3 a {
color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box h3 a:hover {
color: #14A0EE;
}
body.home.color02 .front-loop .popular_post_box ul a {
color: #4E4E4E;
}
body.home.color02 .front-loop .popular_post_box ul a:hover {
color: #14A0EE;
}
body.home.color02 .front-loop .popular_post_box .p_category {
background: #005990;
color: #fff;
color: #fff;
}
body.home.color02 .front-loop .popular_post_box .p_rank {
background: #900;
color: #fff;
}
body.home.color02 .front-loop .popular_post_box .p_date {
background: #36373C;
color: #fff;
}
body.home.color02 .front-main-cont .front-cont-header {
background: #36373C;
color: #fff;
}
body.home.color02 .front-main-cont .tri-border span {
border-left: 28px solid transparent;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 18px solid #36373C;
}
body.home.color02 #front-contents .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-contents .c_box.c_box_left {
background-color: #fff;
}
body.home.color02 #front-contents .c_box.c_box_right {
background-color: #fafafa;
}
body.home.color02 #front-contents .c_number {
background: #005990;
color: #fff;
}
body.home.color02 #front-contents h3 {
color: #005990;
}
body.home.color02 #front-contents .c_english {
color: #005990;
}
body.home.color02 #front-contents .c_text .c_btn a {
background: #14A0EE;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color02 #front-service {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-service .front-service-inner h3 {
color: #005990;
}
body.home.color02 #front-service .front-service-inner .c_english {
color: #005990;
}
body.home.color02 #front-service .front-service-inner .c_text .c_btn a {
background: #005990;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color02 #front-company {
background: #fff;
}
body.home.color02 #front-company .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-company dl {
border-bottom: 1px solid #e5e5e5;
}
body.home.color02 #front-company dl#front-company-1 dt {
border-top: 2px solid #005990;
}
body.home.color02 #front-company dl#front-company-1 dd {
border-top: 1px solid #e5e5e5;
}
body.home.color02 #front-contact {
background: #005990;
}
body.home.color02 #front-contact .c_box_inner input[type=submit],
body.home.color02 #front-contact .c_box_inner button {
background: #131D2A;
}
body.color02 {
color: #4E4E4E;
}
body.color02 a {
color: #14A0EE;
}
body.color02 form input[type="submit"],
body.color02 form button {
background: #36373C;
color: #fff;
}
body.color02 #header {
background: #005990;
}
body.color02 #header a {
color: #fff;
}
body.color02 .breadcrumb-area {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.color02 #gnav {
background: #005990;
}
body.color02 #gnav ul li:hover a {
background: #0069aa;
}
body.color02 #gnav ul li.current-menu-item a {
background: #0069aa;
}
body.color02 #gnav ul li a {
color: #fff;
background: #005990;
}
body.color02 #gnav ul li a:hover {
color: #fff;
background: #0069aa;
}
body.color02 #gnav ul li .sub-menu {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color02 #gnav ul li .sub-menu li {
border-bottom: 1px #e5e5e5 solid;
}
body.color02 #gnav ul li .sub-menu li a {
color: #36373C;
background: #fff;
}
body.color02 #gnav ul li .sub-menu li a:hover {
background: #fafafa;
color: #36373C;
}
body.color02 #header-fnav-area #header-fnav-btn a {
background: #0069aa;
}
body.color02 #header-fnav-area #header-fnav {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color02 #header-fnav-area #header-fnav li {
border-bottom: 1px #e5e5e5 solid;
}
body.color02 #header-fnav-area #header-fnav li a {
color: #36373C;
background: #fff;
}
body.color02 #header-fnav-area #header-fnav li a:hover {
background: #fafafa;
color: #36373C;
}
body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color02 .post-header {
padding: 56px 64px 46px;
border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-header .cat-name span {
border: 1px solid #005990;
color: #005990;
}
body.color02 .post-title a {
color: #4E4E4E;
}
body.color02 .post-title a:hover {
color: #14A0EE;
}
body.color02 .post-title a {
color: #36373C;
}
body.color02 .post-title a:hover {
color: #14A0EE;
}
body.color02 .post-meta-area {
border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-meta-area .post-meta-comment li {
border-left: 1px solid #e5e5e5;
}
body.color02 .post-content hr {
border-bottom: 1px solid #eee;
}
body.color02 .post-content h2 {
border-left: 10px solid #131D2A;
background: #36373C;
color: #fff;
}
body.color02 .post-content h3 {
border-bottom: 2px solid #36373C;
}
body.color02 .post-content h4 {
border-left: 5px solid #131D2A;
clear: both;
}
body.color02 .post-content blockquote {
border: 1px #e5e5e5 solid;
background: #fafafa;
}
body.color02 .post-content blockquote:before {
color: #e7e7e7;
}
body.color02 .post-content blockquote cite {
color: #808080;
}
body.color02 .post-content table {
border: 1px #ddd solid;
}
body.color02 .post-content table th,
body.color02 .post-content table td {
border: #ddd solid 1px;
}
body.color02 .post-content table th {
color: #fff;
}
body.color02 .post-content table thead th {
background: #5e6265;
}
body.color02 .post-content table tbody th {
background: #919598;
}
body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
border-color: #fff;
}
body.color02 .post-content table.table-line th {
color: #4E4E4E;
}
body.color02 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color02 .post-content table.table-line tr {
background: #eee;
}
body.color02 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color02 .post-cta {
background: #131D2A;
color: #fff;
}
body.color02 .post-cta .cta-post-title {
border-bottom: 1px solid #eee;
}
body.color02 .post-cta .post-cta-btn a {
background: #F86222;
color: #fff;
}
body.color02 .post-cta .post-cta-btn a:hover {
background: #fa8553;
}
body.color02 .post-cta .btn {
background: #36373C;
}
body.color02 .post-cta .btn:hover {
background: #14A0EE;
}
body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
background: #f7f7f7;
}
body.color02 .post-author {
border: 1px solid #e5e5e5;
color: #4E4E4E;
background: #fff;
}
body.color02 .post-author a {
color: #36373C;
}
body.color02 .post-author .post-author-meta {
color: #4E4E4E;
}
body.color02 #comments {
background: #fff;
border: 1px solid #e5e5e5;
padding: 40px 45px;
}
body.color02 #comments h4 {
border-bottom: 5px solid #36373C;
}
body.color02 #comments h4 i {
color: #36373C;
}
body.color02 .comment-list > .comment {
border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color02 .cat-content {
background: #fff;
}
body.color02 .post-loop-wrap .more-link {
border: 1px #36373C solid;
color: #36373C;
}
body.color02 .post-loop-wrap .more-link:hover {
background: #36373C;
color: #fff;
}
body.color02 .post-loop-wrap .post-footer {
border-top: 1px #eee solid;
}
body.color02 .post-loop-wrap .post-footer a.morelink {
background: #36373C;
color: #fff;
}
body.color02 .pagination span, body.color02 .pagination a {
color: #4E4E4E;
background: #fff;
}
body.color02 .pagination a:hover {
color: #fff;
background: #3279BB;
}
body.color02 .pagination .current {
background: #3279BB;
color: #fff;
}
body.color02 .side-widget .side-title {
background: #ebebeb;
border: 1px solid #e4e4e4;
}
body.color02 .side-widget a {
color: #005990;
}
body.color02 .side-widget a:hover {
color: #005990;
}
body.color02 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget .post-date {
color: #999999;
}
body.color02 .widget_search {
border: 1px solid #e5e5e5;
}
body.color02 .widget_search button {
color: #5e6265;
}
body.color02 .recentcomments {
color: #808080;
}
body.color02 .recentcomments a {
color: #4E4E4E;
}
body.color02 #side .share-list-wrap {
background: #fff;
}
body.color02 #footer {
color: #fff;
border-top: 8px solid #36373C;
}
body.color02 #footer a {
color: #fff;
}
body.color02 #footer a:hover {
color: #ccc;
}
body.color02 #footer-brand-area {
border-bottom: 1px solid #36373C;
}
body.color02 .footer-01 {
background: #36373C;
}
body.color02 .footer-02 {
background: #2E2F33;
}
body.color02 .single-lp .lp-wrap {
border: 1px solid #eee;
background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
background: #005990;
}
body.color02 .single-lp #lp-header h1 {
color: #36373C;
border-bottom: 1px solid #eee;
}
body.color02 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color02 .single-lp .lp-form input[type=submit],
body.color02 .single-lp .lp-form button {
background: #F86222;
color: #fff;
border-bottom: 5px solid #e04807;
}
body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
background: #f9743b;
}
body.color02 .pagetop {
color: #fff;
}
body.color02 .pagetop span {
background: #2b2b2b;
}
body.color02.single-lp #lp-header{
background: #015a92;
}  body.home.color03 #main_visual {
background: #394B57;
background-image: -webkit-linear-gradient(bottom right, #394b57, #28343c);
background-image: linear-gradient(to top left, #394b57, #28343c);
color: #fff;
}
body.home.color03 .front-loop {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
body.home.color03 .front-loop h2 {
border-bottom: 1px solid #e5e5e5;
}
body.home.color03 .front-loop .popular_post_box h3 {
color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box h3 a {
color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box h3 a:hover {
color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box ul a {
color: #484A4E;
}
body.home.color03 .front-loop .popular_post_box ul a:hover {
color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box .p_category {
background: #fff;
border: 1px solid #ca6666;
color: #ca6666;
}
body.home.color03 .front-loop .popular_post_box .p_rank {
background: #900;
color: #fff;
}
body.home.color03 .front-loop .popular_post_box .p_date {
background: #343434;
color: #fff;
}
body.home.color03 .front-main-cont .front-cont-header {
background: #343434;
color: #fff;
}
body.home.color03 .front-main-cont .tri-border span {
border-left: 28px solid transparent;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 18px solid #343434;
}
body.home.color03 #front-contents .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-contents .c_box.c_box_left {
background-color: #fff;
}
body.home.color03 #front-contents .c_box.c_box_right {
background-color: #fafafa;
}
body.home.color03 #front-contents .c_number {
background: #27343c;
color: #fff;
}
body.home.color03 #front-contents h3 {
color: #27343c;
}
body.home.color03 #front-contents .c_english {
color: #27343c;
}
body.home.color03 #front-contents .c_text .c_btn a {
background: #ca6666;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color03 #front-service {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-service .front-service-inner h3 {
color: #27343c;
}
body.home.color03 #front-service .front-service-inner .c_english {
color: #27343c;
}
body.home.color03 #front-service .front-service-inner .c_text .c_btn a {
background: #27343c;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color03 #front-company {
background: #fff;
}
body.home.color03 #front-company .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-company dl {
border-bottom: 1px solid #e5e5e5;
}
body.home.color03 #front-company dl#front-company-1 dt {
border-top: 2px solid #27343c;
}
body.home.color03 #front-company dl#front-company-1 dd {
border-top: 1px solid #e5e5e5;
}
body.home.color03 #front-contact {
background: #ca6666;
}
body.home.color03 #front-contact .c_box_inner input[type=submit],
body.home.color03 #front-contact .c_box_inner button {
background: #131D2A;
} body.color03 {
color: #484A4E;
}
body.color03 a {
color: #ca6666;
}
body.color03 form input[type="submit"],
body.color03 form button {
background: #343434;
color: #fff;
}
body.color03 #header {
background: #27343c;
}
body.color03 #header a {
color: #fff;
}
body.color03 .breadcrumb-area {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.color03 #gnav {
background: #27343c;
}
body.color03 #gnav ul li:hover a {
background: #31414b;
}
body.color03 #gnav ul li.current-menu-item a {
background: #31414b;
}
body.color03 #gnav ul li a {
color: #fff;
background: #27343c;
}
body.color03 #gnav ul li a:hover {
color: #fff;
background: #31414b;
}
body.color03 #gnav ul li .sub-menu {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color03 #gnav ul li .sub-menu li {
border-bottom: 1px #e5e5e5 solid;
}
body.color03 #gnav ul li .sub-menu li a {
color: #343434;
background: #fff;
}
body.color03 #gnav ul li .sub-menu li a:hover {
background: #fafafa;
color: #343434;
}
body.color03 #header-fnav-area #header-fnav-btn a {
background: #31414b;
}
body.color03 #header-fnav-area #header-fnav {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color03 #header-fnav-area #header-fnav li {
border-bottom: 1px #e5e5e5 solid;
}
body.color03 #header-fnav-area #header-fnav li a {
color: #343434;
background: #fff;
}
body.color03 #header-fnav-area #header-fnav li a:hover {
background: #fafafa;
color: #343434;
}
body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color03 .post-header {
padding: 56px 64px 46px;
border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-header .cat-name span {
border: 1px solid #27343c;
color: #27343c;
}
body.color03 .post-title a {
color: #484A4E;
}
body.color03 .post-title a:hover {
color: #ca6666;
}
body.color03 .post-title a {
color: #343434;
}
body.color03 .post-title a:hover {
color: #ca6666;
}
body.color03 .post-meta-area {
border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-meta-area .post-meta-comment li {
border-left: 1px solid #e5e5e5;
}
body.color03 .post-content hr {
border-bottom: 1px solid #eee;
}
body.color03 .post-content h2 {
border-left: 10px solid #131D2A;
background: #343434;
color: #fff;
}
body.color03 .post-content h3 {
border-bottom: 2px solid #343434;
}
body.color03 .post-content h4 {
border-left: 5px solid #131D2A;
clear: both;
}
body.color03 .post-content blockquote {
border: 1px #e5e5e5 solid;
background: #fafafa;
}
body.color03 .post-content blockquote:before {
color: #e7e7e7;
}
body.color03 .post-content blockquote cite {
color: #808080;
}
body.color03 .post-content table {
border: 1px #ddd solid;
}
body.color03 .post-content table th,
body.color03 .post-content table td {
border: #ddd solid 1px;
}
body.color03 .post-content table th {
color: #fff;
}
body.color03 .post-content table thead th {
background: #5e6265;
}
body.color03 .post-content table tbody th {
background: #919598;
}
body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
border-color: #fff;
}
body.color03 .post-content table.table-line th {
color: #484A4E;
}
body.color03 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color03 .post-content table.table-line tr {
background: #eee;
}
body.color03 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color03 .post-cta {
background: #131D2A;
color: #fff;
}
body.color03 .post-cta .cta-post-title {
border-bottom: 1px solid #eee;
}
body.color03 .post-cta .post-cta-btn a {
background: #F86222;
color: #fff;
}
body.color03 .post-cta .post-cta-btn a:hover {
background: #fa8553;
}
body.color03 .post-cta .btn {
background: #343434;
}
body.color03 .post-cta .btn:hover {
background: #ca6666;
}
body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
background: #f7f7f7;
}
body.color03 .post-author {
border: 1px solid #e5e5e5;
color: #484A4E;
background: #fff;
}
body.color03 .post-author a {
color: #343434;
}
body.color03 .post-author .post-author-meta {
color: #484A4E;
}
body.color03 #comments {
background: #fff;
border: 1px solid #e5e5e5;
padding: 40px 45px;
}
body.color03 #comments h4 {
border-bottom: 5px solid #343434;
}
body.color03 #comments h4 i {
color: #343434;
}
body.color03 .comment-list > .comment {
border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color03 .cat-content {
background: #fff;
}
body.color03 .post-loop-wrap .more-link {
border: 1px #343434 solid;
color: #343434;
}
body.color03 .post-loop-wrap .more-link:hover {
background: #343434;
color: #fff;
}
body.color03 .post-loop-wrap .post-footer {
border-top: 1px #eee solid;
}
body.color03 .post-loop-wrap .post-footer a.morelink {
background: #343434;
color: #fff;
}
body.color03 .pagination span, body.color03 .pagination a {
color: #484A4E;
background: #fff;
}
body.color03 .pagination a:hover {
color: #fff;
background: #3279BB;
}
body.color03 .pagination .current {
background: #3279BB;
color: #fff;
}
body.color03 .side-widget .side-title {
background: #ebebeb;
border: 1px solid #e4e4e4;
}
body.color03 .side-widget a {
color: #27343c;
}
body.color03 .side-widget a:hover {
color: #27343c;
}
body.color03 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget .post-date {
color: #999999;
}
body.color03 .widget_search {
border: 1px solid #e5e5e5;
}
body.color03 .widget_search button {
color: #5e6265;
}
body.color03 .recentcomments {
color: #808080;
}
body.color03 .recentcomments a {
color: #484A4E;
}
body.color03 #side .share-list-wrap {
background: #fff;
}
body.color03 #footer {
color: #fff;
border-top: 8px solid #343434;
}
body.color03 #footer a {
color: #fff;
}
body.color03 #footer a:hover {
color: #ccc;
}
body.color03 #footer-brand-area {
border-bottom: 1px solid #343434;
}
body.color03 .footer-01 {
background: #343434;
}
body.color03 .footer-02 {
background: #333333;
}
body.color03 .single-lp .lp-wrap {
border: 1px solid #eee;
background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
background: #27343c;
}
body.color03 .single-lp #lp-header h1 {
color: #343434;
border-bottom: 1px solid #eee;
}
body.color03 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color03 .single-lp .lp-form input[type=submit],
body.color03 .single-lp .lp-form button {
background: #F86222;
color: #fff;
border-bottom: 5px solid #e04807;
}
body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
background: #f9743b;
}
body.color03 .pagetop {
color: #fff;
}
body.color03 .pagetop span {
background: #2b2b2b;
}
body.color03.single-lp #lp-header{
background: #ca6666;
}  body.home.color04 #main_visual {
background: #FB6C4D;
background-image: -webkit-linear-gradient(bottom right, #fb6c4d, #fb5235);
background-image: linear-gradient(to top left, #fb6c4d, #fb5235);
color: #fff;
}
body.home.color04 .front-loop {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
body.home.color04 .front-loop h2 {
border-bottom: 1px solid #e5e5e5;
}
body.home.color04 .front-loop .popular_post_box h3 {
color: #666666;
}
body.home.color04 .front-loop .popular_post_box h3 a {
color: #666666;
}
body.home.color04 .front-loop .popular_post_box h3 a:hover {
color: #2B9CFB;
}
body.home.color04 .front-loop .popular_post_box ul a {
color: #666666;
}
body.home.color04 .front-loop .popular_post_box ul a:hover {
color: #2B9CFB;
}
body.home.color04 .front-loop .popular_post_box .p_category {
background: #333333;
color: #fff;
}
body.home.color04 .front-loop .popular_post_box .p_rank {
background: #900;
color: #fff;
}
body.home.color04 .front-loop .popular_post_box .p_date {
background: #333333;
color: #fff;
}
body.home.color04 .front-main-cont .front-cont-header {
background: #333333;
color: #fff;
}
body.home.color04 .front-main-cont .tri-border span {
border-left: 28px solid transparent;
border-left: 56px solid transparent;
border-right: 56px solid transparent;
border-top: 18px solid #333333;
}
body.home.color04 #front-contents .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-contents .c_box.c_box_left {
background-color: #fff;
}
body.home.color04 #front-contents .c_box.c_box_right {
background-color: #fafafa;
}
body.home.color04 #front-contents .c_number {
background: #FB5235;
color: #fff;
}
body.home.color04 #front-contents h3 {
color: #FB5235;
}
body.home.color04 #front-contents .c_english {
color: #FB5235;
}
body.home.color04 #front-contents .c_text .c_btn a {
background: #343434;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color04 #front-service {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-service .front-service-inner h3 {
color: #FB5235;
}
body.home.color04 #front-service .front-service-inner .c_english {
color: #FB5235;
}
body.home.color04 #front-service .front-service-inner .c_text .c_btn a {
background: #343434;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
body.home.color04 #front-company {
background: #fff;
}
body.home.color04 #front-company .c_box {
border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-company dl {
border-bottom: 1px solid #e5e5e5;
}
body.home.color04 #front-company dl#front-company-1 dt {
border-top: 2px solid #FB5235;
}
body.home.color04 #front-company dl#front-company-1 dd {
border-top: 1px solid #e5e5e5;
}
body.home.color04 #front-contact {
background: #FB5235;
}
body.home.color04 #front-contact .c_box_inner input[type=submit],
body.home.color04 #front-contact .c_box_inner button {
background: #131D2A;
}
body.color04 {
color: #666666;               }
body.color04 a {
color: #FB5235;
}
body.color04 form input[type="submit"],
body.color04 form button {
background: #333333;
color: #fff;
}
body.color04 #header {
background: #FB5235;
}
body.color04 #header a {
color: #fff;
}
body.color04 .breadcrumb-area {
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
body.color04 #gnav {
background: #FB5235;
}
body.color04 #gnav ul li:hover a {
background: #fb674e;
}
body.color04 #gnav ul li.current-menu-item a {
background: #fb674e;
}
body.color04 #gnav ul li a {
color: #fff;
background: #FB5235;
}
body.color04 #gnav ul li a:hover {
color: #fff;
background: #fb674e;
}
body.color04 #gnav ul li .sub-menu {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color04 #gnav ul li .sub-menu li {
border-bottom: 1px #e5e5e5 solid;
}
body.color04 #gnav ul li .sub-menu li a {
color: #333333;
background: #fff;
}
body.color04 #gnav ul li .sub-menu li a:hover {
background: #fafafa;
color: #333333;
}
body.color04 #header-fnav-area #header-fnav-btn a {
background: #fb674e;
}
body.color04 #header-fnav-area #header-fnav {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color04 #header-fnav-area #header-fnav li {
border-bottom: 1px #e5e5e5 solid;
}
body.color04 #header-fnav-area #header-fnav li a {
color: #333333;
background: #fff;
}
body.color04 #header-fnav-area #header-fnav li a:hover {
background: #fafafa;
color: #333333;
}
body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color04 .post-header {
padding: 56px 64px 46px;
border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-header .cat-name span {
border: 1px solid #FB5235;
color: #FB5235;
}
body.color04 .post-title a {
color: #666666;
}
body.color04 .post-title a:hover {
color: #2B9CFB;
}
body.color04 .post-title a {
color: #333333;
}
body.color04 .post-title a:hover {
color: #2B9CFB;
}
body.color04 .post-meta-area {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-meta-area .post-meta-comment li {
border-left: 1px solid #e5e5e5;
}
body.color04 .post-content hr {
border-bottom: 1px solid #eee;
}
body.color04 .post-content h2 {
border-left: 10px solid #131D2A;
background: #333333;
color: #fff;
}
body.color04 .post-content h3 {
border-bottom: 2px solid #333333;
}
body.color04 .post-content h4 {
border-left: 5px solid #131D2A;
clear: both;
}
body.color04 .post-content blockquote {
border: 1px #e5e5e5 solid;
background: #fafafa;
}
body.color04 .post-content blockquote:before {
color: #e7e7e7;
}
body.color04 .post-content blockquote cite {
color: #808080;
}
body.color04 .post-content table {
border: 1px #ddd solid;
}
body.color04 .post-content table th,
body.color04 .post-content table td {
border: #ddd solid 1px;
}
body.color04 .post-content table th {
color: #fff;
}
body.color04 .post-content table thead th {
background: #5e6265;
}
body.color04 .post-content table tbody th {
background: #919598;
}
body.color04 .post-content table.table-line table,
body.color04 .post-content table.table-line th,
body.color04 .post-content table.table-line td {
border-color: #fff;
}
body.color04 .post-content table.table-line th {
color: #666666;
}
body.color04 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color04 .post-content table.table-line tr {
background: #eee;
}
body.color04 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color04 .post-cta {
background: #131D2A;
color: #fff;
}
body.color04 .post-cta .cta-post-title {
border-bottom: 1px solid #eee;
}
body.color04 .post-cta .post-cta-btn a {
background: #F86222;
color: #fff;
}
body.color04 .post-cta .post-cta-btn a:hover {
background: #fa8553;
}
body.color04 .post-cta .btn {
background: #333333;
}
body.color04 .post-cta .btn:hover {
background: #2B9CFB;
}
body.color04 .post-share .post-share-list1 a,
body.color04 .post-share .post-share-list2 a,
body.color04 .post-share .post-share-list3 a,
body.color04 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color04 .post-share .post-share-list1 a:hover,
body.color04 .post-share .post-share-list2 a:hover,
body.color04 .post-share .post-share-list3 a:hover,
body.color04 .post-share .post-share-list4 a:hover {
background: #f7f7f7;
}
body.color04 .post-author {
border: 1px solid #e5e5e5;
color: #666666;
background: #fff;
}
body.color04 .post-author a {
color: #333333;
}
body.color04 .post-author .post-author-meta {
color: #666666;
}
body.color04 #comments {
background: #fff;
border: 1px solid #e5e5e5;
padding: 40px 45px;
}
@media screen and ( max-width: 767px ){
body.color01 #comments, body.color02 #comments, body.color03 #comments, body.color04 #comments {
padding: 20px;
}
}
body.color04 #comments h4 {
border-bottom: 5px solid #333333;
}
body.color04 #comments h4 i {
color: #333333;
}
body.color04 .comment-list > .comment {
border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color04 .cat-content {
background: #fff;
}
body.color04 .post-loop-wrap .more-link {
border: 1px #333333 solid;
color: #333333;
}
body.color04 .post-loop-wrap .more-link:hover {
background: #333333;
color: #fff;
}
body.color04 .post-loop-wrap .post-footer {
border-top: 1px #eee solid;
}
body.color04 .post-loop-wrap .post-footer a.morelink {
background: #333333;
color: #fff;
}
body.color04 .pagination span, body.color04 .pagination a {
color: #666666;
background: #fff;
}
body.color04 .pagination a:hover {
color: #fff;
background: #3279BB;
}
body.color04 .pagination .current {
background: #3279BB;
color: #fff;
}
body.color04 .side-widget .side-title {
background: #ebebeb;
border: 1px solid #e4e4e4;
}
body.color04 .side-widget a {
color: #FB5235;
}
body.color04 .side-widget a:hover {
color: #FB5235;
}
body.color04 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget .post-date {
color: #999999;
}
body.color04 .widget_search {
border: 1px solid #e5e5e5;
}
body.color04 .widget_search button {
color: #5e6265;
}
body.color04 .recentcomments {
color: #808080;
}
body.color04 .recentcomments a {
color: #666666;
}
body.color04 #side .share-list-wrap {
background: #fff;
}
body.color04 #footer {
color: #fff;
border-top: 8px solid #333333;
}
body.color04 #footer a {
color: #fff;
}
body.color04 #footer a:hover {
color: #ccc;
}
body.color04 #footer-brand-area {
border-bottom: 1px solid #333333;
}
body.color04 .footer-01 {
background: #343434;
}
body.color04 .footer-02 {
background: #282828;
}
body.color04 .single-lp .lp-wrap {
border: 1px solid #eee;
background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
background: #FB5235;
}
body.color04 .single-lp #lp-header h1 {
color: #333333;
border-bottom: 1px solid #eee;
}
body.color04 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color04 .single-lp .lp-form input[type=submit],
body.color04 .single-lp .lp-form button {
background: #F86222;
color: #fff;
border-bottom: 5px solid #e04807;
}
body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
background: #f9743b;
}
body.color04 .pagetop {
color: #fff;
}
body.color04 .pagetop span {
background: #2b2b2b;
}
body.color04.single-lp #lp-header{
background: #fb5235;
} .bzb-sns-btn {
display: table-cell;
}
.bzb-sns-btn li {
vertical-align: top;
font-size: auto;
}
.bzb-sns-btn li.bzb-facebook {
width: 83px;
}
.bzb-sns-btn li.bzb-twitter {
width: 75px;
}
.bzb-sns-btn li.bzb-googleplus {
width: 68px;
}
.bzb-sns-btn li.bzb-pocket {
width: 86px;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.bzb-line a img {
vertical-align: top !important;
} @media screen and ( max-width: 1200px ){
.post-content h2 {
margin: 80px 0 32px -46px;
padding: 16px 16px 16px 36px;
}
}
@media screen and ( max-width: 767px ){
.post-content h2 {
margin: 80px 0 32px -30px;
padding: 16px 16px 16px 20px;
}
} .single-lp #main {
overflow: visible;
}
.single-lp .post-content h2 {
margin: 80px 0 32px -66px;
}
@media screen and ( max-width: 767px ){
.single-lp .post-content h2 {
margin: 80px 0 32px -30px;
padding: 16px 16px 16px 20px;
}
}    body{ background: #fdfdfd;
padding-right:  constant(safe-area-inset-right);
padding-left:  constant(safe-area-inset-left);
padding-right:  env(safe-area-inset-right);
padding-left:  env(safe-area-inset-left);
}
a {
color: #003b80;
-webkit-tap-highlight-color: #33333322;
}
.post-content table {
white-space: normal;
}
.post-content ul {
margin-left: 0;
}
.post-content p {
margin-bottom: 20px;
}
.center{
text-align: center;
}
.color-en, li.en-wrap-c {
background: #e25656;
}
.color-ko, li.ko-wrap-c {
background: #e3558d;
}
.color-wh, li.wh-wrap-c {
background: #e4a054;
}
.color-ph, li.ph-wrap-c {
background: #89d240;
}
.color-ma, li.ma-wrap-c {
background: #5391e4;
}
.color-in {
background: #9873d9;
}
.transparent {
opacity: 0.5;
}   body {
font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic, Verdana, "メイリオ",meiryo,Osaka,sans-serif;
}
.post-loop-wrap .post-footer a.morelink {
background: #1f9ac6;
}
.cat-content .post-header, article.page .post-header {
background-color: #ececec;
padding: 30px 64px;
}
body.name .front-loop{
background-color: #2f2f2f;
}
body.home .front-loop{
background-color: transparent;
border-top: none;
border-bottom: none;
}
body.home .front-main-cont .front-cont-header{
background-color: transparent;
}
body.home #main_visual{
background: #fff;
position: relative;
}
body.home #main{
float: left;
}
body.home .front-loop .popular_post_box {
width: 30%;
min-height: 280px;
float: none;
display: inline-block;
vertical-align: top;
}
body.home .front-loop .popular_post_box .p_category {
padding:0px;
color: #222;
background: #fff;
margin-left: 5px;
border:1px solid #222;
}   #header,#header ul,#gnav ul li a {
background: #fff;
}
#header a {
color: #666;
}
#second-nav li {
vertical-align: top;
zoom: 1; display: inline-block; }
#header #logo {
display: none;
}
#header2{
background: #fff;
height: 60px;
position: relative;
}
#header2 div.wrap{
padding-top: 10px;
}
#logo-img-pc{
display: none;
}   .footer-sns-wrap {
width: 100%;
margin: 30px auto 0;
}
.footer-sns-wrap ul {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
}
.footer-sns-wrap ul li {
float: left;
width: 20%;
margin: 0 2.5%;
}
.footer-bnr-wrap {
width: 95%;
margin: 0 auto;
padding: 30px 0 20px;
}
.footer-bnr-wrap a {
display: block;
margin-bottom: 10px;
}
#daigaku-footer-area{
width: 80%;
margin: 0px auto;
}
#daigaku-footer-nav {
padding: 15px 0;
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#daigaku-footer-area #daigaku-footer-nav ul li{
padding: 8px 20px;
}
#footer-cont-sns{
margin-top: 30px;
}
.footer-01 {
padding:0px;
}
.daigaku-wrap{
width: 90%;
margin:0px auto;
}   #gnav ul li a {
color: #555;
font-weight: bold;
padding: 16px 12px;
}
#gnav ul li .sub-menu li a:hover {
background: #eefaff;
color: #333;
}
#gnav ul li:hover a{
background: #fff;
color: #1f9ac6;
}
#gnav ul li a:hover {
background: #eefaff;
color: #333;
}
#gnav ul li.current-menu-item a {
background: #fff;
color: #1f9ac6;
}   #searchform {
border: 1px solid #fff;
}
#searchform input[type=text] {
background-color: #e5e5e5;
}
.side-widget-inner h4.side-title{
background-color: #003b80;
color: #fff;
text-align: center;
border: none;
font-size: 16px;
padding: 5px 20px;
}
#side ul.wpp-list{
border: 1px solid #aaa;
padding: 0;
background-color: #fff;
}
#side ul.wpp-list li{
padding: 0;
border-bottom: 1px solid #aaa;
}
#side ul.wpp-list li:last-child{
border-bottom: none;
}
.side-widget a {
color: #333;
text-decoration: none;
}   .side-widget .wdgt-art-lst li {
padding: 0;
height: 70px;
background-color: #fff;
}
.wdgt-art-lst-tmb-wrp {
float: left;
}
.wdgt-art-lst-tmb-wrp img {
height: 69px;
width: auto;
}
.wdgt-art-lst-ttl-wrp {
overflow: hidden;
}
.wdgt-art-lst-ttl-wrp h4 {
height: 69px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size: 14px;
padding: 0 5px;
}
.wpp-thumbnail {
margin: 0 5px 0 0;
width: 70px;
}
.wpp-list-p {
padding: 10px;
text-align: center;
color: #333;
}
.textwidget{ }
.char-box {
background-color: #eee;
}
.char-text h4{
text-align: center;
color: #333;
font-size: 18px;
margin-top: 10px;
margin-bottom: 20px;
}
.char-text p{
font-size: 16px;
color: #333;
padding: 15px 20px;
}
.char-text img{
margin: 10px 0;
}   .post-cta .post-cta-img {
margin:0 0 20px;
}
.post-cta .post-cta-btn a {
width: 100%;
}
.post-cta .post-cta-img {
width: 260px;
}
.cta-box{
text-align: center;
padding-top: 40px;
}
.post-cta {
background-color: #fafafa;
margin: 10px 0;
}   #startoff{
background: #120409;
}
.post-content a {
text-decoration: underline;
}
#senryaku{
margin-top: 10px;
padding-bottom: 10px;
}
.senryaku-box{
display: inline-block;
margin-left: 3%;
margin-bottom: 25px;
}
.breadcrumb-area { background: #003b80;
border-bottom: none;
}
ol.breadcrumb li, ol.breadcrumb li i,ol.breadcrumb li a{
color: #fff;
}
.post-header .cat-name span {
padding: 4px 16px;
color: #222;
background: #fff;
margin-left: 5px;
border:1px solid #222;
} .cat-content, article.post, article.page {
background: #fdfdfd;
}
.left-content .main-inner {
border-top: 3px solid #003b80;
}
.post-content h2 {
margin: 50px 0 30px;
padding: 5px 0;
font-weight: bold;
border-left: none;
background: none;
color: #222;
border-bottom: 5px solid #003b80;
}
.post-content h3, .post-content h4, .post-content h5 {
padding: 5px 0;
margin: 40px 0 20px;
font-weight: bold;
}
.post-content h4 {
padding-left: 0.5em;
}   .category_title h2{
font-size: 24px;
padding-top: 10px;
font-weight: bold;
}
h1.post-title.category{
margin: 48px 0 0;
}
#content.cat.bg-full{
padding: 0;
margin: 0;
width: 100%;
max-width: none;
}
#content.cat #side {
display: none;
}
#content.cat .bg-or-t {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/kamoku/bg-or-diag-t.png);
background-repeat: repeat;
}
#content.cat .bg-or-d {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/kamoku/bg-or-diag-d.png);
background-repeat: repeat;
}
#content.cat .bg-grid, .bg-grid, #content.cat .bg-grid-lst li, .post-content .bg-grid-lst li {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/kamoku/bg-grid.png);
background-repeat: repeat;
}
#content.cat .bg-pi-t {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/itv/bg-pi-diag-t.png);
background-repeat: repeat;
}
#content.cat .bg-pi-d {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/itv/bg-pi-diag-d.png);
background-repeat: repeat;
}
#content.cat .bg-bl-t, .bg-bl-t {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/school/bg-bl-diag-t.png);
background-repeat: repeat;
}
#content.cat .bg-bl-d {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/school/bg-bl-diag-d.png);
background-repeat: repeat;
}
#content.cat .bg-rd-t {
background-color: #ffddd4;
}
#content.cat .bg-rd-d {
background-color: #ffc5bd;
}
#content.cat .bg-ye-t {
background-color: #fffbd4;
}
#content.cat .bg-ye-d {
background-color: #f7efc1;
}   .post-content .padding_cat_div {
padding: 24px 0 24px!important;
}
.post-content .padding_cat_div_head {
display: inline;
border: 0;
padding: 0;
}
.padding_cat_div:after {
content: '';
display: block;
clear: both;
}
.img_cat {
float: left;
}
.left_div {
padding-left: 320px;
}
.left_div_min {
padding-left: 180px;
}
@media screen and (max-width: 767px){
.img_cat {
float: none;
margin-bottom: 20px;
}
.left_div {
padding-left: 0!important;
}
.left_div_min {
padding-left: 0px!important;
}
} .btn_cat{
background: #426c82;
margin: 10px auto;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 2em;
border-radius: 5px;
width: 7em;
height: 2em;
}
.btn_cat a{
text-decoration: none;
color: #fff;
font-weight: bold;
} .st_cont_s {}
.st_cont_s {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
margin: 20px 0;
}
.st_cont_s1, .st_cont_s2, .st_cont_s3, .st_cont_s4, .st_cont_cta {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
margin: 20px 0;
}
.st_cont_cta {
margin: 50px 0;
}
.st_cont_s:before, .st_cont_s1:before, .st_cont_s2:before, .st_cont_s3:before, .st_cont_s4:before {
content: "Step0";
padding: 5px 15px;
background-color: #1f9ac6;
color: #fff;
font-weight: bold;
margin: -10px -14px;
border-radius: 0 3px 3px 0;
}
.st_cont_s1:before {
content: "Step1";
}
.st_cont_s2:before {
content: "Step2";
}
.st_cont_s3:before {
content: "Step3";
}
.st_cont_s4:before {
content: "Step4";
}
.post-content .st_cont_s h3, .post-content .st_cont_s1 h3, .post-content .st_cont_s2 h3, .post-content .st_cont_s3 h3, .post-content .st_cont_s4 h3, .post-content .st_cont_cta h3{
border-bottom: none;
margin:0 20px;
font-weight: bold;
}
.arr_st {
font-size: 3em;
color: #1f9ac6;
text-align: center;
}
.post-content .head2_st{
font-weight: bold;
position: relative;
padding: 10px;
margin: 64px 0 24px;
color: #fff;
background: #1f9ac6;
border-bottom: none;
font-size: 1.2em;
position: relative;
}
.post-content .head2_st::before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
border-width: 10px;
border-style: solid;
border-color: #97dfff transparent transparent #97dfff;
}
.btn_st{
background: #1f9ac6;
margin: 10px auto;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 2em;
border-radius: 5px;
width: 100%;
height: 2em;
}
.btn_st a{
text-decoration: none;
color: #fff;
}
.btn_st:hover {
background: #46b6de;
}
.btn_st_cta, .btn_st_cta_red, .btn_st_cta_blue {
margin: 10px auto;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 2em;
border-radius: 5px;
width: 100%;
color: #fff!important;
}
.btn_st_cta {
background: #58bb28;
}
.btn_st_cta_red {
background: #ee3333;
}
.btn_st_cta_blue {
background: #449bdd;
}
.btn_st_cta a, .btn_st_cta_red a, .btn_st_cta_blue a{
text-decoration: none;
color: #fff;
} ul.cat_en, ul.cat_en_top, ul.cat_ko, ul.cat_wh, ul.cat_ma, ul.cat_ph {
margin: 15px 0;
padding: 0;
}
.cat_en li, .cat_en_top li, .cat_ko li, .cat_ma li, .cat_ph li, .cat_wh li {
padding: .5em;
background: #fff;
margin: 5px 0;
box-shadow: 0 3px 3px 0 #ccc;
padding-left: 3em;
text-indent: -2em;
list-style: none;
}
.cat_en a, .cat_en_top a, .cat_ko a, .cat_wh a, .cat_ph a, .cat_ma a {
text-decoration: none;
}
.cat_en li:before, .cat_en_top li:before, .cat_ko li:before, .cat_ma li:before, .cat_wh li:before, .cat_ph li:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f303";
position: relative;
padding-right: 1em;
}
.post-content .head2_en, .post-content .head2_ko, .post-content .head2_wh, .post-content .head2_ph, .post-content .head2_ma {
padding: 10px;
color: white;
border-left: solid 5px #fff;
border-bottom: 0;
}
.post-content .head3_en, .post-content .head3_ko, .post-content .head3_wh, .post-content .head3_ph, .post-content .head3_ma {
padding: 0;
margin: 50px 0 12px;
border-bottom: none;
}
.post-content .head4_en, .post-content .head4_ko, .post-content .head4_wh, .post-content .head4_ph, .post-content .head4_ma{
display: inline;
font-size: 1em;
border-left:none;
} .cat_en li:hover, .cat_en_top li:hover {
background: #ffeeee;
}
.cat_en li,.cat_en_top li{
border-left: solid 5px #dd8888;
color: #dd9999;
}
.cat_en li:before, .cat_en_top li:before {
color: #dd9999;
}
.post-content .head2_en {
background: #e25656;
}
.post-content .head3_en {
color: #e25656;
}
.post-content .head4_en{
background: linear-gradient(transparent 60%, #ffdddd 60%);
}
h1.post-title.category.english{
background-color: #e25656;
padding: 30px 64px;
color: #FFF;
} .cat_ph li:hover{
background: #eeffee;
display: block;
}
.cat_ph ul, .cat_ph li{
border-left: solid 5px #88dd88;
color: #88dd88;
}
.cat_ph li:before {
color: #88dd88;
}
.post-content .head2_ph {
background: #89d240;
}
.post-content .head3_ph {
color: #89d240;
}
.post-content .head4_ph {
background: linear-gradient(transparent 60%, #dfffdf 60%);
}
h1.post-title.category.physics{
background-color: #89d240;
padding: 30px 64px;
color: #FFF;
} .cat_ko li:hover{
background: #ffeeff;
}
.cat_ko ul, .cat_ko li{
border-left: solid 5px #cc99cc;
color: #cc99cc;
}
.cat_ko li:before {
color: #cc99cc;
}
.post-content .head2_ko {
background: #e3558d;
}
.post-content .head3_ko {
color: #e3558d;
}
.post-content .head4_ko{
background: linear-gradient(transparent 60%, #eebbee 60%);
}
h1.post-title.category.koten{
background-color: #e3558d;
padding: 30px 64px;
color: #FFF;
} .cat_wh li:hover{
background: #ffffee;
}
.cat_wh ul, .cat_wh li{
border-left: solid 5px #bb9988;
color: #bb9988;
}
.cat_wh li:before {
color: #bb9988;
}
.post-content .head2_wh {
background: #e4a054;
}
.post-content .head3_wh {
color: #e4a054;
}
.post-content .head4_wh {
background: linear-gradient(transparent 60%, #eeccbb 60%);
}
h1.post-title.category.wh{
background-color: #e4a054;
padding: 30px 64px;
color: #FFF;
} .cat_ma li:hover{
background: #f2ffff;
}
.cat_ma ul, .cat_ma li{
border-left: solid 5px #565578;
color: #565578;
}
.cat_ma li:before {
color: #565578;
}
.post-content .head2_ma {
background: #5391e4;
}
.post-content .head3_ma {
color: #5391e4;
}
.post-content .head4_ma{
background: linear-gradient(transparent 60%, #aadddd 60%);
}
h1.post-title.category.ma{
background-color: #5391e4;
padding: 30px 64px;
color: #FFF;
}     #anken {
margin:0px;
padding-left: 0px;
}
#anken li{
margin-bottom: 0px;
vertical-align: bottom;
display: inline-block;
}
#anken li img{ width: 40px;
}
.black_box{
border: 2px solid #333;
margin: 20px 0;
padding: 20px 10px;
}
.black_box p{
font-weight: bold;
margin: 10px 0;
}  img#speaker-img {
-ms-transform:scale(-1, 1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
}
.speech-box{
overflow: hidden;
padding: 0px;
margin: 12px 0;
line-height: 1.5;
color: #333;
}
.speaker, .saki-speaker{
float: left;
margin-right: -70px;
width: 70px;
}
.speaker-text, .shinomiya-text, .akagami_text, .akagami_text_bold, .saki-text {
float: left;
position: relative;
padding-top: 14px;
margin-left: 80px;
}
.speaker-text:before, .shinomiya-text:before, .akagami_text:before, .akagami_text_bold::before, .saki-text:before {
content: "";
position: absolute;
top: 23px;
left: -12px;
z-index: 1;
height: 0;
width: 0;
border: 6px solid transparent;
border-right: 6px solid #dedede;
}
.speaker-text:after, .shinomiya-text:after, .akagami_text:after, .akagami_text_bold:after, .saki-text:after {
position: absolute;
top: 23px;
left: -12px;
z-index: 3;
height: 0;
width: 0;
border: 6px solid transparent;
border-right: 6px solid #dedede;
content: "";
}
.speech, .speech_akagami, .shinomiya_speech, .saki_speech {
padding: 5px 10px;
z-index: 2;
border-radius: 4px;
color: #333;
} .akagami{
position: relative;
padding: 5px 10px;
z-index: 2;
background-color: #eee;
border-style: solid;
border-width: 1px;
border-color: red;
border-radius: 4px;
color: #333333;
}
.akagami_text:before, .akagami_text:after{
border-right: 6px solid #eadedb;
}
.speech_akagami{
background-color: #eadedb;
border-color: #eadedb;
}
.akagami_text_bold:before, .akagami_text_bold:after{
border-right: 6px solid #b68e84;
}
.akagami_bold{
border: 1px solid #b68e84;
font-weight: bold;
} .speech {
background-color: #dedede;
border: 1px solid #dedede;
} .shinomiya_speech{
background-color: #dbddff;
border: 1px solid #dbddff;
}
.shinomiya-text:before, .shinomiya-text:after {
border-right: 6px solid #dbddff;
} .saki_speech{
background-color: #fff8c4;
border: 1px solid #fff8c4;
}
.saki-text:before, .saki-text:after{
border-right: 6px solid #fff8c4;
} .no-balloon {
float: left;
position: relative;
padding-top: 0;
margin-left: 100px;
font-family: inherit;
} .kijilink, .kijilink a{
text-decoration: none;
color: #003b80;
font-weight: bold;
text-indent: -0.5em;
}
.kijilink a {
text-decoration: underline;
}
.kijilink:before{
font-family: "Font Awesome 5 Free";
content: "\f101";
font-weight: bold;
position: relative;
padding-right: 1em;
color: #003b80;
display: inline-block;
}  .recom ul, .recom li, .meritlist ul, .meritlist li, .demeritlist ul, .demeritlist li, .good ul, .good li, .bad ul, .bad li {
line-height: 2.0;
padding: .5em;
padding-left: 3em;
text-indent: -2em;
list-style-type: none!important;
margin: 0;
margin-left: 0;
}
ul.recom, ul.meritlist, ul.demeritlist, ul.good, ul.bad, ul.sep {
padding-left: 0;
}
.recom li::before, .meritlist li::before, .demeritlist li::before, .good li::before, .bad li::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: relative;
padding-right: 1em;
}
.recom li:nth-child(even), .meritlist li:nth-child(even), .good li:nth-child(even) {
background: #e0faff;
}
.demeritlist li:nth-child(even), .bad li:nth-child(even) {
background: #f5d1d2;
} .recom li:before {
content: "\f164";
color: #00aaff;
}
.recom li:nth-child(odd) {
background: #eeffff;
} .meritlist li:before {
content: "\f055";
color: #00aaff;
}
.meritlist ul, .meritlist li:nth-child(odd) {
background: #eeffff;
} .demeritlist li:before {
content: "\f056";
color: #ff7070;
}
.demeritlist li:nth-child(odd) {
background: #ffeeee;
} .sep li {
line-height: 2.0;
padding: .5em;
padding-left: 1em;
list-style-type: none!important;
margin: 0;
margin-left: 0;
}
.sep li:nth-child(even) {
background: #eee;
padding-left: 1.5em;
}
.sep li:nth-child(odd) {
background: #888888;
padding-left: 0.5em;
color: #ffffff;
font-weight: bold;
} .good li:before {
content: "\f058";
color: #00aaff;
}
.good ul, .good li:nth-child(odd) {
background: #eeffff;
} .bad li:before {
content: "\f071";
color: #ff7070;
}
.bad li:nth-child(odd) {
background: #ffdddd;
} .midori {
color:green; font-weight:bold;
}
.ao {
color:#131180; font-weight:bold;
}
.orange {
color:#db7433; font-weight:bold;
}
.aka {
color:#d20b0b; font-weight:bold;
}
.kuro {
font-weight:bold;
}
.murasaki {
font-weight: bold;
font-size: 0.7em;
color: #552255;
}
.shiro {
color: #fff;
font-weight :bold;
font-size :1.2em;
}
.wp-embedded-content {
max-width: 100%;
} .balloonleft, .balloonright {
border-radius: 8px;
background-color: #e5e5e5;
padding: 20px;
position: relative;
margin-bottom: -25px
}
.balloonleft:after, .balloonright:after {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
content: '';
margin-top: -10px;
position: absolute;
top: 50%;
}
.balloonleft:after {
border-right: 12px solid #e5e5e5;
left: -12px;
}
.balloonright:after {
border-left: 12px solid #e5e5e5;
right: -12px;
}  .toc_en li, .toc_ko li, .toc_wh li, .toc_ph li, .toc_ma li, .toc_st li, .toc_in li {
list-style: none;
padding: 10px 20px 10px 1em;
text-indent: -2em;
color: #000!important;
}
.toc_en ul, .toc_ko ul, .toc_wh ul, .toc_ph ul, .toc_ma ul, .toc_st ul, .toc_in ul {
margin-left: 10px;
margin-bottom: 10px;
}
.toc_en, .toc_ko, .toc_wh, .toc_ph, .toc_ma, .toc_st, .toc_in {
background-color: #fff;
padding: 10px 10px 0 0;
margin: 30px 0;
}
.toc_en a, .toc_ko a, .toc_wh a, .toc_ph a, .toc_ma a, .toc_st a, .toc_in a  {
color: #000;
font-weight: bold;
}
.toc_en::before, .toc_ko::before, .toc_wh::before, .toc_ph::before, .toc_ma::before, .toc_st::before, .toc_in::before {
content: "\3082\304F\3058";
padding: 5px 15px;
color: #fff;
margin: -10px -4px;
}
.toc_en li::before, .toc_ko li::before, .toc_wh li::before, .toc_ph li::before, .toc_ma li::before, .toc_st li::before, .toc_in li::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f02e";
position: relative;
padding-right: 1em;
} .toc_en:before {
background-color: #e25656;
}
.toc_en {
border: 1px dashed #e25656;
}
.toc_en li:before {
color: #e25656;
} .toc_ko:before {
background-color: #e3558d;
}
.toc_ko {
border: 1px dashed #e3558d;
}
.toc_ko li:before {
color: #e3558d;
} .toc_wh:before {
background: #e4a054;
}
.toc_wh {
border: 1px dashed #e4a054;
}
.toc_wh li:before {
color: #e4a054;
} .toc_ph:before {
background: #89d240;
}
.toc_ph {
border: 1px dashed #89d240;
}
.toc_ph li:before {
color: #89d240;
} .toc_ma:before {
background: #5391e4;
}
.toc_ma {
border: 1px dashed #5391e4;
}
.toc_ma li:before {
color: #5391e4;
} .toc_st:before {
background-color: #1f9ac6;
}
.toc_st {
border: 1px dashed #1f9ac6;
}
.toc_st li:before {
color: #1f9ac6;
} .toc_in:before {
background-color: #9873d9;
}
.toc_in {
border: 1px dashed #9873d9;
}
.toc_in li:before {
color: #9873d9;
}  .arrow_cur {
display: inline-block;
line-height: 1.5em;
font-size: 1.5em;
padding: 0 ;
padding-left: 3em;
text-indent: -2em;
list-style-type: none;
margin: 50px 0;
font-weight: bold;
}
.arrow_cur:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f061";
position: relative;
padding-right: 1em;
color: #000;
font-size: 1.5em;
}
.hlt_y {
background: linear-gradient(transparent 60%, #ffffdd 60%);
} .checklist li {
line-height: 1.8em;
padding-left: 3em;
text-indent: -2em;
list-style-type: none!important;
margin: 0px 5px 0px 0px;
}
.checklist, .post-content ul.checklist {
padding: 15px 0;
background: #e5e5e5;
margin: 30px 0;
}
.checklist li:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f14a";
position: relative;
padding-right: 1em;
color: #333;
}  .toc_check:before, .ko_check:before, .wh_check:before, .ma_check:before, .ph_check:before, .st_check:before, .in_check:before {
content: "CHECK!";
display: block;
color: #fff;
font-weight: bold;
margin: 5px -4px 0;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
}
.toc_check, .ko_check, .wh_check, .ma_check, .ph_check, .st_check, .in_check {
background-color: #fff;
line-height: 1.2em;
padding: 5px 1em 10px 0;
margin: 30px 0;
}
.toc_check dt:before, .ko_check dt:before, .wh_check dt:before, .ma_check dt:before, .ph_check dt:before, .st_check dt:before, .in_check dt:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f14a";
position: relative;
padding-right: 1em;
}
.toc_check dt, .ko_check dt, .wh_check dt, .ma_check dt, .ph_check dt, .st_check dt, .in_check dt {
list-style: none;
padding-left: 3em;
margin: 10px 0;
text-indent: -2em;
color: #000!important;
}
.post-content .toc_check dd, .post-content .ko_check dd, .post-content .wh_check dd, .post-content .ma_check dd, .post-content .ph_check dd, .post-content .st_check dd, .post-content .in_check dd {
padding: 0;
padding-bottom: 10px;
margin-left: 1em;
line-height: 1.6em;
}
.toc_check p, .ko_check p, .wh_check p, .ma_check p, .ph_check p, .st_check p, .in_check p {
text-align: center;
font-size: 1.2em;
line-height: 1.8em;
font-weight: bold;
margin: 10px 1em 40px;
} .toc_check:before {
background: #e25656;
}
.toc_check {
border: 1px solid #e25656;
}
.toc_check dt:before {
color: #e25656;
} .ko_check:before {
background: #e3558d;
}
.ko_check {
border: 1px solid #e3558d;
}
.ko_check dt:before {
color: #e3558d;
} .wh_check:before {
background: #e4a054;
}
.wh_check {
border: 1px solid #e4a054;
}
.wh_check dt:before {
color: #e4a054;
} .ma_check:before {
background: #5391e4;
}
.ma_check {
border: 1px solid #5391e4;
}
.ma_check dt:before {
color: #5391e4;
} .ph_check:before {
background: #89d240;
}
.ph_check {
border: 1px solid #89d240;
}
.ph_check　dt:before {
color: #89d240;
} .st_check:before {
background: #1f9ac6;
}
.st_check {
border: 1px solid #1f9ac6;
}
.st_check dt:before {
color: #1f9ac6;
} .in_check:before {
background: #9873d9;
}
.in_check {
border: 1px solid #9873d9;
}
.in_check dt:before {
color: #9873d9;
} .cur_step {
background-color: #e5e5e5;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 30px 0;
}
.cur_step dt {
display: inline-block;
padding: 5px 10px;
background: linear-gradient(transparent 60%, #ffeea8 60%);
} .post-lead {
background: #fffbd4;
border: 3px solid #dbd14b;
border-radius: 5px;
margin: 10px 64px;
padding: 20px;
}
.post-lead p, .post-lead ul {
margin: 0;
}
@media (max-width: 960px) {
.post-lead {
margin: 10px;
}
} @media only screen and (max-width: 960px) {
.post-loop-wrap {
padding: 10px;
}
.post-loop-wrap > article {
border-radius: 5 px;
box-shadow: 0 2px 5px #ccc;
}
#top_main_btn, #header2 {
display: none;
}
#desktop-h2{
display: none;
}
#sm_main_btn{
width: 433px;
}
.top-img{
display: none;
}
#top_main_btn{
position: absolute;
top: 68%;
width: 40%;
right: 15%;
}
img#logo-img {
display: none;
}
img#logo-img-sp{
position: absolute;
top: 10px;
z-index: 1000000;
width: auto;
height: 30px;
margin-left: calc( calc( calc(-861px * 30) / 235) / 2);
left: 50%;
}
#gnav-sp {
display: block;
background-color: #fff;
border-right: .5px solid #f1f1f1;
height: 100%;
width: 250px;
position: fixed;
top: 10px;
left: -250px;
z-index: 1000;
overflow-x: hidden;
}
#gnav-sp .wrap {
padding-top: 60px;
padding-bottom: 60px;
}
#header-nav-btn a, #header-search a {
display: block;
text-align: center;
padding: 3px 0px;
line-height: 42px;
width: auto;
left: 30px;
font-size: 24px;
background-color: transparent;
}
#header-cv-btn a img {
position: absolute;
right: 0;
height: 40px;
margin: 4px 0;
}
.sen-box {
width: 100%;
margin: 0px auto;
}
#popular_post_content, #recent_post_content {
margin-right: 0px;
}
body.home .front-loop article.post{
width: 100%;
}
body.home .front-loop h2, body.home .front-contents-tile h2 {
text-align: center;
padding: 12px 0;
margin: 0;
border-bottom: 5px solid #1f9ac6; }
#footer {  }
.form-submit #submit {
width: 100%;
}
.comment-respond {
padding-left: 0px;
}
.post-cta .cta-post-title {
border-bottom: 4px solid #eee;
margin: 30px 10px 0;
padding: 0px;
}
.left{
float: left;
width: 100%;
}
.right {
float: right;
margin-top: 30px;
width: 100%;
}
.cta-btn {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.comment-form-comment textarea {
width: 100%;
}
body.home .front-main-cont .front-cont-header {
padding: 8px 0 14px;
}
.category_title h2 {
margin-top: 10px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 25px;
}
#content {
padding-top: 10px;
}
body.home .front-loop .front-loop-cont {
padding-bottom:0px;
}
body.home .front-loop article.post:last-child {
margin-bottom: 0px;
}
.category_title h2{
padding-bottom: 0px;
}
body.home .front-main-cont .front-cont-header {
padding-bottom: 0px;
}
.senryaku-box {
margin-right: 20px;
}
.pagetop {
z-index: 1000000;
}
.comment-form-author label, .comment-form-author input, .comment-form-email label, .comment-form-email input {
width: 100%;
}
.side-widget-area {
padding: 0;
width: 100%;
margin: 0px auto;
}
#daigaku-footer-area #daigaku-footer-nav ul li {
padding: 8px 20px;
width: 100%;
text-align: left;
}
.sen-box {
text-align: center;
} .front-contents-tile li {
width: 31.333%;
}
.front-contents-tile a, .front-contents-tile span {
font-size: 6vw;
}
#header {
z-index: 1000000;
position: fixed;
width: 100%;
top: 0;
height: 48px;
border-bottom: .5px solid #e5e5e5;
}
#searchform {
}
#searchform input[type=text]{
line-height: 24px;
background: #fff;
border: 4px solid #0058a8;
box-sizing: border-box;
padding-right: 40px;
}
#searchform button {
line-height: 24px;
top: 4px;
right: 4px;
}
#header-search-box {
z-index: 999;
position: fixed;
width: 100%;
top: 0;
height: 50px;
}
#header-nav-btn {
float: left;
width: 20%;
}
#header-search {
position: absolute;
right: -10px;
width: 20%;
top: 0;
}
#content .wrap, body.home .wrap {
width: 100%;
margin: 0 auto;
}
#header .wrap {
margin: 0;
}
.breadcrumb-area {
padding: 0 5px;
}
.post-cta-cont .right, #search-2 {
display: none;
}
#side {
padding-top: 0;
float: left;
}
article.post {
margin-bottom: 0;
}
.post-loop-wrap article {
margin: 40px 0;
}
.explain-bnr {
font-size: 10px;
color: #fff;
background: #444;
padding: 1px;
text-align: center;
}
.sm-top-img {
margin-top: 48px;
}
.bnr-area {
width: 100%;
margin-top: 54px;
border: 2px solid #a65a00;
}
} @media only screen and (min-width: 600px) {
img#logo-img{
width: 135px;
position: absolute; }
#header-nav-btn a { padding-left: 50%;
} } @media print, screen and (min-width: 960px) {   #header-cv-btn {
position: absolute;
right: 0;
top: -50px;
width: 180px;
}
.bnr-width {
width: 70%;
margin: 10px auto;
}
#header-gnav-area {
float: left;
}
img#logo-img-sp {
display: none;
}
#header-gnav-wrap-pc {
height: 60px;
}
.sm-top-img{
display: none;
}
.bnr-area {
display: none;
}
#sm_main_btn{
display: none;
} .front-contents-tile li {
width: 18%;
}
.front-contents-tile {
margin-right: 355px;
}
.front-contents-tile a, .front-contents-tile span {
font-size: 1.5vw;
}　 , #popular_post_content, #recent_post_content, .front-contents-tile {
margin-right: 355px;
}
#header,#header ul,#gnav ul li a {
background: #fff;
} img#logo-img{ padding: 0px;
z-index: 10000; width: auto;
height: 30px; margin-top: 10px;
}
#top_main_btn{
position: absolute;
top: 68%;
right: 21%;
left: 48%;
}
#header-search {
display: none;
}
.explain-bnr, #gnav-sp {
display: none;
}
.sen-box{ width: 100%;
text-align: center;
margin:0px auto;
margin-right: 10px;
}
body.home .front-loop h2, body.home .front-contents-tile h2 {
text-align: left;
padding: 12px 0;
margin: 0;
border-bottom: 5px solid #1f9ac6;
margin-left: 2.2%;
margin-right: 2.2%;
color: #333;
}
.comment-respond{
padding-left: 40px
}
.comment-form-comment textarea {
width: 100%;
}
.post-cta .cta-post-title {
border-bottom: 4px solid #eee;
margin: 30px 65px;
padding: 0px;
margin-top: 50px;
}
.left{
float: left;
width: 65%;
}
.cta-btn{ text-align: center;
}
.cta-btn a.button img{
margin-left: 3px;
margin-top: 30px;
width: 260px;
}
.kobetusodan{
position: absolute;
right: 0%;
top: 16%;
color: #000!important;
background: #65bcda;
-moz-box-shadow: 1px 2px #111111;
-webkit-box-shadow: 3px 4px #111111;
box-shadow: 3px 4px #111111;
z-index: 10000;
}
.kobetusodan a{
text-decoration: none;
color: #000!important;
font-weight: bold;
display: block;
padding: 5px 30px;
}
.kobetusodan:hover{
background-color: #98daf1;
}
.relative{
position: relative;
} } .img-margin {
margin: 50px auto;
} .footer-02 {
padding-bottom: 48px;
}
.footer-hidden {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 1000000;
padding: 0;
padding-bottom: constant(calc(safe-area-inset-bottom + 4px));
padding-bottom: env(calc(safe-area-inset-bottom + 4px));
}
.mobile-menu a {
text-decoration: none;
display: block;
box-sizing: border-box;
float: left;
font-size: 12px;
font-weight: bold;
padding: 4px 1px;
text-align: center;
}
a.footer-btn {
width: 48.5%;
margin: .5%;
position: relative;
filter: drop-shadow(2px 2px 2px #333);
}
a.footer-btn-left {
margin-right: 1%;
}
.mobile-menu::after {
content: '';
display: block;
clear: both;
}
#hidden {
display: none;
}
@media screen and (min-width: 767px){
.footer-hidden{
display: none;
}
.footer-02{
margin-bottom: 0px;
}
} .blog-card{
position: relative;
padding: 20px 12px 12px 20px;
margin:30px 0;
border:1px solid #003b80;
word-wrap:break-word;
border-radius:5px;
background-color: #f2f4fb;
}
.blog-card:before {
content: "CHECK";
color: #fff;
position: absolute;
font-size: 12px;
background: #003b80;
top: -5px;
left: -10px;
transform: rotateZ(-30deg);
padding: 2px 3px;
border-radius: 6px;
}
.blog-card-content{
line-height:120%;
}
.blog-card-title{
margin-bottom:5px;
}
.blog-card-title a{
font-weight:bold;
color:#003b80;
} .clear{
clear:both;
}  .bnr-st, .bnr-en, .bnr-wh, .bnr-ko, .bnr-ph, .bnr-ma, .bnr-in {
position: relative;
padding: 0;
margin: 20px auto;
width: 90%;
}
.bnr-st a, .bnr-en a, .bnr-wh a, .bnr-ko a, .bnr-ph a, .bnr-ma a, .bnr-in a {
text-decoration: none;
color: #fff;
text-align: center;
font-weight: bold;
display: block;
padding: 10px 20px;
margin: 0 auto;
font-size: 24px;
}
.bnr-st:hover {
top: -3px;
box-shadow: 0 2px 8px #023244;
}
.bnr-st:active {
top: 3px;
box-shadow: 0 2px 5px #023244;
}
.bnr-st {
background: #1f9ac6;
box-shadow: 0 2px 5px #023244;
} .bnr-en {
background: #e25656;
box-shadow: 0 2px 5px #881212;
}
.bnr-en:hover {
top: -3px;
box-shadow: 0 2px 8px #881212;
}
.bnr-en:active {
top: 3px;
box-shadow: 0 2px 5px #881212;
} .bnr-ko {
background: #e3558d;
box-shadow: 0 2px 5px #200020;
}
.bnr-ko:hover {
top: -3px;
box-shadow: 0 2px 8px #200020;
}
.bnr-ko:active {
top: 3px;
box-shadow: 0 2px 5px #200020;
} .bnr-wh {
background: #e4a054;
box-shadow: 0 2px 5px #301000;
}
.bnr-wh:hover {
top: -3px;
box-shadow: 0 2px 8px #301000;
}
.bnr-wh:active {
top: 3px;
box-shadow: 0 2px 5px #301000;
} .bnr-ma {
background: #5391e4;
box-shadow: 0 2px 5px #01204a;
}
.bnr-ma:hover {
top: -3px;
box-shadow: 0 2px 8px #01204a;
}
.bnr-ma:active {
top: 3px;
box-shadow: 0 2px 5px #01204a;
} .bnr-ph {
background: #89d240;
box-shadow: 0 2px 5px #2e5803;
}
.bnr-ph:hover {
top: -3px;
box-shadow: 0 2px 5px #2e5803;
}
.bnr-ph:active {
top: 3px;
box-shadow: 0 3px 0 #2e5803;
}
.next-art {
margin: 40px 0;
}
.next-art p{
font-weight: bold;
color: #111155
}
.prev-art {
margin: 40px 0;
}
.prev-art p{
font-weight: bold;
color: #111155
} .bnr-in {
background: #9873d9;
box-shadow: 0 2px 5px #392a52;
}
.bnr-en:hover {
top: -3px;
box-shadow: 0 2px 8px #392a52;
}
.bnr-en:active {
top: 3px;
box-shadow: 0 2px 5px #392a52;
} table.line {
border-collapse: collapse;
}
table.line, th.line, td.line, tr.line {
border: 2px #000000 solid;
}
table.line, th.line, td.line, tr.line{
word-break : break-all;
}
.post-content .qalist dt, .post-content .qalist dd{
background-color: #ebf3fd;
margin-bottom: 10px;
padding: 10px 10px 10px 2em;
text-indent: -1.5em;
border-radius: 5px;
line-height: 1.5em;
}
.qalist dt::before, .qalist dd::before {
content: "Q.";
color: #0058a8;
font-weight: bold;
padding-right: .5em;
}
.post-content .qalist dd{
background-color: #ffe5e5;
margin-left: 0;
font-weight: bold;
}
.qalist dd::before {
content: "A.";
color: #e50027;
}
.indexlist {
background-color: #fff;
border: 7px dashed blue;
padding: 10px;
border-top: 10px;
} .form_submit{
display: inline-block;
background: #3B4552;
width: 200px;
height: 60px;
text-align: center;
text-decoration: none;
font-weight: bold;
outline: none;
color: #fff!important;
font-size: 1.2em!important;
}
.button_cv{
display: inline-block;
background: #3B4552;
width: 200px;
height: 60px;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 60px;
outline: none;
color: #fff!important;
font-size: 1.2em!important;
border-right: 3px solid #000;
border-bottom: 3px solid #000
}
.button_cv:hover {
background: #352488;
border: none;
} .post-content .t-mob-list {
border-collapse: collapse;
width: 100%;
background: #fff;
}
.post-content .t-mob-list thead{
background: #888;
color: #fff;
font-weight: bold;
text-align: center;
}
.post-content .t-mob-list th, .post-content .t-mob-list td{
padding: 10px;
border: 1px solid #333;
text-align: center;
}
.post-content .t-mob-list th {
font-weight: bold;
}
@media only screen and (max-width: 960px){
.post-content .t-mob-list {
display: inline-table;
}
.post-content .t-mob-list thead{
display: none;
}
.post-content .t-mob-list tr{
display: block;
margin-bottom: 20px;
}
.post-content .t-mob-list td{
padding: 0;
border-top: none;
line-height: 30px;
display: block;
}
.post-content .t-mob-list th{
display: block;
background: #888;
color: #fff;
}
.post-content .t-mob-list td:before {
display: block;
background: #ddd;
font-weight: bold;
border-bottom: 1px solid #333;
content: ""attr(data-label)"";
display: block;
}
} .hidden-area {
display: none;
} .page-links {
height: 60px;
}
.page-links-next {
height: 20px;
}
.page-links, .page-links-next {
width: auto;
text-align: center;
margin: 30px auto;
}
.page-links span {
border: 1px solid #1f9ac6;
width: 45px;
font-size: 24px;
height: 60px;
padding: 12px 15px;
line-height: 60px;
}
.page-links span {
text-decoration: none;
color: #fff;
background: #1f9ac6;
}
.page-links a span {
text-decoration: none;
color: #333;
background: #fff;
}
.page-links a span:hover {
border: 1px solid #759fb5;
background: #759fb5;
color: #fff;
}
@media only screen and (max-width: 960px) {
.side-widget {
padding-bottom: 0;
margin-bottom: 0;
}
article.page .post-content {
padding: 20px;
}
.cv-ev-sp {
display: inline;
}
.cv-ev-pc {
display: none;
}
} .cta-center {
clear: both;
margin: 20px auto;
display: block;
}
@media screen and (max-width: 767px) {
.post-cta .post-cta-cont {
padding: 0 20px;
}
} ul.sns-btn {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 630px;
}
.sns-btn li {
list-style: none;
display: inline-block;
position: relative;
margin: 10px 2%;
padding: 0;
width: 45%;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center;
}
.share-btn a {
display: block;
text-decoration: none;
text-decoration-line: none;
color: #fff;
font-weight: bold;
}
.twitter-share {
background: #55acee;
box-shadow: 0 3px 0 #449bdd;
}
.line-share {
background: #00c300;
box-shadow: 0 3px 0 #00a100;
}
.facebook-share {
background: #315096;
box-shadow: 0 3px 0 #103074;
}
.hatena-share {
background: #008fde;
box-shadow: 0 3px 0 #006dbc;
}
.share-btn:active {
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
box-shadow: none;
}
@media screen and (min-width: 767px) {
#gnav #menu-item-5351 {
display: none!important;
}
}
@media only screen and (max-width: 960px) {
.pulldown {
position: relative;
}
.pulldown:after {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
color: #333;
content: '\f0d7';
font-size: 16px;
position: absolute;
top: 8px;
right: 30px;
}
}
body.home .front-loop article.post {
background: #eee;
border: 1px solid #e5e5e5;
box-shadow: 0 2px 5px #e5e5e5;
border-radius: 5px;
overflow: hidden;
}
body.home .front-loop .popular_post_box h3 {
padding: 0 10px;
}
@media only screen and (max-width: 960px) { #popular_post_content, #recent_post_content{
display: none;
}
}
#gnav-sp .bnr-nav-wrap p{
color: #333;
font-size: 12px;
margin: 10px;
}
#gnav-sp .wrap a {
color: #333;
}
#gnav-sp #bnr-strux img, #gnav-sp #bnr-event img{
border: 1px solid #e5e5e5;
}
#gnav-sp #bnr-lineat {
margin: 10px;
}
.twitter-wrap {
padding: 20px;
}
.twitter-wrap iframe {
height: 350px!important;
}
.paging-title, .paging-title a{
text-decoration: none;
color: #0088dc;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
.paging-title:before{
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f04e";
position: relative;
padding-right: 1em;
color: #0088dc;
display: inline-block;
}
.wpcf7-list-item{
display: block!important;
} .bnr-border {
border: 2px solid #a65a00;
} .video-size {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 30px 0;
}
.video-size iframe, .video-size lite-youtube {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
} .growth-box {
text-align: center;
margin: 50px auto;
padding: 2%;
border: 2px solid #999;
background-color: #fdfdfd;
max-width: 500px;
font-size: 1.2rem;
}
.growth-box h4 {
border: none;
color: #225b98;
}
.growth-box span {
font-weight: bold;
font-size: 4rem;
color: #004986;
} .off {
display: none;
}
.toggle-box {
margin-bottom: 50px;
}
h3.toggle-box-btn:hover {
cursor: pointer;
}
h3.toggle-box-btn {
position: relative;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
background: #003b80;
border-bottom: none;
color: #fff;
padding: 0 15px;
line-height: 2em;
font-size: 1.2em;
}
@media (max-width: 960px) {
.post-content h3.toggle-box-btn {
line-height: 2em;
}
}
h3.off-plus:after, h3.on-minus:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content:"\f055";
position: absolute;
color: #fff;
right: 2%;
display: inline-block;
}
h3.on-minus:after {
content:"\f056";
} .growth-intro {
margin: 50px auto;
padding: 2%;
border: 2px solid #999;
background-color: #fdfdfd;
width: 100%;
}
.growth-intro p {
margin: 0;
}
.growth-card-wrap {
margin: 50px auto;
width: 100%;
}
.growth-card-wrap a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.growth-card-wrap:after, .growth-card:after {
content: '';
display: block;
clear: both;
}
.growth-card {
float: left;
width: 46%;
margin: 20px 2%;
box-sizing: border-box;
padding: 0;
border: 2px solid #333;
position: relative;
}
@media screen and (max-width: 767px) {
.growth-card {
width: 100%;
margin: 20px 0;
}
}
.growth-img {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
img.growth-img {
width: 100%;
}
.growth-card:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0000002b;
}
.growth-card:hover:before {
background-color: #00000099;
content: '\4E8B\4F8B\8A73\7D30\3092\898B\308B';
box-sizing: border-box;
padding: 25% 0;
color: #fff;
text-align: center;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.growth-explain {
position: absolute;
top: 55%;
left: 10%;
width: 80%;
box-sizing: border-box;
padding: 10px;
background-color: rgb(35, 40, 233);
}
.growth-explain h3, .growth-explain p {
color: #fff;
margin: 5px 0;
padding: 0;
}
.growth-explain p {
font-size: 0.8rem;
}
.growth-explain h3 {
font-size: 1rem;
border: none;
}
.bnr-strux-color {
position: relative;
background: #3fc9c9;
box-shadow: 0 3px 0 #1fa9a9;
padding: 0;
margin: 40px auto 30px;
width: 90%;
}
.bnr-strux-color a{
text-decoration: none;
color: #fff;
text-align: center;
font-weight: bold;
display: block;
padding: 10px 20px;
margin: 0 auto;
font-size: 24px;
}
.bnr-strux-color:hover {
top: -3px;
box-shadow: 0 6px 0 #1fa9a9;
}
.bnr-strux-color:active {
top: 3px;
box-shadow: none;
}
.bnr-category {
position: relative;
background: #0901FD;
box-shadow: 0 3px 0 #040159;
padding: 0;
margin: 40px auto 30px;
width: 90%;
}
.bnr-category a{
text-decoration: none;
color: #fff;
text-align: center;
font-weight: bold;
display: block;
padding: 10px 20px;
margin: 0 auto;
font-size: 24px;
}
.bnr-category:hover {
top: -3px;
box-shadow: 0 6px 0 #040159;
}
.bnr-category:active {
top: 3px;
box-shadow: none;
}  .wpcf7 form div.if-succeeded {
display: none;
}
.wpcf7 form.sent div.if-succeeded {
display: block;
} .slideshare-container {
position: relative;
padding-bottom: 78%;
height: 0;
margin-bottom: 45px;
}
.slideshare-container iframe,
.slideshare-container object,
.slideshare-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content img, #content embed, #content object, #content iframe, #content video {
border: 1px solid #eee!important;
padding: 6px!important;
background-color: rgba(230,230,230,0.4)!important;
border-radius: 3px;
}    @import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");
body.home .noto, .noto,body.home .noto-n, .noto-n  {
font-family: 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
body.home .noto-n, .noto-n {
font-weight: normal;
}
body.home .fw900, .fw900, .post-content h2.fw900 {
font-weight: 900;
}  .hero-wrap {
padding-bottom: 0; }
.caro-cont {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 100vw;
background: #eefaff;
}
.caro-wrap {
width: 100%;
max-width: 100vw;
height: auto;
overflow: hidden;
}
.caro-inner {
overflow: hidden;
}
.caro-ind-wrap {
background: #fff;
margin: 0;
height: 16px;
}
.caro-ind-pt {
display: block;
float: left;
width: 8px;
height: 8px;
margin: 4px;
border-radius: 4px;
border: 1.5px solid #4d4d4d;
}
.caro-ind-pt.current {
background: #4d4d4d;
}
.caro-inner > div {
width: 100vw;
float: left;
margin: 0;
text-align: center;
} .bnr-top img {
width: 100%;
}
.bg-bl {
background: #003b80;
}
.bg-sb {
background: #d7e9ff;
padding: .1px;
}
.post-content h2.main-col-h2-wh, .main-col-h2-wh, .post-content h2.main-col-h2-blu, .post-content h2.main-col-h2-or, .post-content h2.main-col-h2-rd, .main-col-h2-blu {
font-weight: bold;
font-size: 16px;
color: #fff;
padding: 0;
margin: 10px 0;
}
.post-content h3.main-col-h3-blu {
font-weight: bold;
font-size: 15px;
padding: 0;
margin: 10px 0;
border: 0;
}
.post-content h4.main-col-h4-blu {
font-weight: bold;
font-size: 14px;
padding: 0 0 0 10px;
margin: 10px 0;
}
.post-content h2.main-col-h2-blu, .main-col-h2-blu , .post-content h3.main-col-h3-blu {
color: #003b80;
}
.post-content h2.main-col-h2-rd {
color: #da0011;
}
.post-content h2.main-col-h2-or, .post-content h2.main-col-h2-pi, .post-content h2.main-col-h2-blu, .main-col-h2-blu, .post-content h2.main-col-h2-rd, h2.main-col-h2-ye, .post-content h2.main-col-h2-ye {
border: none;
font-size: 16px;
margin: 10px 0;
}
.post-content h3.main-col-h3-pi {
border: none;
font-size: 16px;
text-align: left;
margin: 10px 0 5px;
padding: 0;
}
.post-content h2.main-col-h2-pi, .post-content h3.main-col-h3-pi  {
color: #db4b71;
}
.post-content h2.main-col-h2-or {
color: #e27310;
}
.post-content h2.main-col-h2-ye {
color: #860202;
}
.main-col-h2-idx {
line-height: 18px;
display: block;
font-size: 12px;
}
.main-col-h2-idx span {
font-size: 14px;
}
.main-col-wrap {
margin: 0;
padding: 0;
overflow: hidden;
}
.main-bnr-wrap {
padding: 0;
margin: 5px auto;
width: 95%;
}
.main-col-inner, .post-content ul.main-col-inner {
list-style: none;
position: relative;
margin: 0 auto;
width: 96%;
padding: 0; display: grid;
grid-template-columns: 1fr 1fr;
}
.main-col-inner > li,  .post-content ul.main-col-inner > li { margin: 0 3% 12px; position: relative;
}
.school-bnr {
margin: 0 auto 12px;
width: 85%;
}
.card-sbj-list.col-inner-card img, .card-sbj-dir.col-inner-card img {
height: 150px;
}
.col-inner-card p {
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
padding: 10px 0;
font-size: 0.8em;
}
#waseda-wrap {
height: auto;
}
.card-school p {
background: #1f9ac6aa;
color: #fff;
}
.card-school:hover::before, .card-sbj-list:hover::before, .card-sbj-dir a:hover::before, .card-sbj:hover::before {
content: "";
background: #ffffff55;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.card-sbj p, .card-sbj-list p, .card-sbj-dir p {
color: #333;
background: #ffffffaa;
font-weight: bold;
}
.sub-col-inner-card p {
background: #e5e5e5aa;
color: #222;
font-size: .7em;
}
.main-col-inner-card-tog-list {
margin: 0;
padding: 0;
width: 100%;
display: none;
}
.main-col-inner-card-tog-list li {
margin: 0;
height: auto;
}
.list-school li:hover {
background: #318eb5;
}
.list-school {
background: #187799;
}
.list-en {
background: #e25656;
}
.list-ko {
background: #e3558d;
}
.list-ko li:hover {
background: #de769f;
}
.list-wh {
background: #e4a054;
}
.list-wh li:hover {
background: #e3b581;
}
.list-ma {
background: #5391e4;
}
.list-ph {
background: #89d240;
}
.list-in {
background: #9873d9;
}
.main-col-inner-card-tog-list li a {
font-size: 0.8em;
text-decoration: none;
color: #fff;
display: block;
padding: 8px;
}
.scroll-inner-card {
width: 150px;
height: 150px;
}
.fixed-h-150 {
min-height: 150px;
overflow-y: hidden;
}
.col-wrap {
margin: 0 1%;
padding-top: 5px;
}
#p-school-list {
margin-top: -48px;
padding-top: 48px;
} .card-sbj-list p::before, .card-school p::before, .card-sbj-dir p::after, .card-sbj p::after {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
content: '\f138';
color: #ddd;
display: inline-block;
margin-right: .5em;
transition: .5s;
transform: rotateZ(0);
}
.card-sbj-list p::before {
color: #333;
}
.card-sbj-dir p::after, .card-sbj p::after {
margin-left: .5em;
content: '\f105';
color: #333;
}
div .psd-rotateZ90::before {
transition: .5s;
transform: rotateZ(90deg);
} .mtl-card-shadow-set > li, .mtl-card-shadow { filter: drop-shadow(2px 2px 2px #333);
} .main-bnr-li{
display: inline-block;
}
.main-bnr-li-pc{
display: none;
}
.main-bnr-title-wrap{
display: none;
}
.school-bnr-pc{
display: none;
}
.out-links{
display: none;
}
#ftr-link-pc{
display: none;
}
.pc-bnr-wrap-pc{
display: none;
}
.main-col-inner-pc{
display: none;
} .mtl-card-shadow-hov:hover {
top: -3px;
box-shadow: 0 2px 4px #333;
text-decoration: none;
}
#bnr-area2 p {
color: #333;
font-size: 12px;
margin-bottom: 20px;
} #footer {
background: #003b80;
color: #fff;
border-top: 0;
}
#footer #second-nav a {
font-size: 14px;
font-weight: bold;
text-align: center;
display: block;
}
.footer-02, .footer-01 {
background: #003b80;
}
.footer-03 {
text-align: center;
font-size: 12px;
margin: 30px 0 0;
}
.footer-03 span {
display: block;
margin: 0 auto;
}
#footer-list-area {
box-sizing: border-box;
} .m-t10-b50-lr0 {
margin: 10px 0 50px;
}
.m-b50 {
margin-bottom: 50px;
}
.m-b10 {
margin-bottom: 10px;
}
.m-tb30 {
margin-bottom: 30px;
margin-top: 30px;
}
.m-tb0, .post-content p.m-tb0 {
margin-bottom: 0;
margin-top: 0;
}
ul.wrap-list {
background: #fefefe;
padding: 0;
margin: 0;
}
.wrap-list li {
position: relative;
margin: 0;
padding: 2%;
list-style: none;
}
.wrap-list li:before{
z-index: 5;
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -30px;
border: 30px solid transparent;
border-top: 30px solid #e2e2e2;
}
.wrap-list li:nth-child(odd) {
background: #e5e5e5;
}
.wrap-list li:nth-child(odd)::before {
border-top: 30px solid #e5e5e5;
}
.wrap-list li:nth-child(even) {
background: #eee;
}
.wrap-list li:nth-child(even)::before {
border-top: 30px solid #eee;
}
.wrap-list li:last-child::before {
top: 0;
left: 0;
margin: 0;
border: 0;
}
.list-float-img {
width: 16%;
float: left;
margin: 2% 4% 2% 10px;
}
.list-link {
display: block;
margin-left: 3em;
color: #0591bf;
}
.list-link::before {
font-family: 'Font Awesome 5 Free';
content: "\f101";
font-weight: bold;
color: #0591bf;
display: inline-block;
}
.list-inner-text {
margin-top: 25px;
}
.list-inner-text p {
margin: 10px;
}
h4.h4-uni-sbj-list {
text-decoration: none;
color: #333567;
display: inline;
margin: 40px 0 10px;
padding: 0;
border: 0;
}
h4.h4-uni-sbj-list a {
text-decoration: none;
color: #333567;
}
.amz-assoc-btn a, .stsp-assoc-btn a {
position: relative;
width: 250px;
margin: 10px auto;
font-weight: bold;
display: block;
background: #f1c34c;
color: #fff;
text-decoration: none;
padding: 10px 0;
box-shadow: 0 2px 5px #aaa;
}
.amz-assoc-btn a:before {
font-family: 'Font Awesome 5 Brands';
color: #060552;
content: "\f270";
margin-right: 0.5em;
font-weight: normal;
}
.stsp-assoc-btn a {
background: #1c80e7;
color: #fff;
}
.stsp-assoc-btn a:before {
font-family: 'Font Awesome 5 Free';
color: #fff;
content: "\f46b";
margin-right: 0.5em;
font-weight: bold;
} .post-header {
border-bottom: none;
}
.post-content blockquote {
background: #eee;
border: none;
border-radius: 5px;
padding: 10px 10px 10px 40px;
}
.post-content blockquote p {
margin: 0;
}
.post-content blockquote::before {
color: #aaa;
font-size: 14px;
}
.post-content h3.h3-rsp-bg {
margin: -48px 0 0;
color: #fff;
text-align: center;
border: none;
font-size: 16px;
padding: 48px 0 0;
}
.post-content h3.h3-rsp-bg span {
display: block;
padding: 10px;
}
ul.rsp-art-lst {
margin: 0;
padding: 0;
list-style: none;
}
.rsp-art-lst li {
border-bottom: 1px solid #e5e5e5;
padding: 0 10px 0 0;
margin: 0;
height: 75px;
width: 100%;
}
.rsp-art-lst-inr {
display: block;
text-decoration: none;
}
.post-content a.rsp-art-lst-inr {
text-decoration-color: #333;
}
.rsp-art-lst-tmb-wrp {
float: left;
width: 75px;
margin-right: 10px;
}
img.rsp-art-lst-tmb {
width: 100%;
height: 75px;
object-fit: cover;
object-position: center;
}
.post-content h4.rsp-art-lst-ttl, h4.rsp-art-lst-ttl {
border: 0;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin: 10px 0;
padding: 0;
height: 54px;
line-height: 18px;
color: #333;
overflow: hidden;
}
.post-content-p0 {
padding: 20px 0;
}
.wrap-p20 {
padding: 20px;
}
.rsp-art-lst-ttl-wrp {
height: 75px;
overflow: hidden;
position: relative;
}
.post-content h2.h2-en {
border-bottom: 5px solid #e25656;
}
#content.cat.bg-full section.post-content {
padding: 0;
} .rsp-tab-kamoku li {
width: 47%;
padding: 0;
margin: 6px 1.5%;
list-style: none;
float: left;
}
.post-content ul.rsp-tab-kamoku {
margin: 10px 0 30px;
padding: 0;
}
.cat-b-wrap {
margin: 0 auto;
width: 94%;
}
.post-content ul.art-circle-lst-ol, .post-content ul.art-tag-lst-ul {
margin: 20px auto;
padding: 0;
width: 100%;
}
.post-content ul.art-circle-lst-ol {
counter-reset: number;
}
.art-circle-lst-ol li::before {
position: absolute;
counter-increment: number;
content: counter(number);
display: inline-block;
top: 17px;
left: 10px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
font-size: 15px;
background: #e27310;
color: #fff;
border-radius: 50%;
font-weight: bold;
}
.art-circle-lst-ol li, .art-tag-lst-ul li {
position: relative;
font-size: 4vw;
background: #fff;
height: 54px;
list-style: none;
margin: 10px 0;
padding: 0;
border-radius: 5px;
filter: drop-shadow(2px 2px 2px #333);
}
.art-circle-lst-ol li a,.art-tag-lst-ul li a {
display: block;
color: #222;
line-height: 54px;
border-bottom: none;
text-decoration: none;
padding-left: 36px;
}
.art-tag-lst-ul li {
line-height: 54px;
border-radius: 0;
font-weight: bold;
font-size: 3.7vw;
}
.art-tag-lst-ul li a {
padding: 0;
overflow: hidden;
}
.art-tag-lst-ul li span {
display: inline-block;
padding: 0 5px;
margin: 5px;
width: 6em;
line-height: 30px;
text-align: center;
background: #003b80;
color: #fff;
}
.art-tag-lst-ul li a::after, a.bnr-r-arr::after { content: "\f138";
display: inline;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
text-align: right;
color: #003b80;
position: absolute;
right: 10px;
} .writer-wrap {
color: #fff;
background: #1f9ac6;
margin-bottom: 0;
padding: 10px 0;
}
.writer-title, .cta-test-title {
font-weight: bold;
font-size: 1.1em;
padding: 10px;
margin: 0;
}
.writer-title::before {
content: "\f303";
display: inline-block;
margin-right: 0.5em;
font-family: 'Font Awesome 5 Free';
color: #fff;
transform: rotateY(180deg);
}
.writer-inner {
position: relative;
padding: 10px;
margin: 0 auto 20px;
}
.writer-wrap .writer-inner img, .cta-test-port {
float: none;
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
margin: 10px auto;
}
.writer-profile {
padding: 10px;
margin: 0;
}
.writer-bnr-strux {
display: block;
position: relative;
background: #f26130;
color: #fff;
font-weight: bold;
padding: 15px;
margin: 10px 20px 20px;
font-size: 1.2em;
box-shadow: 0 2px 5px #333;
}
.writer-bnr-strux:hover {
top: -3px;
text-decoration: none;
box-shadow: 0 2px 8px #333;
} .cta-test-wrap {
color: #333;
padding: 0;
}
.cta-test-title {
font-size: 1.5em;
}
@media (max-width: 600px) {
.cta-test-title {
font-size: 5vw;
}
}
.cta-test-text, .post-content .cta-test-text {
margin-bottom: 10px;
margin-top: 10px;
}
.cta-test-port, .cta-test-port-large {
width: 300px;
height: auto;
margin: 0 auto 30px;
border-radius: 0;
}
.cta-test-port-large {
width: 100%;
}
.cta-test-ul {
list-style: disc;
margin: 15px 0;
}
.bnr-top-sp {
display: block;
}
.bnr-top-pc {
display: none;
} .notice-wrap {
width: 95%;
margin: 20px auto;
background: #fff;
max-width: 960px;
} .tab-item {
display: block;
float: left;
margin: 0 0 20px;;
text-align: center;
width: 50%;
line-height: 50px;
border-bottom: 2px solid #ddd;
color: #ddd;
transition: all 0.4s ease;
}
input[name="tab_item"] {
display: none;
}
.tab-wrap input:checked + .tab-item {
color: #1f9ac6;
border-bottom: 2px solid #1f9ac6;
}
.tab-content { display: block;
clear: both;
}
#pickup:checked ~ #htw-pickup, #column:checked ~ #htw-column {
display: block;
}
.htw-card-wrap {
margin-bottom: 20px;
background: #eef1f1;
border-radius: 3px;
box-shadow: 0 2px 5px #999;
}
.htw-card-wrap a, .htw-list-wrap a {
text-decoration: none;
color: #333;
padding: 10px;
display: block;
}
.htw-card-inr {
margin-left: 90px;
}
img.htw-card-tmb {
width: 80px;
height: auto;
float: left;
padding: 5px;
}
.post-content h3.htw-card-ttl {
border-bottom: none;
margin: 0;
padding: 5px 0;
font-size: 1em;
display: inline;
}
.htw-card-dsc {
font-size: 0.78em;
}
.post-content h3.htw-card-mini-ttl {
margin: 0;
padding: 0;
font-size: 1em;
border-bottom: none;
line-height: 1.3em;
margin-right: 20px;
}
.htw-card-angle {
width: 25px;
top: 50%;
right: 0;
position: absolute;
}
.htw-card-angle.fa-angle-right:before {
width: 100%;
text-align: center;
top: 50%;
right: 0;
position: absolute;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.post-content p.htw-card-btn {
text-align: center;
color: #fff;
box-sizing: border-box;
padding: 10px 0;
width: 270px;
margin: 0 auto;
background: #33afc7;
clear: both;
}
.post-content p.htw-card-btn::after {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
content: "\f105";
color: #fff;
position: absolute;
right: 10px;
}
.post-content h3.htw-card-w-tmb-ttl {
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size: 0.9em;
border-bottom: none;
padding: 0;
line-height: 1.8em;
margin: 0;
overflow: hidden;
}
.relative {
position: relative;
}
.htw-card-inr-mgn2 {
margin-right: 15px;
}
.htw-list-wrap {
background: #fff;
margin: 0;
border-bottom: 1px dashed #999;
}
.main-col-inner-bnr > li {
width: 98%;
}
.side-widget ul.main-col-inner-bnr li {
padding: 0;
border-bottom: 0;
}
.side-widget ul.main-col-inner-bnr li.en-wrap-c:hover {
background: #e25656;
}
.side-widget ul.main-col-inner-bnr li.wh-wrap-c:hover {
background: #e4a054;
}
.side-widget ul.main-col-inner-bnr li.ph-wrap-c:hover {
background: #89d240;
}
.side-widget ul.main-col-inner-bnr li.ma-wrap-c:hover {
background: #5391e4;
}
.side-widget ul.main-col-inner-bnr li.ko-wrap-c:hover {
background: #e3558d;
}
.date {
margin-top: 15px;
} @media print, screen and (min-width: 960px) { img.rsp-art-lst-tmb {
height: 120px;
} #header2, #header {
margin: 0 auto;
width: 1100px;
} .pc-rsp-w50-c-mw1000px {
width: 50%;
padding-bottom: 50px;
}
.pc-rsp-w70-c-mw1000px {
width: 70%;
padding-bottom: 50px;
}
#content {
margin: 0 auto;
max-width: 1100px;
}
body.home #content {
padding: 48px 0;
margin: 0;
max-width: none;
}
#content .wrap, body.home .wrap {
width: 100%;
margin: 0 auto;
}
.hero-btn {
width: 30%;
top: 77%;
left: 35%;
margin: 0;
position: absolute;
}
h2.main-col-h2-wh,h2.main-col-h2-blu {
font-size: 2em;
}
.main-col-wrap {
width: 80%;
margin: 0 auto;
padding-bottom: 48px;
}
.hero-wrap {
padding-bottom: 0;
}
.col-wrap {
margin: 0 auto;
}
ul.main-col-inner {
float: none;
width: 100%;
margin: 5px 0;
} .main-col-inner-not-float > li {
width: 31.3333%;
}
.main-col-inner-bnr > li {
width: 48%;
}
.scroll-top-sbj {
width: 100%;
}
.scroll-top-sbj > li {
margin: 5px;
}
.post-content-p0 {
padding: 20px;
}
.wrap-p20 {
padding: 0;
}
.rsp-art-lst li {
border: 1px solid #eee;
box-shadow: 0px 2px 5px #eee;
margin: 10px 0;
height: 120px;
}
.rsp-art-lst-tmb-wrp {
width: 120px;
}
.writer-inner {
max-width: 600px;
}
.writer-wrap .writer-inner img {
float: left;
display: inline;
margin: 10px;
margin-right: 20px;
width: 200px;
height: 200px;
border-radius: 0;
}
.writer-bnr-strux {
max-width: 500px;
margin: 10px auto;
}
.writer-profile {
margin-left: 220px;
}
.cta-test-port {
height: auto;
}
.bnr-top-pc {
display: block;
}
.bnr-top-sp {
display: none;
} .footer-bnr-wrap {
width: 80%;
max-width: 1000px; }
.footer-bnr-wrap a {
float: left;
width: calc(95% / 3);
margin: 0 1%;
}
.footer-sns-wrap {
width: 300px;
margin: 50px auto;
}
.art-circle-lst-ol li {
font-size: 1.2em;
}
} @media screen and (min-width: 600px) {
.sub-col-uni-ana li {
width: 14.66%;
}
.main-col-h2, .sub-col-h2 {
line-height: 3em;
font-size: 1.5em;
}
ul.main-col-inner {
float: none;
width: 100%;
margin: 5px 0;
} .main-col-inner-not-float > li {
width: 31.3%;
}
.main-col-inner-bnr > li {
width: 48%;
}
.art-circle-lst-ol li {
font-size: 1.2em;
}
.art-tag-lst-ul li {
font-size: 1em;
}
}
@media screen and (min-width: 600px) and (max-width: 960px) {
.hero-wrap {
padding-bottom: 0;
}
}  @media screen and (max-width: 991px) and (min-width: 960px) {
#header-nav-btn {
display: none;
}
.main-inner {
float: left;
width: auto;
margin-right: 346px;
box-sizing: border-box;
}
#side {
width: 310px;
float: left;
margin-left: -310px;
}
#gnav {
display: block;
}
} .ad-cover-container {
background: #33333388;
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999999;
}
.ad-cover-container img {
width: 100%;
height: auto;
display: block;
margin: auto;
border: 2px solid #fff;
box-sizing: border-box;
}
.ad-cover-container a.ad-del {
text-decoration: none;
color: #888888;
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
line-height: 50px;
text-align: center;
font-size: 30px;
}
.ad-cover-wrap {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin: -200px 0 0 -200px;
width: 400px;
height: 400px;
padding: 50px;
background: #ffffffaa;
} .box_inner_link {
position: relative;
padding: 0.25em 1em;
margin: 2em 0;
top: 0;
background: #f1f7fa;
}
.box_inner_link:before, .box_inner_link:after{
position: absolute;
top: 0;
content:'';
width: 10px;
height: 100%;
display: inline-block;
box-sizing: border-box;
}
.box_inner_link:before{
border-left: dotted 3px #15adc1;
border-top: dotted 3px #15adc1;
border-bottom: dotted 3px #15adc1;
left: 0;
}
.box_inner_link:after{
border-top: dotted 3px #15adc1;
border-right: dotted 3px #15adc1;
border-bottom: dotted 3px #15adc1;
right: 0;
}
.box_inner_link p {
margin: 0;
padding: 0;
}
.box_inner_title{
text-align: center;
font-weight: bold;
background: linear-gradient(transparent 80%, #15adc1 80%);
} .bg-green {
border: 2px solid #8bc34a;
background: #f1fbe6;
border-radius: 10px;
}
.bg-bl-cat {
border: 2px solid #003b80;
background: #fefefe;
border-radius: 0;
}
.cv-ev-wrap h2 {
font-size: 1.2rem;
text-align: center;
margin-bottom: 10px; border-bottom: none;
}
.cv-ev-sp {
display: none;
}
.cv-ev-pc {
display: inline;
}
.cv-ev-wrap h3 {
font-size: 1.1rem;
margin: 10px 0;
text-align: center;
border-top: 1px solid #c72249;
border-bottom: 1px solid #c72249;
}
.cv-ev-wrap p {
margin: 10px 0;
text-indent: 1em;
}
.cv-ev-wrap p.noindent {
text-indent: 0;
}
.cv-ev-wrap ul, .cv-ev-wrap ul li {
margin: 0;
padding: 0;
list-style: none;
}
.cv-ev-wrap ul li {
text-indent: -1.5em;
margin-left: 2em;
}
.cv-ev-wrap li:before {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
content: "\f00c";
color: #c72249;
margin-right: 0.5em;
}
.bg-fafafa {
background: #fafafa;
}
#catch {
display: none;
}
.catch-no1-img {
display: none;
}
@media only screen and (max-width: 960px) {
.hero-btn {
text-decoration: none; width: 100%; margin: 10px 0;
display: block;
}
.cv-ev-sp {
display: inline;
}
.cv-ev-pc {
display: none;
}
#catch {
display: block;
}
.catch-event-wrap h2 {
margin: 20px 0;
margin-bottom: -30px;
}
.catch-event-wrap {
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/catch_event_bg.jpg);
padding: 10px 0;
}
.catch-event-inr {
margin: 20px;
background: #ffffffbb;
border: 1px solid #c72249;
border-radius: 2vw;
position: relative;
}
.catch-event-inr p {
text-align: center;
font-size: 1.2rem;
font-weight: bold;
margin: 30px 10px;
}
.catch-event-inr p span {
font-size: 1.5rem;
color: #c72249;
font-weight: bold;
}
.catch-merit {
margin: 20px 10px;
padding: 10px;
padding-top: 20px;
border-top: 1px solid #c72249;
position: relative;
}
.catch-merit:before {
content: '\30E1\30EA\30C3\30C8';
text-align: center;
font-weight: bold;
line-height: 30px;
width: 80px;
background: #c72249;
color: #fff;
position: absolute;
top: -15px;
left: 50%;
margin-left: -40px;
}
.catch-merit li {
font-weight: bold;
text-indent: -1.5rem;
margin-left: 2rem;
}
.catch-merit li:before {
font-family: 'Font Awesome 5 Free';
font-weight: bold;
content: "\f00c";
color: #c72249;
margin-right: 0.5em;
}
.catch-no1-img {
display: block;
margin: 0;
}
body.home #main_visual {
margin-top: 48px;
}
.catch-cv	{
width: 80%;
margin: auto;
}
.bg-img {
background-position: center;
background-size: cover;
}
.col-wrap, .main-col-h2, .main-col-wrap {
margin: 0;
}
.m-b50 {
margin-bottom: 50px;
}
.m-b10 {
margin-bottom: 10px;
}
#content {
padding-top: 0;
margin-top: 48px;
}
.home #content {
margin-top: 0px;
}
.ad-cover-container img {
width: 100%;
height: auto;
display: block;
margin: auto;
}
.ad-cover-container a.ad-main {
display: block;
width: 300px;
margin: auto;
}
.ad-cover-wrap {
top: 50%;
left: 0;
width: 100%;
margin: -224px auto 0 auto;
padding: 50px 0;
}
.date {
float: right;
margin-top: 0;
}
} .post-content dl.point-wrap {
border: 3px solid #db4b71;
box-sizing: border-box;
padding: 15px;
background: #fff3f5;
margin: 10px auto;
max-width: 500px;
}
.point-wrap dt {
text-align: center;
color: #db4b71;
}
.post-content dl.point-wrap dd {
margin: 0;
font-size: 0.8em;
}
.post-content dl.point-wrap dd span {
text-align: center;
display: block;
margin: 10px 0;
}
.post-content a.bnr-blossom {
text-align: center;
display: block;
font-size: 4vw;
margin: 10px auto;
padding: 0 5px;
width: 95%;
max-width: 500px;
background: #fff;
border-radius: 3px;
line-height: 50px;
color: #222;
text-decoration: none;
filter: drop-shadow(2px 2px 2px #333);
}
.post-content a.bnr-blossom::after {
content: '';
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/itv/blossom.png);
display: inline-block;
height: 20px;
width: 20px;
margin: -3px 5px;
background-size: contain;
}
.highlighter-blue {
background: linear-gradient(transparent 70%, #90cce2 70%);
background: -webkit-linear-gradient(transparent 70%, #90cce2 70%);
background: -moz-linear-gradient(transparent 70%, #90cce2 70%);
}
.pickup-wrap {
margin: 20px auto;
position: relative;
}
.pickup-wrap p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #33333399;
color: #fff;
font-size: 14px;
padding: 10px;
}
.pickup-wrap span {
background: #ffffffbb;
position: absolute;
top: 0;
left: 0;
padding: 5px;
}
.growth-card-wrap .pickup-wrap a span {
text-decoration: none;
color: #222;
}
.growth-card-wrap .pickup-wrap {
margin: 100px auto;
}
.growth-card-wrap .pickup-wrap p {
margin: 0;
}
@media screen and (max-width: 960px) {
.pickup-wrap {
margin: 0 auto;
}
.growth-card-wrap .pickup-wrap {
margin: 40px auto;
width: 95%;
}
} #soudan.post-content dl.point-wrap {
border: 3px solid #dbd14b;
background: #f7efc1;
}
#soudan.post-content .point-wrap dt {
color: #860202;
}
.soudan-pickup-wrap {
position: relative;
}
.soudan-pickup-wrap a {
text-decoration: none;
}
.soudan-pickup-wrap .soudan-pickup-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background-color: #222222aa;
color: #fff;
}
.soudan-index div {
float: left;
display: block;
}
.soudan-index div.pagination {
float: none;
}
.soudan-index ul, .soudan-index li {
list-style: none;
margin: 0;
padding: 0;
}
.soudan-index ul li {
margin: 1em 0;
border: 0.5px solid #eee;
background-color: #fff;
border-radius: .5px;
}
.soudan-index ul li:after {
display: block;
content: '';
clear: both;
}
.soudan-post-thumbnail {
padding: 0;
margin: 0;
width: 20%;
}
.soudan-content {
box-sizing: border-box;
padding: 10px 16px;
width: 80%;
}
p.soudan-date{
margin: 0;
font-size: 14px;
}
h3.soudan-post-title {
margin: 0;
border: none;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.soudan-index ul li a {
display: block;
width: 100%;
height: 100%;
}
a h3.soudan-post-title{
font-size: 16px;
color: #222; font-weight: bold;
} @media screen and (max-width: 960px){
.soudan-index ul li {
margin: .5em 0;
height: 95px;
}
.soudan-post-thumbnail {
width: 93px;
height: 93px;
margin: 0;
}
.soudan-content {
width: calc(100% - 93px);
margin: 9px 0;
padding: 0 10px;
height: 75px;
}
.soudan-content h3.soudan-post-title {
padding: .5px 0;
line-height: 25px;
}
.soudan-index.post-loop-wrap {
padding: 0;
}
} .post-content .itv-cv-wrap h3 {
font-size: 100%;
border-bottom:none;
color: #0058a8;
margin-left: 1.5em;
text-indent: -1.5em;
margin-bottom: 10px;
}
.post-content .itv-cv-wrap dd {
margin-left: 0;
}
.post-content .itv-cv-wrap h3::before {
content: "ー";
margin-right: 0.5em;
}
.itv-cv-wrap strong {
font-weight:normal;
background: linear-gradient(transparent 80%, #0058a888 80%);
} @media screen and (max-width: 960px) {
.post-content h2 {
font-size: 20px;
line-height: 1.5em;
}
.post-content h4, .post-content h3 {
font-size: 18px;
line-height: 1.5em;
} .catch-wrap {
margin: 12px 0;
}
}
.rsp-top-featured {
position: relative;
}
.rsp-top-featured span, .rsp-top-featured p {
position: absolute;
color: #fff;
}
.rsp-top-featured span {
top: 10px;
left:0;
background: #e50027;
line-height: 30px;
width: 100px;
text-align: center;
font-weight: bold;
}
.rsp-top-featured p {
bottom: 0;
left: 0;
right: 0;
background: #33333355;
line-height: 25px;
margin: 0;
padding: 2px 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.rsp-top-more {
height: 40px;
text-align: right;
}
.rsp-top-more a {
line-height: 40px;
padding: 0 20px;
text-align: right;
color: #003b80;
font-size: 14px;
}
.rsp-top-lst li {
padding: 0;
margin: 0 3% 10px;
width: 94%;
height: 85px;
border-bottom: none;
background: #fff;
border-radius: 5px;
}
h4.rsp-art-lst-ttl-top {
-webkit-line-clamp: 3;
margin-bottom: 0;
padding-right: 5px;
text-align: justify;
text-justify: inter-ideograph;
} _::-webkit-full-page-media, _:future, :root h4.rsp-art-lst-ttl-top {
text-align: left;
}
.rsp-top-lst-ttl-wrp {
height: 85px;
}
img.rsp-top-lst-tmb {
width: 100%;
height: 100%;
}
.rsp-art-lst-tmb-wrp-top {
width: 138px;
height: 75px;
margin: 5px;
}
.rsp-art-lst-dat {
padding-right: 10px;
font-size: 10px;
color: #808080;
display: block;
font-weight: normal;
margin-top: 5px;
width: 100px;
text-align: right;
position: absolute;
bottom: 2px;
right: 0;
}
.rsp-top-featured a:hover, .rsp-top-lst a:hover {
text-decoration-color: #333;
-moz-text-decoration-color: #333;
-webkit-text-decoration-color: #333;
}
.rsp-top-paging-wrap {
margin: 15px auto 0;
color: #003b80;
}
.rsp-wrap {
width: 100%;
margin: auto;
padding: 30px 0;
} @media screen and (max-width: 676px) {
.post-content table.sc-tb-sp-col2 {
display: table;
font-size: 4vw;
}
}
.post-content table.sc-tb-sp-col2 td {
background: #fff;
border: 1px solid #444;
}
.post-content table.sc-tb-sp-col2 {
width: 100%;
}
a.bnr-r-arr, .post-content p.bnr-dummy {
display: block;
line-height: 54px;
padding: 0 10px;
text-decoration: none;
color: #222;
border-radius: 3px;
filter: drop-shadow(2px 2px 2px #333);
margin-bottom: 60px;
}
.post-content p.bnr-dummy {
color: #888;
} @media screen and (min-width: 960px) {
.rsp-top-lst li {
border: none;
box-shadow: none; }
h4.rsp-art-lst-ttl-top {
font-size: 16px;
line-height: 25px;
height: 50px;
margin-bottom: 0;
}
.rsp-art-list-tmb-wrp-top {
margin-right: 30px;
}
#header-search-box, #header-search {
display: none;
}
.post-content a.bnr-blossom {
font-size: 1.2rem;
}
}  .movie-wrap {
background: #e2565622;
padding: 1px 0;
font-weight: bold;
}
.movie-title {
background-color: #e25656;
margin: 0 auto 20px;
line-height: 3em;
color: #fff;
}
.movie-inner {
float: left;
margin: 10px 2% 20px;
width: 50%;
padding-top: 28.125%;
}
.movie-desc {
float: right;
width: 44%;
margin: 10px 2% 20px 0;
}
@media screen and (max-width: 600px) {
.movie-inner {
float: none;
margin: 10px auto 20px;
width: 96%;
padding-top: 55%;
}
.movie-desc {
float: none;
width: 96%;
margin: 10px auto 20px;
}
} body.home #side {
display: none;
}
.just {
text-align: justify;
text-justify: inter-ideograph;
} _::-webkit-full-page-media, _:future, :root .just {
text-align: left;
}
.main-inner {
margin-right: 320px;
}
li.all-wrap-c {
background: #1f9ac6;
}
li#en-wrap, .list-en li:hover {
background: #f27575;
}
li#ko-wrap, li#ka-wrap {
background: #ffccf2;
}
li#wh-wrap, li#jh-wrap, li#ge-wrap {
background: #f6dc8d;
}
li#ph-wrap, li#bi-wrap, li#ch-wrap {
background: #b2f68d;
}
li#ma-wrap {
background: #b4f4e8;
}
ul.sub-col-inner {
list-style: none;
position: relative;
margin: 0 auto;
padding: 0 0 40px;
}
.sub-col-inner li {
float: left;
margin: 5px 1%;
width: 31.33%;
position: relative;
}
.sub-col-top-exp li {
background: #444;
}
.sub-col-uni-ana li {
height: 100px;
}
.sub-col-uni-ana li a {
display: block;
height: 100px;
line-height: 70px;
color: #fff;
position: relative;
}
.sub-col-uni-ana li a span {
position: absolute;
line-height: 30px;
top: 70px;
display: block;
width: 100%;
color: #333;
background: #ffffffaa;
}
.sub-col-inner li a, .main-col-inner-not-float li a {
text-decoration: none;
} @media screen and (min-width: 960px) {
.pc-visible {
display: block;
}
.pc-tab-visible {
display: block;
}
.tab-visible {
display: none;
}
.sp-tab-visible {
display: none;
}
.sp-visible {
display: none;
}
} @media screen and (max-width: 960px) and (min-width: 600px) {
.pc-visible {
display: none;
}
.pc-tab-visible {
display: block;
}
.tab-visible {
display: block;
}
.sp-tab-visible {
display: block;
}
.sp-visible {
display: none;
}
} @media screen and (max-width: 600px){
article.post .post-content {
padding: 20px 10px;
}
.pc-visible {
display: none;
}
.pc-tab-visible {
display: none;
}
.tab-visible {
display: none;
}
.sp-tab-visible {
display: block;
}
.sp-visible {
display: block;
}
.ad-rsp-width {
width: 100%;
margin: 0 auto;
}
}
.post-content .m0 {
margin: 0;
}
.ad-rsp-width {
width: 300px;
margin: 0 auto;
}
.ad-wrap-nonart {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 600px) {
.ad-wrap-nonart {
width: 300px;
}
}
.m-tb15 {
margin: 15px auto;
}
.w100, .post-content ul.main-col-inner.w100 {
width: 100%;
} @font-face{
font-family: 'sans-cjk';
src: url(//daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/fonts/NotoSansCJKjp-Bold.otf) format('woff');
}
@font-face{
font-family: 'sans-jpb';
src: url(//daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/fonts/NotoSansCJKjp-Black.otf) format('woff');
}
@font-face{
font-family: 'sans-jpr';
src: url(//daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/fonts/NotoSansJP-Regular.otf) format('woff');
}
@font-face{
font-family: 'sans-jp-bold';
src: url(//daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/fonts/NotoSansJP-Bold.otf) format('woff');
} #english-top{
background-color: #F3DCC1;
}
#top{
background-color: #F3DCC1;
}
#howto-title{
text-align: center;
font-size: 4vw;
font-weight: bolder;
padding: 25px 0 0 0;
font-family: 'sans-jpb', sans-serif;
color: #E27310;
}
#howto-text{
width: 92%;
margin: 15px auto 0 auto;
padding: 0 0 15px 0;
font-size: 3.73vw;
font-weight: normal;
line-height: 6.53vw;
font-weight: bolder;
font-family: 'Noto Sans JP', Verdana,'sans-cjk', sans-serif;
}
#parts{
width: 100%;
background-color: #F3DCC1;
}
#parts-links{
width: 100%;
display: flex;
flex-direction: column;
}
#parts-links-pc{
display: none;
}
#part-1{
margin: 25px 0 0 0;
}
.part-link{
display: block;
width: 100%;
margin: 1px 0;
background-color: #E27310;
text-decoration: none;
}
.part-link-wrap{
display: flex;
justify-content: space-between;
padding: 12px 4.8vw;
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.part-link-wrap p{
margin: 0;
}
.link-p{
padding: 0.7vw 0 0 0;
font-size: 4.27vw;
font-weight: bolder;
}
.post-content p.link-p {
margin-bottom: 0;
}
#link-p-1,#link-p-2,#link-p-3{
margin: 0;
}
#link-go-1,#link-go-2,#link-go-3{
margin: 0;
}
.go{
font-size: 5vw;
}
.part{
width: 100%;
padding: 0 0 10px 0;
}
.part-title{
line-height: 13.33vw;
font-size: 4.8vw; font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: #fff;
font-weight: 600;
padding: 0 0 0 4.8vw;
background-color: #E27310;
}
#part-link-1,#part-link-2,#part-link-3{
text-decoration: none;
}
#part-link-pc1,#part-link-pc2,#part-link-pc3{
text-decoration: none;
}
#p1-link, #p3-1-link,#p3-2-link-1, #p3-2-link-2, #p3-2-link-3{
text-decoration: none;
}
#p2-1-link,#p2-1-link-bottom, #p2-2-link,#p2-3-link,#p2-3-link-2,#p2-3-link-3,#p2-3-link-4,#p2-3-link-5{
text-decoration: none;
}
#p1-1-link, #p1-2-link, #p3-1-1-link, #p3-2-1-link, #p3-2-2-link, #p3-2-3-link{
text-decoration: none;
}
#p2-1-1-link,#p2-1-2-link, #p2-2-1-link,#p2-2-2-link,#p2-2-3-link,#p2-3-1-link,#p2-4-1-link,#p2-5-1-link{
text-decoration: none;
}
.section{
width: 92.2%; margin: 20px auto;
background-color: #fff;
}
.section-content{
width: 94%; margin: 20px auto;
padding: 14px 0 20px 0;
}
.section-title{
font-size: 4.27vw; line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
padding: 0 0 0 9px;
font-weight: bolder;
color: black;
background-color: #F2C599 !important;
}
.section-img-wrap{
width: 100%;
background-color: transparent;
margin-top: 15px;
}
.section-img{
width: 100%;
height: auto;
}
.section-text{
margin: 7px 0 14px 0;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
}
.section-text-red{
color: red;
font-size: 3.73vw;
line-height: 6.53vw;
}
.section-link{
display: block;
margin: 12px 0 0 0;
box-shadow: 0 0 1.5px 1.5px rgba(0,0,0,0.4);
height: 20vw;
text-decoration: none;
}
.section-link-wrap{
display: flex;
align-items: center;
height: 100%;
margin-top: 15px;
}
.section-link-img{
height: 100%;
width: 23%;
object-fit: cover;
}
.section-link-text{
width: 77%;
padding: 8px;
color: black;
font-weight: bold;
}
.marker{
font-weight: bold;
}
#movie-text{
color: red;
font-size: 3.73vw;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
padding: 27px 0 10px 0;
}
iframe{
box-shadow:  0 0 1.5px 1.5px rgba(0,0,0,0.4);
}
#movie-img-wrap{
width: 100%;
height: 48vw;
}
.part-text{
width: 92%;
margin: 14px auto 0 auto;
font-size: 3.73vw;
line-height: 6.53vw;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bolder;
}
#p2-3-text-2{
margin: 40px 0 0 0;
}
#p3-1-img-wrap,#p3-2-img-wrap{
margin: 14px 0 0 0;
}
@media all and (min-width: 751px){
#howto-title{
font-size: 30px;
}
#howto-text{
width: 700px;
font-size: 22px;
line-height: 39px;
} #parts{
width: 100%;
}
#parts-links{
display: none;
}
#parts-links-pc{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
padding: 40px 0 0 0;
}
.part-link-pc{
width: 33%;
display: block;
margin: 1px 0;
background-color: #E27310;
text-decoration: none;
position: relative;
}
.part-link-wrap-pc{
color: #fff;
font-family: 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.link-p-pc{
text-align: center;
font-weight: bolder;
padding: 3px 0 0 0;
font-size: 20px;
margin: 0;
}
.link-p-pc::before{
content: "";
position: absolute;
right: 0;
bottom: 12px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 11px solid #fff;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.link-p-pc::after{
content: "";
position: absolute;
right: 0;
bottom: 14px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 9px solid #E27310;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
#part-1{
margin: 30px 0 0 0;
}
.part-title{
line-height: 4rem;
font-size: 30px; text-align: center;
}
.section-display{
display: flex;
flex-direction: column;
justify-content: space-around;
flex-wrap: wrap;
}
.section{
width: 600px; }
.section-content{
width: 94%; margin: 20px auto;
}
.section-title{
font-size: 26px; line-height: 70px;
text-align: center;
}
.section-text{
line-height: 39px;
font-size: 22px;
}
.section-text-red{
line-height: 39px;
font-size: 22px;
}
.section-link{
height: 120px;
}
.marker{
font-size: 22px;
}
#movie-text{
font-size: 22px;
}
#movie-img-wrap{
width: 100%;
height: 310px;
}
.part-text{
width: 60%;
font-size: 22px;
line-height: 39px;
margin: 30px auto;
}
#p2-3-text-2{
margin: 40px 0 0 0;
}
#p3-1-img-wrap,#p3-2-img-wrap{
margin: 14px 0 0 0;
}
}  #caro-inner-pc{
display: none;
}
#caro-inner-pc-2{
display: none;
}
@media print, screen and (min-width: 960px) {
#header-2{
display: none !important;
}
img#logo-img{
display: none;
}
body > #header-2{
display: none !important;
} #header{
display: flex;
align-items: center;
width: 85%;
height: 90px;
}
.header-pc{
display: flex;
align-items: center;
justify-content: space-between;
height: 57px;
position: relative;
}
#header-right{
height: 100%;
position: absolute;
right: 0;
bottom: -10px;
}
#header-gnav-area{
float: none;
}
#gnav{
float: none;
}
#logo-img-pc{
display: inline-block;
height: 100%;
}
#gnav ul li a{
padding: 16px .5vw;
font-size: 15px;
} .caro-inner{
display: none;
}
#caro-inner-pc{
display: flex;
width: 700vw;
height: 41.89vw;
max-height: 380.547px;
overflow-x: hidden;
}
.hero-pc{
width: 86vw;
max-width: 860px;
}
.pc-slide-img{
display: inline-block;
width: 99%;
max-width: 850px;
margin: 0 auto;
}
.caro-ind-wrap{
display: none;
}
.caro-ind-wrap-pc {
display: inline-block;
background: #fff;
margin: 0 auto;
height: 16px;
}
.caro-ind-pt-pc {
display: block;
float: left;
width: 8px;
height: 8px;
margin: 4px;
border-radius: 4px;
border: 1.5px solid #4d4d4d;
}
.current-pc{
background: #4d4d4d;
} .main-bnr{
background: #fff;
}
.pc-bnr-wrap{
display: none;
}
.pc-bnr-wrap-pc{
display: block;
width: 85%;
max-width: 850px;
margin: 0 auto 10px;
}
.main-bnr-title-wrap{
display: flex;
justify-content: center;
padding: 7px 0;
}
.main-bnr-title-wrap-2{
margin: 80px 0 10px;
}
.main-bnr-title-img{
height: 2.1em;
width: auto;
margin: 9px 9px 0;
}
.main-bnr-title{
display: block;
text-align: center;
font-size: 2em;
font-weight: 900;
font-family: 'Noto Sans JP', Verdana, sans-serif;
}
.main-bnr-wrap{
width: 100%;
margin: 0 auto;
}
.main-bnr-li{
display: none;
}
.main-bnr-li-pc{
display: inline-block;
width: 100%;
margin: 20px auto 10px auto;
}
.main-bnr-li-pc img{
width: 100%;
box-shadow: none;
}
.main-bnr-row{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.main-bnr-row-link{
width: 48.8%;
} .main-col-h2-wh{
padding: 40px 0 10px;
}
.main-col-wrap{
width: 87%;
max-width: 850px;
margin: 0 auto;
}
.main-col-inner{
display: none;
}
.main-col-inner-pc{
width: 100%;
margin-bottom: 20px;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main-col-inner-pc > li{
width: 31.76%;
}
.main-col-inner-pc li a img{
border-radius: 10px;
}
.school-bnr{
display: none;
}
.school-bnr-pc{
display: block;
width: 58.4%;
margin: 35px auto 0;
}
.school-bnr-pc-img{
width: 100%;
} .main-bnr-title-sp{
display: none;
}
.main-new-page{
width: 85%;
padding: 0;
}
.main-bnr-title-wrap-3{
padding: 60px 0 30px;
}
.main-new-page-lists{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main-new-page-lists > li{
position: relative;
width: 31.8%;
height: auto;
margin: 20px 0;
}
.main-new-page-list{
display: flex;
flex-direction: column;
width: 100%;
height: auto;
background-color: #fff;
}
.rsp-art-lst-tmb-wrp-top{
width: 24.327vw;
height: 16.218vw;
margin: 25px auto 10px;
}
.rsp-art-lst-tmb-wrp-top img{
height: 100%;
}
.rsp-top-lst-ttl-wrp{
height: auto;
margin: 0 5% 60px;
position: static;
}
h4.rsp-art-lst-ttl-top{
height: auto;
}
.rsp-art-lst-dat{
bottom: 15px;
right: 17px;
padding: 0;
font-size: 20px;
}
.rsp-top-more a{
font-size: 20px;
} .out-links{
display: block;
width: 85%;
max-width: 850px;
margin: 0 auto;
}
.out-links-wrap{
padding: 25px 0 0;
}
.out-link-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
}
.out-link-lists li{
width: 48.8%;
margin: 20px 0 0;
}
.out-link-img{
width: 100%;
height: auto;
} .footer-bnr-wrap{
display: none;
}
#footer-content-area{
padding: 50px 0 0;
}
#daigaku-footer-nav{
padding: 7px 0;
}
#daigaku-footer-nav ul{
display: flex;
justify-content: space-around;
}
#daigaku-footer-area{
width: 85%;
max-width: 850px;
}
#daigaku-footer-area #daigaku-footer-nav ul li{
padding: 8px 0;
width: auto;
} .footer-sns-wrap{
width: 50vw;
margin: 40px auto;
}
#footer-sns ul{
display: flex;
justify-content: center;
width: 100%;
}
.footer-sns-wrap ul li{
width: 6.955vw;
height: 6.955vw;
} .ftr-lnk{
display: flex;
justify-content: center;
}
.footer-03 span{
margin: 0;
}
#ftr-link-sp{
display: none;
}
#ftr-link-pc{
display: block;
}
.ftr-lnk a{
font-size: 16px;
} .footer-02{
padding: 0;
}
#footer-copy{
font-size: 16px;
}
}
@media screen and (min-width: 960px) and (max-width: 1090px) {
#header .wrap{
width: 100%;
}
#header-pc{ margin: 0 auto !important;
}
#gnav-ul ul{
width: 66.6vw;
display: flex;
justify-content: flex-end;
}
#gnav ul li#menu-item-12007 {
display: none;
}
}   .henko-wrap{
background: #FFE0DB;
}
.henko-wrap h2{
border-bottom: none;
}
.henko-wrap h3{
margin: 0 auto;
border-bottom: none;
}
.henko-wrap a{
text-decoration: none;
}
.henko-wrap ul{
list-style-type: none;
margin: 0;
}
.henko-wrap p{
margin: 0 auto;
}
.henko-section-wrap{
margin: 0 auto 3.3vw;
} .henko-wrap .henko-howto-title{
text-align: center;
font-size: 4.8vw;
font-weight: bolder;
padding: 25px 0 0;
margin: 0;
font-family: 'sans-jpb', sans-serif;
color: #C70011;
}
#henko-howto-title{
margin-bottom: 0;
padding-bottom: 0;
}
.henko-wrap .henko-top-text{
width: 92%;
margin: 0 auto 5.6vw;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 3.73vw;
}
#henko-top-text-top{
margin: 0 auto 5.6vw;
padding-top: 0;
} .henko-wrap .henko-parts-links-wrap{
margin: 0 0 7.3vw;
}
.henko-wrap #henko-parts-links{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.henko-wrap #henko-parts-links-pc{
display: none;
}
.henko-wrap .henko-part-link{
display: block;
width: 100%;
margin: 0 0 4px;
background-color: #C70011;
text-decoration: none;
}
.henko-wrap .henko-part-link-wrap{
display: flex;
justify-content: space-between;
width: 92%;
margin: 12px auto;
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.henko-wrap .henko-link-p{
padding: 0.7vw 0 0 0;
margin: 0;
font-size: 4.27vw;
font-weight: bolder;
}
.henko-wrap .henko-go{
margin: 0;
font-size: 5vw;
}  .henko-wrap .henko-part-title{
margin: 0 0 4.5vw;
line-height: 13.33vw;
font-size: 4.8vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: #fff;
font-weight: 600;
background-color: #C70011;
}
.henko-wrap .henko-part-title-span{
display: block;
width: 92%;
margin: 0 auto;
} .henko-wrap .henko-section-title{
width: 92%;
padding: 4.5vw 0;
margin: 0 auto;
font-size: 4.27vw;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-weight: bolder;
color: black;
background-color: #fff;
}
.henko-wrap .henko-section-title-span{
box-sizing: border-box;
display: block;
width: 94%;
margin: 0 auto;
padding: 0 10px;
background-color: #F48F88;
} .henko-wrap .henko-section{
width: 92%;
margin: 0 auto 3.3vw;
background-color: #fff;
}
.henko-wrap .henko-section-content{
width: 94%;
margin: 0 auto;
padding: 0 0 1vw;
}
.henko-wrap .henko-wrap .henko-section-img-wrap{
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.henko-wrap .henko-section-img{
width: 100%;
height: auto;
}
.henko-wrap .henko-section-text{
padding: 0 0 28px;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 3.73vw;
}
.henko-wrap .henko-section-text-top{
padding-top: 28px;
}
.henko-wrap .henko-section-text-red{
color: red;
font-size: 3.73vw;
line-height: 6.53vw;
} .henko-wrap .henko-section-links-lists{
list-style-type: none;
padding: 0;
}
.henko-wrap .henko-section-link{
display: block;
height: 20vw;
margin: 0 0 12px;
box-shadow: 0 0 1.5px 1.5px rgba(0,0,0,0.4);
border-radius: 2vw;
border: 2px solid #C70011;
text-decoration: none;
}
.henko-wrap .henko-section-link-wrap{
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
padding: 0 2.5vw;
}
.henko-wrap .henko-section-link-text{
display: flex;
align-items: center;
margin: 0;
color: black;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 4vw;
}
.henko-wrap .henko-uni-name,.henko-wrap .henko-link-subject-text{
font-size: 6.4vw;
padding-right: 0.3rem;
font-family: kozuka-gothic-pr6n, sans-serif;
font-weight: 900;
font-style: normal;
}
.henko-wrap .henko-link-img-wrap{
height: 16vw;
width: 16vw;
margin: 0;
border-radius: 8vw;
}
.henko-wrap .henko-section-link-img{
height: 100%;
width: 100%;
border-radius: 50%;
}
@media all and (min-width: 751px){ .henko-section-wrap{
margin: 0 auto 25px;
} .henko-wrap .henko-howto-title{
font-size: 32px;
}
.henko-wrap .henko-top-text{
width: 700px;
font-size: 1.2rem;
font-weight: bold;
line-height: 2em;
} .henko-wrap .henko-parts-links-wrap{
margin: 0 0 55px;
}
.henko-wrap #henko-parts-links{
display: none;
}
.henko-wrap #henko-parts-links-pc{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.henko-wrap .henko-part-link-pc{
display: block;
margin: 0 0 12px;
background-color: #C70011;
text-decoration: none;
position: relative;
}
.henko-wrap .henko-part-link-wrap-pc{
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.henko-wrap .henko-link-p-pc{
padding: 9px 0 30px;
margin: 0;
text-align: center;
font-weight: bolder;
font-size: 20px;
}
.henko-wrap .henko-link-p-pc::before{
content: "";
position: absolute;
right: 0;
bottom: 12px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 11px solid #fff;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.henko-wrap .henko-link-p-pc::after{
content: "";
position: absolute;
right: 0;
bottom: 14px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 9px solid #C70011;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
.henko-wrap .henko-go-pc-1,.henko-go-pc-2{
margin: 0;
}
.henko-wrap .henko-part-link-pc-100{
width: 100%;
}
.henko-wrap .henko-part-link-pc-25{
width: 24.5%;
}  .henko-wrap .henko-part-title{
margin: 0 0 30px;
line-height: 100px;
font-size: 32px;
text-align: center;
} .henko-wrap .henko-section-title{
box-sizing: content-box;
max-width: 690px;
height: 90px;
padding: 35px 0 28px;
font-size: 32px;
line-height: 70px;
}
.henko-wrap .henko-section-title-span{
line-height: 90px;
padding: 0 25px;
} .henko-wrap .henko-section{
max-width: 690px;
}
.henko-wrap .henko-section-text,.henko-wrap .henko-section-text-red{
font-size: 1.3rem;
line-height: 2em;
} .henko-wrap .henko-section-link{
height: 150px;
margin: 0 0 20px;
border-radius: 10px;
border: 4px solid #C70011;
}
.henko-wrap .henko-section-link-wrap{
padding: 0 20px;
}
.henko-wrap .henko-section-link-text{
font-size: 30px;
}
.henko-wrap .henko-link-subject-text,.henko-wrap .henko-uni-name{
font-size: 48px;
}
.henko-wrap .henko-link-img-wrap{
width: 120px;
height: 120px;
border-radius: 60px;
}
}  .kamoku-top-h1-pc{
display: none;
}
.category-top .kamoku-top-pc{
display: none;
}
@media all and (min-width: 767px){
.kamoku-top-h1-sp{
display: none;
}
.kamoku-top-h1-pc{
display: block;
}
.category-top .kamoku-top-sp{
display: none;
}
.category-top .kamoku-top-pc{
display: block;
} .category-top .post-content{
background-color: #f8e5d0;
padding: 45px 0 0;
}
.category-top .category-top-article{
margin: 0;
padding: 0;
}
.category-top #category-top-article{
margin: 0;
padding: 0;
}
.category-top #content{
width: 100%;
max-width: 20000px;
margin: 0;
padding: 0;
}
#content.category-top{
width: 100% !important;
max-width: 20000px;
margin: 0;
padding: 0 !important;
} .category-top h1.post-title.category{
width: 100%;
}
.category-top .post-title-img{
width: 100%;
vertical-align: top;
} .category-top .kamoku-top-contents-wrap{
width: 100%;
background-color: #f8e5d0;
}
.category-top .kamoku-top-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 60px;
}
.category-top #kamoku-top-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 60px;
} .category-top  h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
} .category-top .kamoku-top-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.category-top .just-bottom{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
padding-bottom: 50px;
margin: 0;
}
.category-top .kamoku-top-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .category-top .kamoku-top-contents .kamoku-top-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0;
padding: 0;
}
.category-top .kamoku-top-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.category-top .kamoku-top-contents .kamoku-top-link{
text-decoration: none;
}
.category-top .kamoku-top-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.category-top .kamoku-top-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #ef8a2e;
border-radius: 10px 10px 0 0;
}
.category-top .kamoku-top-link-title::before,.category-top .kamoku-top-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 27.2px;
right: 20px;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.category-top .kamoku-top-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.category-top .kamoku-top-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.category-top .kamoku-top-link-text{
box-sizing: border-box;
width: 63%;
margin: 0;
padding: 1vw 0 1.2vw 1.3vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.category-top .kamoku-top-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 35%;
margin: 0;
padding: 0.2vw 0.8vw 0.9vw 0;
border-radius: 0 0 10px 0;
}
.category-top .kamoku-top-link-img{
width: 100%;
height: auto;
}
}
@media all and (min-width: 767px) and (max-width: 959px){
.category-top #content{
margin-top: 50px;
}
.page-template-category-2 #content{
margin-top: 50px;
}
.category-2 #content{
margin-top: 50px;
}
}    .tokyo-u-red{
color: red;
}
#tokyo-u-bg{
margin: 0;
}
.tokyo-u-wrap{
background: #e6f1f7;
}
.tokyo-u-wrap h2{
border-bottom: none;
}
.tokyo-u-wrap h3{
margin: 0 auto;
border-bottom: none;
}
.tokyo-u-wrap a{
text-decoration: none;
}
.tokyo-u-wrap ul{
list-style-type: none;
margin: 0;
}
.tokyo-u-wrap p{
margin: 0 auto;
}
.tokyo-u-wrap .tokyo-u-section-wrap{
padding: 0 0 3.3vw;
} .tokyo-u-wrap .tokyo-u-howto-title{
text-align: center;
font-size: 4.8vw;
font-weight: bolder;
padding: 3.3vw 0 0;
margin: 0;
font-family: 'sans-jpb', sans-serif;
color: #C70011;
}
.tokyo-u-wrap .tokyo-u-top-text{
width: 92%;
margin: 0 auto;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
padding: 5.87vw 0 0;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
letter-spacing: -0.04em;
}
.tokyo-u-wrap .tokyo-u-check{
width: 86%;
margin-bottom: 3vw;
}
.tokyo-u-wrap .video-size{
width: 92%;
height: 50.4vw;
padding-top: 0;
margin: 5vw auto 10vw;
}
.tokyo-u-wrap #tokyo-u-video{
width: 100%;
height: 100%;
padding: 0 !important;
border: none !important;
border-radius: 0;
} .tokyo-u-wrap .tokyo-u-parts-links-wrap{
margin: 0 0 7.3vw;
}
.tokyo-u-wrap #tokyo-u-parts-links-pc{
display: none;
}
.tokyo-u-wrap .tokyo-u-part-link{
display: block;
width: 100%;
margin: 0 0 2px;
background-color: #004695;
text-decoration: none;
}
.tokyo-u-wrap .tokyo-u-part-link-wrap{
display: flex;
justify-content: space-between;
width: 92%;
margin: 0 auto;
padding: 15px 0;
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.tokyo-u-wrap .tokyo-u-link-p{
padding: 0.7vw 0 0 0;
margin: 0;
font-size: 4.27vw;
font-weight: bolder;
}
.tokyo-u-wrap .tokyo-u-go{
margin: 0;
font-size: 5vw;
}  .tokyo-u-wrap .tokyo-u-part-title{
margin: 0 0 4.5vw;
line-height: 13.33vw;
font-size: 4.8vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
color: #fff;
font-weight: bold;
background-color: #004695;
}
.tokyo-u-wrap .tokyo-u-part-title-span{
display: block;
width: 92%;
margin: 0 auto;
} .tokyo-u-wrap .tokyo-u-section-title{
position: relative;
width: 92%;
padding: 14px 0 4.5vw;
margin: 0 auto;
font-size: 4.27vw;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: black;
background-color: #fff;
}
.tokyo-u-wrap .tokyo-u-section-title-span{
box-sizing: border-box;
display: block;
width: 94%;
margin: 0 auto;
padding: 0 10px;
background-color: #8cb7de;
}
.tokyo-u-wrap .tokyo-u-kanzan{
font-size: 3.73vw;
position: absolute;
top: calc(4.135vw + 14px);
right: 5.4vw;
line-height: 1em;
} .tokyo-u-wrap .tokyo-u-part-img-wrap{
width: 92.2%;
margin: 0 auto 4.2vw;
}
.tokyo-u-wrap .tokyo-u-part-img{
width: 100%;
}
.tokyo-u-wrap .tokyo-u-part-text{
width: 92%;
margin: 0 auto 4vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.tokyo-u-wrap .tokyo-u-else{
width: 92%;
margin: 0 auto 6.7vw;
}
.tokyo-u-wrap .tokyo-u-else-link{
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bolder;
font-size: 3.73vw;
color: #004895;
text-decoration: underline;
} .tokyo-u-wrap thead{
width: 100%;
}
.tokyo-u-wrap .table-wrap{
margin: 0;
width: 100% !important;
}
.tokyo-u-wrap .table-grad::after{
display: none !important;
}
.tokyo-u-wrap .table-1{
width: 100% !important;
max-width: 100%;
margin-bottom: 3.4vw;
border-collapse: collapse;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 4.27vw;
table-layout: fixed;
display: table !important;
border: none;
}
.tokyo-u-wrap .tokyo-u-col-1{
width: 35% !important;
}
.tokyo-u-wrap .tokyo-u-col-2{
width: 65% !important;
}
.tokyo-u-wrap .table-tensu-suii{
margin-bottom: 0;
}
.tokyo-u-wrap .table-1-title-phase{
color: #fff;
width: 100%;
background-color: #004695;
line-height: 2em;
}
.tokyo-u-wrap .table-1-title{
width: 100%;
background-color: #004695;
text-align: center;
}
.tokyo-u-wrap .table-1-data-phase{
width: 100%;
}
.tokyo-u-wrap .table-1-data{
vertical-align: top;
line-height: 1.3em;
padding: 1.8vw 0 1.8vw 2.6vw;
}
.tokyo-u-wrap .table-1-date-l{
box-sizing: border-box;
width: 35% !important;
}
.tokyo-u-wrap .table-1-date-r{
box-sizing: border-box;
width: 65% !important;
}
.tokyo-u-wrap .table-1-sum{
background-color: gray;
} .tokyo-u-wrap .tokyo-u-col-3{
width: 100% !important;
}
.tokyo-u-wrap .table-2{
width: 100% !important;
max-width: 100%;
margin-bottom: 3.4vw;
border-collapse: collapse;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 4.27vw;
table-layout: fixed;
display: table !important;
}
.tokyo-u-wrap .table-2-title-phase{
width: 100%;
color: #fff;
line-height: 2em;
}
.tokyo-u-wrap .table-2-title{
width: 100%;
background-color: #004695;
text-align: center;
}
.tokyo-u-wrap .table-2-data{
width: 100% !important;
vertical-align: top;
line-height: 2em;
text-align: center;
}
.tokyo-u-wrap .table-2-data-phase{
width: 100%;
}
.tokyo-u-wrap .tokyo-u-tensu-suii{
text-align: right;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
margin-bottom: 3vw;
}
.tokyo-u-wrap .tokyo-u-rikei-min{
display: block;
font-size: 3.73vw;
line-height: 1.3em;
} .tokyo-u-wrap .tokyo-table-img-wrap{
width: 100%;
height: auto;
margin-bottom: 2.1vw;
}
.tokyo-u-wrap .tokyo-table-img{
width: 100%;
height: auto;
}
.tokyo-u-wrap .tokyo-table-img-2{
margin-bottom: 0.5vw;
} .tokyo-u-wrap .tokyo-u-section{
width: 92%;
margin: 0 auto 3.3vw;
background-color: #fff;
}
.tokyo-u-wrap .tokyo-u-section-content{
width: 94%;
margin: 0 auto;
padding: 0;
}
.tokyo-u-wrap .tokyo-u-section-content-p4{
padding-bottom: 4.8vw;
}
.tokyo-u-wrap .tokyo-u-section-img-wrap{
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.tokyo-u-wrap .tokyo-u-section-img{
width: 100%;
height: auto;
}
.tokyo-u-wrap .tokyo-u-section-text{
padding: 10px 0 5.8vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.tokyo-u-wrap .tokyo-u-section-text-p4{
padding: 0;
} .tokyo-u-wrap .tokyo-u-section-link{
display: block;
margin: 4.8vw 0 0;
box-shadow: 0 0 1.5px 1.5px rgba(0,0,0,0.4);
height: 20vw;
text-decoration: none;
}
.tokyo-u-wrap .tokyo-u-section-link-wrap{
display: flex;
align-items: center;
height: 100%;
}
.tokyo-u-wrap .tokyo-u-link-img-wrap{
height: 100%;
width: 23%;
object-fit: cover;
background-color: #aeaeae;
}
.tokyo-u-wrap .tokyo-u-section-link-img{
height: 100%;
width: 100%;
object-fit: cover;
}
.tokyo-u-wrap .tokyo-u-section-link-text{
width: 77%;
padding: 8px;
color: black;
font-weight: bolder;
}
@media all and (min-width: 751px){ .tokyo-u-wrap .tokyo-u-section-wrap{
padding: 0 0 25px;
}
#tokyo-u-bg{
margin-bottom: 0;
border-bottom: 0;
} .tokyo-u-wrap .tokyo-u-top-text{
width: 92%;
max-width: 850px;
font-size: 18px;
margin: 0 auto;
padding-top: 44px;
line-height: inherit;
letter-spacing: normal;
}
.tokyo-u-wrap .tokyo-u-check{
padding-top: 20px;
}
.tokyo-u-wrap .video-size{
width: 600px;
height: 383px;
margin: 40px auto 70px;
} .tokyo-u-wrap .tokyo-u-parts-links-wrap{
margin: 0 0 30px;
}
.tokyo-u-wrap #tokyo-u-parts-links{
display: none;
}
.tokyo-u-wrap #tokyo-u-parts-links-pc{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.tokyo-u-wrap .tokyo-u-part-link-pc{
display: block;
margin: 0 0 12px;
background-color: #004695;
text-decoration: none;
position: relative;
}
.tokyo-u-wrap .tokyo-u-part-link-wrap-pc{
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.tokyo-u-wrap .tokyo-u-link-p-pc{
padding: 9px 0 30px;
margin: 0;
text-align: center;
font-weight: bolder;
font-size: 20px;
}
.tokyo-u-wrap .tokyo-u-link-p-pc::before{
content: "";
position: absolute;
right: 0;
bottom: 12px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 11px solid #fff;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.tokyo-u-wrap .tokyo-u-link-p-pc::after{
content: "";
position: absolute;
right: 0;
bottom: 14px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 9px solid #004695;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
.tokyo-u-wrap .tokyo-u-go-pc-1,.tokyo-u-go-pc-2{
margin: 0;
}
.tokyo-u-wrap .tokyo-u-part-link-pc-25{
width: 24.5%;
margin-bottom: 0;
}  .tokyo-u-wrap .tokyo-u-part-title{
margin: 0 0 30px;
line-height: 100px;
font-size: 30px;
text-align: center;
}
.tokyo-u-wrap .tokyo-u-kanzan{
font-size: 24px;
} .tokyo-u-wrap .tokyo-u-section-title{
box-sizing: content-box;
text-align: center;
max-width: 600px;
height: 70px;
padding: 35px 0 20px;
font-size: 26px;
line-height: 70px;
}
.tokyo-u-wrap .tokyo-u-section-title-span{
line-height: 70px;
}
.tokyo-u-wrap .tokyo-u-kanzan{
font-size: 22px;
top: 59px;
right: 39px;
} .tokyo-u-wrap .table-1-title{
text-align: center;
}
.tokyo-u-wrap .table-1{
font-size: 28px;
margin-bottom: 25px;
display: table;
}
.tokyo-u-wrap .table-1-data{
padding: 12px 0 12px 32px;
} .tokyo-u-wrap .table-2-title{
text-align: center;
}
.tokyo-u-wrap .table-2{
font-size: 28px;
margin-bottom: 25px;
display: table;
}
.tokyo-u-wrap .table-tensu-suii{
margin-bottom: 0;
}
.tokyo-u-wrap .tokyo-u-tensu-suii{
font-size: 22px;
margin-bottom: 32px;
}
.tokyo-u-wrap .tokyo-u-rikei-min{
display: block;
font-size: 24px;
line-height: 34px;
} .tokyo-u-wrap .tokyo-table-img-wrap{
display: none;
} .tokyo-u-wrap .tokyo-u-part-img-wrap{
width: 600px;
margin-bottom: 31px;
}
.tokyo-u-wrap .tokyo-u-part-text{
width: 600px;
font-size: 18px;
margin-bottom: 30px;
line-height: inherit;
letter-spacing: normal;
}
.tokyo-u-wrap .tokyo-u-else{
width: 600px;
margin-bottom: 25px;
}
.tokyo-u-wrap .tokyo-u-else-link{
font-size: 18px;
} .tokyo-u-wrap .tokyo-u-section{
max-width: 600px;
margin-bottom: 20px;
}
.tokyo-u-wrap .tokyo-u-section-link{
height: 120px;
margin: 0;
}
.tokyo-u-wrap .tokyo-u-section-text{
font-size: 18px;
padding: 0 0 30px;
line-height: inherit;
letter-spacing: normal;
}
.tokyo-u-wrap .tokyo-u-section-content-p4{
padding-bottom: 40px;
}
.tokyo-u-wrap .tokyo-u-section-link-text{
font-size: 18px;
}
}  @media all and (min-width: 960px) and (max-width: 980px){
#header{
position: static;
}
.header-pc{
width: 100%;
margin: 0;
}
#gnav ul li a {
padding: 16px .39vw;
}
}
@media all and (max-width: 1200px) and (min-width: 1091px){
.header-pc{
width: 100%;
margin: 0;
}
}  .daigaku-top-pc{
display: none;
}
@media all and (min-width: 767px){
.daigaku-top-sp{
display: none;
}
.daigaku-top-pc{
display: block;
}
#daigakubetsu-top-article{
margin-bottom: 0;
} .daigaku-top-contents-wrap{
width: 100%;
background-color: #d9e4ef;
padding-top: 45px;
}
.daigaku-top-contents-wrap .daigaku-top-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 60px;
}
.daigaku-top-contents-wrap #daigaku-top-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 60px;
} .daigaku-top-contents-wrap  h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
color: #003b80;
} .daigaku-top-contents-wrap .daigaku-top-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.daigaku-top-contents-wrap .just-bottom{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
padding-bottom: 50px;
margin: 0;
}
.daigaku-top-contents-wrap .daigaku-top-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .daigaku-top-contents-wrap .daigaku-top-contents .daigaku-top-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.daigaku-top-contents-wrap .daigaku-top-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.daigaku-top-contents-wrap .daigaku-top-contents .daigaku-top-link{
text-decoration: none;
}
.daigaku-top-contents-wrap .daigaku-top-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.daigaku-top-contents-wrap .daigaku-top-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #003b80;
border-radius: 10px 10px 0 0;
}
.daigaku-top-contents-wrap .daigaku-top-link-title::before,.daigaku-top-contents-wrap .daigaku-top-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 27.2px;
right: 20px;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.daigaku-top-contents-wrap .daigaku-top-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.daigaku-top-contents-wrap .daigaku-top-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.daigaku-top-contents-wrap .daigaku-top-link-text{
box-sizing: border-box;
width: 63%;
margin: 0;
padding: .9vw 0 1.2vw 1.1vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.daigaku-top-contents-wrap .daigaku-top-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 32%;
margin: 0;
padding: 0.5vw 1vw 0.6vw 0;
border-radius: 0 0 10px 0;
}
.daigaku-top-contents-wrap .daigaku-top-link-img{
width: 100%;
height: auto;
} .daigaku-yet{
width: 491px;
margin: 0 auto;
border-radius: 8px;
border: 4px solid #003b80;
background: #fff;
}
.daigaku-yet-content{
padding: 13px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.daigaku-yet a{
text-decoration: none;
}
.daigaku-yet-content p{
margin: 0;
letter-spacing: -1.23px;
font-size: 23px;
font-family: 'sans-jpb', 'sans-jp-bold';
font-weight: bold;
color: #000;
}
.daigaku-yet-img{
width: 35px;
height: 35px;
}
} #content.keijori{
padding: 0;
margin: 0;
width: 100%;
max-width: none;
}
#content.keijori article.post{
margin: 0;
}
.keijori-top{
display: flex;
justify-content: space-between;
}
.keijori-top > p{
margin-bottom: 4em;
}
.keijori-top > .keijori-top-img{
width: 48.9%;
height: auto;
}
.keijori-top > .keijori-top-img img{
width: 100%;
height: auto;
}
.keijori-top > .keijori-top-text{
width: 48.9%;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
line-height: 1.7em;
letter-spacing: -.1em;
font-size: 18px;
}
#content.keijori + div.breadcrumb-area{
display: none;
}
#keijori-article{
margin-bottom: 0;
} .keijori-contents-wrap{
width: 100%;
background-color: #d9e4ef;
padding-top: 45px;
}
.keijori-contents-wrap .keijori-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
}
.keijori-contents-wrap #keijori-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
} .keijori-contents-wrap  h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
color: #003b80;
} .keijori-contents-wrap .keijori-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.keijori-contents-wrap .keijori-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .keijori-contents-wrap .keijori-contents .keijori-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.keijori-contents-wrap .keijori-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.keijori-contents-wrap .keijori-contents .keijori-link{
text-decoration: none;
}
.keijori-contents-wrap .keijori-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.keijori-contents-wrap .keijori-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #003b80;
border-radius: 10px 10px 0 0;
}
.keijori-contents-wrap .keijori-link-title::before,.keijori-contents-wrap .keijori-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 28.2px;
right: 1.04vw;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.keijori-contents-wrap .keijori-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.keijori-contents-wrap .keijori-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.keijori-contents-wrap .keijori-link-text{
box-sizing: border-box;
width: 63%;
margin: 0;
padding: .9vw 0 1.2vw 1.1vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.keijori-contents-wrap .keijori-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 32%;
margin: 0;
padding: 0.5vw 1vw 0.6vw 0;
border-radius: 0 0 10px 0;
}
.keijori-contents-wrap .keijori-link-img{
width: 100%;
height: auto;
}
@media all and (max-width: 767px){
.keijori-contents-wrap{
padding-top: 20px;
}
.keijori-contents-wrap h2.main-col-h2-or{
font-size: 16px;
margin-bottom: 13px;
}
.keijori-contents-wrap #keijori-contents-id{
width: 92%;
padding-bottom: 1px;
}
.keijori-top{
flex-direction: column;
}
.keijori-top > .keijori-top-img{
width: 100%;
height: auto;
margin-bottom: 1em;
}
.keijori-top > .keijori-top-img img{
width: 100%;
height: auto;
}
.keijori-top > .keijori-top-text{
width: 100%;
font-size: 100%;
font-size: 100%;
font-weight: bold;
margin-bottom: 2em;
}
.keijori-contents-wrap .keijori-link-text, .keijori-contents-wrap .keijori-link-img-wrap{
display: none;
}
.keijori-contents-wrap .keijori-list{
width: 100%;
max-width: 1000px;
border-radius: 0;
margin-bottom: 13px;
background-color: transparent;
box-shadow: none;
}
.keijori-contents-wrap .keijori-link-wrap{
background-color: transparent;
border-radius: 0;
}
.keijori-contents-wrap .keijori-link-title {
height: 74px;
border-radius: 1.6vw;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
background-image:linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-webkit-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-moz-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-ms-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
-ms-background-size: 4px 4px;
background-size: 4px 4px;
}
.keijori-contents-wrap .keijori-link-title::before, .keijori-contents-wrap .keijori-link-title::after{
bottom: 31.2px;
right: 14px;
}
.keijori-contents-wrap .keijori-link-title::after{
top: 32.6px;
}
.keijori-contents-wrap .keijori-link-title p{
font-size: 21px;
}
}  #content.waseda{
padding: 0;
margin: 0;
width: 100%;
max-width: none;
}
#content.waseda article.post{
margin: 0;
}
.waseda-top{
display: flex;
justify-content: space-between;
}
.waseda-top > p{
margin-bottom: 4em;
}
.waseda-top > .waseda-top-img{
width: 48.9%;
height: auto;
}
.waseda-top > .waseda-top-img img{
width: 100%;
height: auto;
}
.waseda-top > .waseda-top-text{
width: 48.9%;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
line-height: 1.7em;
letter-spacing: -.1em;
font-size: 18px;
}
#content.waseda + div.breadcrumb-area{
display: none;
}
#waseda-article{
margin-bottom: 0;
} .waseda-contents-wrap{
width: 100%;
background-color: #d9e4ef;
padding-top: 45px;
}
.waseda-contents-wrap .waseda-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
}
.waseda-contents-wrap #waseda-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
} .waseda-contents-wrap h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
color: #003b80;
} .waseda-contents-wrap .waseda-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.waseda-contents-wrap .waseda-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .waseda-contents-wrap .waseda-contents .waseda-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.waseda-contents-wrap .waseda-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.waseda-contents-wrap .waseda-contents .waseda-link{
text-decoration: none;
}
.waseda-contents-wrap .waseda-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.waseda-contents-wrap .waseda-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #003b80;
border-radius: 10px 10px 0 0;
}
.waseda-contents-wrap .waseda-link-title::before,.waseda-contents-wrap .waseda-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 28.2px;
right: 1.04vw;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.waseda-contents-wrap .waseda-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.waseda-contents-wrap .waseda-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.waseda-contents-wrap .waseda-link-text{
box-sizing: border-box;
width: 95%;
margin: 0;
padding: .9vw 0 1.2vw 1.1vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.waseda-contents-wrap .waseda-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 32%;
margin: 0;
padding: 0.5vw 1vw 0.6vw 0;
border-radius: 0 0 10px 0;
}
.waseda-contents-wrap .waseda-link-img{
width: 100%;
height: auto;
}
@media all and (max-width: 767px){
.waseda-contents-wrap{
padding-top: 20px;
}
.waseda-contents-wrap h2.main-col-h2-or{
font-size: 16px;
margin-bottom: 13px;
}
.waseda-contents-wrap #waseda-contents-id{
width: 92%;
padding-bottom: 1px;
}
.waseda-top{
flex-direction: column;
}
.waseda-top > .waseda-top-img{
width: 100%;
height: auto;
margin-bottom: 1em;
}
.waseda-top > .waseda-top-img img{
width: 100%;
height: auto;
}
.waseda-top > .waseda-top-text{
width: 100%;
font-size: 100%;
font-size: 100%;
font-weight: bold;
margin-bottom: 2em;
}
.waseda-contents-wrap .waseda-link-text, .waseda-contents-wrap .waseda-link-img-wrap{
display: none;
}
.waseda-contents-wrap .waseda-list{
width: 100%;
max-width: 1000px;
border-radius: 0;
margin-bottom: 13px;
background-color: transparent;
box-shadow: none;
}
.waseda-contents-wrap .waseda-link-wrap{
background-color: transparent;
border-radius: 0;
}
.waseda-contents-wrap .waseda-link-title {
height: 74px;
border-radius: 1.6vw;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
background-image:linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-webkit-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-moz-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-ms-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
-ms-background-size: 4px 4px;
background-size: 4px 4px;
}
.waseda-contents-wrap .waseda-link-title::before, .waseda-contents-wrap .waseda-link-title::after{
bottom: 31.2px;
right: 14px;
}
.waseda-contents-wrap .waseda-link-title::after{
top: 32.6px;
}
.waseda-contents-wrap .waseda-link-title p{
font-size: 21px;
}
}  #content.gmarch{
padding: 0;
margin: 0;
width: 100%;
max-width: none;
}
#content.gmarch article.post{
margin: 0;
}
.gmarch-top{
display: flex;
justify-content: space-between;
}
.gmarch-top > p{
margin-bottom: 4em;
}
.gmarch-top > .gmarch-top-img{
width: 48.9%;
height: auto;
}
.gmarch-top > .gmarch-top-img img{
width: 100%;
height: auto;
}
.gmarch-top > .gmarch-top-text{
width: 48.9%;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
line-height: 1.7em;
letter-spacing: -.1em;
font-size: 18px;
}
#content.gmarch + div.breadcrumb-area{
display: none;
}
#gmarch-article{
margin-bottom: 0;
} .gmarch-contents-wrap{
width: 100%;
background-color: #d9e4ef;
padding-top: 45px;
}
.gmarch-contents-wrap .gmarch-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
}
.gmarch-contents-wrap #gmarch-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
} .gmarch-contents-wrap h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
color: #003b80;
} .gmarch-contents-wrap .gmarch-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.gmarch-contents-wrap .gmarch-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .gmarch-contents-wrap .gmarch-contents .gmarch-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.gmarch-contents-wrap .gmarch-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.gmarch-contents-wrap .gmarch-contents .gmarch-link{
text-decoration: none;
}
.gmarch-contents-wrap .gmarch-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.gmarch-contents-wrap .gmarch-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #003b80;
border-radius: 10px 10px 0 0;
}
.gmarch-contents-wrap .gmarch-link-title::before,.gmarch-contents-wrap .gmarch-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 28.2px;
right: 1.04vw;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.gmarch-contents-wrap .gmarch-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.gmarch-contents-wrap .gmarch-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.gmarch-contents-wrap .gmarch-link-text{
box-sizing: border-box;
width: 63%;
margin: 0;
padding: .9vw 0 1.2vw 1.1vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.gmarch-contents-wrap .gmarch-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 32%;
margin: 0;
padding: 0.5vw 1vw 0.6vw 0;
border-radius: 0 0 10px 0;
}
.gmarch-contents-wrap .gmarch-link-img{
width: 100%;
height: auto;
}
@media all and (max-width: 767px){
.gmarch-contents-wrap{
padding-top: 20px;
}
.gmarch-contents-wrap h2.main-col-h2-or{
font-size: 16px;
margin-bottom: 13px;
}
.gmarch-contents-wrap #gmarch-contents-id{
width: 92%;
padding-bottom: 1px;
}
.gmarch-top{
flex-direction: column;
}
.gmarch-top > .gmarch-top-img{
width: 100%;
height: auto;
margin-bottom: 1em;
}
.gmarch-top > .gmarch-top-img img{
width: 100%;
height: auto;
}
.gmarch-top > .gmarch-top-text{
width: 100%;
font-size: 100%;
font-size: 100%;
font-weight: bold;
margin-bottom: 2em;
}
.gmarch-contents-wrap .gmarch-link-text, .gmarch-contents-wrap .gmarch-link-img-wrap{
display: none;
}
.gmarch-contents-wrap .gmarch-list{
width: 100%;
max-width: 1000px;
border-radius: 0;
margin-bottom: 13px;
background-color: transparent;
box-shadow: none;
}
.gmarch-contents-wrap .gmarch-link-wrap{
background-color: transparent;
border-radius: 0;
}
.gmarch-contents-wrap .gmarch-link-title {
height: 74px;
border-radius: 1.6vw;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
background-image:linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-webkit-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-moz-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-ms-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
-ms-background-size: 4px 4px;
background-size: 4px 4px;
}
.gmarch-contents-wrap .gmarch-link-title::before, .gmarch-contents-wrap .gmarch-link-title::after{
bottom: 31.2px;
right: 14px;
}
.gmarch-contents-wrap .gmarch-link-title::after{
top: 32.6px;
}
.gmarch-contents-wrap .gmarch-link-title p{
font-size: 21px;
}
}  #content.national{
padding: 0;
margin: 0;
width: 100%;
max-width: none;
}
#content.national article.post{
margin: 0;
}
.national-top{
display: flex;
justify-content: space-between;
}
.national-top > p{
margin-bottom: 4em;
}
.national-top > .national-top-img{
width: 48.9%;
height: auto;
}
.national-top > .national-top-img img{
width: 100%;
height: auto;
}
.national-top > .national-top-text{
width: 48.9%;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
line-height: 1.7em;
letter-spacing: -.1em;
font-size: 18px;
}
#content.national + div.breadcrumb-area{
display: none;
}
#national-article{
margin-bottom: 0;
} .national-contents-wrap{
width: 100%;
background-color: #d9e4ef;
padding-top: 45px;
}
.national-contents-wrap .national-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
}
.national-contents-wrap #national-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
} .national-contents-wrap h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
color: #003b80;
} .national-contents-wrap .national-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.national-contents-wrap .national-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .national-contents-wrap .national-contents .national-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.national-contents-wrap .national-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.national-contents-wrap .national-contents .national-link{
text-decoration: none;
}
.national-contents-wrap .national-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.national-contents-wrap .national-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #003b80;
border-radius: 10px 10px 0 0;
}
.national-contents-wrap .national-link-title::before,.national-contents-wrap .national-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 28.2px;
right: 1.04vw;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.national-contents-wrap .national-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.national-contents-wrap .national-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.national-contents-wrap .national-link-text{
box-sizing: border-box;
width: 63%;
margin: 0;
padding: .9vw 0 1.2vw 1.1vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.national-contents-wrap .national-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 32%;
margin: 0;
padding: 0.5vw 1vw 0.6vw 0;
border-radius: 0 0 10px 0;
}
.national-contents-wrap .national-link-img{
width: 100%;
height: auto;
}
@media all and (max-width: 767px){
.national-contents-wrap{
padding-top: 20px;
}
.national-contents-wrap h2.main-col-h2-or{
font-size: 16px;
margin-bottom: 13px;
}
.national-contents-wrap #national-contents-id{
width: 92%;
padding-bottom: 1px;
}
.national-top{
flex-direction: column;
}
.national-top > .national-top-img{
width: 100%;
height: auto;
margin-bottom: 1em;
}
.national-top > .national-top-img img{
width: 100%;
height: auto;
}
.national-top > .national-top-text{
width: 100%;
font-size: 100%;
font-size: 100%;
font-weight: bold;
margin-bottom: 2em;
}
.national-contents-wrap .national-link-text, .national-contents-wrap .national-link-img-wrap{
display: none;
}
.national-contents-wrap .national-list{
width: 100%;
max-width: 1000px;
border-radius: 0;
margin-bottom: 13px;
background-color: transparent;
box-shadow: none;
}
.national-contents-wrap .national-link-wrap{
background-color: transparent;
border-radius: 0;
}
.national-contents-wrap .national-link-title {
height: 74px;
border-radius: 1.6vw;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
background-image:linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-webkit-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-moz-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-ms-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
-ms-background-size: 4px 4px;
background-size: 4px 4px;
}
.national-contents-wrap .national-link-title::before, .national-contents-wrap .national-link-title::after{
bottom: 31.2px;
right: 14px;
}
.national-contents-wrap .national-link-title::after{
top: 32.6px;
}
.national-contents-wrap .national-link-title p{
font-size: 21px;
}
}  #content.kankan{
padding: 0;
margin: 0;
width: 100%;
max-width: none;
}
#content.kankan article.post{
margin: 0;
}
.kankan-top{
display: flex;
justify-content: space-between;
}
.kankan-top > p{
margin-bottom: 4em;
}
.kankan-top > .kankan-top-img{
width: 48.9%;
height: auto;
}
.kankan-top > .kankan-top-img img{
width: 100%;
height: auto;
}
.kankan-top > .kankan-top-text{
width: 48.9%;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
line-height: 1.7em;
letter-spacing: -.1em;
font-size: 18px;
}
#content.kankan + div.breadcrumb-area{
display: none;
}
#kankan-article{
margin-bottom: 0;
} .kankan-contents-wrap{
width: 100%;
background-color: #d9e4ef;
padding-top: 45px;
}
.kankan-contents-wrap .kankan-contents{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
}
.kankan-contents-wrap #kankan-contents-id{
width: 77%;
max-width: 850px;
margin: 0 auto;
padding-bottom: 1px;
} .kankan-contents-wrap h2.main-col-h2-or{
text-align: center;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
font-size: 22px;
margin: 0 0 30px;
color: #003b80;
} .kankan-contents-wrap .kankan-basic-text{
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
}
.kankan-contents-wrap .kankan-basic-red{
color: red;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
} .kankan-contents-wrap .kankan-contents .kankan-lists{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0 0 30px;
padding: 0;
}
.kankan-contents-wrap .kankan-list{
width: 48.9%;
max-width: 415px;
background-color: #fff;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
}
.kankan-contents-wrap .kankan-contents .kankan-link{
text-decoration: none;
}
.kankan-contents-wrap .kankan-link-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #fff;
border-radius: 10px;
}
.kankan-contents-wrap .kankan-link-title{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
background-color: #003b80;
border-radius: 10px 10px 0 0;
}
.kankan-contents-wrap .kankan-link-title::before,.kankan-contents-wrap .kankan-link-title::after{
width: 15px;
height: 2px;
border-radius: 1px 0 0 1px;
content: '';
background-color: #fff;
position: absolute;
bottom: 28.2px;
right: 1.04vw;
-ms-transform: rotate(-38deg);
-webkit-transform: rotate(-38deg);
transform: rotate(-38deg);
}
.kankan-contents-wrap .kankan-link-title::after{
top: 27.2px;
-ms-transform: rotate(38deg);
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
}
.kankan-contents-wrap .kankan-link-title p{
margin: 0;
font-size: 38px;
font-family: 'sans-jp-bold', 'sans-jpb';
font-weight: bold;
color: #fff;
}
.kankan-contents-wrap .kankan-link-text{
box-sizing: border-box;
width: 63%;
margin: 0;
padding: .9vw 0 1.2vw 1.1vw;
border-radius: 0 0 0 10px;
color: #000;
font-size: 18px;
font-family: 'sans-cjk', Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-align: justify;
text-justify:inter-ideograph
}
.kankan-contents-wrap .kankan-link-img-wrap{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 32%;
margin: 0;
padding: 0.5vw 1vw 0.6vw 0;
border-radius: 0 0 10px 0;
}
.kankan-contents-wrap .kankan-link-img{
width: 100%;
height: auto;
}
@media all and (max-width: 767px){
.kankan-contents-wrap{
padding-top: 20px;
}
.kankan-contents-wrap h2.main-col-h2-or{
font-size: 16px;
margin-bottom: 13px;
}
.kankan-contents-wrap #kankan-contents-id{
width: 92%;
padding-bottom: 1px;
}
.kankan-top{
flex-direction: column;
}
.kankan-top > .kankan-top-img{
width: 100%;
height: auto;
margin-bottom: 1em;
}
.kankan-top > .kankan-top-img img{
width: 100%;
height: auto;
}
.kankan-top > .kankan-top-text{
width: 100%;
font-size: 100%;
font-size: 100%;
font-weight: bold;
margin-bottom: 2em;
}
.kankan-contents-wrap .kankan-link-text, .kankan-contents-wrap .kankan-link-img-wrap{
display: none;
}
.kankan-contents-wrap .kankan-list{
width: 100%;
max-width: 1000px;
border-radius: 0;
margin-bottom: 13px;
background-color: transparent;
box-shadow: none;
}
.kankan-contents-wrap .kankan-link-wrap{
background-color: transparent;
border-radius: 0;
}
.kankan-contents-wrap .kankan-link-title {
height: 74px;
border-radius: 1.6vw;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .4);
background-image:linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-webkit-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-moz-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
background-image:-ms-linear-gradient(-45deg, #014A94 25%, #013D7F 25%, #013D7F 50%, #014A94 50%, #014A94 75%, #013D7F 75%, #013D7F);
-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
-ms-background-size: 4px 4px;
background-size: 4px 4px;
}
.kankan-contents-wrap .kankan-link-title::before, .kankan-contents-wrap .kankan-link-title::after{
bottom: 31.2px;
right: 14px;
}
.kankan-contents-wrap .kankan-link-title::after{
top: 32.6px;
}
.kankan-contents-wrap .kankan-link-title p{
font-size: 21px;
}
}   .meiji-u-red{
color: red;
}
#meiji-u-bg{
margin: 0;
}
.meiji-u-wrap{
background: #e6f1f7;
}
.meiji-u-wrap h2{
border-bottom: none;
}
.meiji-u-wrap h3{
margin: 0 auto;
border-bottom: none;
}
.meiji-u-wrap a{
text-decoration: none;
}
.meiji-u-wrap ul{
list-style-type: none;
margin: 0;
}
.meiji-u-wrap p{
margin: 0 auto;
}
.meiji-u-wrap .meiji-u-section-wrap{
padding: 0 0 3.3vw;
} .meiji-u-wrap .meiji-u-howto-title{
text-align: center;
font-size: 4.8vw;
font-weight: bolder;
padding: 3.3vw 0 0;
margin: 0;
font-family: 'sans-jpb', sans-serif;
color: #C70011;
}
.meiji-u-wrap .meiji-u-top-text{
width: 92%;
margin: 0 auto;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
padding: 5.87vw 0 0;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
letter-spacing: -0.04em;
}
.meiji-u-wrap .meiji-u-check{
width: 86%;
margin-bottom: 3vw;
}
.meiji-u-wrap .video-size{
width: 92%;
height: 50.4vw;
padding-top: 0;
margin: 5vw auto 10vw;
}
.meiji-u-wrap #meiji-u-video{
width: 100%;
height: 100%;
padding: 0 !important;
border: none !important;
border-radius: 0;
} .meiji-u-wrap .meiji-u-parts-links-wrap{
margin: 0 0 7.3vw;
}
.meiji-u-wrap #meiji-u-parts-links-pc{
display: none;
}
.meiji-u-wrap .meiji-u-part-link{
display: block;
width: 100%;
margin: 0 0 2px;
background-color: #004695;
text-decoration: none;
}
.meiji-u-wrap .meiji-u-part-link-wrap{
display: flex;
justify-content: space-between;
width: 92%;
margin: 0 auto;
padding: 15px 0;
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.meiji-u-wrap .meiji-u-link-p{
padding: 0.7vw 0 0 0;
margin: 0;
font-size: 4.27vw;
font-weight: bolder;
}
.meiji-u-wrap .meiji-u-go{
margin: 0;
font-size: 5vw;
}  .meiji-u-wrap .meiji-u-part-title{
margin: 0 0 4.5vw;
line-height: 13.33vw;
font-size: 4.8vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
color: #fff;
font-weight: bold;
background-color: #004695;
}
.meiji-u-wrap .meiji-u-part-title-span{
display: block;
width: 92%;
margin: 0 auto;
} .meiji-u-wrap .meiji-u-section-title{
position: relative;
width: 92%;
padding: 14px 0 4.5vw;
margin: 0 auto;
font-size: 4.27vw;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: black;
background-color: #fff;
}
.meiji-u-wrap .meiji-u-section-title-span{
box-sizing: border-box;
display: block;
width: 94%;
margin: 0 auto;
padding: 0 10px;
background-color: #8cb7de;
}
.meiji-u-wrap .meiji-u-kanzan{
font-size: 3.73vw;
position: absolute;
top: calc(4.135vw + 14px);
right: 5.4vw;
line-height: 1em;
} .meiji-u-wrap .meiji-u-part-img-wrap{
width: 92.2%;
margin: 0 auto 4.2vw;
}
.meiji-u-wrap .meiji-u-part-img{
width: 100%;
}
.meiji-u-wrap .meiji-u-part-text{
width: 92%;
margin: 0 auto 4vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.meiji-u-wrap .meiji-u-else{
width: 92%;
margin: 0 auto 6.7vw;
}
.meiji-u-wrap .meiji-u-else-link{
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bolder;
font-size: 3.73vw;
color: #004895;
text-decoration: underline;
} .meiji-u-wrap thead{
width: 100%;
}
.meiji-u-wrap .table-wrap{
margin: 0;
width: 100% !important;
}
.meiji-u-wrap .table-grad::after{
display: none !important;
}
.meiji-u-wrap .table-1{
width: 100% !important;
max-width: 100%;
margin-bottom: 3.4vw;
border-collapse: collapse;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 4.27vw;
table-layout: fixed;
display: table !important;
border: none;
}
.meiji-u-wrap .meiji-u-col-1{
width: 35% !important;
}
.meiji-u-wrap .meiji-u-col-2{
width: 65% !important;
}
.meiji-u-wrap .table-tensu-suii{
margin-bottom: 0;
}
.meiji-u-wrap .table-1-title-phase{
color: #fff;
width: 100%;
background-color: #004695;
line-height: 2em;
}
.meiji-u-wrap .table-1-title{
width: 100%;
background-color: #004695;
text-align: center;
}
.meiji-u-wrap .table-1-data-phase{
width: 100%;
}
.meiji-u-wrap .table-1-data{
vertical-align: top;
line-height: 1.3em;
padding: 1.8vw 0 1.8vw 2.6vw;
}
.meiji-u-wrap .table-1-date-l{
box-sizing: border-box;
width: 35% !important;
}
.meiji-u-wrap .table-1-date-r{
box-sizing: border-box;
width: 65% !important;
}
.meiji-u-wrap .table-1-date-all{
box-sizing: border-box;
width: 100% !important;
}
.meiji-u-wrap .table-1-sum{
background-color: gray;
} .meiji-u-wrap .meiji-u-col-3{
width: 100% !important;
}
.meiji-u-wrap .table-2{
width: 100% !important;
max-width: 100%;
margin-bottom: 3.4vw;
border-collapse: collapse;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 4.27vw;
table-layout: fixed;
display: table !important;
}
.meiji-u-wrap .table-2-title-phase{
width: 100%;
color: #fff;
line-height: 2em;
}
.meiji-u-wrap .table-2-title{
width: 100%;
background-color: #004695;
text-align: center;
}
.meiji-u-wrap .table-2-data{
width: 100% !important;
vertical-align: top;
line-height: 2em;
text-align: center;
}
.meiji-u-wrap .table-2-data-phase{
width: 100%;
}
.meiji-u-wrap .meiji-u-tensu-suii{
text-align: right;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
margin-bottom: 3vw;
}
.meiji-u-wrap .meiji-u-rikei-min{
display: block;
font-size: 3.73vw;
line-height: 1.3em;
} .meiji-u-wrap .meiji-table-img-wrap{
width: 100%;
height: auto;
margin-bottom: 2.1vw;
}
.meiji-u-wrap .meiji-table-img{
width: 100%;
height: auto;
}
.meiji-u-wrap .meiji-table-img-2{
margin-bottom: 0.5vw;
} .meiji-u-wrap .meiji-u-section{
width: 92%;
margin: 0 auto 3.3vw;
background-color: #fff;
}
.meiji-u-wrap .meiji-u-section-content{
width: 94%;
margin: 0 auto;
padding: 0;
}
.meiji-u-wrap .meiji-u-section-content-p4{
padding-bottom: 4.8vw;
}
.meiji-u-wrap .meiji-u-section-img-wrap{
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.meiji-u-wrap .meiji-u-section-img{
width: 100%;
height: auto;
}
.meiji-u-wrap .meiji-u-section-text{
padding: 10px 0 5.8vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.meiji-u-wrap .meiji-u-section-text-p4{
padding: 0;
} .meiji-u-wrap .meiji-u-section-link{
display: block;
margin: 4.8vw 0 0;
box-shadow: 0 0 1.5px 1.5px rgba(0,0,0,0.4);
height: 20vw;
text-decoration: none;
}
.meiji-u-wrap .meiji-u-section-link-wrap{
display: flex;
align-items: center;
height: 100%;
}
.meiji-u-wrap .meiji-u-link-img-wrap{
height: 100%;
width: 23%;
object-fit: cover;
background-color: #aeaeae;
}
.meiji-u-wrap .meiji-u-section-link-img{
height: 100%;
width: 100%;
object-fit: cover;
}
.meiji-u-wrap .meiji-u-section-link-text{
width: 77%;
padding: 8px;
color: black;
font-weight: bolder;
}
@media all and (min-width: 751px){ .meiji-u-wrap .meiji-u-section-wrap{
padding: 0 0 25px;
}
#meiji-u-bg{
margin-bottom: 0;
border-bottom: 0;
} .meiji-u-wrap .meiji-u-top-text{
width: 92%;
max-width: 850px;
font-size: 18px;
margin: 0 auto;
padding-top: 44px;
line-height: inherit;
letter-spacing: normal;
}
.meiji-u-wrap .meiji-u-check{
padding-top: 20px;
}
.meiji-u-wrap .video-size{
width: 600px;
height: 383px;
margin: 40px auto 70px;
} .meiji-u-wrap .meiji-u-parts-links-wrap{
margin: 0 0 30px;
}
.meiji-u-wrap #meiji-u-parts-links{
display: none;
}
.meiji-u-wrap #meiji-u-parts-links-pc{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.meiji-u-wrap .meiji-u-part-link-pc{
display: block;
margin: 0 0 12px;
background-color: #004695;
text-decoration: none;
position: relative;
}
.meiji-u-wrap .meiji-u-part-link-wrap-pc{
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.meiji-u-wrap .meiji-u-link-p-pc{
padding: 9px 0 30px;
margin: 0;
text-align: center;
font-weight: bolder;
font-size: 20px;
}
.meiji-u-wrap .meiji-u-link-p-pc::before{
content: "";
position: absolute;
right: 0;
bottom: 12px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 11px solid #fff;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.meiji-u-wrap .meiji-u-link-p-pc::after{
content: "";
position: absolute;
right: 0;
bottom: 14px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 9px solid #004695;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
.meiji-u-wrap .meiji-u-go-pc-1,.meiji-u-go-pc-2{
margin: 0;
}
.meiji-u-wrap .meiji-u-part-link-pc-25{
width: 24.5%;
margin-bottom: 0;
}  .meiji-u-wrap .meiji-u-part-title{
margin: 0 0 30px;
line-height: 100px;
font-size: 30px;
text-align: center;
}
.meiji-u-wrap .meiji-u-kanzan{
font-size: 24px;
} .meiji-u-wrap .meiji-u-section-title{
box-sizing: content-box;
text-align: center;
max-width: 600px;
height: 70px;
padding: 35px 0 20px;
font-size: 26px;
line-height: 70px;
}
.meiji-u-wrap .meiji-u-section-title-span{
line-height: 70px;
}
.meiji-u-wrap .meiji-u-kanzan{
font-size: 22px;
top: 59px;
right: 39px;
} .meiji-u-wrap .table-1-title{
text-align: center;
}
.meiji-u-wrap .table-1{
font-size: 28px;
margin-bottom: 25px;
display: table;
}
.meiji-u-wrap .table-1-data{
padding: 12px 0 12px 32px;
} .meiji-u-wrap .table-2-title{
text-align: center;
}
.meiji-u-wrap .table-2{
font-size: 28px;
margin-bottom: 25px;
display: table;
}
.meiji-u-wrap .table-tensu-suii{
margin-bottom: 0;
}
.meiji-u-wrap .meiji-u-tensu-suii{
font-size: 22px;
margin-bottom: 32px;
}
.meiji-u-wrap .meiji-u-rikei-min{
display: block;
font-size: 24px;
line-height: 34px;
} .meiji-u-wrap .meiji-table-img-wrap{
display: none;
} .meiji-u-wrap .meiji-u-part-img-wrap{
width: 600px;
margin-bottom: 31px;
}
.meiji-u-wrap .meiji-u-part-text{
width: 600px;
font-size: 18px;
margin-bottom: 30px;
line-height: inherit;
letter-spacing: normal;
}
.meiji-u-wrap .meiji-u-else{
width: 600px;
margin-bottom: 25px;
}
.meiji-u-wrap .meiji-u-else-link{
font-size: 18px;
} .meiji-u-wrap .meiji-u-section{
max-width: 600px;
margin-bottom: 20px;
}
.meiji-u-wrap .meiji-u-section-link{
height: 120px;
margin: 0;
}
.meiji-u-wrap .meiji-u-section-text{
font-size: 18px;
padding: 0 0 30px;
line-height: inherit;
letter-spacing: normal;
}
.meiji-u-wrap .meiji-u-section-content-p4{
padding-bottom: 40px;
}
.meiji-u-wrap .meiji-u-section-link-text{
font-size: 18px;
}
}
@media (min-width: 751px){
.meiji-u-wrap .meiji-u-top-text {
width:600px;
padding-bottom: 40px;
}  .padding-t-30px {
padding-top:30px !important;;
}
.margin-b-5px{
margin-bottom:5px !important;
}
.margin-b-10px{
margin-bottom:10px !important;
}
.margin-b-20px{
margin-bottom:20px !important;
}   .meiji-u-wrap .rikkio-u-part-link-pc-25{
width: 33%;
margin-bottom: 0;
}
.text_small_60{
font-size:0.6em;
}   .tokyo-u-wrap .rikkio-u-part-link-pc-25{
width: 33%;
margin-bottom: 0;
}   .tokyo-u-wrap .rikkio-u-part-link-pc-25{
width: 33%;
margin-bottom: 0;
}
.margin_top_0{
margin-top:0!important;
}
}   .line-color-bg {
background-color: #06C755;
}
.line-color-bg-op {
background-color: #06C75511;
background-image: none;
}
.line2-color-bg {
background-color: #c75306;
} #content.cat .main-inner {
margin: 0;
}
@media (min-width: 960px){
.side-widget {
margin-bottom: 20px;
padding-bottom: 0;
}
} img.margin-b-5px{
display: block;
margin-bottom:5px!important;
}
img.margin-b-10px{
display: block;
margin-bottom:10px!important;
}
.main-bnr-title-wrap{
display: flex;
justify-content: center;
}
@media screen and (max-width: 960px) {
.main-bnr-title-wrap-3{
display: none;
}
.main-bnr-title-img {
height: 24px;
width: auto;
margin: 4px 9px;
}
.main-bnr-title {
display: block;
text-align: center;
font-size: 16px;
line-height: 16px;
margin: 8px 0;
}
.main-bnr-title-wrap-4 {
margin: 15px 0;
}
}
.post-content h2.indexed {
margin-top: -56px;
padding-top: 56px;
} .pc-footer {
display: none;
width: 200px;
position: fixed;
bottom: 10px;
right: 10px;
box-shadow: 0 2px 5px #333;
}  .mutaicta-color-bg {
background-color: #0058a8;
}
.mutaicta-color-bg-op {
background-color: #0058a811;
background-image: none;
} #soudan_wrap {
background-color: #fffbd4;
padding: .1px 0 30px;
}
#soudan_wrap h1 {
margin: 0 0 20px;
text-align: center;
background-color: #f6dc8d;
line-height: 3em;
}
#soudan_wrap .post-loop-wrap {
margin: 20px 10px;
}
#soudan_wrap .bnr-cat {
display: block;
margin: 10px auto;
width: 90%;
padding: 10px 0;
text-decoration: none;
text-align: center;
color: #fff;
background-color: #d1871b;
font-weight: bold;
font-size: 1.2em;
} #cta_soudan_to_uni {
margin: 30px 0;
}
.post-content #cta_soudan_to_uni h3 {
background-color: #003b80;
color: #fff;
font-size: 1.2em;
line-height: 2.5em;
margin: 0;
}
#cta_soudan_to_uni a {
text-decoration: none;
} .cta-mail-img {
display: block;
margin: 10px auto;
}
.cta-mail-title {
background-color: #01AAD5;
color: #fff;
}
.cta-mail-color-bg {
background-color: #DC330C;
}
.cta-parent-color-bg {
background-color: #01AAD5;
}   .univ-cat-red {
color: red;
}
#univ-cat-bg {
margin: 48px 0 0;
}
.univ-cat-category-title-wrap {
background-color: #003b80;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/school/daigakubetsu_top_bg.png);
overflow: hidden;
}
.univ-cat-category-title-wrap .univ-cat-category-title-img {
display: block;
width: 90%;
margin: 0 auto 4.5vw;
}
.univ-cat-category-title-wrap>h1.univ-cat-category-title-txt {
margin: 0;
padding: 4.5vw 0 10px;
text-align: center;
color: #fff;
font-size: 8vw;
}
.univ-cat-category-title-wrap>h1>span {
display: block;
font-size: 4vw;
}
.univ-cat-wrap {
background: #e6f1f7;
padding-top: 4vw;
}
.univ-cat-wrap h2 {
border-bottom: none;
}
.univ-cat-wrap h3 {
margin: 0 auto;
border-bottom: none;
}
.univ-cat-wrap a {
text-decoration: none;
}
.univ-cat-wrap ul {
list-style-type: none;
margin: 0;
}
.univ-cat-wrap p {
margin: 0 auto;
}
.univ-cat-wrap .univ-cat-section-wrap {
padding: 0 0 3.3vw;
} .univ-cat-wrap .univ-cat-howto-title {
text-align: center;
font-size: 4.8vw;
font-weight: bolder;
padding: 3.3vw 0 0;
margin: 0;
font-family: 'sans-jpb', sans-serif;
color: #C70011;
}
.univ-cat-wrap .univ-cat-top-text {
width: 92%;
margin: 0 auto;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
padding: 5.87vw 0 0;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
letter-spacing: -0.04em;
}
.univ-cat-wrap .univ-cat-check {
width: 86%;
margin-bottom: 3vw;
}
.univ-cat-wrap .video-size {
width: 92%;
height: 50.4vw;
padding-top: 0;
margin: 5vw auto 10vw;
}
.univ-cat-wrap #univ-cat-video {
width: 100%;
height: 100%;
padding: 0 !important;
border: none !important;
border-radius: 0;
} .univ-cat-wrap .univ-cat-parts-links-wrap {
margin: 0 0 7.3vw;
}
.univ-cat-wrap #univ-cat-parts-links-pc {
display: none;
}
.univ-cat-wrap .univ-cat-part-link {
display: block;
width: 100%;
margin: 0 0 2px;
background-color: #004695;
text-decoration: none;
}
.univ-cat-wrap .univ-cat-part-link-wrap {
display: flex;
justify-content: space-between;
width: 92%;
margin: 0 auto;
padding: 15px 0;
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.univ-cat-wrap .univ-cat-link-p {
padding: 0.7vw 0 0 0;
margin: 0;
font-size: 4.27vw;
font-weight: bolder;
}
.univ-cat-wrap .univ-cat-go {
margin: 0;
font-size: 5vw;
}  .univ-cat-wrap .univ-cat-part-title-wrap {
background-color: #004695;
overflow: hidden;
}
.univ-cat-wrap .univ-cat-part-title-wrap, .univ-cat-wrap h2.univ-cat-part-title {
margin: 0 0 3vw;
line-height: 6vw;
font-size: 4.27vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
color: #fff;
font-weight: bold;
background-color: #004695;
text-align: center;
}
.univ-cat-wrap .univ-cat-part-title-wrap span {
display: block;
margin-top: 3vw;
}
.univ-cat-wrap .univ-cat-part-title-span {
display: block;
width: 92%;
margin: 0 auto;
}
.post-content .univ-cat-wrap h2.univ-cat-section-title, .post-content .univ-cat-wrap h3.univ-cat-section-title {
width: 92%;
margin: 20px auto 10px;
overflow: hidden;
padding: 14px 4%;
font-size: 4.27vw;
line-height: 7vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: black;
background-color: #8cb7de;
}
.univ-cat-wrap .univ-cat-section-title-span {
box-sizing: border-box;
display: block;
width: 94%;
margin: 0 auto;
padding: 0 10px;
background-color: #8cb7de;
}
.univ-cat-wrap .univ-cat-kanzan {
font-size: 3.73vw;
position: absolute;
top: calc(4.135vw + 14px);
right: 5.4vw;
line-height: 1em;
} .univ-cat-wrap .univ-cat-part-img-wrap {
width: 92.2%;
margin: 0 auto 4.2vw;
}
.univ-cat-wrap .univ-cat-part-img {
width: 100%;
}
.univ-cat-wrap .univ-cat-part-text {
width: 92%;
margin: 0 auto 4vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.univ-cat-wrap .univ-cat-else {
width: 92%;
margin: 0 auto 6.7vw;
}
.univ-cat-wrap .univ-cat-else-link {
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bolder;
font-size: 3.73vw;
color: #004895;
text-decoration: underline;
}
.univ-cat-wrap ul.univ-cat-section-list {
list-style: square;
margin: 0 0 4vw 0;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
} .univ-cat-wrap thead {
width: 100%;
}
.univ-cat-wrap .table-wrap {
margin: 0;
width: 100% !important;
}
.univ-cat-wrap .table-grad::after {
display: none !important;
}
.univ-cat-wrap .table-1 {
width: 100% !important;
max-width: 100%;
margin-bottom: 3.4vw;
border-collapse: collapse;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 4.27vw;
table-layout: fixed;
display: table !important;
border: none;
}
.univ-cat-wrap .univ-cat-col-1 {
width: 35% !important;
}
.univ-cat-wrap .univ-cat-col-2 {
width: 65% !important;
}
.univ-cat-wrap .table-tensu-suii {
margin-bottom: 0;
}
.univ-cat-wrap .table-1-title-phase {
color: #fff;
width: 100%;
background-color: #004695;
line-height: 2em;
}
.univ-cat-wrap .table-1-note {
font-size: 3vw;
display: block;
line-height: 5.4vw;
}
.univ-cat-wrap .table-1-title {
width: 100%;
line-height: 5vw;
background-color: #004695;
text-align: center;
}
.univ-cat-wrap .table-1-data-phase {
width: 100%;
}
.univ-cat-wrap .table-1-data {
vertical-align: top;
line-height: 1.3em;
text-align: center;
}
.univ-cat-wrap .table-1-date-l {
box-sizing: border-box;
width: 35% !important;
}
.univ-cat-wrap .table-1-date-r {
box-sizing: border-box;
width: 65% !important;
}
.univ-cat-wrap .table-1-date-all {
box-sizing: border-box;
width: 100% !important;
}
.univ-cat-wrap .table-1-sum {
background-color: gray;
} .univ-cat-wrap .univ-cat-col-3 {
width: 100% !important;
}
.univ-cat-wrap .table-2 {
width: 100% !important;
max-width: 100%;
margin-bottom: 3.4vw;
border-collapse: collapse;
line-height: 12vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
font-size: 4.27vw;
table-layout: fixed;
display: table !important;
}
.univ-cat-wrap .table-2-title-phase {
width: 100%;
color: #fff;
line-height: 2em;
}
.univ-cat-wrap .table-2-title {
width: 100%;
background-color: #004695;
text-align: center;
}
.univ-cat-wrap .table-2-data {
width: 100% !important;
vertical-align: top;
line-height: 2em;
text-align: center;
}
.univ-cat-wrap .table-2-data-phase {
width: 100%;
}
.univ-cat-wrap .univ-cat-tensu-suii {
text-align: right;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
margin-bottom: 3vw;
}
.univ-cat-wrap .univ-cat-rikei-min {
display: block;
font-size: 3.73vw;
line-height: 1.3em;
} .univ-cat-wrap .meiji-table-img-wrap {
width: 100%;
height: auto;
margin-bottom: 2.1vw;
}
.univ-cat-wrap .meiji-table-img {
width: 100%;
height: auto;
}
.univ-cat-wrap .meiji-table-img-2 {
margin-bottom: 0.5vw;
} .univ-cat-wrap .univ-cat-section {
width: 92%;
margin: 0 auto 3.3vw;
padding-top: .1px;
background-color: #fff;
}
.univ-cat-wrap .univ-cat-section-notice, .univ-cat-section-notice {
padding: 20px 0;
border: 5px solid #e50027;
}
.univ-cat-wrap .univ-cat-section-notice .univ-cat-section-text, .univ-cat-section-notice .univ-cat-section-text {
padding: 0;
} .meiji-u-wrap .univ-cat-section-notice {
padding: 0;
width: 95%;
margin: 20px auto;
background-color: #fff;
}
.meiji-u-wrap .univ-cat-section-notice .univ-cat-section-text {
padding: 10px 0;
width: 90%;
margin: 0 auto;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
} .univ-cat-wrap .univ-cat-section-content {
width: 94%;
margin: 0 auto;
padding: 0;
}
.univ-cat-wrap .univ-cat-section-content-p4 {
padding-bottom: 4.8vw;
}
.univ-cat-wrap .univ-cat-section-img-wrap {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.univ-cat-wrap .univ-cat-section-img {
width: 100%;
height: auto;
}
.univ-cat-wrap .univ-cat-section-text {
padding: 10px 0 5.8vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.univ-cat-wrap .univ-cat-section-text-note {
padding: 10px 0 5.8vw;
text-align: justify;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 20px;
font-size: 14px;
letter-spacing: -0.04em;
}
.univ-cat-wrap .univ-cat-section-text-p4 {
padding: 0;
}
.post-content .univ-cat-wrap h3.univ-cat-caption-h3 {
font-size: 3.73vw;
color: #555;
}
.univ-cat-wrap .univ-cat-img-zoomable {
position: relative;
}
.univ-cat-wrap .univ-cat-img-zoomable img {
margin-bottom: 30px;
}
.univ-cat-wrap .univ-cat-img-zoomable::after {
content: '';
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/school/daigakubetsu_kakudai.png);
background-size: contain;
display: block;
width: 40px;
height: 40px;
position: absolute;
right: 0;
top: 0;
border-radius: 3px;
box-shadow: 0 0 3px #333;
} .univ-cat-wrap .univ-cat-section-link {
display: block;
margin: 4.8vw 0 0;
box-shadow: 0 0 1.5px 1.5px rgba(0, 0, 0, 0.4);
height: 20vw;
text-decoration: none;
}
.univ-cat-wrap .univ-cat-section-link-wrap {
display: flex;
align-items: center;
height: 100%;
}
.univ-cat-wrap .univ-cat-link-img-wrap {
height: 100%;
width: 23%;
object-fit: cover;
background-color: #aeaeae;
}
.univ-cat-wrap .univ-cat-section-link-img {
height: 100%;
width: 100%;
object-fit: cover;
}
.univ-cat-wrap .univ-cat-section-link-text {
width: 77%;
padding: 8px;
color: black;
font-weight: bolder;
} .univ-cat-trial-cta-wrap {
width: 92%;
margin: 0 auto 40px;
padding-top: .1px;
background-color: #fff;
background-image: linear-gradient(0deg, transparent 5.5px, #8cb7de 6px), linear-gradient(90deg, transparent 5.5px, #8cb7de 6px);
background-size: 6px 6px;
box-sizing: border-box;
border: 3px solid #004695;
box-shadow: 0 0 8px #333;
}
.univ-cat-wrap h3.univ-cat-trial-cta-title {
width: calc(100% - 20px );
margin: 20px auto 10px;
overflow: hidden;
padding: 14px 4%;
font-size: 4.27vw;
line-height: 7vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: yellow;
background-color: #004695;
}
.univ-cat-trial-cta-content img {
margin-bottom: 4vw;
}
.univ-cat-wrap .univ-cat-trial-cta-text {
width: 100%;
margin: 0 auto 4vw;
text-align: justify;
text-justify: inter-ideograph;
text-justify: inter-character;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
line-height: 6.53vw;
font-weight: bolder;
font-size: 3.73vw;
letter-spacing: -0.04em;
}
.univ-cat-wrap .univ-cat-trial-cta-bnr {
display: block;
width: 100%;
height: 15vw;
border-radius: 5px;
color: #fff;
font-weight: bold;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
text-align: center;
font-size: 4.5vw;
line-height: 15vw;
text-decoration: none;
background: #004695;
background-image: linear-gradient(90deg, #e50027, #0058a8);
} .univ-cat-wrap .univ-cat-img-caption--goukaku {
font-size: 3.73vw;
line-height: 5vw;
color: #555;
text-align: center;
margin-bottom: 4vw;
}
.univ-cat-wrap .univ-cat-img-caption--goukaku::before, .univ-cat-wrap .univ-cat-img-caption--goukaku::after {
content: '';
display: inline-block;
vertical-align: middle;
height: 3.73vw;
width: 3.73vw;
margin: 0 1vw;
background-image: url(https://daigakujukensenryaku.com/wp-content/themes/daigakujuken/lib/images/school/icon_cherry.png);
background-size: cover;
}
.univ-cat-wrap .univ-cat-goukaku-cta-bnr {
display: block;
width: 100%;
height: 15vw;
border-radius: 5px;
margin-bottom: 4vw;
color: #fff;
font-weight: bold;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
text-align: center;
font-size: 4.5vw;
line-height: 15vw;
text-decoration: none;
background: #E73278;
} .univ-cat-wrap .univ-cat-soudanart-cta-bnr {
display: block;
width: 100%;
height: 15vw;
border-radius: 5px;
margin-bottom: 4vw;
color: #fff;
font-weight: bold;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
text-align: center;
font-size: 4.5vw;
line-height: 15vw;
text-decoration: none;
background: #f26130;
} .univ-cat-trial-cta-wrap--large {
width: 92%;
margin: 0 auto 40px;
padding-top: .1px;
background-color: #fff;
box-sizing: border-box;
border: 3px solid #004695;
}
.univ-cat-wrap h3.univ-cat-trial-cta-title--large {
width: calc(100% - 20px);
margin: 20px auto 10px;
overflow: hidden;
padding: 14px 4%;
font-size: 4vw;
line-height: 7vw;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
color: #fff;
background-color: #004695;
text-align: center;
}
.univ-cat-wrap .univ-cat-trial-cta-bnr--large {
display: block;
width: 100%;
height: 15vw;
border-radius: 5px;
margin-bottom: 4vw;
color: #fff;
font-weight: bold;
font-family: 'sans-cjk', 'Noto Sans JP', Verdana, sans-serif;
text-align: center;
font-size: 4.5vw;
line-height: 15vw;
text-decoration: none;
background: #008D45;
}
@media all and (min-width: 751px) { .univ-cat-wrap .univ-cat-section-wrap {
padding: 0 0 25px;
}
#univ-cat-bg {
margin-bottom: 0;
border-bottom: 0;
} .univ-cat-category-title-wrap .univ-cat-category-title-img {
width: 700px;
}
.univ-cat-wrap .univ-cat-top-text {
width: 94%;
max-width: 850px;
font-size: 18px;
margin: 0 auto;
padding-top: 44px;
line-height: inherit;
letter-spacing: normal;
}
.univ-cat-wrap ul.univ-cat-section-list {
width: 92%;
margin: 0 auto;
font-size: 18px;
padding: 0 0 30px;
line-height: inherit;
letter-spacing: normal;
}
.univ-cat-wrap .univ-cat-check {
padding-top: 20px;
}
.univ-cat-wrap .video-size {
width: 600px;
height: 383px;
margin: 40px auto 70px;
} .univ-cat-wrap .univ-cat-parts-links-wrap {
margin: 0 0 30px;
}
.univ-cat-wrap #univ-cat-parts-links {
display: none;
}
.univ-cat-wrap #univ-cat-parts-links-pc {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.univ-cat-wrap .univ-cat-part-link-pc {
display: block;
margin: 0 0 12px;
background-color: #004695;
text-decoration: none;
position: relative;
}
.univ-cat-wrap .univ-cat-part-link-wrap-pc {
color: #fff;
font-family: 'sans-jpb', 'sans-jp-bold', 'sans-jpr', 'Noto Sans JP', Verdana, sans-serif;
font-weight: bold;
}
.univ-cat-wrap .univ-cat-link-p-pc {
padding: 9px 0 30px;
margin: 0;
text-align: center;
font-weight: bolder;
font-size: 20px;
}
.univ-cat-wrap .univ-cat-link-p-pc::before {
content: "";
position: absolute;
right: 0;
bottom: 12px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 11px solid #fff;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.univ-cat-wrap .univ-cat-link-p-pc::after {
content: "";
position: absolute;
right: 0;
bottom: 14px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-top: 9px solid #004695;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
}
.univ-cat-wrap .univ-cat-go-pc-1,
.univ-cat-go-pc-2 {
margin: 0;
}
.univ-cat-wrap .univ-cat-part-link-pc-25 {
width: 24.5%;
margin-bottom: 0;
}  .post-content .univ-cat-wrap h2.univ-cat-section-title,
.post-content .univ-cat-wrap h3.univ-cat-section-title {
font-size: 1.8em;
line-height: 2em;
width: 94%;
margin-bottom: 20px;
}
.univ-cat-wrap .univ-cat-part-title {
margin: 0 0 30px;
line-height: 100px;
font-size: 30px;
text-align: center;
}
.univ-cat-wrap .univ-cat-kanzan {
font-size: 24px;
} .post-content .univ-cat-wrap h3.univ-cat-caption-h3 {
font-size: 1.2em;
}
.univ-cat-wrap .univ-cat-section-title-span {
line-height: 70px;
}
.univ-cat-wrap .univ-cat-kanzan {
font-size: 22px;
top: 59px;
right: 39px;
}
.univ-cat-wrap .univ-cat-part-link-pc-33{
width: 33%;
margin-bottom: 0;
} .univ-cat-wrap .table-1-title {
text-align: center;
}
.univ-cat-wrap .table-1 {
font-size: 28px;
margin-bottom: 25px;
display: table;
}
.univ-cat-wrap .table-1-data {
padding: 12px;
}
.univ-cat-wrap .table-1-note {
font-size: 14px;
line-height: 20px;
} .univ-cat-wrap .table-2-title {
text-align: center;
}
.univ-cat-wrap .table-2 {
font-size: 28px;
margin-bottom: 25px;
display: table;
}
.univ-cat-wrap .table-tensu-suii {
margin-bottom: 0;
}
.univ-cat-wrap .univ-cat-tensu-suii {
font-size: 22px;
margin-bottom: 32px;
}
.univ-cat-wrap .univ-cat-rikei-min {
display: block;
font-size: 24px;
line-height: 34px;
} .univ-cat-wrap .meiji-table-img-wrap {
display: none;
} .univ-cat-wrap .univ-cat-part-img-wrap {
width: 600px;
margin-bottom: 31px;
}
.univ-cat-wrap .univ-cat-part-text {
width: 600px;
font-size: 18px;
margin-bottom: 30px;
line-height: inherit;
letter-spacing: normal;
}
.univ-cat-wrap .univ-cat-else {
width: 600px;
margin-bottom: 25px;
}
.univ-cat-wrap .univ-cat-else-link {
font-size: 18px;
} .univ-cat-wrap .univ-cat-section {
max-width: 600px;
margin-bottom: 20px;
}
.univ-cat-wrap .univ-cat-section-notice, .univ-cat-section-notice {
padding: 20px 0;
}
.univ-cat-wrap .univ-cat-section-notice .univ-cat-section-text, .univ-cat-section-notice .univ-cat-section-text {
padding: 0;
}
.univ-cat-wrap .univ-cat-section-link {
height: 120px;
margin: 0;
}
.univ-cat-wrap .univ-cat-section-text {
font-size: 18px;
padding: 0 0 30px;
line-height: inherit;
letter-spacing: normal;
} .meiji-u-wrap .univ-cat-section-notice {
width: 600px;
margin-bottom: 50px;
}
.meiji-u-wrap .univ-cat-section-notice .univ-cat-section-text {
font-size: 18px;
line-height: 2em;
letter-spacing: -0.04em;
} .univ-cat-wrap .univ-cat-section-content-p4 {
padding-bottom: 40px;
}
.univ-cat-wrap .univ-cat-section-link-text {
font-size: 18px;
} .univ-cat-wrap .univ-cat-trial-cta-wrap, .univ-cat-trial-cta-wrap--large {
max-width: 600px;
}
.univ-cat-trial-cta-content img  {
margin-bottom: 20px;
}
.univ-cat-wrap h3.univ-cat-trial-cta-title, .univ-cat-wrap h3.univ-cat-trial-cta-title--large {
font-size: 1.8em;
line-height: 2em;
}
.univ-cat-wrap .univ-cat-trial-cta-text {
font-size: 18px;
padding: 0 0 30px;
line-height: inherit;
letter-spacing: normal;
margin-bottom: 0;
}
.univ-cat-wrap .univ-cat-trial-cta-bnr, .univ-cat-wrap .univ-cat-goukaku-cta-bnr, .univ-cat-wrap .univ-cat-soudanart-cta-bnr, .univ-cat-wrap .univ-cat-trial-cta-bnr--large {
height: 80px;
line-height: 80px;
width: 92%;
margin: 0 auto 20px;
font-size: 1.6em;
}
.univ-cat-trial-cta-content {
padding: 10px;
}
.univ-cat-wrap .univ-cat-img-caption--goukaku {
font-size: 20px;
margin-bottom: 20px;
}
.univ-cat-wrap .univ-cat-img-caption--goukaku::before, .univ-cat-wrap .univ-cat-img-caption--goukaku::after {
width: 20px;
height: 20px;
margin: 0 5px;
}
}
@media (max-width: 767px) {
.univ-cat-category-title-wrap picture {
width: 90%;
}
}  .ads-in-article {
width: 300px;
display: block;
margin: 30px auto;
}
@media (max-width: 767px) {
.ads-in-article {
width: 98%;
}
}  .box-bg-gr {
background-color: #003b8022;
padding: 10px;
}
.box-bg-gr>p {
margin-top: 20px;
}
.post-content h2.textmap {
border: none;
background: #003b80;
color: #fff;
line-height: 3em;
padding-left: 20px;
}
.post-content h3.textmap {
border: none;
font-size: 16px;
background-color: #003b8022;
line-height: 2em;
padding: 10px;
}
.post-content h4.textmap {
font-size: 16px;
}
.box-route-intro {
background-color: #003b8022;
padding: 10px;
}
.box-route-intro h3 {
border: none;
text-align: center;
background-color: transparent;
font-size: 1rem;
margin: 10px 0;
}
.route-cta {
margin: 20px 0;
padding: 20px;
background: #eef5ff;
}
.route-cta a {
display: block;
width: 300px;
height: 50px;
text-align: center;
background-color: #e50027;
margin: 10px auto;
text-decoration: none;
line-height: 50px;
color: #fff;
font-weight: bold;
font-size: 1.2em;
box-shadow: 0 2px 5px #333;
}
.post-content .route-cta h2 {
font-size: 22px;
}
@media screen and (max-width: 767px) {
.route-cta h2 {
line-height: 1.8em;
padding: 20px 10px;
font-size: 6.1vw;
text-align: center;
}
} .text-map-2 {
margin-bottom: 30px;
box-sizing: border-box;
background-color: #244389; padding: 3px;
}
.post-content h3.text-map-2__header {
margin: 0;
padding: 0;
line-height: 3em;
font-size: 1.4em;
text-align: center;
border: none;
color: #fff;
}
.text-map-2__inner {
box-sizing: border-box;
background-color: #fff;
margin: 3px;
padding: 30px;
}
.text-map-2__explain {
margin: 30px 0 0;
font-weight: bold;
}
.text-map-2__about {
background: #e5e5e5;
padding: 10px;
}
.post-content h4.text-map-2__about-header {
font-size: 18px;
border: none;
margin: 0 0 10px;
padding: 0;
text-align: center;
}
.post-content p.text-map-2__about-explain {
margin: 0;
font-size: 16px;
}
.post-content p.text-map-2__about-explain strong {
color: #e50027;
}
.text-map-2__checklist {
font-weight: bold;
}
.post-content ul.text-map-2__checklist li {
line-height: 1.8em;
padding-left: 2em;
text-indent: -2em;
list-style-type: none;
margin: 0px ;
}
.post-content ul.text-map-2__checklist {
padding: 15px 0;
margin: 0;
}
.post-content ul.text-map-2__checklist li:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f14a";
position: relative;
padding-right:0.5em;
padding-left: 0.5em;
color: #333;
}
.text-map-2__banner {
display: block;
}
.text-map-2__banner img {
width: 100%;
}
.post-content a.text-map-2__submit {
text-decoration: none;
display: block;
width: 300px;
height: 50px;
text-align: center;
background-color: #008A45;
margin: 10px auto;
line-height: 50px;
color: #fff;
font-weight: bold;
font-size: 16px;
box-shadow: 0 2px 5px #333;
}
@media (max-width: 767px) {
.text-map-2__inner {
padding: 10px;
}
.post-content h3.text-map-2__header {
line-height: 1.7em;
padding: 0.4em 0;
font-size: 5vw;
margin: 0 18vw;
}
.post-content a.text-map-2__submit {
font-size: 4.2vw;
}
}
.text-map {
margin-bottom: 30px;
box-sizing: border-box;
background-color: #24438922;
padding: 30px;
}
.text-map__explain {
margin: 0 0 30px;
font-weight: bold;
}
.text-map__about {
background: #fff;
padding: 30px;
margin: 0 0 30px;
}
.post-content h4.text-map__about-header {
font-size: 18px;
border: none;
margin: 0 0 10px;
padding: 0;
text-align: center;
}
.post-content p.text-map__about-explain {
margin: 0;
font-size: 16px;
}
.post-content p.text-map__about-explain strong {
color: #e50027;
}
.text-map__checklist {
font-weight: bold;
}
.post-content ul.text-map__checklist li {
line-height: 1.8em;
padding-left: 2em;
text-indent: -2em;
list-style-type: none;
margin: 0px;
}
.post-content ul.text-map__checklist {
padding: 15px 0;
margin: 0;
}
.post-content ul.text-map__checklist li:before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f14a";
position: relative;
padding-right: 0.5em;
padding-left: 0.5em;
color: #333;
}
.text-map__banner {
display: block;
margin: 30px 0;
}
.text-map__banner img {
width: 100%;
}
.post-content a.text-map__submit {
text-decoration: none;
display: block;
width: 300px;
height: 50px;
text-align: center;
background-color: #008A45;
margin: 10px auto;
line-height: 50px;
color: #fff;
font-weight: bold;
font-size: 16px;
box-shadow: 0 2px 5px #333;
}
@media (max-width: 767px) {
.text-map {
padding: 30px 15px;
}
.text-map__about {
padding: 30px 15px 15px;
}
.post-content a.text-map__submit {
font-size: 4.2vw;
}
} .bnr-or {
background: #f26130;
}
.post-content code {
font-family: 'Courier', monospace;
}
.article-cta-btn a {
position: relative;
text-align: center;
width: 250px;
margin: 10px auto;
font-weight: bold;
display: block;
background: #e50027;
color: #fff;
text-decoration: none;
padding: 10px 0;
box-shadow: 0 2px 5px #aaa;
}
a.kijilink {
display: block;
width: fit-content;
} .post-pr-notice {
margin: 10px 36px;
font-size: 0.9em;
color: #555;
text-align: right;
}
@media (max-width: 767px) {
.post-pr-notice {
font-size: 3.7vw;
margin: 10px;
text-align: center;
}
} .grecaptcha-badge {
visibility: hidden;
}