@charset "utf-8";

.sp{ display: none;}
@media screen and (max-width: 700px) {
    .pc{ display: none;}
    .sp{ display: inherit;}
}

h2.icn {
    color: #91338E !important;
    text-align: center;
    border-bottom: none;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 30px;
}
h2.icn::before {
    background: url(/img/school/icn_ttl.svg)center top/23px no-repeat;
    display: block;
    content: "";
    padding: 30px;
}

@media screen and (max-width: 700px) {
    h2.icn {
    font-size: 20px;        
    }
}

/* mainCopy ----------------- */

.maincopyfl{
    display: flex;
    margin: 0px auto 60px auto;}
.mainCopy {
    color: #e65587;
    width: 50%;
    font-size: 23px;
    margin: 0px;
    padding: 70px 30px 30px 0px;
    line-height: 1.7;
    font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGP明朝M","游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    font-weight: normal;}
.mainv{
    width: 50%;}
.mainv img{
    width: 100%;}

.interview_concept{
	margin-bottom: 85px !important;}
.interview{
	font-size: 14px;
	line-height: 1.8;}
.interview .text_h3{
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 60px;}
.interview .text_h3 span.bd{
	font-weight: bold;
    font-size: 19px;}
.interview .text_h3 span.pb{
    color: #e65587;
    font-weight: bold;
    font-size: 20px;}

@media screen and (max-width: 700px) {
.interview .text_h3{
	font-size: 14px;
    }

.interview .text_h3 span.bd{
    font-size: 16px;}
}

.interview h3{
	margin-bottom: 30px;}
.interview h4{
    position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ffafcd;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;}
.interview h4 span{
    position: absolute;
    right: 0px;
    font-size: 14px;
    font-weight: normal;
    text-align: right;}
.interview h4 span::before{
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
    padding-right: 5px;
    color: #ffafcd;
    /* position: absolute;
    left: 20px;
    top: 25px;*/}
.interview ul.list{
    overflow: hidden;
	width: 100%;
    padding-left: 30px;
    margin-left: 0px;
	margin-bottom: 60px;}
.interview ul.list li{
    font-size: 13px;
    color: #91338E;
    display: list-item;
    list-style: disc;
	float:left;
    /*background: url(../images/list_icon.png) no-repeat 0 50%;*/
    /*display: inline-block; */
	/*padding-left: 0px;*/
	margin-right: 30px;
	width: 30%;}

.interview ul.list li span{
    padding: 0px;
    color:#333;}

/*.interview .list li:last-child{
	width: 50%;
}*/
.contents{
    margin-bottom: 40px;}
.contents img{
	display:block;
	margin:auto;}
.contents .txt{
	margin: 10px 0 40px;
	text-align: center;}
.contentsfl{
    margin: 0px auto 20px auto;
    display: flex;
    flex-wrap: wrap;}
.contentsflnp{
    margin: 0px auto 20px auto;
    display: flex;
    flex-wrap: wrap;}
.contentsfl p.tit{
    text-align: center;
    width: 200px;
    margin: 10px auto;
    font-size: 11px;}
.interview dl{
	width: 31%;
	margin-right: 28px;
}
.interview dl:last-child{
	margin-right: 0;}
@media screen and (max-width: 860px){
    .interview dl{
        width: 30%;
    }
}
.interview dl dt{
	text-align:center;
	margin-bottom: 15px;}
.interview dl dd.plofile{
	margin-bottom: 24px;
    height: 100px;
}
.interview dl dt img{
	width:auto;}
.interview dl dd{
	margin-bottom: 16px;}
.planner_contents{
	overflow: hidden;
	max-width: 1100px;
	margin: 0 auto 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;}
.last{
	margin-right: 0 !important;}
#side ul{
	margin-bottom: 25px;}
/*調整分*/
.main_img{
	line-height: 0;
	width: 940px;
	height: 65px;
	padding-top: 36px;
	margin: 0 auto;}
.ttl_h2 {
	padding: 35px 0 29px 57px;}
.path p {
	padding: 9px 0 8px 0;}
.left {
	width:200px;
	margin-left: 30px;}
.right {
	width:700px;
	padding:0;}
h2.midashi {
    margin: 0px 0px 22px 0px;
    padding: 6px 5px 5px 15px;
    background-color: #91338E;
    border-left: 8px solid #FF98B8;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGP明朝M","游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}

/*---------------------------------------------------------------------------------sidemenu*/
#side_nav1{
	margin: 10px 0 30px 0;}
#side li{
	border-bottom: 1px solid #ebebeb;
	font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGP明朝M","游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size: 15px;
	background: url(../images/side_menu_bg.png) no-repeat 100% 50%;}
#side li a{
	display:table-cell;
	width:180px;
	height: 59px;
	vertical-align:middle;
	line-height: 1.2;
	font-weight: bold;
	color: #515151;}
#side li a:hover{
	color: #999;
	text-decoration: none;}
