@charset "utf-8";

/* ----- MV ----- */
.page_mv {
    padding: min(17rem, 170px) 0 min(10rem, 100px);
    background: #fff;
}

.page_mv .container {
    position: relative;
    padding: 0;
    z-index: 1;
    width: calc(100% - 40px);
}

.page_mv .container::before {
    content: "";
    display: inline-block;
    width: min(9.3rem, 93px);
    height: min(68rem, 68px);
    background-image: url(../img/strengths/mv_deco01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    left: min(6.8rem, -68px);
    top: min(10.6rem, 106px);
}

.page_mv .container::after {
    content: "";
    display: inline-block;
    width: min(12rem, 120px);
    height: min(11.2rem, 112px);
    background-image: url(../img/strengths/mv_deco02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    right: min(-2rem, -20px);
    top: min(24rem, 240px);
}

.page_mv_title {
    font-size: min(2.4rem, 24px);
    font-weight: 500;
    font-family: var(--font-ebGaramond);
    color: var(--color-navy);
}

.page_mv_title span {
    font-size: min(7rem, 70px);
    display: block;
    margin-bottom: min(1rem, 10px);
    ;
}

.page_mv_img {
    width: min(82rem, 820px);
    position: absolute;
    top: min(-9rem, -90px);
    left: min(41.3rem, 413px);
    z-index: -1;
}

.bread {
    margin-top: min(14.5rem, 145px);
}

.bread ul {
    display: flex;
    align-items: center;
    gap: min(1rem, 10px);
}

.bread ul li {
    font-size: min(1.3rem, 13px);
}

.bread ul li:empty::before {
    content: "";
    display: inline-block;
    width: min(.5rem, 5px);
    height: min(1rem, 10px);
    background-image: url(../img/icon_arrow_right_gray.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bread ul li a {
    color: var(--color-navy);
}

.page_mv_text {
    text-align: center;
    margin-top: min(14rem, 140px);
    font-weight: bold;
    font-size: min(2.2rem, 22px);
    line-height: 1.8;
}

@media screen and (max-width:799px) {
    .page_mv {
        padding: 4rem 0 2rem;
    }

    .page_mv .container::before {
        width: 6rem;
        height: 4rem;
        left: 1rem;
        top: 20rem;
    }

    .page_mv .container::after {
        width: 8rem;
        height: 6rem;
        right: -2rem;
        top: 3rem;
    }

    .page_mv_title {
        font-size: 1.6rem;
    }

    .page_mv_title span {
        font-size: 4rem;
        margin-bottom: 1rem;
    }

    .page_mv_img {
        width: 100%;
        position: unset;
        position: relative;
        top: -2rem;
        left: 20px;
    }

    .bread {
        margin-top: 2rem;
    }

    .bread ul {
        gap: 1rem;
    }

    .bread ul li {
        font-size: 1.2rem;
    }

    .bread ul li:empty::before {
        width: .5rem;
        height: 1rem;
    }


    .page_mv_text {
        margin-top: 2rem;
        font-size: 1.4rem;
    }
}

/* ----- MV ----- */

.infomation_sec {
    padding: 0 0 min(15rem, 150px);
		background-color: white;
		font-size: min(1.6rem, 16px);
}


.infomation_sec .container {
    padding: min(10rem, 100px) 20px min(12rem, 120px);
}



.infomation_sec_title {
		background-color: var(--color-title-bg);
    color: var(--color-main);
    font-size: min(2.0rem, 20px);		
		border-radius: 5px;
		padding: min(1.6rem, 16px) min(2rem, 20px);
}

.infomation_sec_title > span{
		border-left: 4px solid var(--color-title-border);	
		line-height: 1em;
		padding: min(.4rem, 4px) 0;
		padding-left: min(1rem, 10px);

}

.mt40{
	margin-top: min(4rem, 40px);

}

.infomation_sec .inner{
		padding: min(2.6rem, 26px) min(2rem, 20px);
}
.infomation_sec p{
		line-height: 1.8em;
		margin-bottom: 1em;
}
.infomation_sec .list_items > li{
		position: relative;
		padding-left: 1em;
		margin-bottom: 1em;
}

.infomation_sec .list_items > li::before {
	  content: "";
	  display: inline-block;
	  width: min(.6rem, 6px);
	  height: min(.6rem, 6px);
	  border-radius: 50%;
	  background: var(--color-navy);
	  position: absolute;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
}

.infomation_pdf_list li a {
	  display: inline-flex;
	  align-items: center;
	  gap: 0.3em;
	  text-decoration: underline;
		color: #337AB7;
}

.infomation_pdf_list li a::after {
	  content: "";
	  display: inline-block;
	  width: min(2.3rem, 23px);
	  height: min(2.4rem, 24px);
	  background: url("../img/icon_pdf.png") no-repeat center / contain;
}

.infomation_pdf_list {
		margin-top: min(4rem, 40px);
		
}
.infomation_pdf_list > li{
		margin-bottom: min(2rem, 20px);
}	

.infomation_sec h3{
	margin-bottom: min(2rem, 20px);
	font-size: min(1.6rem, 16px);
}

.infomation_sec .sep{
	border-bottom: 1px solid #DBDBDB;
	width: 100%;
	padding-bottom: .8em;
	margin-bottom: 1.6em;
}
/*
.infomation_sec_list {
    display: flex;
    flex-flow: column;
    gap: min(5rem, 50px);
    margin-top: min(6rem, 60px);
}

.infomation_sec_item {
    display: flex;
    border-radius: min(1.5rem, 15px);
    overflow: hidden;
    background: #fff;
}

.infomation_sec_itemHead {
    width: 400px;
    position: relative;
    padding: min(5.5rem, 55px) min(5rem, 50px) min(5.2em, 52px);
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.type1 .infomation_sec_itemHead {
    background: #2590C9;
}

.type2 .infomation_sec_itemHead {
    background: #12BA94;
}

.type3 .infomation_sec_itemHead {
    background: #EB5E7A;
}

.type4 .infomation_sec_itemHead {
    background: #A788D0;
}

.infomation_sec_itemHead_title {
    font-weight: bold;
    font-size: min(2.4rem, 24px);
    line-height: min(3.8rem, 38px);
    color: #fff;
}

.infomation_sec_itemHead_title span {
    font-weight: 500;
    font-size: min(7.6rem, 76px);
    letter-spacing: 0.04em;
    font-family: var(--font-ebGaramond);
    display: block;
    margin-bottom: min(1rem, 10px);
}

.infomation_sec_itemHead_img {
    width: min(13rem, 130px);
    position: absolute;
    top: min(2.5rem, 25px);
    right: min(3rem, 30px);
}

.infomation_sec_itemBox {
    flex: 1;
    padding: min(4.5rem, 45px) min(5rem, 50px) min(6rem, 60px);
}

.infomation_sec_itemBox_text {
    border-bottom: 1px dotted #bfbfbf;
    padding: min(1.5rem, 15px) 0 min(1.5rem, 15px) min(1.5rem, 15px);
    position: relative;
    line-height: min(2.5rem, 25px);
    font-size: min(1.8rem, 18px);
}

.type1 .infomation_sec_itemBox_text::before {
    content: "";
    display: inline-block;
    width: min(1rem, 10px);
    height: min(1rem, 10px);
    border-radius: 50%;
    background: #2590c9;
    position: absolute;
    left: 0;
    top: min(2.3rem, 23px);
}

.type2 .infomation_sec_itemBox_text::before {
    content: "";
    display: inline-block;
    width: min(1rem, 10px);
    height: min(1rem, 10px);
    border-radius: 50%;
    background: #12ba94;
    position: absolute;
    left: 0;
    top: min(2.3rem, 23px);
}

.type3 .infomation_sec_itemBox_text::before {
    content: "";
    display: inline-block;
    width: min(1rem, 10px);
    height: min(1rem, 10px);
    border-radius: 50%;
    background: #eb5e7a;
    position: absolute;
    left: 0;
    top: min(2.3rem, 23px);
}

.infomation_sec_itemBox_title {
    font-weight: bold;
    font-size: min(2rem, 20px);
    margin-top: min(1.5rem, 15px);
}

.infomation_sec_itemBox_title::before {
    content: "";
    display: inline-block;
    width: min(1rem, 10px);
    height: min(1rem, 10px);
    border-radius: 50%;
    background: #a788d0;
    margin-right: min(.5rem, 5px);
    position: relative;
    top: min(-0.2rem, -2px);
}

.strengths_slider .slick-slide {
    width: min(35rem, 350px);
    margin: 0 min(1.5rem, 15px);
}
*/
@media screen and (max-width:799px) {
    .infomation_sec {
        padding: 0 0 15rem;
				font-size: 1.4rem;

    }

    .infomation_sec .container {
        padding: 6rem 20px 3rem;
        padding:0;
    }

    .infomation_sec_title {
        font-size: 1.8rem;
    }
    .infomation_sec h3 {
					font-size: 1.4rem;
	}    
/*
    .infomation_sec_list {
        gap: 4rem;
        margin-top: 3rem;
    }

    .infomation_sec_item {
        display: block;
    }

    .infomation_sec_itemHead {
        width: 100%;
        padding: 1.5rem 3rem;
    }


    .infomation_sec_itemHead_title {
        font-size: 1.6rem;
        line-height: 1.6;
    }

    .infomation_sec_itemHead_title span {
        font-size: 4rem;
        margin-bottom: 1rem;
    }

    .infomation_sec_itemHead_img {
        width: 8rem;
        top: 2rem;
        right: 2rem;
    }

    .infomation_sec_itemBox {
        flex: 1;
        padding: 2rem;
    }

    .infomation_sec_itemBox_text {
        padding: 1rem 1rem, 1rem;
        line-height: 1.6;
        font-size: 1.4rem;
    }

    .infomation_sec_itemBox_title {
        font-size: 1.8rem;
        margin-top: .5rem;
    }


    .strengths_slider .slick-slide {
        width: 15rem;
        margin: 0 1rem;
    }
*/
}