@charset "utf-8";

/* header */
/*blog*/
.blog_header-img {
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/*program1*/
.program1_header-img {
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* profile */
.profile_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* program */
.program_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* group */
.group_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* contact */
.contact_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* info */
.info_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* single */
.single_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* archive */
.archive_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}

/* etc */
.etc_header-img{
    height: 100vh;
    max-height: 300px;
    background-image: url(../img/25202677_m_s1.jpg);
    background-position: center;
    background-size: cover;
}
/* End:header */


.container2 {
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 25px;
}

/* program */
.program1 {
    /* height: 1880px; */
    width: 93%;
    background-color: #f4e1e1;
    padding: 10px 30px;
    z-index: 20;
}

.program2 {
    height: 960px;
    width: 93%;
    background-color: #8fbad4;
    float: right;
    z-index: 15;
    margin-left: 7%;
    top: 1680px;
    padding: 10px 90px;
}

/* programタイトル */
.program1 h2 {
	font-style: normal;
	font-size: 3em;
    font-weight: 400;
    text-transform: none;
	margin-top: 0;
    /* margin-left: 1em; */
	border-bottom: solid 1px #D86F7C;
	color: #F78DA7;
}
/***********************************/
.cunder-line{
    width: 100%;
    border-bottom: solid 1px #D86F7C;
}

/* conP */
.conP {
    background-color: #f4e1e1;
    width: 93%;
    padding: 10px 30px;
    z-index: 20;
    color: #000;
    padding-top: 30px;
    min-height: 400px;
}

.conP p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.8;
	opacity: 0.8;
}

.conP .figure-left {
	float: left;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
    margin-left: 0;
}

.conP .figure-right {
	float: right;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
}
.conP .container {
	width: 100%;
    max-width: 1280px;
}

.conP .text {
    /* padding-bottom: 80px; */
}

.conP figure img {
    max-height: 300px;
    max-width: 400px;
}


@media (max-width: 1280px){
	.conP .container {
		max-width: 1200px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.conP .figure-left {
		display: block;
        float: none;
        clear: both;
	}

    .conP .figure-right {
		display: block;
        float: none;
        clear: both;
	}

	.conP figure img {
        display: block;
        clear: both;
        margin:0 auto;
	}

	.conP .text {
		/* padding: 10%; */
		max-width: 1200px;
	}
}

@media (max-width: 700px){
	.conP figure {
		margin: 10%;
	}
}

@media (max-width: 780px){
    .conP figure img {
        max-height: calc(100vw / 3);
        max-width: 300px;
    }
}

@media (max-width: 660px){
    .conP figure img {
        max-height: calc(100vw / 3.8);
    }
}

/* conP2 */
.conP2 {
    background-color: #55AAAA;
    width: 93%;
    padding: 10px 30px;
    z-index: 20;
    color: #fff;
    padding-top: 30px;
    min-height: 400px;
}

.conP2 p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.8;
	opacity: 0.8;
}

.conP2 .figure-left {
	float: left;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
    margin-left: 0;
}

.conP2 .figure-right {
	float: right;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
}
.conP2 .container {
	width: 100%;
    max-width: 1280px;
}

.conP2 .text {
    /* padding-bottom: 80px; */
}

.conP2 figure img {
    max-height: 300px;
    max-width: 400px;
}


@media (max-width: 1280px){
	.conP2 .container {
		max-width: 1200px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.conP2 .figure-left {
		display: block;
        float: none;
        clear: both;
	}

    .conP2 .figure-right {
		display: block;
        float: none;
        clear: both;
	}

	.conP2 figure img {
        display: block;
        clear: both;
        margin:0 auto;
	}

	.conP2 .text {
		/* padding: 10%; */
		max-width: 1200px;
	}
}

@media (max-width: 700px){
	.conP2 figure {
		margin: 10%;
	}
}

@media (max-width: 780px){
    .conP2 figure img {
        max-height: calc(100vw / 3);
        max-width: 300px;
    }
}

@media (max-width: 660px){
    .conP2 figure img {
        max-height: calc(100vw / 3.8);
    }
}

/********************************************/
.program_bg {
    padding: 0 90px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100vw;
    max-width: 1380px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 660px){
    .program_bg {
        padding: 0 3% 0px;
    }
}

.program_bg_title {
	font-style: normal;
	font-size: 3em;
    font-weight: 400;
    text-transform: none;
	margin-top: 0;
    /* margin-left: 1em; */
	border-bottom: solid 1px #D86F7C;
	color: #F78DA7;
}

/* conProgram */
.conProgram {
    width: 100%;
    padding: 10px 0px;
    padding-right: 100px;
    z-index: 20;
    color: #000;
    padding-top: 30px;
    min-height: 400px;
}

.cunder-line{
    width: 100%;
    border-bottom: solid 1px #D86F7C;
}


.conProgram p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.8;
	opacity: 0.8;
}

.conProgram .figure-left {
	float: left;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
    margin-left: 0;
}

.conProgram .figure-right {
	float: right;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
}
.conProgram .container {
	width: 100%;
    max-width: 1280px;
}
.conProgram figure img {
    max-height: 300px;
    max-width: 400px;
}