/* contact ----------------- */
div.contact{margin:0 0 100px}
.contact{line-height: 100%;}
.contact .contactTel{
	font-size: 35px;
	margin: 11px 0px 0px 5px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;}
.contact .contactTxt{font-size: 11px;margin: 1px 0px 0px 15px;color: #666666;}
.contact li {float: left;margin-right: 43px;}
h2.contact{
	padding-bottom: 30px;}
.contact h3{
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px dashed #ffafcd;
	color: #F5578F !important;}
.contact p{
	margin: 0 0 20px;}
h2.contact span{
	font-size: 24px;
	border-bottom: 2px solid #ffafcd;
	padding-bottom: 3px;
	line-height: 0.9;
	letter-spacing: 2px;
	font-weight: normal;}
.floatL {
    float: left;}
.contact .cf{
	margin: 0 0 30px;}
.etc{
    text-align: right;}
.btnint{
    width: 540px;
    height: 80px;
    margin: 60px auto;
    line-height: 80px;
    border-radius: 5px;
    background-color: #91338E;/*#F5578B;*/
    color: #ffffff;
    font-size: 21px;
    text-align: center;
    outline: 1px solid #ffffff;
    outline-offset: -5px;}
.btnint a{
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;}
.btnint a:hover{
    opacity: 0.7;}
/*.btnint a::before{
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
    padding-right: 10px;}*/
.btnint a::after{
    font-family: "Font Awesome 5 Free";
    content: '\f144';
    font-weight: 900;
    padding-left: 20px;}

@media screen and (max-width: 959px){
	.main_img{
		width: 100%;
		margin-top: 93px;
		border-top: 3px solid #91338E;}
	.main_img img{ margin-left: 20px;}
	.path p{ padding: 9px 0 8px 8px;}
	.interview .list li:last-child{ width: 100%;}}
@media screen and (max-width: 700px){
	.interview_concept{ margin-bottom: 0 !important;}
	.main_img img{
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		display: block;}

	.interview ul.list li{
		float: none;
		width:100%;}

	.contents img{ width: 100%;}

	.planner_contents{
		width: 100%;
		margin: 0 auto 50px;}
	.interview dl{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 35px;}
	.interview dl:last-child{ margin-bottom: 0;}
	.interview dl dd.plofile{
        text-align: center;
        height: auto;
    }
	div.contact{ margin: 0 0 50px;}
	.contact .cf{ margin: 0 0 35px;}
	.contact .contactTel{ margin: 11px 0px 15px 5px;}
	.contact li{
		float: none;
		margin-right: 0;
		margin-bottom: 25px;}

    /* mainCopy ----------------- */

.maincopyfl{
    display: flex;
    flex-direction: column;
    margin: 0px auto 60px auto;}
.mainCopy {
    color: #e65587;
    width: 100%;
    font-size: 16px;
    margin: 0px;
    padding: 0px 30px 30px 0px;
    /* border-bottom: 5px solid #FFAFCD; */
    line-height: 1.7;
    font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGP明朝M","游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    font-weight: normal;}
.mainv{
    width: 100%;}
.mainv img{
    width: 100%;}
.btnint{
    width: 90%;
    height: 70px;
    margin: 60px auto;
    line-height: 70px;
    border-radius: 5px;
    background-color: #91338E;/*#F5578B;*/
    color: #ffffff;
    font-size: 16px;
    text-align: center;}
.btnint a{
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;}
/*.btnint a:hover{
    opacity: 0.7;}*/
.btnint a::after{
    font-family: "Font Awesome 5 Free";
    content: '\f144';
    font-weight: 900;
    padding-left: 10px;
    position: absolute;
    right: 20px;
    top: 0px;}
.contents{
    width: 100%;
    margin-bottom: 40px;}
.contents img{
	display:block;
	margin:auto;}
.contents .txt{
	margin: 10px 0 40px;
	text-align: center;}
.contentsfl{
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.contentsfl::after{
  content:"";
  display: block;
  width:30%;}
.contentsfl div{
    width: 30%;
    margin: 5px 0px;}
.contentsfl img{
    width: 100%;}
.contentsfl p.tit{
    text-align: left;
    width: 100%;
    margin: 10px;
    font-size: 11px;}
.contentsflnp{
    margin: 0px auto;
    display: flex;
    flex-direction: column;}
.contentsflnp div{
    margin: 10px auto;
    display: flex;
    flex-direction: column;}
.contentsflnp p img{
    width: 90%;}
h2.midashi {
    margin: 0px 0px 22px 0px;
    padding: 6px 5px 5px 15px;
    background-color: #91338E;
    border-left: 8px solid #FF98B8;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGP明朝M","游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}

.interview ul.list{
    overflow: hidden;
	width: 100%;
    padding-left: 20px;
    padding-right: 30px;
    margin-left: 0px;
	margin-bottom: 0px;}
.interview ul.list li{
    font-size: 13px;
    color: #91338E;
    display: list-item;
    list-style: disc;
    /*background: url(../images/list_icon.png) no-repeat 0 50%;*/
    /*display: inline-block; */
	/*padding-left: 0px;*/
	margin-right: 10px;
	width: 100%;}

}

/* 横幅広めのスマホ（iPhone6Plus等） */
@media screen and  (min-width: 400px) and (max-width: 599px) {
.btnint{
    width: 90%;
    height: 70px;
    margin: 60px auto;
    line-height: 70px;
    border-radius: 5px;
    background-color: #91338E;/*#F5578B;*/
    color: #ffffff;
    font-size: 16px;
    text-align: center;}
.btnint a{
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;}
/*.btnint a:hover{
    opacity: 0.7;}*/
.btnint a::after{
    font-family: "Font Awesome 5 Free";
    content: '\f144';
    font-weight: 900;
    padding-left: 10px;
    position: absolute;
    right: 20px;
    top: 0px;}

.interview ul.list li{
    font-size: 14px;
    color: #91338E;
    display: list-item;
    list-style: disc;
	width: 100%;}
}

/* 横幅狭いスマホ（iPhone5等） */
@media screen and (max-width: 320px) {
.btnint{
    width: 90%;
    height: 70px;
    margin: 60px auto;
    line-height: 70px;
    border-radius: 5px;
    background-color: #91338E;/*#F5578B;*/
    color: #ffffff;
    font-size: 14px;
    text-align: center;}
.btnint a{
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;}
    /*.btnint a:hover{
    opacity: 0.7;}*/
.btnint a::after{
    font-family: "Font Awesome 5 Free";
    content: '\f144';
    font-weight: 900;
    padding-right: 10px;
    position: absolute;
    right: 8px;
    top: 0px;}

.interview ul.list li{
    font-size: 12px;
    color: #91338E;
    display: list-item;
    list-style: disc;
	width: 100%;}
h2.midashi {
    margin: 0px 0px 22px 0px;
    padding: 6px 5px 5px 15px;
    background-color: #91338E;
    border-left: 8px solid #FF98B8;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 1px;
    font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGP明朝M","游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}
}

.l-wrapper {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    padding-top: 27px;
}
@media screen and (max-width: 960px){
    .l-wrapper {
        width: 96%;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }
}
.lecture {
    background-color: #f3eaf4;
    padding-top: 30px;
}
.lecture-list {
    box-sizing: border-box;
}
.lecture-list {
    padding-left: 1em;
    position: relative;
    line-height: 1.6;
    font-size: 16px;
}
.lecture-list li {
    list-style-type: disc;
}
@media screen and (max-width: 700px){
    .lecture-list li,
    .lecture-list li:not(:first-child) {
        margin-top: 15px;
        margin-left: 15px;
    }
.lecture-list {
    font-size: 14px;
}
}
.lecture .example {
    background-color: #fff;
    border-radius: 10px;
}
.lecture .example-ttl {
    background-color: #939;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HGP明朝M", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
}
.lecture .example p {
    padding: 45px 30px 30px;
}
.lecture .example-box {
    padding: 0 30px 30px;
    width: auto;
}
.lecture .example-box dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #939 !important;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HGP明朝M", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
}
.lecture .example-box dt::before,
.lecture .example-box dt::after {
    content: "";
    flex: 1 0 auto;
    height: 1px;
    background-color: #939;
}
.lecture .example-box dt span {
    padding: 0 1em;
}
.lecture .example-box dd {
    margin-bottom: 0;
}
@media screen and (min-width: 701px){
    .lecture .example-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 60px 40px;
    }
    .lecture .example p {
        font-size: 1rem;
    }
}
@media screen and (max-width: 700px){
    .lecture .example-ttl {
        font-size: 20px;
        padding: 20px;
    }
    .lecture .example + .example {
        margin-top: 40px;
    }
    .lecture .example p{
        padding: 30px 18px;
    }
    .lecture .example-box{
        padding: 0 18px 30px;
    }
    .lecture .example-box dt{
        font-size: 18px;
    }
}
.lecture .txt_appeal{
    position: relative;
    margin: 95px auto;
    padding: 0.5em;
    font-size: 30px;
    text-align: center;
}
.lecture .txt_appeal > span{
    display: block;
}
.lecture .txt_appeal::before,
.lecture .txt_appeal::after {
    content: '';
    width: 60px;
    height: 1px;
    background: #939;
    position: absolute;
}
.lecture .txt_appeal::before {
    right: 0;
    bottom: 10px;
}.lecture .txt_appeal::after {
    left: 0;
    top: 10px;
}
.lecture .txt_appeal > span::before,
.lecture .txt_appeal > span::after {
    content: '';
    width: 1px;
    height: 60px;
    background: #939;
    position: absolute;
}
.lecture .txt_appeal > span::before {
    right: 10px;
    bottom: 0;
}
.lecture .txt_appeal > span::after {
    left: 10px;
    top: 0;
}
@media screen and (max-width: 700px){
    .lecture .txt_appeal{
        font-size: 20px;
        padding: 1.4em;
        margin: 38px auto;
    }
}