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



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

	#mainvisual

============================================================================*/
/*.kv {
    min-width: 128rem;
}
*/
.kv {
    position: relative;
    height: 43.8rem;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.kv_under_img {
    height: 35rem;
	margin-bottom: 70px;
}

.kv_img:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 27rem;
    margin: auto;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background-repeat: repeat-x;
    opacity: 0.45;
    content: "";
}
	
.kv .inner {
    position: relative;
    max-width: 160rem;
    min-width: 128rem;
    height: inherit;
    padding: 0 10rem;
    margin: auto;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


.kv_inner_title {
    bottom: 8rem;
    position: relative;
}

.kv_inner_title_sub {
    position: absolute;
    top: 1.0rem;
    color: #FFFFFF;
    z-index: 11;
    font-size: 1.1rem;
}

.kv_inner_title_l {
    position: relative;
    display: inline-block;
    margin-left: -0.2rem;
    padding: 5rem 0 0;
    color: #ffffff;
    font-size: 2.45rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;
    z-index: 10;
	margin-bottom: 30px;
}



.kv_inner_title_en {
    position: absolute;
    bottom: -2rem;
    left: 40.2%;
    color: rgba(233, 228, 224, 0.75);
    font-family: brandon-grotesque, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 20rem;
    letter-spacing: -0.03em;
    white-space: nowrap;
    line-height: 1;
    z-index: 1;
    mix-blend-mode: multiply;
}

.kv-ns .kv_inner_title_en, .kv-treatment .kv_inner_title_en {
    color: #A8A4A0;
    mix-blend-mode: color-burn;
}



.kv_inner_title_l img {
    height: 6.6rem;
    width: auto;
}

.kv_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    overflow: hidden;
}

/* company */
.webp .kv-company_img {
    background-image: url("../images/head-company.webp");
    background-position: center 70%;
}
.no-webp .kv-company_img {
    background-image: url("../images/head-company.jpg");
    background-position: center 70%;
}
/* blog */
.webp .kv-blog_img {
    background-image: url("../images/head-blog.webp");
    background-position: center 70%;
}
.no-webp .kv-blog_img {
    background-image: url("../images/head-blog.jpg");
    background-position: center 70%;
}

/* contact */
.webp .kv-contact_img {
    background-image: url("../images/head-contact.webp");
    background-position: center 75%;
}
.no-webp .kv-contact_img {
    background-image: url("../images/head-contact.jpg");
    background-position: center 75%;
}

/* other */
.webp .kv-other_img {
    background-image: url("../images/head-other.webp");
    background-position: center 95%;
}
.no-webp .kv-other_img {
    background-image: url("../images/head-other.jpg");
    background-position: center 95%;
}

/* policy */
.webp .kv-policy_img {
    background-image: url("../images/head-policy.webp");
    background-position: center 95%;
}
.no-webp .kv-policy_img {
    background-image: url("../images/head-policy.jpg");
    background-position: center 95%;
}

/* reform */
.webp .kv-reform_img {
    background-image: url("../images/head-reform.webp");
    background-position: center 95%;
}
.no-webp .kv-reform_img {
    background-image: url("../images/head-reform.jpg");
    background-position: center 95%;
}



/* kitchen */
.webp .kv-kitchen_img {
    background-image: url("../images/head-kitchen.webp");
    background-position: center 95%;
}
.no-webp .kv-kitchen_img {
    background-image: url("../images/head-kitchen.jpg");
    background-position: center 95%;
}


/* toilet */
.webp .kv-toilet_img {
    background-image: url("../images/head-toilet.webp");
    background-position: center 95%;
}
.no-webp .kv-toilet_img {
    background-image: url("../images/head-toilet.jpg");
    background-position: center 95%;
}
/* bathroom */
.webp .kv-bathroom_img {
    background-image: url("../images/head-bathroom.webp");
    background-position: center 95%;
}
.no-webp .kv-bathroom_img {
    background-image: url("../images/head-bathroom.jpg");
    background-position: center 95%;
}

/* living */
.webp .kv-living_img {
    background-image: url("../images/head-living.webp");
    background-position: center 95%;
}
.no-webp .kv-living_img {
    background-image: url("../images/head-living.jpg");
    background-position: center 95%;
}
/* wash */
.webp .kv-wash_img {
    background-image: url("../images/head-wash.webp");
    background-position: center 95%;
}
.no-webp .kv-wash_img {
    background-image: url("../images/head-wash.jpg");
    background-position: center 95%;
}


/* exterior */
.webp .kv-exterior_img {
    background-image: url("../images/head-exterior.webp");
    background-position: center 95%;
}
.no-webp .kv-exterior_img {
    background-image: url("../images/head-exterior.jpg");
    background-position: center 95%;
}
/* villa */
.webp .kv-villa_img {
    background-image: url("../images/head-villa.webp");
    background-position: center 95%;
}
.no-webp .kv-villa_img {
    background-image: url("../images/head-villa.jpg");
    background-position: center 95%;
}
/* total */
.webp .kv-total_img {
    background-image: url("../images/head-total.webp");
    background-position: center 95%;
}
.no-webp .kv-total_img {
    background-image: url("../images/head-total.jpg");
    background-position: center 95%;
}
/* roof */
.webp .kv-roof_img {
    background-image: url("../images/head-roof.webp");
    background-position: center 95%;
}
.no-webp .kv-roof_img {
    background-image: url("../images/head-roof.jpg");
    background-position: center 95%;
}
/* wall */
.webp .kv-wall_img {
    background-image: url("../images/head-wall.webp");
    background-position: center 95%;
}
.no-webp .kv-wall_img {
    background-image: url("../images/head-wall.jpg");
    background-position: center 95%;
}