.conProgram img{
    margin-bottom: 50px;
}

/*1280px以上*/
@media (max-width: 1280px){
	.conProgram .container {
		max-width: 1200px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.conProgram .figure-left {
		display: block;
        float: none;
        clear: both;
	}

    .conProgram .figure-right {
		display: block;
        float: none;
        clear: both;
	}

	.conProgram figure img {
        display: block;
        clear: both;
        margin:0 auto;
	}

	.conProgram .text {
		max-width: 1200px;
	}
}

@media (max-width: 700px){
	.conProgram figure {
		margin: 10%;
	}
}

@media (max-width: 780px){
    .conProgram figure img {
        max-height: 400px;
        max-width: 300px;
    }
}

@media (max-width: 660px){
    .conProgram figure img {
        max-height: 400px;
        /* max-width: calc(50% - 10px); */
    }
}


.text_info_box {
    padding: 40px 50px;
    /* background: #E7EBE6; */
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 18px;
}
/* 480px未満 */
@media (min-width:480px){
    .text_info_box {
        padding: 0px;
        font-size: 16px;
    }
    .conProgram{
        padding-right: 10px;
    }
    /* .has-medium-font-size{
        font-size: 1.2em !important;
        padding: 0px;
    } */
}

.li_icon_img {
    background-image: url(../img/brown_check_icon.png);
    background-repeat: no-repeat;
    padding-right: 20px;
}
.program_info{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0px;
    width: 100%;
}
.program_info h3 {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.06em;
    line-height: 32px;
    text-align: left;
    color: #252a73;
    padding: 12px 30px 12px 40px;
    border-radius: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #f4e1e1;
}

.program_info2{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0px;
    width: 100%;
}
.program_info2 h3 {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.06em;
    line-height: 32px;
    text-align: left;
    color: #252a73;
    padding: 12px 30px 12px 40px;
    border-radius: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #BCE2E8;
}

.program_info_text{
    margin-left: 10%;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.06em;
    line-height: 32px;
    text-align: left;
    color: #010201;
}
/* 480px未満 */
@media (min-width:480px){
    .program_info_text{
        margin-left: 5%;
        font-size: 16px;
    }
}

/********************************************/
.program_color_b{
    color: #252a73;
}
.program_color_r{
    color: #FF00FF;
}

.program_font_ll{
    font-size: 20px !important;
}

.program_font_l{
    font-size: 18px !important;
}
.program_font_m{
	font-size: 16px !important;
}

/* 480px未満 */
@media (min-width:480px){
    .program_font_ll{
        font-size: 18px !important;
    }
    .program_font_l{
        font-size: 16px !important;
    }
    .program_font_m{
        font-size: 14px !important;
    }
}

.program_font_s{
	font-size: 13px !important;
}

.program_font_margin{
    margin-left: 2%;
}

.program_margin_s{
    margin-left:6%;
    margin-right:7%;
}


.program_margin_top{
    margin-top: 30px;
}

.program_margin_top_s{
    margin-top: 30px;
}

/* 720px未満 */
@media (max-width:720px){
    .program_margin_s{
        margin-left:3%;
        margin-right:3%;
    }
}
@media (max-width:480px){
    .program_margin_s{
        margin-left:1%;
        margin-right:1%;
    }
    .program_margin_top_s{
        margin-top: 16px;
    }
}

/***************************************************************/
/* conZ */
.conZ {
    background-color: #8fbad4;
    width: 93%;
    padding: 10px 30px;
    z-index: 20;
    color: #000;
    padding-top: 30px;
    min-height: 350px;
    margin-left: 7%;
}

.conZ p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.8;
	opacity: 0.8;
}

.conZ .figure-left {
	float: left;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
    margin-left: 0;
}

.conZ .figure-right {
	float: right;
	min-height: 200px;
	max-height: 500px;
	/* min-width: 50%; */
}
.conZ .container {
	width: 100%;
    max-width: 1280px;
}

.conZ .text {
    /* padding-bottom: 80px; */
}

.conZ figure img {
    max-height: 300px;
    max-width: 400px;
}


@media (max-width: 1280px){
	.conZ .container {
		max-width: 1200px;
		max-width: var(--large-width);
		margin-left: auto;
		margin-right: auto;
	}

	.conZ .figure-left {
		display: block;
        float: none;
        clear: both;
	}

    .conZ .figure-right {
		display: block;
        float: none;
        clear: both;
	}

	.conZ figure img {
        display: block;
        clear: both;
        margin:0 auto;
	}

	.conZ .text {
		/* padding: 10%; */
		max-width: 1200px;
	}
}

@media (max-width: 700px){
	.conZ figure {
		margin: 10%;
	}
}

@media (max-width: 780px){
    .conZ figure img {
        max-height: calc(100vw / 3);
        max-width: 300px;
    }
}

@media (max-width: 660px){
    .conZ figure img {
        max-height: calc(100vw / 3.8);
    }
}


/***************************************************************/
/* .top-life-career {
    background-image: url(../img/bg-blue1.png);
    background-repeat: repeat-y;
    padding: 30px 100px 70px 100px;
    position: relative;
    // top: -170px;
    z-index: 5;
    margin-bottom: 0;
    color: #fff;
} */