@charset 'UTF-8';

/* CSS Document */

#contents_set {
	width: 1000px;
	margin: 0 auto;
	padding: 53px 0 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

/* /////////教育プログラム CSS///////// */

/* /////////共通///////// */


/* 下層コンテンツ */
#right_contents .cblk div,#right_contents .cblk dl,#right_contents .cblk dt,#right_contents .cblk dd,#right_contents .cblk ul,#right_contents .cblk ol,#right_contents .cblk li,#right_contents .cblk h1,#right_contents .cblk h2,#right_contents .cblk h3,#right_contents .cblk h4,#right_contents .cblk h5,#right_contents .cblk h6,#right_contents .cblk pre,#right_contents .cblk form,#right_contents .cblk fieldset,#right_contents .cblk input,#right_contents .cblk textarea,#right_contents .cblk p,#right_contents .cblk blockquote,#right_contents .cblk th,#right_contents .cblk td{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#right_contents .cblk {
	padding-bottom: 150px;
}
#right_contents .cblk p {
	padding-bottom: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
#right_contents .cblk > p {
	padding-bottom: 20px;
}
#right_contents > h2#a2 {
	font-size: 25px;
}


#education_contents h3
{
    font-size: 23px;
    font-weight: bold;
    line-height: 64px;

    clear: both;

    text-align: center;
    letter-spacing: 8px;

    color: #5dac30;
    border-bottom: 2px solid #5dac30;
    background-color: #fff;
}

.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

#education_contents .txt
{
    font-size: 15px;
    line-height: 26px;

    padding: 25px 20px 32px 20px;

    color: #323232;
}

/* CSSリンクボタン */
.infot
{
    font-size: 17px;
    font-weight: bold;
    line-height: 16px;
	
	margin:auto;

    width: 390px;
    margin-bottom: 30px;
    padding-top: 15px;

    text-align: right;

    color: #ea5514;
}
.infot a
{
	text-decoration:none;
	color: #ea5514;
}
.infot a:hover
{
    opacity: .5;
}

.linkb
{
    float: right;

    width: 40%;
    height: 45px;
    margin-bottom: 20px;
    padding: 0 15px 15px 15px;
}

.linkb a
{
    font-size: 14px;
    line-height: 43px;

    display: block;

    width: auto;
    height: 43px;
    padding: 0;

    transition: all .3s;
    text-decoration: none;

    color: #fff;
}

.linkb a:hover
{
    opacity: .5;
}

/* 教育プログラム ポイント記事エリア */
div.education_program-contents
{
    display: block;
    overflow: auto;

    margin-bottom: 0;
    padding-top: 18px;

    background-color: #fff;
}

div.education_program-contents-point
{
    font-size: 1.5rem;

    display: block;

    text-align: center;

    color: white;
}

div.education_program-contents-title
{
    font-size: 1.7rem;

    text-align: center;

    color: white;
}

div.education_program-contents .text
{
    font-size: 16px;
	line-height: 1.6;
}

div.education_program-contents .image
{
    font-size: 1.2rem;
}

div.education_program-contents img
{
    width: 100%;
	max-width: 500px;
    height: auto;
}

#right_contents .cblk p.child
{
	font-size: 18px;
    position: relative;
    top: 50%;

    -webkit-transform: translateY(-50%);
    /* Safari( */
            transform: translateY(-50%);
}

/* 教育の特色 各カラー */
.colorA
{
    background-color: #d8bf79;
}

.colorAd
{
    background-color: #e0b036;
}

.colorB
{
    background-color: #79c4d8;
}

.colorBd
{
    background-color: #2dc5e0;
}

/* /////////PC・タブレット用、印刷用///////// */
@media print,
screen and (min-width:500px)
{
    /* 教育プログラム ポイント記事エリア */
    div.education_program-contents-point
    {
        float: left;

        width: 20%;
        height: 43px;
    }
    div.education_program-contents-title
    {
        float: right;

        width: 80%;
        height: 43px;
    }
    div.education_program-contents .text
    {
        float: left;

        width: 45%;
        margin: 1.5rem auto 1.5rem 4%;
    }
    div.education_program-contents .image
    {
        float: right;

        width: 45%;
        margin: 1.5rem 4% 1.5rem auto;
    }
}