/* entrance */
.webp .kv-entrance_img {
    background-image: url("../images/head-entrance.webp");
    background-position: center 95%;
}
.no-webp .kv-entrance_img {
    background-image: url("../images/head-entrance.jpg");
    background-position: center 95%;
}

/* windows */
.webp .kv-windows_img {
    background-image: url("../images/head-windows.webp");
    background-position: center 95%;
}
.no-webp .kv-windows_img {
    background-image: url("../images/head-windows.jpg");
    background-position: center 95%;
}

/* store */
.webp .kv-store_img {
    background-image: url("../images/head-store.webp");
    background-position: center 95%;
}
.no-webp .kv-store_img {
    background-image: url("../images/head-store.jpg");
    background-position: center 95%;
}




/* loan */
.webp .kv-loan_img {
    background-image: url("../images/head-loan.webp");
    background-position: center 95%;
}
.no-webp .kv-loan_img {
    background-image: url("../images/head-loan.jpg");
    background-position: center 95%;
}






/* owner */
.webp .kv-owner_img {
    background-image: url("../images/head-owner.webp");
    background-position: center 75%;
}
.no-webp .kv-owner_img {
    background-image: url("../images/head-owner.jpg");
    background-position: center 75%;
}
/* owner-seminar */
.webp .kv-owner-seminar_img {
    background-image: url("../images/head-owner-seminar.webp");
    background-position: center 55%;
}
.no-webp .kv-owner-seminar_img {
    background-image: url("../images/head-owner-seminar.jpg");
    background-position: center 55%;
}

/* owner-consulting */
.webp .kv-owner-consulting_img {
    background-image: url("../images/head-owner-consulting.webp");
    background-position: center 55%;
}
.no-webp .kv-owner-consulting_img {
    background-image: url("../images/head-owner-consulting.jpg");
    background-position: center 55%;
}

/* owner-expert */
.webp .kv-owner-expert_img {
    background-image: url("../images/head-owner-expert.webp");
    background-position: center 55%;
}
.no-webp .kv-owner-expert_img {
    background-image: url("../images/head-owner-expert.jpg");
    background-position: center 55%;
}

/* owner-case */
.webp .kv-owner-case_img {
    background-image: url("../images/head-owner-case.webp");
    background-position: center 55%;
}
.no-webp .kv-owner-case_img {
    background-image: url("../images/head-owner-case.jpg");
    background-position: center 55%;
}











/* medical */
.webp .kv-medical_img {
    background-image: url("../images/head-medical.webp");
    background-position: center 45%;
}
.no-webp .kv-medical_img {
    background-image: url("../images/head-medical.jpg");
    background-position: center 45%;
}
/* medical-seminar */
.webp .kv-medical-seminar_img {
    background-image: url("../images/head-medical-seminar.webp");
    background-position: center 75%;
}
.no-webp .kv-medical-seminar_img {
    background-image: url("../images/head-medical-seminar.jpg");
    background-position: center 75%;
}
/* medical-consulting */
.webp .kv-medical-consulting_img {
    background-image: url("../images/head-medical-consulting.webp");
    background-position: center 75%;
}
.no-webp .kv-medical-consulting_img {
    background-image: url("../images/head-medical-consulting.jpg");
    background-position: center 75%;
}
/* medical-expert */
.webp .kv-medical-expert_img {
    background-image: url("../images/head-medical-expert.webp");
    background-position: center 75%;
}
.no-webp .kv-medical-expert_img {
    background-image: url("../images/head-medical-expert.jpg");
    background-position: center 75%;
}
/* medical-case */
.webp .kv-medical-case_img {
    background-image: url("../images/head-medical-case.webp");
    background-position: center 55%;
}
.no-webp .kv-medical-case_img {
    background-image: url("../images/head-medical-case.jpg");
    background-position: center 55%;
}









/* executive */
.webp .kv-executive_img {
    background-image: url("../images/head-executive.webp");
    background-position: center 45%;
}
.no-webp .kv-executive_img {
    background-image: url("../images/head-executive.jpg");
    background-position: center 45%;
}
/* executive-seminar */
.webp .kv-executive-seminar_img {
    background-image: url("../images/head-executive-seminar.webp");
    background-position: center 75%;
}
.no-webp .kv-executive-seminar_img {
    background-image: url("../images/head-executive-seminar.jpg");
    background-position: center 75%;
}
/* executive-consulting */
.webp .kv-executive-consulting_img {
    background-image: url("../images/head-executive-consulting.webp");
    background-position: center 75%;
}
.no-webp .kv-executive-consulting_img {
    background-image: url("../images/head-executive-consulting.jpg");
    background-position: center 75%;
}
/* executive-expert */
.webp .kv-executive-expert_img {
    background-image: url("../images/head-executive-expert.webp");
    background-position: center 75%;
}
.no-webp .kv-executive-expert_img {
    background-image: url("../images/head-executive-expert.jpg");
    background-position: center 75%;
}
/* executive-management */
.webp .kv-executive-management_img {
    background-image: url("../images/head-executive-management.webp");
    background-position: center 55%;
}
.no-webp .kv-executive-management_img {
    background-image: url("../images/head-executive-management.jpg");
    background-position: center 55%;
}

