@charset "UTF-8";
/*
Theme Name: INTERNOUS EC theme
Theme URI: https://engineercollege.jp
Discription: the theme of engineercollege
Version:1.0
*/
/*font*/
@font-face {
 font-family: "Yu Gothic";
 src: local("Yu Gothic Medium");
 font-weight: 100;
}
@font-face {
 font-family: "Yu Gothic";
 src: local("Yu Gothic Medium");
 font-weight: 200;
}
@font-face {
 font-family: "Yu Gothic";
 src: local("Yu Gothic Medium");
 font-weight: 300;
}
@font-face {
 font-family: "Yu Gothic";
 src: local("Yu Gothic Medium");
 font-weight: 400;
}
@font-face {
 font-family: "Yu Gothic";
 src: local("Yu Gothic Bold");
 font-weight: bold;
}
html {
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none) {
 html {
  font-family: Verdana, Meiryo, sans-serif;
 }
}
@media all and (-ms-high-contrast: active) {
 html {
  font-family: Verdana, Meiryo, sans-serif;
 }
}
/*color*/
/*base*/
body {
 margin: 0;
 padding: 0;
 color: #333;
}
body ul {
 margin: 0;
 padding: 0;
}
body ul li {
 list-style: none;
}
header .headPoint {
 max-width: 1080px;
 height: 80px;
 margin: 0 auto;
 display: flex;
 align-items: center;
}
header .headPoint .logo {
 width: 170px;
 margin: 0 auto 0 0;
}
header .headPoint .contactBtn {
 margin-left: auto;
 margin-bottom: 0;
}
header .headPoint .contactBtn a {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 182px;
 height: 50px;
 background: #FA7E02;
 color: #fff;
 text-decoration: none;
 border-radius: 40px;
 transition: .3s;
}
header .headPoint .contactBtn a:hover {
 background: #CB0C3E;
}
header nav {
 height: 45px;
 background: #333;
 border-bottom: 1px solid #f2f2f2;
}
header nav ul {
 max-width: 1080px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 position: relative;
}
header nav ul li {
 width: calc(100% / 5);
 height: 45px;
 white-space: nowrap;
 padding: 0 1em;
 box-sizing: border-box;
}
header nav ul li.here {
 background: #5C5C5C;
 color: #fff;
}
header nav ul li.home {
 width: 45px;
 background: url(img/homeIcon.svg) no-repeat #2166A5 center center;
 background-size: 33px 27px;
}
header nav ul li.home a {
 color: rgba(255, 255, 255, 0) !important;
}
header nav ul li.subIcon a {
 display: flex;
 align-items: center;
}
header nav ul li.subIcon a:after {
 content: "";
 background: url(img/menuArrow.svg) no-repeat;
 display: block;
 width: 13px;
 height: 8px;
 background-size: contain;
 margin-left: 1em;
}
header nav ul li.subIcon ul {
 display: none;
}
header nav ul li.subIcon ul li {
 width: 100%;
 padding: 0;
}
header nav ul li.subIcon ul li.here a {
 color: #fff;
}
header nav ul li.subIcon ul li a:after {
 display: none;
}
header nav ul li a {
 height: 45px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 text-decoration: none;
}
header nav ul li ul {
 flex-direction: column;
 justify-content: center;
 background: #f2f2f2;
 z-index: 999;
}
header nav ul li ul li a {
 display: block;
 color: #333;
}
header nav ul li ul li a:hover {
 background: #ddd;
}
@media screen and (max-width: 1000px) {
 header nav ul {
  font-size: .9em;
 }
 header nav ul li {
  width: calc(100% / 4);
  padding: 0 .5em;
 }
}
/*element*/
.con_l {
 max-width: 1080px;
 margin: 0 auto;
}
.con_m {
 max-width: 1000px;
 margin: 0 auto;
}
.con_s {
 max-width: 800px;
 margin: 0 auto;
}
.con_s.curriculum img {
 width: 100%;
 height: auto;
}
.mrgTop10 {
 margin-top: 1em !important;
}
.mrgTop20 {
 margin-top: 2em !important;
}
.mrgTop30 {
 margin-top: 3em !important;
}
.mrgTop40 {
 margin-top: 4em !important;
}
.mrgTop50 {
 margin-top: 5em !important;
}
.mrgBtm10 {
 margin-bottom: 1em !important;
}
.mrgBtm20 {
 margin-bottom: 2em !important;
}
.mrgBtm30 {
 margin-bottom: 3em !important;
}
.mrgBtm40 {
 margin-bottom: 4em !important;
}
.mrgBtm50 {
 margin-bottom: 5em !important;
}
.padTop10 {
 padding-top: 1em !important;
}
.padTop20 {
 padding-top: 2em !important;
}
.padTop30 {
 padding-top: 3em !important;
}
.padTop40 {
 padding-top: 4em !important;
}
.padTop50 {
 padding-top: 5em !important;
}
.padBtm10 {
 padding-bottom: 1em !important;
}
.padBtm20 {
 padding-bottom: 2em !important;
}
.padBtm30 {
 padding-bottom: 3em !important;
}
.padBtm40 {
 padding-bottom: 4em !important;
}
.padBtm50 {
 padding-bottom: 5em !important;
}
h2 {
 text-align: center;
 font-size: 24px;
 position: relative;
 padding: 1em 0;
}
h2:before {
 content: "";
 display: block;
 width: 410px;
 height: 1px;
 background: #ddd;
 position: absolute;
 bottom: -1px;
 left: 0;
 right: 0;
 margin: 0 auto;
}
h2:after {
 content: "";
 display: block;
 width: 50px;
 height: 4px;
 border-radius: 2px;
 position: absolute;
 bottom: -2px;
 left: 0;
 right: 0;
 background: #2166A5;
 margin: 0 auto;
}
h2.normal:after {
 display: none;
}
h2.normal:before {
 display: none;
}
h2.reason {
 height: 120px;
 background: url(img/leadBg01.png) no-repeat;
 background-size: cover;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0;
}
h2.reason:after {
 display: none;
}
h2.reason:before {
 display: none;
}
h2.curriculum {
 height: 50px;
 background: #2166A5;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 0;
 color: #fff;
 margin-bottom: 1em;
}
h2.curriculum:before {
 content: "";
 background: #fff;
 display: inline-block;
 width: 50px;
 height: 3px;
 position: relative;
 border-radius: 2px;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 1em;
}
h2.curriculum:after {
 content: "";
 background: #fff;
 display: inline-block;
 width: 50px;
 height: 3px;
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 1em;
}
h2.left {
 text-align: left;
 padding-bottom: .7em;
}
h2.left:before {
 content: "";
 display: block;
 width: 100%;
 height: 1px;
 background: #ddd;
 position: absolute;
 bottom: -1px;
 left: 0;
 right: 0;
 margin: 0 auto;
}
h2.left:after {
 content: "";
 display: block;
 width: 50px;
 height: 4px;
 border-radius: 2px;
 position: absolute;
 bottom: -2px;
 left: 0;
 right: 0;
 background: #2166A5;
 margin: 0;
}
h3:after {
 content: "";
 display: block;
 background: #2166A5;
 width: 50px;
 height: 4px;
 border-radius: 2px;
 margin-top: .7em;
}
p {
 margin: 0 0 1em;
 line-height: 1.8em;
}
.pc {
 display: block;
}
.sp {
 display: none;
}
.lead {
 width: 800px;
 margin: 2em auto;
}
.center {
 text-align: center;
}
.btn.normal {
 margin: 1em auto;
 display: flex;
 justify-content: center;
 align-items: center;
}
.btn.normal a {
 width: 260px;
 height: 60px;
 background: #333;
 color: #fff;
 text-decoration: none;
 display: flex;
 justify-content: center;
 align-items: center;
 transition: .3s;
}
.btn.normal a:hover {
 background: rgba(51, 51, 51, 0.8);
}
.btn.normal:after {
 content: "";
 display: block;
 width: 60px;
 height: 60px;
 background: url(img/btnArrow.svg);
}
.btn.toContact {
 width: 20%;
 max-width: 430px;
 min-width: 300px;
 margin: 4em auto 1em;
}
.btn.toContact a {
 width: 100%;
 height: 60px;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #2166A5;
 border-radius: 40px;
 color: #fff;
 font-size: 18px;
 text-decoration: none;
 transition: .3s;
}
.btn.toContact a:hover {
 background: #FA7E02;
}
.btn.topContact {
 width: 70%;
 height: 60px;
 margin: 1em auto;
}
.btn.topContact a {
 width: 100%;
 height: 60px;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #FA7E02;
 border-radius: 40px;
 color: #fff;
 font-size: 18px;
 text-decoration: none;
 transition: .3s;
}
.btn.topContact a:hover {
 background: #184B7B;
}
.point {
 display: flex;
 justify-content: space-between;
}
.point li {
 width: calc(100% / 3 - 1em);
 text-align: center;
}
.point li h3 {
 color: #2166A5;
}
.point li h3:after {
 display: none;
}
.pointBox {
 display: flex;
 justify-content: space-between;
}
.pointBox li {
 width: calc(100% / 3);
}
.pointBox li img {
 width: 100%;
 height: auto;
}
.pointBox li h3 {
 padding: .5em .5em 0;
 text-align: center;
}
.pointBox li p {
 padding: 0 1em 1em;
}
.pointBox li:nth-child(odd) {
 background: #333;
 color: #fff;
}
.pointBox li:nth-child(odd) h3:after {
 content: "";
 display: block;
 background: #2166A5;
 width: 50px;
 height: 4px;
 border-radius: 2px;
 margin: 1em auto;
}
.pointBox li:nth-child(even) {
 background: #2166A5;
 color: #fff;
}
.pointBox li:nth-child(even) h3:after {
 content: "";
 display: block;
 background: #184B7B;
 width: 50px;
 height: 4px;
 border-radius: 2px;
 margin: 1em auto;
}
footer {
 margin-top: 4em;
 background: #f2f2f2;
 position: relative;
 padding: 2em;
}
footer .gotoTop {
 position: fixed;
 right: 1em;
 bottom: 1em;
 z-index: 999;
}
footer .footerIn {
 max-width: 1080px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 font-size: .9em;
}
footer .footerIn p {
 width: 150px;
 margin: 0 20px 0 0;
}
footer .footerIn p img {
 width: 100%;
 height: auto;
}
footer .footerIn ul {
 margin-left: 1em;
}
footer .footerIn ul > li {
 font-weight: bold;
}
footer .footerIn ul li a {
 font-weight: bold;
 text-decoration: none;
 color: #333;
 margin-bottom: .2em;
 display: block;
}
footer .footerIn ul li.forcompany {
 margin-top: 1.5em;
}
footer .footerIn ul li.forcompany a {
 color: #2166A5;
}
footer .footerIn ul li ul {
 width: 100%;
 margin-left: 0;
}
footer .footerIn ul li ul li a {
 font-weight: normal;
}
.copy {
 margin: 0;
 height: 55px;
 padding-top: 1em;
 background: #333;
 color: #fff;
 font-size: .9em;
 text-align: center;
}
/*top*/
.slideBox {
 width: 100%;
 height: 450px;
 background: #2166A5;
 position: relative;
}
.slideBox:before {
 content: "";
 display: block;
 background: url(img/topSlidetxtBg.png) no-repeat;
 background-size: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 990;
 width: 728px;
 height: 450px;
}
.slideBox .slide01 {
 width: 100%;
 height: 450px;
 background: url(img/kv01.png) no-repeat;
 background-size: cover;
 margin: 0 auto;
}
.slideBox .slide02 {
 width: 100%;
 height: 450px;
 background: url(img/kv02.png) no-repeat;
 background-size: cover;
 margin: 0 auto;
}
.slideBox .slideTxt {
 width: 450px;
 padding: 1em;
 position: absolute;
 top: 2em;
 left: 3em;
 z-index: 998;
 box-sizing: border-box;
}
.slideBox .slideTxt h2 {
 background: #FA7E02;
 color: #fff;
 font-size: 18px;
 font-weight: normal;
 padding: .2em 1em;
 margin-bottom: .5em;
}
.slideBox .slideTxt h2:after {
 display: none;
}
.slideBox .slideTxt h2:before {
 display: none;
}
.slideBox .slideTxt h1 {
 color: #fff;
 font-size: 38px;
 margin: 0;
 text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.29);
}
.slideBox .slideTxt p {
 color: #fff;
}
.topReason {
 background: #f2f2f2;
 padding-bottom: 2em;
}
.topReason .reason {
 font-size: 24px;
 color: #fff;
 text-align: center;
}
.topReason .reason:before {
 content: "";
 background: #fff;
 display: inline-block;
 width: 50px;
 height: 3px;
 position: relative;
 border-radius: 2px;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 1em;
}
.topReason .reason:after {
 content: "";
 background: #fff;
 display: inline-block;
 width: 50px;
 height: 3px;
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 1em;
}
.topPoint {
 position: relative;
 height: 700px;
 margin: 4em 0 3em;
 z-index: 1;
 display: flex;
 justify-content: center;
 align-items: center;
}
.topPoint:before {
 content: "";
 display: block;
 width: 100%;
 height: 655px;
 background: #CFE4F7;
 transform: skewY(2deg);
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 z-index: -1;
}
.topPoint:after {
 content: "";
 display: block;
 width: 100%;
 height: 655px;
 background: #f2f2f2;
 transform: skewY(-2deg);
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 z-index: -1;
}
.topPoint ul {
 display: flex;
}
.topPoint ul li {
 width: calc(100% / 2);
}
.topPoint ul li h3 {
 height: 86px;
 text-align: center;
 color: #fff;
 margin: 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
.topPoint ul li h3:after {
 display: none;
}
.topPoint ul li p {
 padding: 0 1em;
}
.topPoint ul li:first-child h3 {
 background: #2166A5;
}
.topPoint ul li:last-child h3 {
 background: #333;
}
.top {
 padding: 2em 0 3em;
}
.top.interview {
 background: url(img/topInterviewBg.png);
 background-size: cover;
}
.top.column {
 background: url(img/topColumnBg.png);
 background-size: cover;
}
.top .con_l {
 background: #fff;
 padding: 2em 0;
}
.top .con_m {
 display: flex;
 justify-content: space-between;
}
.top article {
 width: calc(100% / 3 - 1em);
}
.top article a {
 text-decoration: none;
 color: #333;
}
.top article a h3:after {
 display: none;
}
.top article a .thumb {
 width: 100%;
 height: 198px;
 overflow: hidden;
 background: #f2f2f2;
}
.top article a .thumb img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition-duration: 0.3s;
}
.top article a:hover .thumb img {
 transform: scale(1.1);
 transition-duration: 0.3s;
 opacity: 0.6;
}
.top article a .articleCat {
 background: #184B7B;
 color: #fff;
 display: inline-block;
 font-size: .8em;
 margin: 1em 0 -1em;
 padding: 0 .2em;
}
.top article a .date {
 margin: .5em 0 -.5em;
 color: #2166A5;
}
/*second page*/
.secondHead {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 140px;
}
.secondHead h1 {
 text-align: center;
 font-size: 24px;
 color: #fff;
 letter-spacing: .1em;
}
.secondHead.about {
 background: url(img/aboutTitleBg.png) center;
 background-size: cover;
}
.secondHead.curriculum {
 background: url(img/curriculumTitleBg.png) center;
 background-size: cover;
}
.secondHead.blog {
 background: url(img/columnTitleBg.png) center;
 background-size: cover;
}
.secondHead.guide {
 background: url(img/guideTitleBg.png) center;
 background-size: cover;
}
.secondHead.interview {
 background: url(img/interviewTitleBg.png) center;
 background-size: cover;
}
.secondHead.info, .secondHead.faq {
 background: url(img/infoTitleBg.png) center;
 background-size: cover;
}
.secondHead.contact, .secondHead.companyinfo, .secondHead.privacypolicy, .secondHead.contact, .secondHead.contact_complete, .secondHead.contact_confirm, .secondHead.companycontact, .secondHead.companycontact_confirm, .secondHead.companycontact_complete, .secondHead.school_information_regarding_the_coronavirus, .secondHead.attention_22_0226 {
 background: url(img/contactTitleBg.png) center;
 background-size: cover;
}
.breadCrumb {
 background: #f2f2f2;
 height: 40px;
 display: flex;
 align-items: center;
 padding: 0 .5em;
}
.breadCrumb ul {
 display: flex;
 align-items: center;
 width: 100%;
 max-width: 1080px;
 margin: 0 auto;
 font-size: 12px;
}
.breadCrumb ul li a {
 text-decoration: none;
 color: #333;
}
.breadCrumb ul li:after {
 content: ">";
 margin: 0 .5em;
}
.breadCrumb ul li:last-child {
 font-weight: bold;
}
.breadCrumb ul li:last-child:after {
 content: "";
}
.leadBox {
 margin: 2em 0;
 padding-bottom: 1.5em;
 border-bottom: 1px solid #ddd;
}
.leadBox h2 {
 font-size: 30px;
 text-align: center;
 color: #2166A5;
}
.leadBox .leadTxt p {
 margin: 2em auto 3em;
 max-width: 800px;
 text-align: center;
}
.personList {
 display: flex;
 flex-wrap: wrap;
 margin: 5em 0;
}
.personList li {
 width: calc(100% / 3 - 1em);
 text-align: center;
 margin: 0 .5em 1.5em;
}
.personList li img {
 max-width: 218px;
 border-radius: 50%;
 box-sizing: border-box;
}
.personList li p {
 text-align: left;
}
/*about*/
.aboutPoint .con_l {
 background: #CFE4F7;
 margin-top: 5em;
 padding-bottom: 1em;
}
.aboutPoint .con_l ul {
 display: flex;
 justify-content: center;
}
.aboutPoint .con_l ul li {
 width: calc(100% / 3 - 1em);
 text-align: center;
}
.aboutPoint .con_l ul li img {
 max-width: 150px;
}
.aboutPoint h2 {
 width: 500px;
 height: 60px;
 color: #fff;
 text-align: center;
 margin: 2em auto 1em;
 z-index: 1;
 font-size: 18px;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 top: -1.5em;
}
.aboutPoint h2:after {
 content: "";
 display: block;
 background: #333;
 width: 100%;
 height: 60px;
 transform: skewX(-18deg);
 z-index: -1;
 bottom: 0;
}
.aboutPoint h2:before {
 content: "";
 display: block;
 background: #2166A5;
 width: 100%;
 height: 60px;
 transform: skewX(-18deg);
 z-index: -1;
 top: 5px;
 left: -20px;
}
.aboutExplain h2 {
 display: flex;
 align-items: center;
 white-space: nowrap;
}
.aboutExplain h2 img {
 margin-right: 1em;
}
.aboutExplain h2:before {
 display: none;
}
.aboutExplain h2:after {
 content: "";
 background: url(img/titleLine.svg) repeat-x;
 width: 100%;
 height: 2px;
 position: relative;
 bottom: 0;
 margin-left: 2em;
}
.explainBox {
 display: flex;
 justify-content: space-between;
}
.explainBox .explainTxt {
 width: calc(100% / 2 - 1.5em);
}
.explainBox .explainTxt.commentTxt {
 width: 70%;
 margin-left: 1.5em;
}
.explainBox .explainTxt .right {
 text-align: right;
}
.explainBox .explainImg {
 width: calc(100% / 2);
 background: #f2f2f2;
}
.explainBox .explainImg.comment {
 width: 300px;
 background: transparent;
}
.explainBox .explainImg img {
 vertical-align: middle;
 width: 100%;
 height: auto;
}
.explainBoxList ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.explainBoxList ul li {
 width: calc(100% / 2 - 8px);
 margin-bottom: 1.5em;
}
.explainBoxList ul li img {
 width: 100%;
 height: auto;
}
.aboutSlide {
 width: 100%;
 max-height: 450px;
 position: relative;
}
.aboutSlide img {
 width: 100%;
 height: auto;
 box-sizing: border-box;
 border: 2px solid #2166A5;
}
/*curriculum*/
.curriculumList {
 margin: 4em 0 3em;
}
.curriculumList li:first-child:before {
 display: none;
}
.curriculumList li:nth-child(even) {
 background: #CFE4F7;
}
.curriculumList li:before {
 content: "";
 display: block;
 background: url(img/titleLine.svg) repeat-x;
 width: 100%;
 height: 2px;
}
.curriculumList li:after {
 content: "";
 background: url(img/titleLine.svg) repeat-x;
 width: 100%;
 height: 2px;
}
.curriculumList li .listBox {
 padding: 1em;
 display: flex;
}
.curriculumList li .listBox h4 {
 width: 20%;
 margin: 0 1em 0 0;
}
.curriculumList li .listBox p {
 width: 80%;
 margin: 0;
}
/*companyinfo*/
.companyinfo .explainBox .explainImg {
 background: none;
}
.companyinfo .explainBox .explainTxt h3 {
 margin-top: 0;
}
.companyList {
 margin: 4em 0 3em;
}
.companyList li:nth-child(even) {
 background: #f2f2f2;
}
.companyList li .listBox {
 padding: 1em;
 display: flex;
}
.companyList li .listBox h4 {
 width: 20%;
 margin: 0 1em 0 0;
}
.companyList li .listBox p {
 width: 80%;
 margin: 0;
}
.companyList li .listBox p a {
 color: #2166A5;
}
.companyList li .listBox ul {
 width: 80%;
 display: flex;
 flex-wrap: wrap;
}
.companyList li .listBox ul li {
 font-size: .9em;
 margin-bottom: .2em;
}
.companyList li .listBox ul li:after {
 content: "/";
 margin: 0 .2em;
}
/*privacypolicy*/
.privacypolicyBox {
 margin: 3em 0;
}
.privacypolicyBox p {
 line-height: 1.8em;
}
.privacypolicyBox h3 {
 margin: 2em 0;
}
.privacypolicyBox table {
 width: 100%;
 border: 1px solid #ddd;
 border-collapse: collapse;
 border-spacing: 0;
 margin: 2em 0 3em;
}
.privacypolicyBox table tr {
 border-bottom: 1px solid #ddd;
}
.privacypolicyBox table th {
 background: #f2f2f2;
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 font-weight: bold;
 padding: 1em;
 box-sizing: border-box;
}
.privacypolicyBox table td {
 padding: 1em;
 box-sizing: border-box;
}
.privacypolicyBox ol li {
 margin-bottom: .4em;
}
.privacypolicyBox ol li ol li {
 list-style-type: lower-alpha;
}
.privacypolicyBox ol li ol li ol li {
 list-style-type: hiragana;
}
/*archive*/
.bgGray {
 background: #f2f2f2;
}
.subCat {
 max-width: 1000px;
 margin: 0 auto -1.5em;
}
.subCat nav {
 display: flex;
 align-items: center;
 background: #f2f2f2;
 height: 45px;
}
.subCat nav h4 {
 background: #333;
 color: #fff;
 position: relative;
 height: 45px;
 padding-left: 1em;
 display: inline-flex;
 align-items: center;
}
.subCat nav h4:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 5px;
 height: 45px;
 background: #2166A5;
}
.subCat nav h4:after {
 content: "";
 display: block;
 background: #333;
 width: 20px;
 height: 45px;
 transform: skewX(-15deg);
 margin-left: auto;
 margin-right: -10px;
}
.subCat nav ul {
 display: flex;
 align-items: center;
 margin-left: 3em;
}
.subCat nav ul li a {
 color: #333;
 text-decoration: none;
}
.subCat nav ul li:after {
 content: "|";
 margin: 0 1em;
}
.subCat nav ul li:last-child:after {
 display: none;
}
@media screen and (max-width: 1000px) {
 .subCat nav {
  font-size: .9em;
 }
 .subCat nav ul {
  flex-wrap: wrap;
 }
 .subCat nav h4 {
  white-space: nowrap;
 }
}
.article.recommend article {
 width: calc(100% / 2 - 1em);
 background: #fff;
 margin: 0 .5em 1.5em;
}
.article.recommend article a {
 height: 100%;
 display: flex;
 flex-direction: column;
 border: 1px solid #ddd;
 text-decoration: none;
 color: #333;
 overflow: hidden;
}
.article.recommend article a .articleThumb {
 width: 100%;
 max-height: 257px;
 height: 257px;
 overflow: hidden;
 background: #f2f2f2;
}
.article.recommend article a .articleThumb img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 vertical-align: bottom;
 transition-duration: 0.3s;
}
.article.recommend article a .articleBox {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.article.recommend article a .articleBox .date {
 margin: 0 1em;
 color: #2166A5;
}
.article.recommend article a .articleCat p {
 margin: 0;
 color: #fff;
 position: relative;
 z-index: 1;
 padding-left: 1em;
 font-size: 14px;
 background: #333;
 height: 27px;
 display: inline-flex;
 align-items: center;
}
.article.recommend article a .articleCat p:before {
 content: "";
 display: block;
 width: 5px;
 height: 27px;
 background: #2166A5;
 position: absolute;
 top: 0;
 left: 0;
}
.article.recommend article a .articleCat p:after {
 content: "";
 display: block;
 background: #333;
 width: 20px;
 height: 27px;
 transform: skewX(-15deg);
 margin-left: auto;
 margin-right: -10px;
}
.article.recommend article a .articleTtl {
 padding: 0 1em;
}
.article.recommend article a .articleTxt {
 padding: 0 1em;
 margin-top: 0;
}
.article.recommend article a .articleBtn {
 margin: auto 0 0 auto;
}
.article.recommend article a .articleBtn img {
 vertical-align: bottom;
}
.article.recommend article a:hover .articleThumb img {
 transform: scale(1.1);
 transition-duration: 0.3s;
 opacity: 0.6;
}
.article.archive article {
 width: calc(100% / 3 - 1em);
 background: #fff;
 margin: 0 .5em 1.5em;
}
.article.archive article a {
 height: 100%;
 display: flex;
 flex-direction: column;
 border: 1px solid #ddd;
 text-decoration: none;
 color: #333;
 overflow: hidden;
}
.article.archive article a .articleThumb {
 width: 320px;
 height: 170px;
 overflow: hidden;
 background: #f2f2f2;
}
.article.archive article a .articleThumb img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 vertical-align: bottom;
 transition-duration: 0.3s;
}
.article.archive article a .articleBox {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.article.archive article a .articleBox .date {
 margin: 0 1em;
 color: #2166A5;
}
.article.archive article a .articleCat p {
 margin: 0;
 color: #fff;
 position: relative;
 z-index: 1;
 padding-left: 1em;
 font-size: 14px;
 background: #333;
 height: 27px;
 display: inline-flex;
 align-items: center;
}
.article.archive article a .articleCat p:before {
 content: "";
 display: block;
 width: 5px;
 height: 27px;
 background: #2166A5;
 position: absolute;
 top: 0;
 left: 0;
}
.article.archive article a .articleCat p:after {
 content: "";
 display: block;
 background: #333;
 width: 20px;
 height: 27px;
 transform: skewX(-15deg);
 margin-left: auto;
 margin-right: -10px;
}
.article.archive article a .articleTtl {
 padding: 0 1em;
}
.article.archive article a .articleTxt {
 padding: 0 1em;
 margin-top: 0;
}
.article.archive article a .articleBtn {
 margin: auto 0 0 auto;
}
.article.archive article a .articleBtn img {
 vertical-align: bottom;
}
.article.archive article a:hover .articleThumb img {
 transform: scale(1.1);
 transition-duration: 0.3s;
 opacity: 0.6;
}
.article .con_m {
 display: flex;
 flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
 .article .con_m {
  justify-content: center;
 }
 .article.archive article {
  min-width: 320px;
 }
 .article.recommend article {
  min-width: 320px;
 }
}
.pagenation {
 margin: 3em auto 1em;
 display: flex;
 align-items: center;
 justify-content: center;
}
.pagenation a, .pagenation span {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 45px;
 height: 45px;
 background: #2166A5;
 margin: 0 .2em;
 color: #fff;
 text-decoration: none;
}
.pagenation a.current, .pagenation span.current {
 background: #CFE4F7;
 color: #333;
}
.pagenation a.next, .pagenation a.prev, .pagenation span.next, .pagenation span.prev {
 background: #333;
}
/*single*/
.singleBox {
 border-bottom: 1px solid #ddd;
 margin: 4em 0;
}
.singleBox .con_l {
 position: relative;
 height: 500px;
 overflow: hidden;
}
.singleBox .con_l:before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 background: rgba(51, 51, 51, 0.3);
 position: absolute;
 top: 0;
 left: 0;
}
.singleBox .con_l .thumb {
 width: 100%;
 height: 500px;
}
.singleBox .con_l .thumb img {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
}
.singleBox .singleCon {
 max-width: 850px;
 margin: 0 auto;
 background: #fff;
 position: relative;
 top: -4em;
}
.singleBox .singleCon .singleHead {
 display: flex;
 align-items: center;
}
.singleBox .singleCon .singleHead .articleCat {
 display: inline-flex;
 align-items: center;
 height: 42px;
 background: #333;
}
.singleBox .singleCon .singleHead .articleCat p {
 margin: 0;
 color: #fff;
 padding-left: 1em;
 font-weight: bold;
}
.singleBox .singleCon .singleHead .articleCat:before {
 content: "";
 display: block;
 width: 5px;
 height: 42px;
 background: #2166A5;
 position: absolute;
 top: 0;
 left: 0;
}
.singleBox .singleCon .singleHead .articleCat:after {
 content: "";
 display: block;
 background: #333;
 width: 20px;
 height: 42px;
 transform: skewX(-15deg);
 margin-left: auto;
 margin-right: -10px;
}
.singleBox .singleCon .singleHead .date {
 margin: 0 0 0 1.5em;
 letter-spacing: .1em;
 color: #2166A5;
}
.singleBox .singleCon .con_s {
 /*レシピ時のcss*/
}
.singleBox .singleCon .con_s h1 {
 font-size: 1.8em;
 margin: 1.5em 0;
}
.singleBox .singleCon .con_s h2 {
 font-size: 1.3em;
 text-align: left;
 padding: 0 0 .5em;
 margin: 2em 0;
}
.singleBox .singleCon .con_s h2:before {
 display: none;
}
.singleBox .singleCon .con_s h2:after {
 content: "";
 display: block;
 background: #2166A5;
 width: 50px;
 height: 4px;
 border-radius: 2px;
 margin: 0;
}
.singleBox .singleCon .con_s h3 {
 font-size: 1em;
 display: flex;
 align-items: center;
 margin: 2em 0;
}
.singleBox .singleCon .con_s h3:before {
 content: "";
 background: #2166A5;
 width: 5px;
 height: 1.5em;
 display: block;
 margin-right: 1em;
}
.singleBox .singleCon .con_s h3:after {
 display: none;
}
.singleBox .singleCon .con_s ol {
 counter-reset: number;
 padding: 0;
 margin: 1.5em 0 4em;
}
.singleBox .singleCon .con_s ol li {
 position: relative;
 list-style: none;
 display: flex;
 align-items: center;
 margin-bottom: .4em;
}
.singleBox .singleCon .con_s ol li:before {
 counter-increment: number;
 content: counter(number);
 background: #333;
 color: #fff;
 width: 1.4em;
 height: 1.4em;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 top: 0;
}
.singleBox .singleCon .con_s ol li a {
 color: #2166A5;
 margin-left: 2em;
}
.singleBox .singleCon .con_s table {
 width: 100%;
 border: 1px solid #ddd;
 border-collapse: collapse;
 border-spacing: 0;
}
.singleBox .singleCon .con_s table tr {
 border-bottom: 1px solid #ddd;
}
.singleBox .singleCon .con_s table th {
 background: #f2f2f2;
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 font-weight: bold;
 padding: 1em;
 box-sizing: border-box;
}
.singleBox .singleCon .con_s table td {
 padding: 1em;
 box-sizing: border-box;
}
.singleBox .singleCon .con_s a {
 color: #2166A5;
}
.singleBox .singleCon .con_s a[target="_blank"] {
 display: inline-flex;
 align-items: center;
}
.singleBox .singleCon .con_s a[target="_blank"]:after {
 content: "";
 display: block;
 background: url(img/blankIcon.svg) no-repeat;
 background-size: contain;
 width: 1.2em;
 height: 1em;
 margin-left: .3em;
}
.singleBox .singleCon .con_s .txt_r {
 text-align: right;
}
.singleBox .singleCon .con_s .gotoList {
 text-align: right;
 margin: 3em 0;
}
.singleBox .singleCon .con_s .gotoList a {
 font-weight: bold;
}
.singleBox .singleCon .con_s .gotoList a:before {
 content: "▲";
}
.singleBox .singleCon .con_s img.size-full {
 margin: 2em auto;
 border: 2px solid #2166A5;
 box-sizing: border-box;
 max-width: 100%;
 height: auto;
 display: block;
}
.singleBox .singleCon .con_s p {
 line-height: 2em;
}
.singleBox .singleCon .con_s blockquote {
 width: 100%;
 margin: 2em 0;
 border: 1px solid #ddd;
 border-bottom: 5px solid #f2f2f2;
 position: relative;
 padding: 1.5em;
 box-sizing: border-box;
 color: #666;
}
.singleBox .singleCon .con_s blockquote:before {
 content: "";
 display: block;
 position: absolute;
 top: .5em;
 left: .5em;
 background: url(img/quoteIcon.svg) no-repeat;
 background-size: cover;
 width: 1.5em;
 height: 1.5em;
}
.singleBox .singleCon .con_s blockquote:after {
 content: "";
 display: block;
 position: absolute;
 bottom: .5em;
 right: .5em;
 background: url(img/quoteIcon.svg) no-repeat;
 background-size: cover;
 width: 1.5em;
 height: 1.5em;
}
.singleBox .singleCon .con_s pre {
 width: 100%;
 padding: 1.5em;
 line-height: 1.8em;
 box-sizing: border-box;
 background: #333;
 color: #fff;
 border-left: 5px solid #2166A5;
 white-space: pre-wrap;
 word-break: break-all;
}
.singleBox .singleCon .con_s .ph_area {
 width: 100%;
}
.singleBox .singleCon .con_s .ph_area img {
 width: 100%;
 height: auto;
}
.singleBox .share {
 width: 60%;
 margin: 0 auto 3em;
}
.singleBox .share h2 {
 font-size: 16px;
 letter-spacing: .1em;
 margin-bottom: 2em;
}
.singleBox .share ul {
 display: flex;
 align-items: center;
 justify-content: center;
}
.singleBox .share ul li {
 margin: 0 .5em;
}
/*contact*/
.contactArea {
 margin-top: -2em;
 padding: 3em 0;
 background: #f2f2f2;
}
.contactArea .contactForm {
 background: #fff;
 border: 1px solid #ddd;
 padding: 3em 2em;
}
.contactArea .formBox {
 display: flex;
 margin-bottom: 2em;
}
.contactArea .formBox h4 {
 margin: 0;
 width: 30%;
}
.contactArea .formBox h4 span {
 display: inline-block;
 background: #CB0C3E;
 color: #fff;
 font-size: 12px;
 font-weight: normal;
 margin: 0 .5em;
 padding: 0 .2em;
}
.contactArea .formBox .w100 {
 width: 100%;
}
.contactArea .formBox .w50 {
 width: 50%;
}
.contactArea .formBox .w70 {
 width: 70%;
}
.contactArea .formBox .formBlock {
 width: 70%;
 position: relative;
}
.contactArea .formBox .formBlock input, .contactArea .formBox .formBlock textarea {
 border-radius: 6px;
 padding: 1em;
 border: 1px solid #ddd;
 box-sizing: border-box;
}
.contactArea .formBox .formBlock .row {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.contactArea .formBox .formBlock .row input {
 width: calc(100% / 2 - .5em);
}
.contactArea .formBox .formBlock .row input[type="checkbox"] {
 width: 100%;
}
.contactArea .formBox .formBlock .row .mwform-checkbox-field-text {
 display: none;
}
.contactArea .formBox .formBlock .row.privacypolicy {
 display: flex;
 justify-content: flex-start;
}
.contactArea .formBox .formBlock .row.privacypolicy p {
 margin: 0 0 0 1em;
 font-size: .9em;
}
.contactArea .formBox .formBlock .row.privacypolicy p a {
 color: #2166A5;
}
.contactArea .formBox .formBlock.select {
 display: flex;
 justify-content: space-between;
}
.contactArea .formBox .formBlock.select .selectBox {
 width: calc(100% / 3 - .5em);
}
.contactArea .formBox .formBlock.select input {
 width: calc(100% / 3 - .5em);
 margin: 0 .5em;
}
.contactArea .formBox .formBlock.select .selectBox {
 margin-right: .5em;
}
.contactArea .formBox .formBlock.select p {
 margin: 0;
}
.contactArea .formBox .formBlock.privacy {
 margin-left: auto;
}
.contactArea .formBox .formBlock .att {
 text-align: right;
 font-size: 12px;
 margin: 0 0 1em;
}
.contactArea .formBox .formBlock .selectBox {
 position: relative;
 border: 1px solid #ddd;
 border-radius: 6px;
}
.contactArea .formBox .formBlock .selectBox:after {
 content: "";
 background: url(img/selectArrow.png) no-repeat;
 width: 10px;
 height: 6px;
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto 0;
 right: 1em;
 pointer-events: none;
}
.contactArea .formBox .formBlock select {
 width: 100%;
 box-sizing: border-box;
 padding: 1em;
 text-indent: 0.01px;
 text-overflow: ellipsis;
 background: none transparent;
 vertical-align: middle;
 border: none;
 outline: none;
 background: transparent;
 background-image: none;
 box-shadow: none;
 -webkit-appearance: none;
 appearance: none;
}
.contactArea .formBox .formBlock select option {
 background-color: #fff;
 color: #333;
 white-space: normal;
}
.contactArea .formBox .formBlock select::-ms-expand {
 display: none;
}
.contactArea .formBox .formBlock select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #828c9a;
}
.contactArea .mwform-zip-field {
 margin-bottom: 1em;
 display: block;
}
.btnBox {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}
input.btn {
 width: 200px;
 height: 45px;
 border: none;
 margin: 0 .5em;
}
input.btn.send {
 background: #FA7E02;
 color: #fff;
 border-radius: 30px;
}
input.btn.prev {
 background: #f2f2f2;
 color: #333;
 border-radius: 30px;
}
.mw_wp_form_confirm .select {
 justify-content: flex-start !important;
 align-items: center;
}
.mw_wp_form_confirm .selectBox {
 border: none !important;
 width: auto !important;
}
.mw_wp_form_confirm .selectBox:after {
 display: none !important;
}
.mw_wp_form_confirm .row.privacypolicy p {
 display: none;
}
/*slick*/
.slick-arrow {
 position: absolute;
 background: transparent;
 border: 0;
 top: 0;
 bottom: 0;
 outline: none;
 z-index: 999;
 color: transparent;
 margin-top: auto;
 margin-bottom: auto;
}
.slick-arrow.slick-prev {
 left: 1em;
 background: url(img/slideArrowLeft.svg);
 background-size: 100%;
 width: 54px;
 height: 54px;
 cursor: pointer;
}
.slick-arrow.slick-next {
 right: 1em;
 background: url(img/slideArrowRight.svg);
 background-size: 100%;
 width: 54px;
 height: 54px;
 cursor: pointer;
}
.slick-dots {
 display: flex;
 justify-content: center;
 position: absolute;
 bottom: 2em;
 left: 0;
 right: 0;
 z-index: 999;
 margin: 0 auto;
}
.slick-dots li {
 margin: 0 .2em;
 position: relative;
 width: 12px;
}
.slick-dots li button {
 position: absolute;
 top: 0;
 left: 0;
 background: transparent;
 border: 0;
 outline: none;
 line-height: 0px;
 font-size: 0px;
 color: transparent;
 cursor: pointer;
 display: block;
 height: 12px;
 width: 12px;
}
.slick-dots li:before {
 content: "";
 display: block;
 border-radius: 50%;
 background: rgba(51, 51, 51, 0.5);
 width: 12px;
 height: 12px;
 position: absolute;
 top: 0;
 left: 0;
}
.slick-dots li.slick-active:before {
 background: rgba(242, 242, 242, 0.5);
}
/*引越し記事調節用*/
.cont01 {
 display: flex;
}
.cont01 .right {
 margin-left: 1em;
}
.cont01 .right h3 {
 margin-top: 0;
}
.ph_box, .ph_box02 {
 display: flex;
 justify-content: space-around;
 margin: 2em auto;
}
.point_area {
 width: 100%;
 padding: 1em;
 margin: .5em 0;
 background: #CFE4F7;
 box-sizing: border-box;
}
/*コロナウイルス対応テキスト*/
.coronavirus-attention {
 text-align: center;
 margin-top: 20px;
 font-size: 18px;
 font-weight: bold;
}
.coronavirus-attention a {
 color: red;
 text-decoration: none;
}
@media screen and (max-width: 480px) {
 .coronavirus-attention {
  font-size: 16px;
 }
}
/*# sourceMappingURL=style.css.map */