/* /////////スマートフォン用、印刷は含まれない///////// */
@media screen and (max-width:1019px)
{
	#contents_set {
        width: 100%;
		padding: 35px 0 0;
		display: block;
	}
	#left_menu {
		display: none;
	}
	#right_contents {
		width: 100%;
	}
	#right_contents h2 {
		font-size: 18px;
		padding-bottom: 12px;
		margin-bottom: 15px;
		position: relative;
        border-bottom: none;
	}
	#right_contents h2 a.sp_view {
		display: block;
        width: 100%;
        height: 45px;
        text-decoration: none;
        font-size: 0;
        position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	#right_contents h2 a.sp_view::after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 45px;
        height: 45px;
		background-image: url("../img/ar_d.png");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center center;
        background-color: #aaaaaa;
	}
	#right_contents h2 a.sp_view.slt::after {
		background-image: url("../img/ar.png");
	}
	#right_contents .cblk {
		padding: 0 25px 15px;
	}
	#right_contents .cblk h3 {
		font-size: 17px;
		line-height: 1.4;
		padding-bottom: 15px;
	}
	#right_contents .cblk > img {
		width: 100%;
		height: auto;
		margin-bottom: 25px;
	}
	#right_contents .cblk .fblk {
		flex-direction: column;
	}
	#right_contents .cblk p a.gbtn {
		font-size: 12px;
		padding: 12px;
		margin: 20px 0;
	}
	a.close_cblk {
		display: block;
        width: 45px;
        height: 45px;
        text-decoration: none;
        font-size: 0;
        background-image: url("../img/ar.png");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center center;
        background-color: #898989;
        margin: -20px -25px 0 auto;
	}

	#right_contents .cblk {
		padding-bottom: 0;
	}
	#right_contents > h2#a2 {
		font-size: 18px;
		line-height: 1.4;
		padding-bottom: 0;
		padding-top: 3px;
	}
	#right_contents > h2#a2 span {
		font-size: 12px;
	}
	#a1 {
        margin-bottom: 0 !important;
    }
    #a1 + .cblk {
        padding-top: 20px;
    }
    #a2 {
        margin-top: 1px !important;
    }
	#a1 + .cblk a.close_cblk {
		margin-bottom: 0;
	}
	
	/* 下層左側メニュー */
    #leftmenu
    {
        float: none;

        width: auto;
        padding: 0 23px 20px 23px;
    }
    #leftmenu h2
    {
        width: auto;
    }
    #leftmenu ul
    {
        display: none;
    }

    /* 下層コンテンツ */
    #education_contents
    {
        width: auto;
        padding: 0;
    }
    #education_contents h3
    {
        font-size: 19px;
        line-height: 40px;

        letter-spacing: 3px;
    }
    #education_contents .txt
    {
        font-size: 12px;
        line-height: 20px;

        padding: 20px 23px 20px 23px;
    }
    
    /* 教育プログラム ポイント記事エリア */
    div.education_program-contents-point
    {
        float: none;

        width: 100%;
        height: 43px;
    }
    div.education_program-contents-title
    {
        line-height: 2rem;

        float: none;

        width: 100%;
        height: 6rem;
    }
    div.education_program-contents .text
    {
        float: none;

        width: 90%;
        margin: 1.5rem auto 1.5rem 4%;
    }
    div.education_program-contents .image
    {
        float: none;
		text-align: center;
        width: 90%;
        margin: 1.5rem 4% 1.5rem auto;
    }

    /* CSSリンクボタン */
    .infot
    {
        float: none;

        width: auto;
        margin-top: 0;
        padding-top: 0;

        text-align: center;
    }
    .linkb
    {
        float: none;

        width: auto;
        margin-top: 10px;

        text-align: center;
    }
    .linkb a
    {
        margin: 0 auto;
    }
}