/* executive-case */
.webp .kv-executive-case_img {
    background-image: url("../images/head-executive-case.webp");
    background-position: center 55%;
}
.no-webp .kv-executive-case_img {
    background-image: url("../images/head-executive-case.jpg");
    background-position: center 55%;
}












/* faq */
.webp .kv-faq_img {
    background-image: url("../images/head-faq.webp");
    background-position: center 95%;
}
.no-webp .kv-faq_img {
    background-image: url("../images/head-faq.jpg");
    background-position: center 95%;
}
/* column */
.webp .kv-column_img {
    background-image: url("../images/head-column.webp");
    background-position: center 95%;
}
.no-webp .kv-column_img {
    background-image: url("../images/head-column.jpg");
    background-position: center 95%;
}

/* news */
.webp .kv-news_img {
    background-image: url("../images/head-news.webp");
    background-position: center 95%;
}
.no-webp .kv-news_img {
    background-image: url("../images/head-news.jpg");
    background-position: center 95%;
}



/* アニメーション */
.kv_inner_title_pan {
    opacity: 0;
    transform: translate(0, 2rem);
    transition-timing-function: cubic-bezier(0.075, 0.05, 0.000, 1.0);
    transition-duration: .65s;
    transition-delay: 0.2s;
}

.kv_inner_title_sub {
    opacity: 0;
    transform: translate(0, 2rem);
    transition-timing-function: cubic-bezier(0.075, 0.05, 0.000, 1.0);
    transition-duration: .65s;
    transition-delay: 0.2s;
}

.kv_inner_title_l {
    opacity: 0;
    transform: translate(0, 4rem);
    transition-timing-function: cubic-bezier(0.075, 0.05, 0.000, 1.0);
    transition-duration: .65s;
}

.kv_img, .kv-feature_img .kv_img_inner {
    opacity: 0;
    filter: blur(20px) brightness(1.1) contrast(130%) saturate(90%);
    transition: 0.80s cubic-bezier(0.260, 0.005, 0.000, 1.035);
    transform: scale(1.07, 1.07);
}

.kv_img.kv-show {
    opacity: 1;
    filter: blur(0px) brightness(1) contrast(100%) saturate(100%);
    transform: scale(1, 1);
}

.kv-feature_img .kv_img_inner.kv-show {
    opacity: 1;
    filter: blur(0px) brightness(1) contrast(100%) saturate(100%);
    transform: scale(1, 1);
}


.fadein_text {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.075, 0.05, 0.000, 1.0);
    transition-duration: .95s;
    transition-property: transform, filter, opacity;
}
.fadein_text.is-active {
    opacity: 1;
    filter: none;
    transform: scale(1);
    animation: fadein-object .55s 1 linear forwards;
}


/* 英語テキストスライド */

.kv_inner_title_en {
    animation: loop-text 160s infinite linear both;
    width: 300rem;
    user-select: none;
}

.kv_inner_title_en .fadein_text {
    margin-right: 50rem;
    opacity: 0;
    pointer-events: none;
}

.kv_inner_title_en .fadein_text {
    opacity: 0;
    filter: blur(1rem);
    transform: scale(1.05);
    transition-timing-function: cubic-bezier(0.075, 0.05, 0.000, 1.0);
    transition-duration: .95s;
    transition-property: transform, filter, opacity;
    transition-delay: 0.1s;
}

.kv_inner_title_en .fadein_text.is-active {
    opacity: 1;
    filter: none;
    transform: scale(1);
}

@-webkit-keyframes loop-text {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100vw);
    }
}

@keyframes loop-text {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}






@media screen and (min-width: 1024px) and (max-width: 1366px) {
.kv {
    min-width: 1024px;
}
.kv .inner {
    padding-left: 6rem;
    padding-right: 6rem;
}
}












@media screen and (max-width:767px) {
.kv, .inner{
    min-width: 100%;
	
}
	
.kv_under_img:before {
    bottom: 0;
}
.kv {
    position: relative;
    height: 23.6rem;
    /*padding-top: 5rem;*/
}
.kv_img {
    height: calc(27.6rem - 5rem);
    /*top: 5rem;*/
}
.kv_img:before {
    height: calc((27.6rem - 5rem) / 1.5);
}
.kv .inner {
    height: calc(27.6rem - 5rem);
	padding: 0 1rem;
}
.kv_inner_title {
    padding: 0;
}
.kv_inner_title {
    top: auto;
    bottom: 3rem;
    padding: 0;
}
.kv_inner_title_l {
    left: 0;
    padding: 0;
    border: none;
    line-height: 1.2;
    font-size: 2rem;
    transform: translate(0, 2rem);
}
.kv_inner_title_l img {
    height: 3.6rem;
    width: auto;

}
.kv_inner_title_en {
    top: auto;
    left: 30%;
    font-size: 10rem;
    bottom: .rem;
}
.kv_inner_title_sub {
    top: -2.6rem;
    left: 0;
    font-size: 1rem;
    color: #fff;
}
.kv_under_img {
	margin-bottom: 40px;
}
	
	
	}

/*----------------------------------------------------
  .pan
--------------------------------------------------- */
.p-common-fv__content-path-list {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
}
@media only screen and (max-width: 767px) {
.p-common-fv__content-path-list {
    display: none;
}
}	
.p-common-fv__content-path-item {
    position: relative;
    margin: 0 5.25rem 0 0;
}
.p-common-fv__content-path ul {
	margin-left: 20px;
}	
.p-common-fv__content-path-list li {
    list-style-type: none;
	    font-weight: 100;
}

