@charset "utf-8";
/* CSS Document */


/* ===================================================

Home

===================================================== */
.top-mv .mv-box .mv-tab .mv-tab-button span{
    display: inline-block;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    font-size: 0.9rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top-mv .mv-box .mv-tab .mv-tab-button span.employment-cat{ width: 90px;}
.top-mv .mv-box .mv-tab .mv-tab-button span.base-cat{ width: 105px;}
.top-mv .mv-box .mv-tab .mv-tab-button span.job-cat{ width: 115px;}

.top-contents .top-inner .top-slide .top-slide-card a img{
    height: auto;
}

.top-contents .top-column .top-column-box .top-column-list li a .img img{
    height: auto;
}
.l-requirements-contents .article-box .link-entry{
    background: none;
    padding: 30px 10px 0;
}



/* ===================================================

下層ページ汎用

===================================================== */
body:not(#home){
    background-color: var(--bg-color);
}
.l-pankuzu{
  max-width: 1280px;
  width: 90%;
  margin: 140px auto 40px;
}
@media (max-width:798px){
    .l-pankuzu{
        margin: 0;
    }
}
main .post-page{
    font-size: 16px;
    line-height: 1.75;
}
main .post-page .l-inner01{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}
main .post-page .l-inner02{
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}

main .post-page .l-visual{
    padding: 25px 0 90px;
    border-radius: 10px;
}
main .post-page .l-visual .l-visual__title{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #000;
}
main .post-page .p-title{
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 1.0em;
}
@media (max-width:768px){
    main .post-page .l-visual{
        padding: 25px 0;
    }
    main .post-page .l-visual .l-visual__title{
        font-size: 24px;
    }
    main .post-page .p-title{
        font-size: 21px;
        margin: 0 0 0.75em;
    }   
}


/* ===================================================

consideration（掲載をご検討の方へ）

===================================================== */

/* features
================================*/
.pg-consideration-features{
    padding: 0 0 90px;
}
.pg-consideration-features-box{
    background: #fff;
    margin: 100px auto 135px;
    padding: 65px 60px 40px;
    border-radius: 10px;
    box-shadow: 0px 2px 16px -6px rgba(0,0,0,0.4);
    position: relative;
}
.pg-consideration-features-box::after{
    position: absolute;
    left: 50%;
    bottom: -90px;
    transform: translateX(-50%);
    content: '';
    width:0;
    height:0;
    border-style:solid;
    border-width: 62px 127.5px 0 127.5px;
    border-color: #FCB705 transparent transparent transparent;
}
.pg-consideration-features-box .pg-consideration-features-box__title{
    padding: 30px 20px 28px;
    background: var(--main-color);
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: -120px auto 25px;
    border-radius: 10px 10px 0 0;
}
.pg-consideration-features-box .pg-consideration-features-box__text{
    text-align: center;
    line-height: 1.8;
}
.pg-consideration-features-box .pg-consideration-features-box__btn{
    margin: 25px auto 0;
}
.pg-consideration-features-box .pg-consideration-features-box__btn a{
    display: block;
    width: 250px;
    background: var(--main-color);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 17px 10px;
    border-radius: 30px;
    border: none;
    transition: 0.3s;
}

.pg-consideration-features-card{
    display: flex;
    justify-content: space-between;
}
.pg-consideration-features-card .pg-consideration-features-card-item{
    width: calc(100% / 4 - 20px);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.pg-consideration-features-card__box{
    text-align: center;
    padding: 22px 20px;
}
.pg-consideration-features-card__box .pg-consideration-features-card__title{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    color: var(--sub-color);
}
@media (max-width:768px){
    .pg-consideration-features{
        padding: 0 0 45px;
    }
    .pg-consideration-features-box{
        margin: 60px auto 85px;
        padding: 30px 20px;
    }
    .pg-consideration-features-box .pg-consideration-features-box__title{
        font-size: 21px;
        margin: -70px auto 25px;
        padding: 20px;
    }
    .pg-consideration-features-box::after{
        bottom: -50px;
        width:0;
        height:0;
        border-style:solid;
        border-width: 30px 60px 0 60px;
        border-color: #FCB705 transparent transparent transparent;
    }
    .pg-consideration-features-card{
        flex-wrap: wrap;
    }
    .pg-consideration-features-card .pg-consideration-features-card-item{
        width: calc(100% / 2 - 10px);
        margin: 0 0 20px;
    }
    .pg-consideration-features-card__box .pg-consideration-features-card__title{
        font-size: min( 5.0vw, 14px);
    }
}


/* plan
================================*/
.pg-consideration-plan{
    padding: 0 0 60px;
}
.pg-consideration-plan-card{
    display: flex;
    justify-content: space-between;
}
.pg-consideration-plan-card .pg-consideration-plan-card-item{
    width: calc(100% / 3 - 20px);
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.pg-consideration-plan-card__title{
    padding: 30px 20px 28px;
    background: var(--main-color);
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.pg-consideration-plan-card__text{
    padding: 25px;
    line-height: 1.8;
}
@media (max-width:768px){
    .pg-consideration-plan{
        padding: 0 0 40px;
    }
    .pg-consideration-plan-card{
        display: block;
    }
    .pg-consideration-plan-card .pg-consideration-plan-card-item{
        width: 100%;
        margin: 0 0 20px;
    }
    .pg-consideration-plan-card__title{
        padding: 20px;
        font-size: 20px;
    }
    .pg-consideration-plan-card__text{
        padding: 20px;
    }
}


/* qa
================================*/
.pg-consideration-qa{
    padding: 50px 0 45px;
    background: #fff;
}
.pg-consideration-qa-list{
    max-width: 1004px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pg-consideration-qa-list .pg-consideration-qa-list__list-item{
    width: calc(100% / 2 - 20px);
    margin: 0 0 30px;
}
.pg-consideration-qa-list__title{
    font-size: 20px;
    font-weight: bold;
    color: var(--sub-color);
    margin: 0 0 15px;
}
.pg-consideration-qa-list__text{
    font-size: 16px;
    line-height: 1.8;
    background: #FFF8E6;
    padding: 20px 15px;
    border-radius: 20px;
}
@media (max-width:768px){
    .pg-consideration-qa{
        padding: 50px 0 25px;
    }
    .pg-consideration-qa-list{
        display: block;
    }
    .pg-consideration-qa-list .pg-consideration-qa-list__list-item{
        width: 100%;
        margin: 0 0 20px;
    }
}


/* contact
================================*/
.pg-consideration-contact{
    padding: 45px 0 100px;
    background: #fff;
}
.pg-consideration-contact h2{
    background: var(--main-color);
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 0 20px;
    padding: 27px 20px;
    border-radius: 10px 10px 0 0;
}
.pg-consideration-contact table{
    width: 100%;
    margin: 0 auto 20px;
}
.pg-consideration-contact table tr th{
    width: 194px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    color: var(--main-color);
    padding: 20px 40px 20px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    position: relative;
}
.pg-consideration-contact table tr th .required{
    position: absolute;
    right: 20px;
    top: 50%;
    display: inline-block;
    background: var(--sub-color);
    color: #fff;
    transform: translateY(-50%);
    padding: 5px;
    line-height: 1.0;
}
.pg-consideration-contact .mw_wp_form_confirm table tr th .required{
    display: none;
}
.pg-consideration-contact table tr td{
    width: calc(100% - 194px);
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
.pg-consideration-contact table tr td input[type=text]{
    max-width: 700px;
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 16px;
    background: #FFF8E6;
    border: none;
}
.pg-consideration-contact table tr td textarea{
    max-width: 700px;
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 16px;
    background: #FFF8E6;
    border: none;
}
.pg-consideration-contact .pg-consideration-contact__privacy{
    text-align: center;
}
.pg-consideration-contact .pg-consideration-contact__privacy a{
    color: var(--main-color);
}
@media (min-width:769px){
    .pg-consideration-contact__privacy a:hover{
        text-decoration: underline;
    }   
}
.pg-consideration-contact .pg-consideration-contact__agree{
    text-align: center;
    margin: 20px 0;
}
.pg-consideration-contact .pg-consideration-contact__send-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pg-consideration-contact .pg-consideration-contact__send-area input[type=submit]{
    display: block;
    width: 250px;
    background: var(--main-color);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0 10px 10px;
    padding: 17px 10px;
    border-radius: 30px;
    border: none;
    transition: 0.3s;
}
.pg-consideration-contact .pg-consideration-contact__send-area input[name=submitBack]{
    background: #aaa;
}
.mwform-checkbox-field input, .mwform-radio-field input{
    margin-top: 0;
}

.pg-consideration-contact__checkbox[type="checkbox"],
.pg-consideration-contact__radio[type="radio"] {
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid #FCB705;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.pg-consideration-contact__checkbox[type="checkbox"]:checked:before,
.pg-consideration-contact__radio[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FCB705;
  content: '';
}



@media (min-width:769px){
    .pg-consideration-contact__send-area input[type=submit]:hover{
        opacity: 0.6;
    }
}
@media (max-width:768px){
    .pg-consideration-contact{
        padding: 25px 0 50px;
    }
    .pg-consideration-contact h2{
        font-size: 21px;
        padding: 20px;
    }
    .pg-consideration-contact table{}
    .pg-consideration-contact table tr th{
        width: 100%;
        padding: 15px 0 0;
        float: left;
        border-bottom: none;
    }
    .pg-consideration-contact table tr th .required{
        right: 0;
        top: 15px;
        transform: translateY(0);
    }
    .pg-consideration-contact table tr td{
        width: 100%;
        float: left;
    }
    .pg-consideration-contact .mw_wp_form .horizontal-item + .horizontal-item{
        display: block;
        margin-left: 0;
    }
}

/* ===================================================

thanks（お問い合わせ完了）

===================================================== */
.pg-thanks-sec{
    padding: 50px 0 120px;
}
.pg-thanks-sec .l-inner02 .pg-thanks-sec__box{
    background: #fff;
    padding: 40px 20px;
    text-align: center;
    border-radius: 10px;
}
.pg-thanks-sec .l-inner02 .pg-thanks-sec__title{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 0 1.0em;
}
.pg-thanks-sec .l-inner02 .pg-thanks-sec__text{
    font-size: 16px;
    color: #000;
}
@media (max-width:768px){
    .pg-thanks-sec{
        padding: 25px 0 60px;
    }
}



/* ===================================================

company（運営会社）

===================================================== */

/* pg-company-outline
================================ */
.pg-company-outline__box{
    background: #fff;
    margin: 60px auto 80px;
    padding: 80px 60px 50px;
    border-radius: 10px;
    box-shadow: 0px 2px 16px -6px rgba(0,0,0,0.4);
    position: relative;
}
.pg-company-outline__box .pg-company-outline__title{
    padding: 30px 20px 28px;
    background: var(--main-color);
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: -120px auto 40px;
    border-radius: 10px 10px 0 0;
}
.pg-company-outline__box .pg-company-outline__text{
    font-size: 18px;
    line-height: 1.8;
    max-width: 670px;
    margin: 0 auto;
}
.pg-company-outline__box .pg-company-outline__list{
    margin: 10px auto 20px;
    max-width: 670px;
}
.pg-company-outline__box .pg-company-outline__list-item{
    font-size: 18px;
    text-indent: -1.0em;
    padding: 0 0 0 1.0em;
}
@media (max-width:768px){
    .pg-company-outline__box{
        margin: 60px auto 60px;
        padding: 30px 20px;
    }
    .pg-company-outline__box .pg-company-outline__title{
        font-size: 21px;
        margin: -70px auto 25px;
        padding: 20px;
        text-align: left;
    }
    .pg-company-outline__box .pg-company-outline__text{
        font-size: 16px;
    }
    .pg-company-outline__box .pg-company-outline__list-item{
        font-size: 16px;
    }
}

.pg-company-outline .bg-white{
    background: #fff;
    padding: 80px 0;
}
.pg-company-outline__table{
    width: 100%;
}
.pg-company-outline__table .pg-company-outline__th{
    width: 200px;
    border-bottom: 1px solid #eee;
    padding: 15px 10px;
    box-sizing: border-box;
}
.pg-company-outline__table .pg-company-outline__td{
    width: calc(100% - 200px);
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    box-sizing: border-box;
}
@media (max-width:768px){
    .pg-company-outline .bg-white{
        padding: 50px 0;
    }
    .pg-company-outline__table .pg-company-outline__th{
        width: 100%;
        border-bottom: none;
        padding: 10px 0 0;
        float: left;
        text-align: left;
    }
    .pg-company-outline__table .pg-company-outline__td{
        width: 100%;
        padding: 5px 0 10px;
        float: left;
    }
}


/* ===================================================

rule（利用規約）

===================================================== */
.pg-rule-sec{
    padding: 0 0 80px;
}
.pg-rule-sec .pg-rule-sec__title{
    font-size: 24px;
    font-weight: bold;
    margin: 2.0em 0 0.5em;
}
.pg-rule-sec .pg-rule-sec__title--first{
    margin: 0 0 0.5em;
}
.pg-rule-sec .pg-rule-sec__list .pg-rule-sec__list-item{
    text-indent: -0.75em;
    padding: 0 0 0 0.75em;
}
@media (max-width:768px){
    .pg-rule-sec{
        padding: 0 0 50px;
    }
    .pg-rule-sec .pg-rule-sec__title{
        font-size: 20px;
    }
}


/* ===================================================

privacy（プライバシーポリシー）

===================================================== */
.pg-privacy-sec{
    padding: 0 0 80px;
}
.pg-privacy-sec .pg-privacy-sec__title{
    font-size: 24px;
    font-weight: bold;
    margin: 2.0em 0 0.5em;
}
.pg-privacy-sec .pg-privacy-sec__list .pg-privacy-sec__list-item{
    text-indent: -0.75em;
    padding: 0 0 0 0.75em;
}
@media (max-width:768px){
    .pg-privacy-sec{
        padding: 0 0 50px;
    }
    .pg-privacy-sec .pg-privacy-sec__title{
        font-size: 20px;
    }
}


/* ===================================================

requirements 一覧

===================================================== */
.l-right-contents .no-post{
    font-size: 16px;
    text-align: center;
    padding: 40px 20px;
    background: #fff;
    border-radius: 10px;
}
.l-requirements-contents .article-box .article-data{
    align-items: flex-start;
}
.l-requirements-contents .article-box .inner .article-data .img img{
    height: auto;
}


/* ===================================================

requirements 詳細

===================================================== */
.l-requirements-contents .article-box .item.interview .img img{
    height: auto;
}
.recommend .inner .recommend-card .recommend-img img{
    height: auto;
}


/* メールフォーム（.form） */
main .form {
	/*width: 800px;*/
    width: 100%;
	margin: 0 auto;
}
main .form  .step01 > p,
main .form  .step02 > p,
main .form  .step03 > p{
	font-size: 16px;
    margin: 0 0 2.0em;
}
main .form .form-tel{
	font-weight: bold;
	font-size: 18px;
}
main .form .contact-number{
	font-size: 22px;
	font-weight: bold;
}
main .form .contact-number li{
	display: inline-block;
	margin: 0 20px 0 0;
	color: #c60125;
}
main .form .contact-number li span{
	color: #FFF;
	font-size: 14px;
	background: #c60125;
	padding: 5px 10px;
	margin: 0 5px 0 0;
}
main .form .contact-number li a{
	color: #c60125;
}
main .form .input-area{
	border: #CCC 3px solid;
	padding: 30px;
}
main .step02,
main .step03,
main .form .step02,
main .form .step03{
	display: none;
}
main .mw_wp_form_error .step02,
main .form .mw_wp_form_error .step02{
	display: block;
}
main .mw_wp_form_error .step01,
main .form .mw_wp_form_error .step01{
	display: none;
}
main .mw_wp_form_preview .step03,
main .form .mw_wp_form_preview .step03{
	display: block;
}
main .mw_wp_form_preview .step01,
main .form .mw_wp_form_preview .step01{
	display: none;
}
main .form table{
	border: none;
	width: 100%;
}
main .form table th{
	border: none;
	display: list-item;
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
	background: none;
    text-align: left;
    font-size: 16px;
}
main .form table th span{
	font-size: 12px;
	background: var(--main-color);
	display: inline-block;
	margin: 0 0 0 10px;
	color: #FFF;
	padding: 0px 10px;
}
main .form table td{
	border: none;
	display: list-item;
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}
main .form .mw_wp_form_preview table td{
	border: #CCC 1px solid;
	padding: 10px;
  font-size: 16px;
}
main .form table td input[type=text],
main .form table td textarea{
	background: #eeeeee;
	border: none;
	outline: none;
	padding: 12px 10px;
	width: 100%;
  font-size: 16px;
}
main .form .btn,
main .form .agree {
	text-align: center;
    max-width: 260px;
    width: 96%;
    margin: 0 auto;
}
main .form .btn input{
	display: inline-block;
	width: 100%;
	border-radius: 50px;
    padding: 15px 5px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	background: var(--main-color);
    border: none;
	border: solid 1px var(--main-color);
	text-decoration: none;
    cursor: pointer;
	margin: 0 0 20px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
@media (min-width:769px){
    main .form .btn input:hover{
        background: #fff !important;
        color: var(--main-color);
    }
}
main .form .btn input:before{
	content: "\f0a9";
	padding: 0 5px 0 0;
    font-family: "FontAwesome";
}
main .form .btn input:hover{
	background: #97001c;
}
main .form .btn input:nth-of-type(2){
	background: #999;
	border: #666 1px solid;
}
main .form .btn input:nth-of-type(2):hover{
	background: #666;
}
main .mw_wp_form .error{
    color: var(--sub-color);
}
main .form .mw_wp_form .error{
    font-size: 12px;
    margin: 5px 0 0;
}
@media screen and (max-width: 737px){
	main .form .form-tel{
		display: block;
		border-radius: 5px;
		padding: 10px;
		border: #c60125 1px solid;
		border-bottom: #c60125 3px solid;
		color: #c60125;
		text-align: center;
	}
	main .form .input-area{
		border: #CCC 3px solid;
		padding: 10px;
	}
	main .form .contact-number{
		font-size: 18px;
	}
	main .form .contact-number li{
		display: block;
		margin: 0 0 10px;
		color: #333;
		font-size: 14px;
	}
	main .form .contact-number li span{
		font-size: 12px;
	}
	main .form .contact-number li strong{
		display: block;
		border-radius: 5px;
		padding: 10px;
		border: #666 1px solid;
		border-bottom: #666 3px solid;
		color: #666;
		text-align: center;
	}
	main .form .contact-number li strong span{
		background: #666;
	}
	main .form .contact-number li a{
		display: block;
		border-radius: 5px;
		padding: 10px;
		border: #c60125 1px solid;
		border-bottom: #c60125 3px solid;
		color: #c60125;
		font-weight: bold;
		text-align: center;
	}
	main .form .agree {
		text-align: left;	
	}
}

/* 個人情報保護方針などフォーム同意欄frame */
.policy_box{
    overflow: auto;
    height: 16em;
    padding: 20px 25px;
    margin: 20px auto 30px auto;
    background-color: #EEE;
}
.policy_box > *{
	font-size: 12px;
}





/* ===================================================

お役立ちコラム 一覧

===================================================== */
.column .column-2{
    padding: 20px 20px 80px;
    display: flex;
}
.column .column-2 .side-column{
    width: 280px;
    padding: 0 0 0 40px;
    box-sizing: border-box;
}
.column .column-2 .side-column h3{
    background: var(--main-color);
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
}
.column .column-2 .side-column .cat-list{
    background: #fff;
    border-radius: 0  0 10px 10px;
}
.column .column-2 .side-column .cat-list .cat-list__item{
    border-bottom: dashed 2px var(--main-color);
}
.column .column-2 .side-column .cat-list .cat-list__item:last-child{
    border-bottom: none;
}
.column .column-2 .side-column .cat-list .cat-list__item a{
    display: block;
    padding: 15px 20px;
}

.column .column-2 .main-column{
    width: calc(100% - 280px);
}
.column .column-2 .main-column .page-title{
    font-size: 24px;
    font-weight: bold;
    background: var(--main-color);
    margin: 0 0 40px;
    padding: 15px 25px;
    border-radius: 10px;
}

.column .column-2 .main-column .archive-list__item{
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: dashed 2px var(--main-color);
}
.column .column-2 .main-column .archive-list__item a{
    display: flex;
}
.column .column-2 .main-column .archive-list__item a .img{
    width: 200px;
}
.column .column-2 .main-column .archive-list__item a .img img{
    height: auto;
}
.column .column-2 .main-column .archive-list__item a .text{
    width: calc(100% - 200px);
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
.column .column-2 .main-column .archive-list__item a .text .tag{
    margin: 0 0 10px;
}
.column .column-2 .main-column .archive-list__item a .text .tag span{
  display: inline-block;
  background-color: var(--main-color);
  color: #fff;
  padding: 5px 20px;
  border-radius: 20px;
  font-size: clamp(1rem,1.1vw,1.2rem);
  line-height: 1.2;
  font-weight: 700;
  margin: 0 10px 10px 0;
}
.column .column-2 .main-column .archive-list__item a .text h2{
    font-size: 20px;
    font-weight: bold;
}
@media (max-width:768px){
    .column .column-2{
        display: block;
    }
    .column .column-2 .main-column{
        width: 100%;
        margin: 0 0 20px;
    }
    .column .column-2 .main-column .page-title{
        font-size: 20px;
        margin: 0 0 25px;
    }
    .column .column-2 .main-column .archive-list__item{
        margin: 0 0 20px;
        padding: 0 0 20px;
    }
    .column .column-2 .main-column .archive-list__item a .img{
        width: 120px;
    }
    .column .column-2 .main-column .archive-list__item a .text{
        width: calc(100% - 120px);
        padding: 0 0 0 15px;
    }
    .column .column-2 .main-column .archive-list__item a .text .tag{
        margin: 0;
    }
    .column .column-2 .main-column .archive-list__item a .text h2{
        font-size: 16px;
    }
    .column .column-2 .side-column{
        width: 100%;
        padding: 0;
    }
}



/* ===================================================

お役立ちコラム 詳細

===================================================== */
#column-single .sec-single{
    padding: 0 0 80px;
}

#column-single .sec-single .box{
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    background: #fff;
}
#column-single .sec-single .box .data{
    display: flex;
    margin: 0 0 5px;
}
#column-single .sec-single .box .data .post-categories li{
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    font-weight: 700;
    background-color: var(--main-color);
    margin: 0 10px 0 0;
    padding: 5px 15px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    transform: translateY(-2px);
}
#column-single .sec-single .box .data .post-date{
    margin: 0 0 0 15px;
    font-size: 14px;
}
#column-single .sec-single .box .post-title{
    font-size: 24px;
    font-weight: bold;
}





/* ===================================================

お知らせ 一覧

===================================================== */
#news main .post-page .l-visual{
    padding: 10px 0 45px;
}
.pg-news-section {
    padding: 0 0 80px;
}
.pg-news-section .article-box{
    border-radius: 10px;
    padding: 30px;
    background: #fff;
}
.pg-news-section .article-box .news-list .news-item{
    padding: 20px 0;
    border-bottom: dashed 2px var(--main-color);
    align-items: flex-start;
}
.pg-news-section .article-box .news-list .news-item:last-child{
    border-bottom: none;
}
.pg-news-section .article-box .news-list .news-data{
    min-width: 220px;
    justify-content: flex-start;
}
.pg-news-section .article-box .news-list .news-day{
    display: inline-block;
    margin-right: 30px;
    font-size: clamp(1.4rem,1.5vw,1.6rem);
    line-height: 1;
    font-weight: 700;
    color: var(--main-color);
}
.pg-news-section .article-box .news-list .news-cat{
    display: inline-block;
    font-size: clamp(1.2rem,1.3vw,1.4rem);
    line-height: 1;
    font-weight: 700;
    background-color: var(--main-color);
    padding: 5px 15px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    transform: translateY(-2px);
}
.pg-news-section .article-box .news-list .news-link{
    display: inline-block;
    font-size: clamp(1.4rem,1.5vw,1.6rem);
    line-height: 1.4;
    font-weight: 700;
    width: calc(100% - 230px);
}
.pg-news-section .article-box .news-list .news-link:hover{
    color: var(--main-color);
    opacity: 1;
}
@media (max-width: 798px){
    .pg-news-section .article-box{
        padding: 15px;
    }
    .pg-news-section .article-box .news-list .news-item{
        padding: 10px 0;
        border-bottom: dashed 1px var(--main-color);
        display: block;
    }
    .pg-news-section .article-box .news-list .news-data{
        min-width: auto;
        justify-content: flex-start;
        margin: 0 0 5px;
    }
    .top-contents .top-news .top-news-list .top-news-day{
        margin-right: 10px;
    }
    .top-contents .top-news .top-news-list .top-news-link{
        width: 100%;
    }
    .top-contents .top-news .arrow-button{
        text-align: right;
        margin-top: 10px;
    }
}


.paginations{
    justify-content: flex-start;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.navigation.first .paginations{
    padding-top: 0;
    padding-bottom: 0;
}
.paginations li a{
  border: solid 1px #E5E5E5;
  background-color: #fff;
  padding: 10px 12px;
  border-radius: 5px;
  font-size: clamp(1.2rem,1.3vw,1.4rem);
  font-weight: 500;
  line-height: 1;
  display: block;
  margin: 0 5px 5px 0;
  position: relative;
}
.paginations li.current a,
.paginations li a:hover{
  opacity: 1;
  background-color: var(--main-color);
  color: #fff;
}
.paginations li.previous a{
  padding-left: 30px;
}
.paginations li.next a{
  padding-right: 30px;
}
.paginations li.previous a:before,
.paginations li.next a:after{
  content: '';
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.paginations li.previous a:before{
  content: '\e5cb';
  left: 5px;
}
.paginations li.next a:after{
  content: '\e5cc';
  right: 5px;
}


/* ===================================================

お知らせ 詳細

===================================================== */
#blog .sec-single{
    padding: 40px 0 80px;
}

#blog .sec-single .box{
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    background: #fff;
}
#blog .sec-single .box .data{
    display: flex;
    margin: 0 0 5px;
}
#blog .sec-single .box .data .post-categories li{
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    font-weight: 700;
    background-color: var(--main-color);
    padding: 5px 15px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    transform: translateY(-2px);
}
#blog .sec-single .box .data .post-date{
    margin: 0 0 0 15px;
    font-size: 14px;
}
#blog .sec-single .box .post-title{
    font-size: 24px;
    font-weight: bold;
}
.post-page .article-post{
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #eee;
}
.post-page .article-post h2{
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 1.0em;
}
.post-page .article-post h3{
    font-size: 2.0rem;
    font-weight: bold;
    margin: 0 0 1.0em;
    padding: 10px 0;
    border-bottom: 2px solid var(--main-color);
}
.post-page .article-post h4{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 1.0em;
    padding: 0 0 0 10px;
    border-left: 5px solid var(--main-color);
}
.post-page .article-post h5{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 1.0em;
}
.post-page .article-post p{
    margin: 0 0 2.5em;
}
.post-page .article-post strong{
    color: #000;
}
.post-page .article-post a{
    color: var(--main-color);
}
.post-page .article-post ul,
.post-page .article-post ol{
    margin: 1.5em 0;
    padding: 0 0 0 1.5em;
}
.post-page .article-post ul li{
    list-style: disc;
}
.post-page .article-post ol li{
    list-style: decimal;
}
.post-page .article-post img{
    max-width: 100%;
    width: revert-layer;
}