.p-common-fv__content-path-list li a{
	color:#d0d0d0;
}

.p-common-fv__content-path-item::before {
    position: absolute;
    top: 50%;
    right: -3.3rem;
    width: 1.6rem;
    height: 1px;
    content: "";
    background-color: #e3e3e3;
}

.p-common-fv__content-path-item:last-child::before {
	content: none;
}
.p-common-fv__content-path-link {
    font-size: .9rem;
    border-bottom: 1px solid #7e7d7c;
}
.p-common-fv__content-path-item:last-child .p-common-fv__content-path-link {
    border-bottom: none;
}

/*----------------------------------------------------
  .works-head
--------------------------------------------------- */
.works-head {
	margin-top : 180px;
	margin-bottom: 40px;
}
.works-head-top {
	margin-top : 40px;
	margin-bottom: 40px;
}
.works-head h1, .works-head-top h1{
	font-size : 48px;
	font-weight: 600;
	margin-bottom: 20px;
	color : #000000;
	
}
.works-head p{
	font-size : 16px;
	color : #888888;
	
	
}


@media only screen and (max-width: 767px) {
.works-head {
	margin-top : 100px;
	margin-bottom: 30px;
}
.works-head-top {
	margin-top : 40px;
	margin-bottom: 40px;
}
	
.works-head h1, .works-head-top h1{
	font-size : 30px;
	
	
}
.works-head p{
	font-size : 13px;
	
	
}
	
}	


/*----------------------------------------------------
  .pan2
--------------------------------------------------- */
.p-common-fv__content-path-list-work {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
	float : right;
}
@media only screen and (max-width: 767px) {
.p-common-fv__content-path-list-work {
    display: none;
}
}	
.p-common-fv__content-path-item-work {
    position: relative;
    margin: 0 5.25rem 0 0;
}
.p-common-fv__content-path ul {
	margin-left: 20px;
}	
.p-common-fv__content-path-list-work li {
    list-style-type: none;
	    font-weight: 100;
}

.p-common-fv__content-path-list-work li a{
	color:#d0d0d0;
}

.p-common-fv__content-path-item-work::before {
    position: absolute;
    top: 50%;
    right: -3.3rem;
    width: 1.6rem;
    height: 1px;
    content: "";
    background-color: #e3e3e3;
}

.p-common-fv__content-path-item-work:last-child::before {
	content: none;
}
.p-common-fv__content-path-link-work {
    font-size: 1.1rem;
 }
.p-common-fv__content-path-item-work:last-child .p-common-fv__content-path-link-work {
    border-bottom: none;
}





/*----------------------------------------------------
  company_outline
--------------------------------------------------- */
.company_outline_page .outline dl div {
    display: flex;
    align-items: baseline;
    min-height: 114px;
}


.company_outline_page .outline dl div dt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 1.5;
    width: 288px;
    position: relative;
    padding: 28px 32px 30px 0;
}

.company_outline_page .outline dl div dt::before {
    content: "";
    display: block;
    width: 8px;
    height: 2px;
    position: absolute;
    inset: 0 auto auto 0;
    background-color: #3e88c8;
    z-index: 1;
}

.company_outline_page .outline dl div dd {
    font-size: 16px;
    /*font-weight: 500;*/
    letter-spacing: 1px;
    line-height: 1.5;
    width: calc(100% - 288px);
    position: relative;
    padding: 28px 0 30px;
}
.company_outline_page .outline dl div dd::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    inset: 0 auto auto 0;
    background-color: #f6f6f6;
}

@media screen and (max-width: 767px){
.company_outline_page .outline dl div {
    flex-direction: column;
    min-height: auto;
	}
.company_outline_page .outline dl div dt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 1.5;
    width: 100%;
    padding: 20px 0 0;
}
.company_outline_page .outline dl div dt::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    inset: 0 auto auto 0;
    background-color: #f6f6f6;
}	
	
.company_outline_page .outline dl div dd {
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 1.5;
    width: 100%;
    padding: 20px 0 34px;
}
.company_outline_page .outline dl div dd::before {
    content: none;
}
	
}
/*----------------------------------------------------
  #about-us
--------------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
/*----------------------------------------------------
  #faq
--------------------------------------------------- */
.faq_collection dl{
  border-bottom: 1px solid #efefef
}
.faq_collection dt{
  padding: 30px 20px 30px 50px;
	background: url("../images/faq_ico.png") no-repeat 10px 50%;
  font-size: 115%;
  font-weight: bold;
  cursor: pointer
}
.faq_collection dt.in,
.faq_collection dt:hover{
  background-color: #fbfbfb
}
.faq_collection dt span{
  display: block;
  padding-right: 35px;
  background: url("../images/faq_btn_p.png") no-repeat 100% 50%
}
.faq_collection dt.in span{
  background: url("../images/faq_btn_m.png") no-repeat 100% 50%
}

.faq_collection dd{
  padding: 25px 10px 30px;
  line-height: 1.8;	
}
.faq_collection a{
	text-decoration:underline;
	color: #1674b7;
}
@media (max-width:768px) {
	
.faq_collection dt{
  font-size: 90%;
  line-height: 1.4;	
}
.faq_collection dd{
  line-height: 1.4;
}
	

	
	
}

/******************************************************************************
 * .receive
*******************************************************************************/


.receive-archive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 80px;
    margin: 0 -16px
}
.receive-archive-list__item {
    width: calc(100% / 3);
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 50px 0 0
}

.receive-archive-list__item.recommend {
    width: 50%;
    padding: 0 24px
}
.receive-article-header {
    overflow: hidden
}
.receive-article-content {
    margin: 24px 0 0
}
.receive-article-content {
    margin: 24px 0 0
}
.receive-article-content__meta {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
	color: #999;
    font-size: 14px;
	margin-bottom: 20px;
}
.receive-article-content__meta--cat {
    display: inline-block;
    color: #999
}
.receive-article-content__meta--cat:hover {
    color: #000
}
.receive-article-content__meta--date {
    display: inline-block;
    margin-left: 16px;
    padding-left: 16px;
    vertical-align: top;
    color: #999;
    position: relative
}
.receive-article-content__meta--date:before {
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.receive-article-content__title {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    margin: 10px 0 15px 0;
}
.receive-article.recommend .receive-article-content__title {
    font-size: 18px
}
.receive-link {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-right: -10px;
    background: url(../images/receive-link.svg) no-repeat 50%/contain;
    /*transition: background 0.2s 0.2s;*/
}

@media (max-width:768px) {
	
	
}

@media (max-width:640px) {
    .receive-archive-list {
        display: block;
        padding: 0 0 50px;
        margin: 0 auto
    }
    .receive-archive-list__item {
        width: 100%;
        padding: 0;
        margin: 50px 0 0
    }
	
    .receive-archive-list__item.recommend {
        width: 100%;
        padding: 0
    }
    .receive-article-header {
        overflow: hidden
    }
    .receive-article-content {
        margin: 15px 0 0
    }
    .receive-article-content {
        margin: 15px 0 0
    }
    .receive-article-content__meta {
        font-size: 14px;
        line-height: 1;
        margin: 0 0 16px
    }
    .receive-article-content__meta--date {
        margin-left: 4px;
        padding-left: 9px
    }
    .receive-article-content__title {
        font-size: 16px;
        line-height: 1.625
    }
    .receive-article.recommend .receive-article-content__title {
        font-size: 16px
    }
	
	
}


.receiveitem_data {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: 18px 0 0;
}

.receiveitem_data .__category, .receiveitem_data .__date {
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-style: normal;
}
.receiveitem_data .__date {
    display: block;
}
.receiveitem_data .__category {
    padding: 4px 15px;
    background-color: #222222;
    font-weight: 700;
    color: #fff;
}

.receive-block-table table {
    width: 100%;
}

.receive-dt .receive-block-table table {
    margin: 30px auto;
    background: #fff;
    border: 10px solid #f5f5f5;
}

.receive-dt .receive-block-table table tr {
    border-bottom: 3px solid #f5f5f5;
}

.receive-dt .receive-block-table table th,
.receive-dt .receive-block-table table td {
    padding: 10px 30px;
    font-size: 17px;
}

.receive-dt .receive-block-table table td:first-child,
.cmnSingle02 .receive-block-table table td:first-child {
    white-space: nowrap;
}

.receive-dt .receive-block-table table th {
    width: 33%;
    border-right: 3px solid #f5f5f5;
}
@media screen and (max-width: 1024px) {
	
    .receive-dt .receive-block-table table {
        margin: 20px auto;
        border-width: 5px;
    }

    .receive-dt .receive-block-table table th,
    .receive-dt .receive-block-table table td {
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }

    .receive-dt .receive-block-table table th {
        border-right: none;
        border-bottom: 1px solid #f5f5f5;
        font-weight: bold;
    }
	
	
	
}	

.FlexCard-subtitle {
    font-weight: 700;
    font-size: 16px!important;
    line-height: 1.75em;
	color:#000;
	margin-bottom: 20px;
}

.FlexCard-subtitle h3{
	font-size : 30px;
	font-weight: 600;
	
}

@media(min-width:48em) {
    .FlexCard-subtitle {
        font-size: 0.80909rem;
        line-height: 1.65em;
        margin-top: 0.5rem
    }
.FlexCard-subtitle h3{
	font-size : 20px;
	
}
	
}

.hover-effect__zoom img {
    max-width: 100%;
    height: auto;
}
a.hover-effect {
    overflow: hidden
}
a.hover-effect__zoom {
    display: block;
	border-radius: 10px
}
a.hover-effect__zoom img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    -webkit-transition: 0.8s ease all;
    -o-transition: 0.8s ease all;
    transition: 0.8s ease all
}
a.hover-effect__zoom:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

/* --------------------------------
	intro-title
-------------------------------- */
.intro-title {
    position: relative;
    text-align: center;
    margin-bottom: 80px;
}
.intro-title i {
    font-family: Overpass,sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 100px;
    line-height: 1em;
    letter-spacing: .05em;
    color: #eeeeee;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.intro-title span {
    font-weight: 700;
    position: relative;
    font-size: 20px;
    line-height: 1.575em;
    letter-spacing: .05em;
    display: inline-block;
}
.intro-title span b {
    color: #e7316e;
    border-bottom: 2px dotted #e7316e;
}
@media screen and (min-width: 769px) {
	
.intro-title {
    margin-bottom: 80px;
}	
	
.intro-title i {
    font-size: 120px;
    line-height: 1em;
    letter-spacing: .05em;
}	
.intro-title span {
    font-size: 28px;
    line-height: 1.67647em;
    letter-spacing: .05em;
}
}
@media screen and (max-width: 768px) {
.intro-title i {	
	display: none;

}	
}


.reform-point-box{
padding: 60px;
    border-radius: 40px;
    background-color: #fff;
	margin-bottom: 60px;
}