@media (max-width:768px){
    .post-page .article-post img{
        max-width: 100%;
        width: 100%;
    }
    .post-page .article-post .alignleft{
        float: none;
        margin: 7px auto;
    }
    .post-page .article-post .alignright{
        float: none;
        margin: 7px auto;
    }
}

/* #pager */
#pager{
	position:relative;
	text-align: center;
	margin:3em 0 30px;
	border: 1px #CCC solid;
	font-size: 1.167em;
}
#pager li{
	width:33.3%;
	box-sizing:border-box;
}
#pager li.prev{
	float:left;
}
#pager li.next{
	float:right;
}
#pager li.stay{
	margin:0 auto;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
}
#pager a{
	color: #333;
	text-decoration: none;
	display:block;
	padding:10px 0;
}
#pager a:hover{
	background:  #F2F2F2;
}



/* ===================================================

お問い合わせ（完了）

===================================================== */

/* viasual
===================================*/
#thanks #visual-page{
  padding: 25px 0 25px;
}
#thanks #visual-page i{display: none;}
#thanks #visual-page p{display: none;}
#thanks #visual-page h1{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #000;
}
@media (max-width:768px){
    #thanks #visual-page h1{
        font-size: 24px;
    }
}


/* form
===================================*/
#thanks .form{
  padding: 40px 0 80px;
}
#thanks .mw_wp_form{
  display: none;
  visibility: hidden;
}
#thanks .form h2{
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin: 0 0 1.0em;
}
#thanks .form .inner{
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}
#thanks .form .inner .box{
  background: #fff;
  border-radius: 10px;
  padding: 40px 20px;
}
#thanks .form .inner .box p{
  text-align: center;
  font-size: 16px;
}
@media (max-width:768px){
  #thanks .form h2{
    font-size: 20px;
  }
}