.reform-point-box img{
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
.reform-point-box{
padding: 0px;
    border-radius: 0px;
    background-color: #f7f7f7;
}
}
/*----------------------------------------------------
  #works-single
--------------------------------------------------- */


.works-section__item {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    position: relative;
}

.works-section__item .head {
    display: flex;
    margin-bottom: 15px;
    line-height: 1;
}

.works-section__item .head .works_cat, .ar-works_cat
{
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 3px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.05em;
    background-color: #005bab;
    border: 1px solid #005bab;
    color: #FFFFFF;
    border-radius: 5px;
    font-weight: 600;
}
.works-section__item .name {
    font-size: 28px;
    font-weight: 600;
    color: #1a1b1b;
	clear: both;
}


.works-section__item .name {
    line-height: 1.81818;
    letter-spacing: 0.05em;
}

.works-img {
    border-radius: 10px;
}

@media only screen and (max-width:768px)
{
.works-section__item .head .works_cat, .ar-works_cat {
    font-size: 3.46667vw;
    font-weight: 600;
}	
.works-section__item .name {
    font-size: 5.06667vw;
    font-weight: 600;
    color: #1a1b1b;
}
}

.works-content h3{
	font-size : 24px;
	font-weight: 600;
	margin-bottom: 40px;
}
.works-content p{
	margin-bottom: 30px;
}


.works-side-title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px dotted rgba(0, 91, 171, 1);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.8;
    color: rgba(0, 91, 171, 1);
}
.works-tag {
	display: flex;
	flex-wrap: wrap;
}

.works-tag__item {
	margin-right: 5px;
	margin-bottom: 5px;
}

.works-tag__item a {
	height: 20px;
	padding: 0 10px;
	display: flex;
	background-color: rgba(0, 91, 171, 0.1);
	border-radius: 10px;
	font-size: 1.3rem;
	line-height: 1.6;
	text-decoration: none;
	color: rgba(0, 91, 171, 1);
	align-items: center;
}

.works-tag__item a:hover {
	background-color: rgba(0, 91, 171, 1);
	color: rgba(255, 255, 255, 1);
	transition: .6s
}







.m-before-after__caption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    padding: 12px 24px;
    background-color: #333;
	margin-left: 15px;
}

.m-before-after__caption__label {
    display: block;
    color: #fff;
    white-space: nowrap;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1;
}
/******************************************************************************
 * FLOW
*******************************************************************************/
.flow-step {
   /* border-top: 1px solid #e5e5e5;*/
}

.flow-step__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6rem 0;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.flow-step__num {
    width: 16.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 45px!important;
    line-height: 1;
    text-align: center;
    color: #15171c;
    position: relative;
    top: .5rem;
}

.flow-step__num span {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 12px;
    color: #777777;
    text-transform: uppercase;
}


.flow-step__inner {
    width: calc(100% - 16.7%);
}

.flow-step__heading {
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.4;
    color: #005bab;
}

.flow-step__txt {
    margin-top: 1.7rem;
    font-size: 1.6rem;
    line-height: 2;
    color: #555555;
    text-align: justify;
}
.flow-step__txt[data-txtcrop=true]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem);
}

.flow-step__txt[data-txtcrop=true]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.6rem * 2) + 1.6rem) / 2 + 0rem);
}
@media screen and (max-width: 768px){
	
	.flow-step__content {
    display: block;
    padding: 2.5rem 0;
}
	
	.flow-step__num {
    width: 100%;
    font-size: 4.6rem;
    top: 0;
}
	
	.flow-step__num span {
    margin-bottom: .3rem;
    font-size: 1.1rem;
}
.flow-step__inner {
    width: 100%;
    margin-top: 1rem;
}	
.flow-step__heading {
    font-size: 1.6rem;
    text-align: center;
}
.flow-step__txt {
    font-size: 1.3rem;
}	
.flow-step__txt[data-txtcrop=true]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-1.3rem * 2) + 1.3rem) / 2 + 0rem);
}
.flow-step__txt[data-txtcrop=true]:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-1.3rem * 2) + 1.3rem) / 2 + 0rem);
}	
}
.flow-deadline__item {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    position: relative;
}


.flow-deadline__item .head {
    display: flex;
    margin-bottom: 25px;
    line-height: 1;
}

.flow-deadline__item .head .deadline {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}
.flow-deadline__item .head .deadline {
    letter-spacing: 0.12em;
	background-color: #000;
padding: 0.4em 0.8em 0.4em;
}
.flow-deadline__item .head .deadline:after {
    content: "";
    position: absolute;
    top: 17px;
    width: 1.3rem;
    height: 1px;
	margin-left: 22px;
	background-color: #e6e6e6
	
}
.flow-deadline__item .head .period {
    font-size: 12px;
    font-weight: 600;
    color: #727c7c;
}
.flow-deadline__item .head .period {
    letter-spacing: 0.12em;
	margin-left: 50px;
}

@media only screen and (max-width:768px){
	
	.flow-deadline__item .head .deadline {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
	font-family: "Sawarabi Mincho", YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;

}	
.flow-deadline__item .head .period {
    font-size: 12px;
    font-weight: 600;
    color: #727c7c;
}	
.flow-deadline__item .head .period {
    letter-spacing: 0.12em;
}
.flow-deadline__item .name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1b1b;
}
.flow-deadline__item .head .deadline:after {
    top: 11px;
	
}
	
}
/******************************************************************************
 * web-btn
*******************************************************************************/
.btn-left{
	text-align: left;
}

.web-btn {
  margin-top: 8vw;
}
.web-btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.07em;
  color: #fff;
  background-color: #0075c1;
  border-radius: 10px;
  width: 90%;
  font-size: 3.2666666667vw;
  height: 14.6666666667vw;
  /*margin: 0 auto;*/
}
.web-btn a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  content: "";
  display: block;
  right: 5.7333333333vw;
  width: 7.4666666667vw;
  height: 7.4666666667vw;
  background-image: url(../images/btnarrow.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .web-btn {
    margin-top: 3.2942898975vw;
  }
  .web-btn a {
    max-width: 400px;
    width: 100%;
    font-size: 1.556954612vw;
    height: 4.8565153734vw;
    text-indent: -1em;
    transition: 0.3s;
  }
  .web-btn a::after {
    right: 1.9765739385vw;
    width: 2.4158125915vw;
    height: 2.4158125915vw;
  }
  .web-btn:hover a {
    background: #3e88c8;
    opacity: 1;
    color: #fff;
    transition: 0.3s;
  }
  .web-btn:hover a::after {
    transform: translateY(-50%) translateX(10px);
    transition: 0.3s;
  }

}
@media screen and (min-width: 1366px) {
  .web-btn {
    margin-top: 45px;
  }
  .web-btn a {
    font-size: 22px;
    height: 60px;
  }
  .web-btn a::after {
    right: 27px;
    width: 33px;
    height: 33px;
  }

}
  .laon-bn-b20 {
      border-radius: 20px;
  }

  .laon-bn a:hover {
	  opacity: 0.7;
  }
/******************************************************************************
 * add
*******************************************************************************/
	.rv-40 {
		font-size: 30px;
		font-weight: 600;
	}

@media screen and (max-width: 768px) {
	.rv-40 {
		font-size: 18px;
		font-weight: 600;
	}
}


.back-y{
	background : #faff3a;
	padding: 5px;
}
.blue-g {
    background: linear-gradient(97.61deg, #0a8be9 13.66%, #0ae9ad 101.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modListPageMenu__item {
overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(97.61deg, #0A8BEA 13.66%, #0ae9ad 101.36%);
    padding: 6px;}
@media screen and (min-width: 769px) {
	.modListPageMenu__item:not(:first-child) {
		margin: 32px 0 0
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item:not(:first-child) {
		margin: 17px 0 0
	}
}
.modListPageMenu__item__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__inner {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.modListPageMenu__item__inner:hover .modBtn--black .modBtn__link {
		color: #fff;
		background: var(--black)
	}
	.modListPageMenu__item__inner:hover .modBtn--white .modBtn__link {
		color: var(--black);
		background: var(--white)
	}
	.modListPageMenu__item__inner:hover .modListPageMenu__item__img img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
	.modListPageMenu__item__inner--center {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
	.modListPageMenu__item__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.modListPageMenu__item__inner--reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}
.modListPageMenu__item__inner[target=_blank] .modBtn__link::after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url("../img/common/icon_blank_black.svg") no-repeat 0 0;
	background-size: 100%
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__inner[target=_blank] .modBtn__link::after {
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__inner[target=_blank]:hover .modBtn__link::after {
		background-image: url("../img/common/icon_blank_white.svg")
	}
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;

		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 60%;
		padding: 40px 100px;
		background: #fff;
		border-radius: 20px 0 0 20px;
	}
}
@media screen and (min-width: 1023px)and (max-width: 1150px) {
	.modListPageMenu__item__body {
		padding: 30px 40px
	}
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
	.modListPageMenu__item__body {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		padding: 40px
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		padding: 25px 20px;
		background: #fff;
		border-radius: 0 0 20px 20px
	}
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title {
		margin: 0 -50px 0 0
	}
}
@media screen and (min-width: 1023px)and (max-width: 1150px) {
	.modListPageMenu__item__body .title {
		margin: 0
	}
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
	.modListPageMenu__item__body .title {
		margin: 0
	}
}
.modListPageMenu__item__body .title__lead {
	line-height: 1.5;
	letter-spacing: .04em;
	font-weight: 700;
	margin: 0 0 5px
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__lead {
		font-size: 20px;
		font-size: 2rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .title__lead {
		font-size: 16px;
		font-size: 1.6rem
	}
}
.modListPageMenu__item__body .title__main {
	font-weight: 500;
	letter-spacing: .04em;
	margin-top: 20px;	
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__main {
		font-size: 34px;
		line-height: 1.4
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .title__main {
		font-size: 28px;
		line-height: 1.6
	}
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__main--small {
		font-size: 36px;
		font-size: 3.6rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .title__main--small {
		font-size: 26px;
		font-size: 2.6rem
	}
}
.modListPageMenu__item__body .title__main__sub {
	line-height: 1.5;
	letter-spacing: .04em;
	font-weight: 700;
	margin: 0 0 5px
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__main__sub {
		font-size: 20px;
		font-size: 2rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .title__main__sub {
		font-size: 16px;
		font-size: 1.6rem
	}
}
.modListPageMenu__item__body .title__main__label {
	background: var(--black);
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	padding: 4px 8px 6px;
	line-height: 1
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__main__label {
		margin: 0 0 0 12px;
		font-size: 18px;
		font-size: 1.8rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .title__main__label {
		font-size: 14px;
		font-size: 1.4rem
	}
}
.modListPageMenu__item__body .title__main__label span {
	font-family: "Oswald", sans-serif
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__main__label span {
		font-size: 36px;
		font-size: 3.6rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .title__main__label span {
		font-size: 24px;
		font-size: 2.4rem
	}
}
.modListPageMenu__item__body .title__main .modTag {
	margin: 0 20px 0 0
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .title__main .modTag {
		font-size: 18px;
		font-size: 1.8rem;
		vertical-align: 10px
	}
}
.modListPageMenu__item__body .text {
	line-height: 1.8;
	letter-spacing: .04em
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .text {
		margin: 40px 0 30px 0;
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .text {
		margin: 26px 0 20px 0;
	}
}
.modListPageMenu__item__body .condition {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .condition {
		gap: 20px;
		margin: 28px 0 0
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .condition {
		gap: 16px;
		margin: 24px 0 0
	}
}
.modListPageMenu__item__body .condition__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	aspect-ratio: 1/1;
	text-align: center;
	border-radius: 8px;
	background: var(--bg_gray);
	font-weight: 700
}

@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .condition__item {
		width: 92px;
		font-size: 16px;
		font-size: 1.6rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .condition__item {
		width: calc(33.3333333333% - 11px);
		font-size: 14px;
		font-size: 1.4rem
	}
}
.modListPageMenu__item__body .condition__item strong {
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	line-height: 1
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .condition__item strong {
		font-size: 32px;
		font-size: 3.2rem
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .condition__item strong {
		font-size: 30px;
		font-size: 3rem
	}
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__body .modBtn {
		margin-top: 27px;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__body .modBtn {
		margin-top: 24px
	}
}
.modListPageMenu__item__img {
	overflow: hidden
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__img {
		aspect-ratio: 83/80;
		width: 40%;
		border-radius: 0 20px 20px 0
	}
}
@media screen and (min-width: 768px)and (max-width: 1023px) {
	.modListPageMenu__item__img {
		aspect-ratio: 41/25;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__img {
		aspect-ratio: 41/25;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		border-radius: 20px 20px 0 0
	}
}
.modListPageMenu__item__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__img img {
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__link {
		padding: 30px 100px
	}
}
@media screen and (max-width: 768px) {
	.modListPageMenu__item__link {
		padding: 0 0 30px
	}
}
.modListPageMenu__item__link .modBtn {
	margin: 0
}
@media screen and (min-width: 769px) {
	.modListPageMenu__item__link .modBtn {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}
.btn-v.btn--primary {
	position: relative;
	width: 220px;
	padding: 15px 50px 15px 20px;
	overflow: hidden;
	border: none;
	border-radius: 100vh;
	background-color: #e2e2e1;
	color: #000;
	font-weight: 700;
	text-align: left;
	transition: all .4s cubic-bezier(.37, 0, .63, 1);
	transition-timing-function: cubic-bezier(.37, 0, .63, 1)
}
@media (max-width:767px) {
	.btn-v.btn--primary {
		width: 200px
	}
}
@media (max-width:575px) {
	.btn-v.btn--primary {
		min-width: 160px;
		padding: 12px 50px 12px 20px
	}
}
.btn-v.btn--primary .btn--primary__str {
	display: block;
	z-index: 3;
	position: relative;
	width: 100%
}
.btn-v.btn--primary .btn--primary__circle {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 30px;
	margin-top: -15px
}
@media (max-width:575px) {
	.btn-v.btn--primary .btn--primary__circle {
		width: 26px;
		height: 26px;
		margin-top: -13px
	}
}
.btn-v.btn--primary .btn--primary__circle:before {
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	transform-origin: center center;
	border-radius: 100%;
	background-color: #bdbdbd;
	content: "";
	transition: all .4s cubic-bezier(.37, 0, .63, 1);
	transition-timing-function: cubic-bezier(.37, 0, .63, 1)
}
@media (max-width:575px) {
	.btn-v.btn--primary .btn--primary__circle:before {
		width: 26px;
		height: 26px;
		margin-top: -13px
	}
}
.btn-v.btn--primary .btn--primary__circle:after {
	position: absolute;
	top: 50%;

	right: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	margin-right: -3px;
	transform-origin: center center;
	border-radius: 100%;
	background-color: #e2e2e1;
	content: "";
	transition: all .2s cubic-bezier(.55, .085, .68, .53);
	transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
.btn-v.btn--primary .btn--primary__circle svg {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	margin-top: -5.5px;
	margin-left: -5px;
	transform: translateX(-4px);
	opacity: 0;
	transition: all .2s cubic-bezier(.37, 0, .63, 1);
	transition-timing-function: cubic-bezier(.37, 0, .63, 1)
}
.modListPageMenu__item__inner:hover .btn-v.btn--primary {
	color: #fff;
	text-decoration: none
}
.modListPageMenu__item__inner:hover .btn-v.btn--primary .btn--primary__circle:before {
	transform: scale(16);
	background-color: #0084cf
}
.modListPageMenu__item__inner:hover .btn-v.btn--primary .btn--primary__circle:after {
	transform: scale(5)
}
.modListPageMenu__item__inner:hover .btn-v.btn--primary .btn--primary__circle svg {
	transform: translateX(0);
	opacity: 1
}
.btn-v.btn--primary.\--black {
	background-color: #2a3233;
	color: #fff
}
.modListPageMenu__item__inner:hover .btn-v.btn--primary.\--hover__gray {
	color: #000
}
.modListPageMenu__item__inner:hover .btn-v.btn--primary.\--hover__gray.modListPageMenu__item__inner:hover  .btn--primary__circle:before {
	background-color: #bdbdbd
}