@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Liter&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*共通パーツ*/
main .palt{
    font-feature-settings: "palt";
}
main .comingsoon{
    margin: 150px auto 29px;
    font-size: 1.7rem;
    text-align: center;
}
main{
        overflow-x: hidden;
}
main select{
        border: 1px solid #000;
    border-radius: 0px;
    width: 220px;
    padding: 10px;
    font-size: 1.6rem;
    margin-bottom: 40px;
}
.mt50{
	margin-top: 50px;
}
.mb20{
    margin-bottom: 20px;
}
.flex_st{
	align-items: flex-start!important;
}
ol {
  -webkit-list-style-type: decimal;
  -moz-list-style-type: decimal;
  list-style-type: decimal;
}
#page .sticky_bg{
	background: #fff;
	padding-bottom: 140px;
}
main .inner{
    width: 90%;
    max-width: 815px;
    margin: 0 auto;
}
main .sec{
	margin-top: 90px;
}
main .sec1{
	margin-top: 50px;
}
/*インデント*/
#page main .t_indent{
    text-indent: -1em;
    padding-left: 1em;
}
#page main .t_indent2{
    text-indent: -2em;
    padding-left: 2em;
}
#page main .t_indent3{
    text-indent: -3em;
    padding-left: 3em;
}
#page main span.t_indent,
#page main span.t_indent2,
#page main span.t_indent3{
    display: inline-block;
}

#page .mv.simple h1{
    color: #3E3A39;
    font-size: 4rem;
    text-align: center;
    top: 43%;	
        max-width: 100%;
}
#page .mv.simple h1 span{
       display: block;
    font-size: 1.8rem;
    letter-spacing: 0.05em; 
}
#page .mv.simple{
    background: #FFFBC7;
    height: 220px;	
}
#page .mv.white  h1{
    top: 50%!important;
    text-shadow: 2px 3px 17px rgba(0, 0, 0, 0.4), 2px 3px 3px rgba(0, 0, 0, 0.4);
    color: #fff;
}
main h2.jp{
	font-size: 3rem;
	text-align: center;
	font-weight: 600;
        color: #3E3A39;
}
main h2.cube{
	font-size: 4rem;
	text-align: center;
	margin-bottom: 30px;
}
main h2.cube .pr{
    position: relative;
    z-index: 2;
    letter-spacing: 0.05em;
    color: #3E3A39;
font-weight: 800;
}
main h2.cube .pr:after{
	background: #009EDE;
	width: 22px;
	height: 22px;
	content: "";
	position: absolute;
	left: -4px;
	top: 6px;
    z-index: -1;
}
main h2.cube_none .pr:after{
	display: none;
}
main h2.cube_none{
	margin-bottom: 50px;
}
main h2.cube .small{
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    margin-top: -3px;
}
main h3.normal{
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}
main .breadcrumb .inner{
    width: 90%;
    max-width: 1020px;
    padding-left: 20px;
    padding-top: 6px;
}
main .breadcrumb a,
main .breadcrumb span{
	font-size: 1.4rem;
}
main .fukidashi{
	width: 90%;
    max-width: 510px;
	display: block;
	margin: 0 auto;
}
main .caption{
    font-size: 1.4rem;
}
main .checklist{
	width: 90%;
    max-width: 510px;
	display: block;
	margin: 30px auto 0;
}
main .checklist li{
    position: relative;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 50px;
}
main .checklist li:before{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-image: url(../img/check.png);
    width: 28px;
    height: 24px;
    content: "";
}
.archi_year2 main .checklist li:before{
    background-image: url("../../cource/expert/img/check2.png");
}
.archi_year2 main h2.cube .pr:after{
background:#DCBF4C;
}
.standard main h2.cube .pr:after{
        background: #009EDE;
}
.standard main .checklist li:before{
    background-image: url("../img/check.png");
}
main .fukidashi p{
	text-align: center;
	font-size: 2rem;
}
main .table_line1{
    width: 90%;
    max-width: 577px;
    margin: 0 auto 15px;
}
main .table_line_last{
	margin-bottom: 0px;
}
main .ttl_border{
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding: 20px 13px 10px;
    margin-bottom: 14px;
}
main .table_line1 .honbun{
	padding: 0 13px;
}
main .red{
	color: #BE3E3B;
}
.bold{
	font-weight: 600;
	font-size: 1.8rem;
}
.center{
	text-align: center;
}
.honbun{
    font-size: 1.8rem;
    line-height: 2;
	font-family:'游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
.honbun16{
    font-size: 1.6rem;
    line-height: 1.8;
	font-family:'游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
.honbun18{
    font-size: 1.8rem;
    line-height: 2;
	font-family:'游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
#page main .point h3{
	align-items: center;
	justify-content: flex-start;
	    margin-bottom: 9px;
}
#page main .point h3 img{
	width: 45px;
	margin-right: 20px;
}
#page main .point h3 span{
    font-size: 1.8rem;
    margin-top: -2px;	
}
#page main .point .honbun{
	font-size: 1.6rem;
}
#page main .point{
    margin-bottom: 47px;
}
#page main .w900{
	width: 90%;
    max-width: 900px;
    margin: 0 auto;
}
#page main .w900 img{
	display: block;
	width: 100%;
}
/*ページネーション*/
main .pagination{
    display: flex;
    justify-content: center;
    margin-top: 132px;

}
main .pagination li{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}
main .pagination li a{
    width: 100%;
    height: 100%;
    display: block;
    color: #000;
    background: #ececed;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
main .pagination li.on a{
    color: #fff;
    background: #595757;

}
/*タイムライン*/
.timeline {
    list-style: none;
    position: relative;
    margin-top: 53px;
}
.timeline:before{
    width: 1px;
    height: 100%;
    content: "";
    background: #000;
    top: 11px;
    left: 4px;
    position: absolute;
}
.timeline > li {
  margin-bottom: 60px;
}
@media ( min-width : 640px ){
  .timeline > li {
        overflow: hidden;
        margin: 0;
        position: relative;
  }
  .timeline-date {
        width: 107px;
        float: left;
        margin-top: 0;
        font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
        font-weight: 600;
        font-size: 1.8rem;
        padding-left: 24px;
        letter-spacing: 0.08em;
  }
  .timeline-content {
        width: 85%;
		float: left;
		padding-bottom: 20px;
  }
  .timeline-content:before {
        content: '';
        width: 10px;
        height: 10px;
        background: #000;
        position: absolute;
        left: 0;
        top: 8px;
        border-radius: 100%;
  }
	.timeline-content_last{
		padding-bottom: 0px;
	}
}/*/640px*/

/*アコーディオン*/
.accordion {
    max-width: 750px;
    position: relative;
    margin: 84px auto 0;
}
.accordion-title {
    margin-bottom: 20px;
    color: #000;
    cursor: pointer;
    font-size: 2.2rem;
    padding: 10px 30px;
    border: 1px solid #000;
    font-weight: 600;
}
.accordion-title.open{
	margin-bottom: 0px;
}
.accordion-content {
	display: none;
	padding: 20px 40px 37px;
}
.accordion-content .ttl{
	font-weight: 600;
	font-size: 2rem;
	margin-top: 30px;
	margin-bottom: 13px;
}
.accordion-content .sankaku{
	margin-top: 30px;
}
.accordion-content .sankaku li{
	margin-bottom: 9px;
}
.accordion-title {
	position: relative;
}
.accordion-title::after {
  border-right: solid 1px #000;
  border-top: solid 1px #000;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}

/*table*/
.calendar_date{
	position: relative;
}
.calendar table{
	width: 100%;
	text-align: center;
}
.calendar table th span,.calendar table td span{
text-align: center!important;
    font-size: 3rem!important;
    width: 116px;
    height: 99px;
    vertical-align: top;
}
.calendar table td span{
    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.08em;	
}
.calendar table .has-events .mc-date{
	text-align: center;
	font-size: 3rem;
	width: 80px;
	height: 80px;
	display: inline-block;
	border: 1px solid #2b48ff;
    position: relative;
}
.calendar table .has-events .mc-date .flex{
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.calendar table .has-events .mc-date .flex a{
	margin: 0 2px;
	display: block;
}
.calendar .ttl_area{
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
.calendar .ttl_area .ttl{
    font-size: 8rem;
    font-weight: 300;
    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
.calendar .ttl_area .month{
	font-size: 5rem;
	font-weight: 500;
}
.calendar .ttl_area .en{
    font-size: 4rem;
    font-weight: 300;
    padding-left: 20px;
}
.calendar .ttl_area .label p{
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.calendar .ttl_area .label img{
	margin-right: 10px;
	display: block;
}
.calendar .sat{
	color: #0098D8;
}
.calendar .sun{
	color: #E2373A;
}
.calendar .mc-date-container{
    display: flex;
    justify-content: center;
}
.calendar .mc-main td{
	width: 80px;
	height: 80px;
    position: relative;
}
.calendar .mc-date-container{
    width: 80px;
	height: 80px;
}
.mc-main .mc_1 .event-title, .mc-main .mc_1 .event-title a{
    color: #2b48ff !important;
    background: none !important;
}
.mc-main .mc_1 .event-title, .mc-main .mc_1 .event-title a{
    background: none !important;
    padding: 0;
    text-decoration: none;
    font-size: 2.3rem;
    justify-content: center;
}
.mc-main .mc_1 .event-title, .mc-main .mc_1 .event-title a{
    color: #2b48ff !important;
    background: none !important;
    width: auto;
    justify-content: center;
    position: absolute;
    bottom: 0;
}
.calendar .summary{
    background: none !important;
}
/*MV*/
#page .mv{
    width: 100%;
    position: relative;
    height: 568px;
}
#page .mv:after{
max-width: 1440px;
    width: 100%;
    position: fixed;
    top: 65px;
    height: 567px;
    background-position: center;
    background-size: cover;
    display: block;
    z-index: -1;
    content: "";
    left: 50%;
    transform: translateX(-50%) translateY(0%);
}
#page.course .mv:after{
	background-image: url(../../cource/img/mv.png);
}
/*#page.archi_year2 .mv:after{
     max-width: 1020px;
}*/
#page .mv h1{
    width: 80%;
    max-width: 374px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
#page .mv h1 img{
	    width: 100%;
}


/*アンカーリンク*/
main .page_link{
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    background: #000;
    align-items: center;
    justify-content: center;
    padding-bottom: 4px;
}
main .page_link a{
    font-size: 1.8rem;
    text-decoration: none;
    padding-bottom: 30px;
    position: relative;
    color: #fff;
    padding:25px 50px;
	    letter-spacing: 0.05em;
	    font-weight: 700;
}
main .page_link a:after{
    position: absolute;
    bottom: 9px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../../opencampus/img/page_link.png);
    width: 16px;
    height: 9px;
    content: "";
}
/*h2 ボックス*/
main .box_ttl .l{
	display: block;
	width: 202px;
	background: #2b48ff;
	text-align: center;
	color: #fff;
	letter-spacing: 0.05em;
	font-size: 2.8rem;
	padding: 4px;
	box-sizing: border-box;
	border: 2px solid #000;
}
main .box_ttl .s{
	    background: #000;
    display: inline-block;
    color: #daff45;
    padding: 8px 13px;
    font-size: 1.6rem;
    line-height: 1;
}
/*スライダー矢印*/
.prev-arrow,.next-arrow{
	width: 37px;
	position: absolute;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.prev-arrow{
	left: -60px;
}
.next-arrow{
	right: -60px;
}

/*オープンキャンパス*/
#page.opencampus .mv{
	    margin-top: 40px;
}
#page.opencampus .mv:after{
    background-image: url(../../opencampus/img/mv.png);
	background-position: center bottom;
	top: 106px;
}
@media only screen and (max-width: 1250px){  
	#page.opencampus .mv{
		    height: 468px;
	}
	#page.opencampus .mv:after{
		    height: 468px;
	}
	#page.opencampus .mv h1{
        max-width: 460px !important;
	}
}
@media only screen and (max-width: 900px){  
	#page.opencampus .mv{
		          height: 358px;
	}
	#page.opencampus .mv:after{
		         height: 358px;
	}
	#page.opencampus .mv h1{
		max-width: 360px!important;
	}
}
#page.opencampus .mv h1{
    top: 48%;
    max-width: 350px;
}
@media only screen and (min-width: 1250px){  
	#page.opencampus .mv h1{
		max-width: 560px;
	}
}
#page.opencampus main h2.jp {
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 14px;
}
#page.opencampus main .sec1 .honbun{
	font-size: 1.8rem;
	font-weight: 500;
}
#page.opencampus main .txt_flex .honbun{
	font-size: 1.7rem;
	font-weight: 500;
	margin-left: 40px;
	line-height: 1.9;
	position: relative;
	top: -7px;
}
.honbun .bl_bg{
    background: #2b48ff;
    color: #fff;	
	    font-feature-settings: "palt";
}
.honbun .yl_bg{
    background: #daff45;
	    font-feature-settings: "palt";
}
#page.opencampus main .course .obi{
    font-size: 1.8rem;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background: #2b48ff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1;
    padding: 12px 0;
	margin-bottom: 30px;
}
#page.opencampus main .course .flex .box .date .time{
	font-size: 2rem;
	color: #fff;
	margin-top: -16px;
	padding-bottom: 11px;
	    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
}
#page.opencampus main .course .flex .box .btn{
    border: 2px solid #000;
    border-top: none;
    height: 156px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
	position: relative;
}
#page.opencampus main .course .flex{
    justify-content: space-between;
    flex-wrap: wrap;
}
#page.opencampus main .course .flex .box{
    width: 47%;
    text-align: center;
	margin-bottom: 50px;
}
#page.opencampus main .course .flex .box .date{
	background: #2b48ff;
	border: 2px solid #000;
}
#page.opencampus main .course .flex .box .date .day{
    font-size: 5rem;
    color: #fff;
    letter-spacing: 0.05em;
	font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
	    font-weight: 500;
}
#page.opencampus main .course .flex .box .date .day .s{
	font-size: 3rem;
	color: #fff;
	letter-spacing: 0.05em;
	font-weight: 200;
}
#page.opencampus main .course .flex .box .date .day .week{
    font-size: 1.3rem;
    color: #fff;
    width: 23px;
    height: 23px;
	border: 1px solid #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	letter-spacing: 0;
	border-radius: 90px;
	position: relative;
	top: -6px;
}
#page.opencampus main .course .flex .box .date .time{
	font-size: 2rem;
	color: #fff;
	margin-top: -16px;
	padding-bottom: 11px;
}
#page.opencampus main .course .flex .box .btn{
    border: 2px solid #000;
    border-top: none;
    height: 166px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
	position: relative;
}
#page.opencampus main .course .flex .box .btn .in{
	 position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
#page.opencampus main .course .flex .box .btn .black{
    font-size: 1.8rem;
    width: 290px;
    border: 1px solid;
    border-radius: 90px;
    margin: 0 auto 8px;
    padding: 6px 8px;
    box-sizing: border-box;
    line-height: 1;
}
#page.opencampus main a.yoyaku{
    font-size: 1.8rem;
    width: 290px;
    border: 1px solid #000;
    border-radius: 90px;
    background: #000;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
    display: block;
}
#page.opencampus main .more{
    text-align: center;
    font-size: 2.5rem;
    line-height: 1;
    color: #fff;
    background: #2b48ff;
    border: 1px solid #000;
    display: block;
    margin: 0 auto;
    width: 283px;
    text-decoration: none;
    border-radius: 90px;
    padding: 8px;
    letter-spacing: 0.05em;
    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
#page.opencampus main .course2 .obi{
	background: #daff45;
	color: #000;
}
#page.opencampus main .course2 .obi{
	background: #daff45;
	color: #000;
}
#page.opencampus main .course2 .flex .box .date{
	background: #daff45;
	border: 2px solid #000;
}
#page.opencampus main .course2 .flex .box .date .day{
    font-size: 5rem;
    color: #000;
    letter-spacing: 0.05em;
}
#page.opencampus main .course2 .flex .box .date .day .s{
	font-size: 3rem;
	color: #000;
	letter-spacing: 0.05em;
}
#page.opencampus main .course2 .flex .box .date .day .week{
	color: #000;
	border: 1px solid #000;
}
#page.opencampus main .course2 .flex .box .date .time{
	color: #000;
}
#page.opencampus main .course2 .more{
    color: #000;
    background: #daff45;
    border: 1px solid #000;
}
#page.opencampus main .sec3{
	margin-top: 40px;
}
#page.opencampus main .sec5{
	background: #CDDAE8;
	padding: 80px 0;
	margin-top: 110px;
}
#page.opencampus main .sec5 .txt_flex{
	margin-bottom: 50px;
}
#page.opencampus main .sec5 .program_box{
	position: relative;
	background: #fff;
	border: 1px solid #000;
	z-index: 1;
    padding: 50px 80px 35px;
	box-sizing: border-box;
}
#page.opencampus main .sec5 .program_box.h920{
    height: auto;
}
#page.opencampus main .slick-slide{
     margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    width: 100%;   
}
#page.opencampus main .sec5 .program{
	position: relative;
}
#page.opencampus main .sec5 .program .bg{
	background: #daff45;
	border: 1px solid #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10px;
	left: 10px;
	content: "";
}
#page.opencampus main .program_box h3{
	font-size: 3rem;
	text-align: center;
	line-height: 1;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
#page.opencampus main .program_box .main{
display: block;
    margin: 0 auto 24px;
    max-width: 454px;
    width: 90%;
}
#page.opencampus main .program_box .read{
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 20px;
}
#page.opencampus main .program_box .pink{
 font-size: 1.8rem;
    font-weight: 600;
     margin-bottom: 20px; 
    color: #E23331;   
}

#page.opencampus main .program_box .honbun{
	margin-bottom: 25px;
}
#page.opencampus main .sec6 .iframe{
	width: 100%;
	height: 400px;
}
#page.opencampus main .sec6 .iframe iframe{
	display: block;
	height: 100%;
	width: 100%;
}
#page.opencampus main .sec6 h2{
	margin-bottom: 40px;
}
#page.opencampus main .sec6 .honbun{
	font-size: 1.6rem;
	margin: 50px 0;
	    font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
#page.opencampus main .sec6 .honbun .map{
    width: 53px;
    display: inline-block;
    position: relative;
    top: -4px;
    left: 7px;
}
#page.opencampus main .access h3{
    text-align: center;
    font-weight: 600;
    font-size: 2.2rem;
    border-bottom: dotted 2px #000;
    padding-bottom: 10px;
    margin-bottom: 18px;
}
#page.opencampus main .access .read{
	font-weight: 600;
	font-size: 2rem;
	margin-bottom: 16px;
	    font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
#page.opencampus main .sec6 .time .flex{
	align-items: center;
}
#page.opencampus main .sec6 .time{
    width: 653px;
    margin: 0 auto;    
}
#page.opencampus main .sec6 .access .ttl{
font-weight: 600;
    margin-top: 7px;
    margin-right: 20px;
}
#page.opencampus main .sec6 .access .label{
    background: #DAFF45;
    padding: 5px 10px;
    margin-left: 10px;	
	    letter-spacing: 0.05em;
}
#page.opencampus main .sec6 .station span{
	font-size: 1.6rem;
	margin-right: 14px;
}
#page.opencampus main .sec6 .station strong{
	font-size: 2.4rem;
	    letter-spacing: 0.08em;
} 
#page.opencampus main .sec6 .access .img_txt{
	margin-top: 40px;
        align-items: start;
}
#page.opencampus main .sec6 .station .txt img{
	display: block;
	margin: 0 10px;
}
#page.opencampus main .sec6 .access .img_txt .honbun{
	font-size: 1.8rem;
	margin: 0;
	font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
#page.opencampus main .sec6 .access .img_txt img{
	margin-right: 30px;
	display: block;
}
#page.opencampus main .sec6 .access{
	font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
/*オープンキャンパス 詳細ページ*/
#page.opencampus.sub .mv{
	height: 280px;
}
#page.opencampus.sub .mv:after{
    background-image: url(../../opencampus/img/oc_sub_mv.png);
    height: 280px;
}
#page.opencampus.sub .mv h1{
	top: 51%;
}
@media only screen and (min-width: 1250px) {
    #page.opencampus.sub .mv h1 {
        max-width: 296px; 
    } 
}
@media only screen and (max-width: 1250px) {
    #page.opencampus.sub .mv h1 {
        max-width: 300px !important;
    }
}
@media only screen and (max-width: 767px) {
	#page.opencampus.sub .mv:after{
		background-image: url(../../opencampus/img/oc_sub_mv_sp.png);
	}
	#page.opencampus.sub .mv {
		height: 148px;
    }
    #page.opencampus.sub .mv:after {
		height: 148px;
    }
}
#page.opencampus.sub main .breadcrumb .inner{
    padding: 10px 20px 0;
    max-width: 1440px;
    width: 100%;	
}
#page.opencampus.sub main .date{
    text-align: center;
    margin-top: -13px;
}
#page.opencampus.sub main .date .day{
	font-size: 10rem;
	color: #000;
	letter-spacing: 0.1em;
	font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
#page.opencampus.sub main .date .day .s{
    font-size: 6rem;
    color: #000;
    letter-spacing: 0.2em;
    font-weight: 100;
    position: relative;
    top: -7px;
}
#page.opencampus.sub main .date .day .week{
    font-size: 2.3rem;
    color: #000;
    width: 46px;
    height: 46px;
    border: 1px solid #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    letter-spacing: 0;
    border-radius: 90px;
    position: relative;
    top: -14px;
    margin-left: -2px;
}
#page.opencampus.sub main .date .time{
    font-size: 3.5rem;
    color: #000;
    margin-top: -34px;
    padding-bottom: 0;
    font-weight: normal;
}
#page.opencampus.sub main .box_ttl .l{
    display: block;
    margin: 0 auto;
}
#page.opencampus.sub main .box_ttl{
    text-align: center;
    margin-bottom: 60px;
}
#page.opencampus.sub main .sec{
	margin-top: 50px;
}
#page.opencampus.sub main .sec2 .inner{
	width: 590px;
}
#page.opencampus.sub main .sec2 .program_box{
	margin-top: 120px;
}
#page.opencampus.sub main .sec2 .program_box1{
	margin-top: 0px;
}
#page.opencampus.sub main a.yoyaku {
    font-size: 2.6rem;
    width: 239px;
    border: 1px solid #000;
    border-radius: 90px;
    background: #000;
    color: #fff;
    text-decoration: none;
    margin: 68px auto 0;
    display: block;
    text-align: center;
}
#page.opencampus.sub main .program_box .honbun{
	font-size: 1.6rem;
}
#page.opencampus .honbun .caption{
    font-size: 1.3rem;
    display: block;
    margin: 0;
}
/*資格取得*/
#page.licenses .mv{
	background: #000;
	height: 220px;
}
#page.licenses .mv h1{
    color: #fff;
    font-size: 4rem;
    text-align: center;
    top: 43%;
max-width: 100%;
}
#page.licenses.index .sec1 h2{
    font-size: 2.5rem;
    margin-bottom: 24px;
}
#page.licenses .sec3{
	margin-top: 130px;
}
#page.licenses .sec3 h2{
    font-size: 2.5rem;
    text-align: center;	
}
#page.licenses .sec3 .read{
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}
#page.licenses .sec3 h3.obi{
    background: #DADBDB;
    padding: 6px 10px;
    font-size: 1.8rem;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 20px;	
}
#page.licenses .sec3 img{
	width: 100%;
}
#page.licenses .sec3 h3.obi.blue{
	background: #74B8C5;
	color: #fff;
}
#page.licenses .sec3 .box{
	margin-bottom: 50px;
}
#page.licenses main .inner{
	max-width: 750px;
}
#page.licenses main .sec1{
    margin-top: 66px;	
}
#page.licenses main .breadcrumb .inner{
    width: 90%;
    max-width: 1020px;	
}
#page.licenses main .figure{
    margin-top: 140px;
}

/*目指せる資格*/
#page.licenses.goal .mv{
    background-image: url("../../licenses/goal/img/mv.jpg");
    background-size: cover;
    background-position: center;
}
#page.licenses.goal main{
    
}
#page.licenses.goal main{
    
}
#page.licenses.goal main{
    
}
#page.licenses.goal main{
    
}
#page.licenses.goal main{
    
}

/*学校概要*/
#page.about main .inner{
	max-width: 750px;
}
#page.about main .sec1 .flex{
    align-items: flex-end;
    margin-bottom: 30px;
}
#page.about main .sec1 .flex img{
	margin-right: 40px;
}
#page.about main .sec1 .flex .name{
	font-size: 1.8rem;
}
#page.about main .sec1 .honbun18{
    margin-bottom: 23px;
    font-weight: 600;
    line-height: 1.6;
}
#page.about main .sec2 .main{
	    width: 268px;
    margin: 0 auto 60px;
    display: block;
}
#page .caption{
    font-size: 1.2rem;
    margin-top: 3px;	
	    margin-top: 11px;
}
#page.about main .honbun{
    font-size: 1.6rem;
    line-height: 1.8;
}
#page.about main .sec2 .honbun{
    font-size: 1.8rem;
    line-height: 2;	
}
#page.about main .sec3 .main{
    width: 538px;
    display: block;
    margin: 0 auto;
}
#page.about main .accordion-title,
#page.seminar main .accordion-title{
    padding: 0;
    border: none;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
    line-height: 1;	
	margin-bottom: 70px;
}
#page.about main .accordion-title::after{
    height: 16px;
    top: -12%;
    width: 16px;	
}
#page.about main .accordion-title.open{
	margin-bottom: 30px;
}
#page.about main .accordion-content{
    padding: 0 0 100px 0;	
}
#page.about main .accordion-content .honbun{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
#page main ol{
    list-style: decimal;
    padding-left: 18px;	
}
#page main ol li{
	margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 1.6;
}
#page.about .sec4{
    margin-top: 152px;	
}
#page.about .sec5{
    margin-top: 172px;
}

/*建築士の証は「資格」*/
#page.about.strengths1 .sec1{
    margin-top: 68px;	
}
#page.about.strengths1 .bg{
    display: block;
    width: 100%;
}
#page.about.strengths1 h3{
    text-align: center;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 39px;	
}
#page.about.strengths1 .sec1 h2{
    margin-bottom: 63px;
    font-size: 3.6rem;
}
#page.about.strengths1 .honbun{
	text-align: center;
	margin-bottom: 31px;
}
#page.about.strengths1 .honbun{
    font-size: 1.8rem;
    line-height: 2;	
}
#page.about.strengths1 .underline{
display: inline;
    padding-bottom: 14px;
    font-size: 2.8rem;
    /* text-decoration: underline; */
    font-weight: 500;
    font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
border-bottom: 1px solid black;
}
#page.about.strengths1 .sec3{
    margin-top: 142px;
    text-align: center;
}
#page.about.strengths2 .sec1 .flex{
	margin-top: 0px;
}
#page.about.strengths2 .sec .flex{
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    width: 750px;
}
#page.about.strengths2 .sec .flex2 .w48,
#page.about.strengths2 .sec .flex2 .right{
    width: 48.5%;
    margin: 0;
    min-width: 369px;
}
#page.about.strengths2 .sec .flex2 .right img{
	margin: 0;
}
#page.about.strengths2 .sec .flex2 .right img:last-child{
    margin-top: 2px;
}
#page.about.strengths2 .sec .flex img{
    width: 48.5%;
    margin: 0;
    min-width: 369px;
}
#page.about.strengths2 .sec .wide{
    width: 100%;
}
#page .honbun_bold{
    font-size: 1.8rem;
    font-weight: 600;
margin: 12px 0 8px;
}
#page .gr_obi{
    background: #EDEDEE;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 1px;
    margin-top: 22px;
    margin-bottom: 3px;
}
#page.about.strengths2 .sec2 .flex img{
    margin-top: 11px;
}
#page.about.strengths2 main .inner{
	width: 759px;
}
#page.about.strengths2 .sec1{
	margin-top: 0px;
}
#page.about.strengths2 .sec{
	margin-top: 80px;
}
#page.about .breadcrumb .inner{
    width: 90%!important;
    max-width: 1020px!important;
    padding-left: 20px!important;
    padding-top: 6px!important;
}
#page.about main h2.cube .pr{
	font-weight: 800;
}
#page.about main h2.cube_none{
	margin-bottom: 30px;
}
#page.about.strengths2 main .sec2 .honbun{
	font-size: 1.6rem;
	line-height: 1.8;
}
#page.about.strengths3 h3 img{
    width: 171px;
    display: block;
    margin: 40px auto;	
}
#page.about.strengths3 .sec1 h2{
    border-bottom: 1px solid #000;
    text-align: center;
    padding-bottom: 9px;
}
#page.about.strengths3 .sec1 h2 .line1{
    display: block;
    font-size: 2.5rem;
    margin-bottom: 11px;
    letter-spacing: 0.05em;
        color: #3E3A39;
}
#page.about.strengths3 .sec1 h2 .line2{
    display: inline;
    font-size: 8rem;
    letter-spacing: 1.2em;
    text-align: center;
    margin-right: -92px;
        color: #3E3A39;
    font-weight: 600;
}
#page.about.strengths3 h4{
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;	
}
#page.about.strengths3 .honbun18{
	font-weight: 500!important;
	line-height: 2!important;
}
#page main .maru_point .ttl{
    align-items: center!important;
    justify-content: flex-start!important;
    margin-bottom: 10px;
}
#page main .maru_point .ttl img{
	width: 45px;
	margin-right: 20px;
}
#page main .maru_point .ttl p{
    font-size: 1.8rem;
    font-weight: 600;	
}
#page main .maru_point .honbun{
	font-size: 1.6rem;
	line-height: 1.8;
}
#page main .maru_point .box{
    margin-bottom: 50px;	
}
#page.about.strengths3 .sec3{
	margin-top: 120px;
}
#page.about.strengths3 .sec24{
    margin-top: 51px;	
}

/*サイトご利用にあたって*/
#page.privacypolicy h3{
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 12px;
}
#page.privacypolicy main .box{
	margin-top: 87px;
}
#page.privacypolicy .sec1 .box1{
margin-top: 50px;	
}
#page.privacypolicy ol{
	font-size: 1.6rem;
	line-height: 1.8;
}
#page.privacypolicy ol li{
	margin-bottom: 0px;
}
#page.privacypolicy ol li ul.list{
    margin-left: 1.5em;	
}
#page.privacypolicy ol li ul.list li{
	list-style: disc;
	text-indent: 0;
}
#page.privacypolicy ol li ul.list li:before{
    display: none;
}
#page.privacypolicy .mt40{
    margin-top: 30px;
}
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
text-indent: -1em;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
#page.privacypolicy dl{
    display: flex;	
}
#page.privacypolicy dl dt{
    font-size: 1.6rem;
    line-height: 1.6;	
    font-family:'游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
width: 82px;
}
#page.privacypolicy dl dd{
    font-size: 1.6rem;
    line-height: 1.6;	
    font-family:'游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
	    flex: 1;
}


/*course index*/
#page.course.index .mv{
    background: none;
}
#page.course.index .mv:after{
    background-image: url("../../cource/img/mv.jpg");
    background-size: cover;
    height: 220px;
    max-width: 100%;
}
#page.course.index .sec1 .link_area{
    justify-content: space-between;
    align-items: stretch;
    margin-top: 60px;
}
#page.course.index .sec1 .link_area .btn{
	width: 48%
}
#page.course.index .sec1 .link_area .btn a{
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: #009EDE;
    border-radius: 10px;
    padding: 20px 30px;
    text-decoration: none;
    color: #fff;
    text-align: center;
}
#page.course.index .sec1 .link_area .btn .ttl{
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    position: relative;
    padding-right: 33px;
    /* padding-bottom: 50px; */
    margin-bottom: 10px;
}
#page.course.index .sec1 .link_area .btn .ttl .arrow{
    position: absolute;
    top: 7px;
    right: 0;
}
#page.course.index .sec1 .link_area .btn .honbun{
	font-size: 1.4rem;
	line-height: 1.8;
	display: block;	
	text-align: left;
	font-feature-settings: "palt";
}
#page.course.index .sec1 .link_area .btn_y a{
	background: #DCBF4C;
}
#page.course.index .sec1 h2{
    font-size: 2.5rem;
    margin-bottom: 21px;	
}
#page.course.index .course{
    margin-top: 61px;	
}
#page.course.index .course dl{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 16px;
    border-bottom: 1.8px dotted #000;
    margin-bottom: 16px;
}
#page.course.index .course dt{
    display: block;
    width: 200px;
    background: #CCECF8;
    text-align: center;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 7px 0;
    margin-right: 27px;
    line-height: 1.3;
}
#page.course.index .course dt span{
	font-size: 1.3rem;
	font-weight: 500;
}
#page.course.index .course dd{
	flex: 1;
	font-size: 1.7rem;
	line-height: 1.5;
}
#page.course.index .course dt.yellow{
	background: #F8F2DB;	
}
#page.course.index .sec2 h3{
	font-size: 2.4rem;
	padding-bottom: 2px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;	
	position: relative;
}
#page.course.index .sec2 h3.red{
	border-bottom: 1px solid #D6647D;
	color: #000;
}
#page.course.index .sec2 h3.blue{
	border-bottom: 1px solid #009EDE;
}
#page.course.index .sec2 h3.gray{
	border-bottom: 1px solid #C0C1C1;
}
#page.course.index .sec2 h3 span{
font-size: 1.4rem;
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    right: 0;
}
#page.course.index .sec2 dl{
    align-items: flex-start;
    display: flex;
	    margin-bottom: 16px;
}
#page.course.index .sec2 dt{
    font-size: 1.8rem;
    line-height: 1;
    margin-top: 2px;
    width: 72px;
}
#page.course.index .sec2 dd{
	font-size: 1.4rem;
	flex: 1;
}
#page.course.index .sec2 .box{
    margin-bottom: 40px;	
}
#page.course.index .sec2{
	margin-top: 130px;
}


/*教員紹介*/
#page.course.teacher .mv{
    background: none;
}
#page.course.teacher .mv:after{
    background-image: url(../../cource/teacher/img/mv.jpg);
    background-size: cover;
    background-position: center;
    max-width: 100%;
    height: 220px;
}
#page.course.teacher .sec4 .flex{
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#page.course.teacher .pp {
    width: 47%;
    margin-top: 50px;
}
#page.course.teacher .pp .img{
    position: relative;
    width: 171px;
    margin-right: 20px;
}
#page.course.teacher .pp .img img{
	width: 100%;
}
#page.course.teacher .pp .kasd{
width: 57px !important;
    position: absolute;
    top: -10px;
    left: -10px;
}
#page.course.teacher .pp .txt{
    flex: 1;
    font-size: 1.4rem;
}
#page.course.teacher .obi{
    background: #9EA4A4;
    text-align: center;
    padding: 4px;
    letter-spacing: 0.12em;
    color: #fff;
    margin: 10px 0;
}
#page.course.teacher .name{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;	
}
#page.course.teacher .name span{
	font-size: 1.4rem;
	font-weight: 600;
}
#page.course.teacher .pp strong{
	display: block;
}
#page.course.teacher .position li{
    position: relative;
    padding-left: 0;
    text-indent: 1.3em;
    font-feature-settings: "palt";
    display: block;
}
#page.course.teacher .position li:before{
    position: absolute;
    content: "■";
    left: -1.3em;
    top: 0;
}
#page.course.teacher main .inner {
    width: 90%;
    max-width: 852px;
    margin: 0 auto;
}
#page.course.teacher .pp_l .inner {
    width: 90%;
    max-width: 670px;
    margin: 0 auto;
}
#page.course.teacher .pp_l img{
    margin-right: 50px;	
}
#page.course.teacher .pp_l .obi{
    width: 170px;
    margin: 0;
    margin-bottom: 13px;
	font-size: 1.6rem;
}
#page.course.teacher .pp_l .position li{
    font-size: 1.6rem;
    margin-bottom: 6px;
}
#page.course.teacher .pp_l .name{
    border-bottom: 1px solid #000;
    margin-top: 15px;
    margin-bottom: 18px;
    padding-bottom: 28px;
}
#page.course.teacher .pp_l .name strong{
    font-size: 2.5rem;
    display: block;	
	letter-spacing: 0.05em;
}
#page.course.teacher .pp_l .name span{
    font-size: 1.8rem;
    display: block;
    font-weight: 500;
	letter-spacing: 0.05em;
    margin-top: 12px;
}
#page.course.teacher .pp_l .honbun{
	font-size: 1.4rem;
}
#page.course.teacher main h2.jp{
    font-size: 2.5rem;
    margin-bottom: 21px;
}
#page.course.teacher .pp .obi2{
	background: #fff;
	border: 1px solid #000;
	color: #000;
}
#page.course.teacher .kome{
	    font-size: 1.2rem;
    margin-top: 20px;
}

/*建築科*/
#page.course.standard .mv:after{
	background-image: url(../../cource/standard/img/mv.png);	
}
#page.course.standard .mv h1{
    width: 80%;
    max-width: 378px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
#page.course.standard .sec1 .bold{
	line-height: 2;
}
#page.course.standard .sec1 .bold span{
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 13px;
}
#page.course.standard main dl{
    border: 1px solid #000;
    margin-top: 11px;
}
#page.course.standard main dl dt{
    width: 215px;
    background: #009EDE;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    padding: 0 30px;
}
#page.course.standard main dl dt.flexnone{
    display: block;
    padding-top: 18px;
}
#page.course.standard main dl dt.flexnone span{
    display: inline;
    font-size: 1.3rem;
}
#page.course.standard main dl dd{
    width: 100%;
    flex: 1;
    padding: 20px 30px 2px;
}
#page.course.standard main dl dd .in{
    align-items: flex-start;
    margin-bottom: 11px;
}
#page.course.standard main dl dd .label{
    font-size: 1.5rem;
    background: #CDCDCD;
    border-radius: 90px;
    display: inline;
    width: 58px;
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    font-weight: 600;
    margin-right: 10px;
}
#page.course.standard main dl dd .honbun{
    font-size: 1.8rem;
    line-height: 1.4;
	flex: 1;
}
#page.course.standard main .accordion{
	    margin-top: 18px;
}
#page.course.standard main .mt40{
    margin-top: 60px;
    font-size: 2rem;
}
#page.course main .accordion-content img{
    margin-top: 20px;
	width: 100%;
}
#page.course.standard main .accordion-content .honbun{
    font-size: 1.8rem;
    line-height: 2;
}
#page.course.standard main .accordion-content .course .honbun{
    font-size: 1.8rem;
    line-height: 2;
}
#page.course.standard main .accordion-content .course .ttl{
	margin-top: 0px;
}
#page.course.standard main .accordion-content .mb30{
	margin-bottom: 30px;
}
#page main .flex_clm2{
    justify-content: space-between;
   margin: 20px auto;
}
#page main .flex_clm2 img{
    width: 48%;
}
#page main .year .flex{
    flex-wrap: wrap;
    width: 400px;
    margin: 0 auto;
}
#page main .year .flex .box{
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
#page main .year .flex .box img{
    width: 42px;
margin-right: 34px;
}

#page main .year dl{
    display: flex;
    margin-bottom: 6px;
}
#page main .year dt{
    font-size: 2rem;
    font-weight: 600;
        width: 125px;
}
#page main .year dd{
    font-size: 1.8rem;
    font-weight: 500;
}
#page main .year .caption{
    margin: 20px auto 0;
    font-size: 1.1rem;
    text-align: center;
}
#page.seminar .accordion-content{
    padding: 0;
    padding-bottom: 70px;
}
#page.seminar main .accordion-title{
    font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-feature-settings: normal;
    letter-spacing: 0.07em;
    margin-bottom: 68px;
    font-size: 2.5rem;
}
#page.seminar .accordion-content .labo{
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 40px;
}
#page.seminar .accordion-content .labo img{
    width: 256px;
    margin-right: 50px;
}
#page.seminar .accordion-content .profile img{
width: 86px;
    margin-right: 15px;
    position: relative;
    top: 6px;
}
#page.seminar .accordion-content .profile{
    align-items: flex-start;
    margin-top: 7px;
}
#page.seminar .accordion-content .profile .list{
    font-size: 1.3rem;
    list-style: disc;
    margin-left: 17px;
    padding: 0;
}
#page.seminar .mv:after{
    background-image: url("../../cource/seminar/img/mv.png");
}
#page.seminar .mv{
   height: 220px; 
}
#page.seminar .mv:after{
    height: 220px;
}
#page.seminar .mv h1{
       max-width: 450px; 
}
#page.seminar .sec1 h2{
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 20px;
}
#page.seminar h3{
      font-size: 2.5rem;
    text-align: center;
    margin: -20px auto 20px;  
}
#page.seminar main .accordion-title.open{
    margin-bottom: 22px;
}
#page.seminar main .accordion-title span{
    font-size: 1.8rem;
    margin-left: 10px;
} 
#page.seminar .accordion-content .txt{
        font-size: 1.3rem;
    line-height: 1.6;
}
#page.seminar .sanpo .icon{
     width: 93px;
    display: block;
    margin: 20px auto 10px;   
}
#page.seminar .sanpo h4{
      font-size: 2.5rem;
    text-align: center;
    margin-bottom: 16px;  
}
#page.seminar .gallery{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;   
}
#page.seminar .gallery .main{
     width: 495px;
    margin-right: 10px;
}
#page.seminar .gallery .sub{
    width: 245px;  
}
#page.seminar .gallery .sub img{
    width: 100%;
    margin-bottom: 10px;
}
#page.seminar main .inner{
    max-width: 750px;
}
#page.seminar .sanpo h5{
text-align: center;
    margin: 13px auto;
}
#page.seminar .sanpo{
    margin-bottom: 80px;
}
#page.seminar .gallery.row{
        flex-direction: row-reverse;
}
#page.seminar .gallery.row .main{
    margin-right: 0;
    margin-left: 10px;
}
#page.seminar .topics_box{
    margin-bottom: 100px;
}
#page.seminar .topics_box .clm1{
        width: 365px;
    margin: 0 auto 30px;
}
#page.seminar .accordion .info{
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 600;
}
#page.seminar .accordion .name{
    font-size: 1.5rem;
    margin-bottom: 20px;
}
#page.seminar .sec6 .gallery .main{
       width: 500px; 
}
#page.seminar .sec6 .gallery .sub{
           width: 230px;
}
#page.seminar .sec6 .gallery .sub img{
    margin-bottom: 18px;
}
#page.seminar .sec6 .concept .ttl{
    font-size: 1.5rem;
    font-weight: 800;
    background: #000;
    display: inline;
    color: #fff;
    padding: 6px 20px;
    letter-spacing: 0.08em;
}
#page.seminar .sec6 .concept .ttl{
background: none;
    margin: 0;
    padding: 0;
}
#page.seminar .sec6 .concept .ttl span{
    font-size: 1.5rem;
    font-weight: 800;
    background: #000;
    padding: 6px 20px;
    letter-spacing: 0.08em;
    display: inline-block;
     color: #fff;
}
#page.seminar .sec6 .concept .honbun16{
border-top: 1px solid #000;
    padding-top: 20px;
}

/*キャンパスマップ*/
#page.campusmap .mv{
    background: none;
}
#page.campusmap .mv:after{
    background-image: url(../../about/campusmap/img/mv.jpg);
    background-position: bottom;
    background-size: cover;
    height: 220px;
    max-width: 100%;
}
#page.campusmap main img.map{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 140px;
    display: block;
}
#page.campusmap main .sec1 .honbun18{
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 2;
}
#page.campusmap main .sec2 .main{
    width: 416px;
    margin-bottom: 30px;
}
#page.campusmap main .accordion-title{
    width: 520px;
    text-align: center;
    margin: 0 auto 60px;
    font-size: 2.5rem;
}
#page.campusmap main .accordion-content .flex{
    justify-content: space-between;
    flex-wrap: wrap;
    width: 670px;
    margin: 0 auto;
}
#page.campusmap main .accordion-content .flex.center{
        justify-content: center;
}
#page.campusmap main .accordion-content .flex2{
        width: 424px;
}
#page.campusmap main .accordion-content .flex .imgbox{   
    width: 194px;
    margin-bottom: 40px;
}
#page.campusmap main .accordion-content .flex .imgbox img{   
    width: 170px;
    margin: 0 auto;
    display: block;
}
#page.campusmap main .accordion-content .flex .imgbox p{  
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.3;
    margin-top: 12px;
    letter-spacing: -0.05em;
}
#page.campusmap main .ac_none .accordion-title{
    pointer-events: none;
}
#page.campusmap main .ac_none .accordion-title:after{
    display: none;
}
#page.campusmap main .accordion-content{
    padding-bottom: 60px;
}
#page.campusmap main .se3{
    margin-top: 250px;
}
#page.campusmap main .facility_box h3{
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
#page.campusmap main .facility_box h3 span{
     display: block;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;   
}
#page.campusmap main .facility_box h3 .txt2{
font-size: 2rem;
        font-weight: 600;
        display: inline;
}
#page.campusmap main .facility_box img{
    width:350px;
    margin-right: 20px;
}
#page.campusmap main .facility_box h4{
    font-size: 2.4rem;
    margin-bottom: 10px;
    line-height: 1.5;
    letter-spacing: -0.01em;
}
#page.campusmap main .access .ttl{
     text-align: center;
    font-weight: 800;
    letter-spacing: 0.1em;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 4px;
    margin-top: 30px;
    margin-bottom: 15px;   
}
#page.campusmap main .access .flex{
    align-items: flex-start;
}
#page.campusmap main .access .flex img{
    width: 290px;
    margin-right: 40px;
}
#page.campusmap main .access .flex dl{
    font-size: 1.6rem;
    display: flex;
}
#page.campusmap main .access .flex dt{
    margin-right: 10px;
    width: 50px;
}
#page.campusmap main .access .flex dd{
   flex: 1;
}
#page.campusmap main .access .honbun{
    margin-bottom: 23px;
}
#page.campusmap main .facility_box{
    margin-bottom: 100px;
}
#page.campusmap main .facility_box.last{
    margin-bottom: 0px;
}
#page.campusmap main .access .kome{
    font-size: 1.3rem;
    line-height: 1.5;
    display: block;
    margin-top: 7px;
    text-indent: -1em;
    margin-left: 1em; 
}
/*インフォメーション*/
#page.information main .date{
     margin-top: 59px;
    margin-bottom: 17px;
   
}
#page.information.index main .inner{
 max-width: 869px;
}
#page.information main .date .honbun{
    font-size: 1.8rem;
}
#page.information main .article .honbun{
     margin-bottom: 35px;
    font-size: 1.8rem;
    line-height: 2;   
}
#page.information main .label{
    color: #fff;
    padding: 6px 14px;
    font-size: 1.2rem;
}
#page.information main .label .label{
    background: #878787;
    margin-right: 6px;
}
#page.information main .article{
    margin-top: 25px;
}
#page.information main .obi{
    background: #EDEDEE;
    padding: 9px;

}
#page.information main .obi h2{
    font-size: 2rem;
}
#page.information main .page_list .flex{
        justify-content: center;
}
#page.information main .page_list li{
    margin: 0 8px;    
}
#page.information main .page_list li a{
    background: #EDEDEE;
    text-decoration: none;   
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#page.information main .page_list .index a{
        width: 94px;
}
#page.information main .page_list{
    margin-top: 70px;
}
#page.information main .page_list li a:hover{
    color: #000;
}
#page.information main .honbun .red{
    color: red;
}
/*一級建築士最短取得サポート*/
#page.support1 .mv{
    background: none;
}
#page.support1 .mv:after{
background-image: url(../../licenses/support1/img/mv.jpg);
    background-size: cover;
        max-width: 100%;
    height: 220px;
}
#page.support1 .mv.simple h1{
    top: 50%;
}
#page.support1 .sec3 .honbun{
    margin-bottom: 30px;
}
#page main .suuji_1{
    justify-content: space-between;
}
#page main .suuji_1 .left{
    width: 48.5%;
    margin: 0;
    min-width: 369px;
}
#page main .suuji_1 .right{
    width: 48.5%;
    margin: 0;
    min-width: 369px;
}
#page main .suuji_2{
    justify-content: space-between;
    flex-wrap: wrap;
}
#page main .suuji_2.mbtr img{
    margin-bottom: 15px;
}
#page main .suuji_center{
    justify-content: center;
}
#page main .mb30{
    margin-bottom: 30px;
}
#page main .dotted{
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-image: linear-gradient(to right, #000 1px, transparent 1px);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
}
#page main .interview_bx .flex{
    align-items: flex-start;
}
#page main .interview_bx img.main{
    margin-right: 35px;
}
#page main .interview_bx .name{
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 5px; 
}
#page main .interview_bx .year{
    font-size: 1.2rem;
    margin-bottom: 20px;
}
#page main .interview_bx h3{
    font-size: 1.8rem;
    text-align: left;
    margin: 25px 0;
}
#page main .interview_bx .shikaku{
    font-size: 1.2rem;
}
#page main .interview_bx .more_movie{
    display: block;
    margin: 50px auto 0;
    text-align: center;
}
#page main .interview_bx.mb{
    margin-bottom: 190px;
}
/*大学学位（学士）取得*/
#page.university .mv{
    background: none;
}
#page.university .mv:after{
background-image: url(../../licenses/university/img/mv.jpg);
    background-size: cover;
    max-width: 100%;
    height: 220px;
}
#page.university .mv h1{
    top: 50%;
     text-shadow: 2px 3px 17px rgba(0, 0, 0, 0.4), 2px 3px 3px rgba(0, 0, 0, 0.4);
}
#page main img.wide{
    width: 100%;
}

#page main .accordion.faq .accordion-title{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.8rem;
    line-height: 1.4;
}
#page main .accordion.faq .q{
    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    margin-right: 23px;
    margin-left: 0;    
}
#page main .accordion.faq .accordion-content .flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#page main .accordion.faq .accordion-content .a{
    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    margin-right: 23px;
    margin-left: 0;  
}
#page main .accordion.faq .accordion-content .honbun{
    font-size: 1.8rem;
    font-weight: 600;
        line-height: 1.4;
}
#page.university .sec5 h2{
    position: relative;
}
#page.university .sec5 h2 .pr{
    font-family: "Inter", '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
        font-weight: 700;
}
#page.university .sec5 h2:before {
content: '';
    position: absolute;
    bottom: -9px;
    display: inline-block;
    width: 32px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
}
#page main .kome_s{
        font-size: 1.1rem;
    margin-top: 10px;
}
/*高度専門士とは*/
#page.super .mv{
    background: none;
}
#page.super .mv:after{
background-image: url(../../licenses/super/img/mv.jpg);
    background-size: cover;
    max-width: 100%;
    height: 220px;
}
#page.super .mv h1{
    top: 50%;
     text-shadow: 2px 3px 17px rgba(0, 0, 0, 0.4), 2px 3px 3px rgba(0, 0, 0, 0.4);
}
#page.super .sec2 h2,#page.super .sec3 h2{
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
}
#page.super .works{
    background: #EDEDEE;
    padding: 20px 30px;
    box-sizing: border-box;
    margin-top: 27px;
}
#page.super .works .ttl{
    background: #fff;
    font-size: 1.6rem;
    text-align: center;
    padding: 7px 20px;
    box-sizing: border-box;
    border-radius: 90px;
    display: inline-block;
    margin-bottom: 12px;
}
#page.super .works .honbun{
    font-size: 1.2rem;
}
#page.super .maru_point .box{
    margin-bottom: 20px;
}
/*日本で唯一KASDだけ*/
#page.licenses.top .mv{
    position: relative;
    padding-top: 25%;
        background: #e0ff45;
}
#page.licenses.top .mv img{
    width: 100%;
    position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
#page.licenses.top .sec1 .flex{
    justify-content: space-between;
    margin-top: 73px;
}
#page.licenses.top .sec1 .flex a{
    width: 30%;
}
#page.licenses.top .sec1 .flex a img{
    width: 100%;
}
#page.licenses.top .sec1 h2{
    font-size: 3rem;
}


/*NEWS一覧*/
body.news .contents{
    margin-top: 80px;
}
body.news .article dl{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 14px;
        margin-bottom: 30px;
}
body.news .article dt{
    font-weight: 500;
    letter-spacing: 0.05em;
    display: flex;
    font-size: 1.8rem;
    align-items: center;
}
body.news .article .label{
    background: #808080;
    width: 100px;
    display: block;
    text-align: center;
    color: #fff;
    padding: 2px;
    margin: 0 0 0 15px;  
    font-weight: 500;
}
body.news .article dd{
    flex: 1;
    font-weight: 500;
    margin-left: 15px;
    font-size: 1.8rem;
}
body.news .article dd a{
    text-decoration: none;
    position: relative;
}
body.news .article dd a:after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #000000;
bottom: -5px;              
transform: scale(0, 1);     
transform-origin: left top; 
transition: transform 0.3s; 
}

body.news .article dd a:hover:after {
transform: scale(1, 1);   
}
body.news .article dd a:hover{
    color: #000;
    opacity: 1;
}
body.news .article dd a:hover + .label{
    background: #000;
    color: #fff;
}
/*資格とキャリアプラン*/
#page.licenses.plan .mv{
    background: none;
}
#page.licenses.plan .mv:after{
    background-image: url("../../licenses/plan/img/mv.jpg");
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: 220px;
}
#page.licenses.plan .mv h1{
    top: 50%;
}
/*インテリアプランナー資格取得サポート*/
#page.licenses.support2 .mv{
    background: none;
}
#page.licenses.support2 .mv:after{
    background-image: url("../../licenses/support2/img/mv.png");
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: 220px;
}
#page.licenses.support3 .caption{
    text-indent: -3em;
    padding-left: 3em; 
}

/*目指せる資格*/
#page.goal .mv{
    background: none;
}
#page.goal .mv:after{
    background-image: url("../../licenses/goal/img/mv.jpg");
    background-size: cover;
    background-position: center;
    height: 220px;
    max-width: 100%;
}
#page.goal .interview_l{
    margin-bottom: 130px;
}
#page.goal .interview_l .center{
    font-size: 1.4rem;
    margin-bottom: 10px;
}
#page.goal .interview_l .border{
    font-size: 1.8rem;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 0;
    margin-bottom: 50px;
}
#page.goal .interview_l .gr_box{
    background: #ECECED;
    flex-wrap: nowrap;
    width: 96%;
    position: relative;
    right: -31px;
}
#page.goal .interview_l .gr_box img{
position: relative;
    top: -31px;
    left: -31px;
    margin: 0;
    width: auto;
    display: block;
}
#page.goal .interview_l .gr_box .name{
    font-weight: 800;
    font-size: 1.8rem;
}
#page.goal .interview_l .gr_box .year{
    font-size: 1.2rem;
}
#page.goal .interview_l .gr_box .message{
font-size: 1.8rem;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 11px;
}
#page.goal .interview_l .gr_box .honbun{
font-size: 1.4rem;
}
#page.goal .interview_l .gr_box .right{
    flex: 1;
    padding: 40px 40px 0 0;
}
#page.goal .interview_l .shikaku{
    font-size: 1.4rem;
    text-align: left;
    margin-top: 20px;
}
#page.goal .sec2 .flex{
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
#page.goal .interview_s {
    width: 46%;
}
#page.goal .interview_s:last-child{
    margin-bottom: 0px;
}
#page.goal .interview_s .gr_box{
    background: #fff;
    width: 100%;
    display: block;
    position: static;
}
#page.goal .interview_s .gr_box .right{
    padding: 0;
}
#page.goal .interview_s .gr_box img{
    position: static;
    margin: 0 auto 20px;
    width: 80%;
    display: block;
}
#page.goal .interview_s .border{
    margin-bottom: 20px;
}
#page.goal .interview_s .gr_box .name span{
    font-size: 1.3rem;
    font-weight: 500;
    margin-left: 20px;    
}
#page.goal .interview_s .gr_box .message{
     margin-top: 17px;   
}
#page.goal .sec3 .inner{
    width: 90%;
    max-width: 1102px;
    margin: 0 auto;
}
#page.goal .sec3 img{
    display: block;
    margin: 0 auto;
}
#page.goal .sec3 img.img_margin{
    margin: 30px auto 80px;
    display: block;
}
@media only screen and (max-width: 1150px){  
    #page.goal .scroll{
        width: 100%;
        height: auto;
        overflow: scroll;
        margin-top: 60px;
    }
    #page.goal .scroll2{
        height: 400px;
    }
    #page.goal .scroll img{
        width: 1102px;
    }
    #page.goal .sec3 img.img_margin{
        margin: 0;
    }
}/*1150*/

/*資格取得者MOVIE*/
#page.movie .ly_cont {
    display: grid;
    place-content: center;
    padding-block: 21px;
}
#page.movie .bl_selectCont {
  display: none;
}
#page.movie .bl_selectCont.is_active {
  display: revert;
}
#page.movie .bl_selectToggle{
    border: 1px solid #000;
    border-radius: 0px;
    width: 220px;
    padding: 10px;
    font-size: 1.6rem;
    margin-bottom: 40px;
}
#page.movie h2{
    font-size: 4rem;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px; 
}
#page.movie h2:after{
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 50px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
}
#page.movie h3{
    font-size: 2.6rem;
    text-align: center;
    margin-top: 20px;
}
#page.movie main p{
        font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 12px;
}
#page.movie main .box{
    margin-bottom: 170px;
}
#page.movie main .bl_selectToggle_wrapper{
    width: 760px;
}
#page.movie main .box:last-child{
    margin-bottom: 0;
}
#page.movie main .box .movie{
        width: 760px;
    margin: 0 auto;
}
#page.movie main .box .movie video{
        width: 100%;
}

/*二級・木造建築士 在学中資格取得サポート*/
#page.licenses.support3 .mv{
    background: none;
}
#page.licenses.support3 .mv:after{
    background-image: url(../../licenses/support2/img/mv.jpg);
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: 220px;
}
#page.licenses.support3 .sec3 img{
    width: auto;
}
#page.licenses.support3 .sec3 h2{
        font-size: 4rem;
}
#page.licenses.support3 .sec6 .flex{
     flex-wrap: wrap;
    justify-content: space-between;   
}

#page.licenses.support2 .sec3 h2{
    font-size: 4rem;
}

/*topics*/
#page.topics main p{
    line-height: 1.7;
    font-size: 1.6rem;
    margin-top: 20px;
}
#page.topics main img{
    margin-top: 20px;
}
#page.topics main p img{
    margin-top: 0px;
}
#page.topics main p:first-child{
    margin-top: 0px;
}
#page.topics main .article ul{
    line-height: 1.7;
    font-size: 1.6rem;
    margin-top: 20px;
}
#page.topics main a img{
   margin-top: 20px;
}

@media only screen and (max-width: 767px){  
    main select{
    width: 100%;
}
    main .comingsoon{
    margin: 80px auto 59px;
    font-size: 1.6rem;
    text-align: center;
}
	.timeline{
		margin-top: 7%;
	}
	.honbun16{
        font-size: 1.6rem;
        line-height: 1.8;
	}
	.timeline > li{
    margin-bottom: 12px;
    padding-left: 5%;
		position: relative;
	}
	.timeline-content:before{
		        content: '';
        width: 10px;
        height: 10px;
        background: #000;
        position: absolute;
        left: 0;
        top: 8px;
        border-radius: 100%;
	}
	.timeline-date{
		    font-family: '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
    font-weight: 600;
	}
	#page .mv.simple h1{
        font-size: 2.7rem;
        text-align: center;
        top: 45%;
        line-height: 1.3;
        width: 100%;
}
#page .mv.simple{
    height: 148px;
}
    #page .mv.simple:after{
    height: 148px!important;
}
	main h2.cube .pr:after{
    left: -8px;
    top: -2px;
}
	/*MV*/
	#page .mv{
		height: 218px;
	}
	#page .mv:after{
		height: 218px;
		    top: 80px;
	}
	main h2.cube .pr{
		    font-size: 3.2rem;
	}
	main h2.cube .small{
    font-size: 1.3rem;
    margin-top: -9px;
	}
	.mt50{
		margin-top: 10%;
	}
	.honbun{
		font-size: 1.5rem;
	}
	main .fukidashi{
		width: 100%;
	}
	main .checklist{
		width: 100%;
	}
	.accordion-content{
        padding: 5% 7% 10%;
	}
	.accordion{
		width: 100%;
		margin-top: 10%;
	}
	.accordion-title{
		font-size: 1.7rem;
		margin-bottom: 10px;
	}
	.accordion-content .ttl{
		font-size: 1.6rem;
	}
	main .ttl_border{
		font-size: 1.7rem;
		padding-left: 0px;
	}
	main .table_line1{
		width: 100%;
	}
	main h2.cube{
		margin-bottom: 5%;
	}
	main .sec{
		margin-top: 15%;
	}
	main .sec1{
		margin-top: 0%;
	}
	#page .mv h1{
        width: 56%;
	}
    #page.archi_year2 .mv h1{
            max-width: 372px;
    }
	main .breadcrumb {
        margin-bottom: 10%;
        color: #555555;
	}
	main .breadcrumb .inner{
		    width: 90%;
    max-width: 90%;
    padding-left: 0;
    padding-top: 0;
	}
	main .breadcrumb a, main .breadcrumb span{
        font-size: 1rem;
        color: #555555;
        letter-spacing: -0.05em;
	}
	main .fukidashi{
		        width: 100%;
        max-width: 100%;
	}
	main .fukidashi p{
		font-size: 1.8rem;
	}
	main h3.normal{
		font-size: 1.8rem;
	}
	main h2.jp{
        font-size: 2rem;
	}
	#page .sticky_bg{
		padding-top: 5px;
		padding-bottom: 5%;
	}
	main .table_line1 .honbun{
		padding: 0;
	}
	main .page_link a{
		padding: 15px 50px 13px;
		display: block;
		text-align: center;
	}
	main .page_link a:after{
		bottom: -1px;
	}
	main .page_link{
		padding-bottom: 12px;
	}
	#page.opencampus .mv h1{
        width: 142px;
        max-width: 142px !important;
	}
	
	/*オープンキャンパス*/
	#page.opencampus .mv{
		height: 148px;
		margin-top: 15px;
	}
	#page.opencampus .mv:after{
		height: 148px;
		background-position: top;
		top: 95px;
	}
	#page.opencampus main .program_box .main{
		width: 100%;
        max-width: 100%;
	}
	#page.opencampus main .sec6 .time .txt{
		display: flex;
	}
	#page.opencampus main .sec1{
		padding-top: 10%;
	}
	#page.opencampus main .txt_flex .honbun{
		font-size: 1.5rem;
		margin-left: 0;
		position: static;
		line-height: 1.6;
		margin-top: 4%;
	}
	.calendar .ttl_area .ttl{
		font-size: 6rem;
	}
	.calendar .ttl_area .label{
		margin-bottom: 3%;
	}
	.calendar .ttl_area .month{
		font-size: 3.5rem;
	}
	.calendar .ttl_area .en{
		font-size: 3rem;
	}
	.calendar table .pin{
		font-size: 2rem;
		width: 50px;
		height: 50px;
	}
	.calendar table .pin .flex{
		display: flex;
	}
	.calendar table .pin .flex a{
		width: 10px;
		height: 10px;
	}
	.calendar table .pin .flex a img{
		width: 100%;
	}
	.calendar table th span, .calendar table td span{
		font-size: 2rem;
		width: 10%;
		height: 56px;	
	}
	#page.opencampus main .course .flex .box .date .day{
		font-size: 3rem;
	}
	#page.opencampus main .course .flex .box .date .time{
		font-size: 1.5rem;
		color: #fff;
		margin-top: -9px;
		padding-bottom: 5px;
	}
	#page.opencampus main .course .flex .box{
		width: 100%;
		margin-bottom: 5%;
	}
	#page.opencampus main .course .flex .box .btn{
		height: auto;
		padding: 5%;
		position: static;
	}
	#page.opencampus main .course .flex .box .btn .black{
		font-size: 1.5rem;
		width: 80%;
	}
	#page.opencampus main a.yoyaku{
		font-size: 1.5rem;
		width: 80%;
	}
	#page.opencampus main .course .flex .box .btn .in{
		position: static;
		transform: none;
	}
	#page.opencampus main .course2 .flex .box .date .time{
		color: #000;
	}
	#page.opencampus main .sec5{
		padding: 15% 0;
	}
	#page.opencampus main .sec5 .program_box{
		padding: 8%;
	}
    #page.opencampus main .sec5 .program_box.h920{
        height: auto;
    }
	#page.opencampus main .program_box h3{
		font-size: 2rem;
		margin-bottom: 4%;
	}
	#page.opencampus main  .program_box .read{
		font-size: 1.5rem;
	}
    #page.opencampus main .program_box .pink{
        font-size: 1.5rem;
    }
	#page.opencampus main .program_box .honbun{
		margin-bottom: 4%;
	}
	#page.opencampus main .sec6 h2{
		margin-bottom: 5%;
	}
	#page.opencampus main .sec6 .iframe{
		height: 267px;
	}
	#page.opencampus main .access h3{
		font-size: 2rem;
	}
	#page.opencampus main .sec6 .station strong{
		font-size: 1.5rem;
	}
	#page.opencampus main .sec6 .station span{
		font-size: 1.4rem;
		margin-right: 10px;	
	}
	#page.opencampus main .access .read{
		font-size: 1.6rem;
	}
	#page.opencampus main .sec6 .access .ttl{
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 3%;
	}
	#page.opencampus main .sec6 .time .station{
		margin-bottom: 5%;
	}
	#page.opencampus main .sec6 .access .img_txt{
		margin-top: 5%;
	}
	#page.opencampus main .sec6 .access .img_txt img{
		margin-right: 0;
		display: block;
		width: 100%;
	}
	#page.opencampus main .sec6 .access .img_txt .honbun{
		font-size: 1.5rem;
		margin-top: 5%;
	}
	.calendar_date{
		padding-top: 30px;
	}
	.calendar_date .back{
		        right: 0;
        top: 0;
	}
	.calendar_date .next{
		left: unset;
		top: 0;
		right: 48px;	
	}
	#page.opencampus main .sec5 .txt_flex{
		margin-bottom: 8%;
	}
	#page.opencampus main .sec5 .program .prev-arrow{
        right: -16px;
        z-index: 2;
	}
	#page.opencampus main .sec5 .program .next-arrow{
		left: -13px;
		z-index: 2;	
	}
	#page.opencampus .sticky_bg{
		padding-top: 0px;
	}
	#page.opencampus main .sec6 .station .txt img{
		width: 15px;
	}
    #page.opencampus main .sec6 .time{
    width: 100%;
    margin: 0 auto;    
}
	/*オープンキャンパス 詳細ページ*/
	#page.opencampus.sub main .breadcrumb .inner{
        width: 90%;
        max-width: 90%;
        padding-left: 0;
        padding-top: 0;
	}
	#page.opencampus.sub main .sec1{
		padding-top: 0;
	}
	#page.opencampus.sub main .date{
		text-align: center;
		margin-top: -13px;
	}
	#page.opencampus.sub main .date .day{
        font-size: 7rem;
	}
	#page.opencampus.sub main .date .day .s{
		font-size: 5rem;
	}
	#page.opencampus.sub main .date .day .week{
		font-size: 2rem;
		width: 31px;
		height: 31px;
		top: -7px;
		margin-left: -9px;
	}
	#page.opencampus.sub main .date .time{
        font-size: 2.8rem;
        margin-top: -24px;
	}
	#page.opencampus.sub main .box_ttl{
        margin-bottom: 10%;
	}
	#page.opencampus.sub main .sec{
		margin-top: 10%;
	}
	#page.opencampus.sub main .sec2 .inner{
		width: 90%;
	}
	#page.opencampus.sub main .sec2 .program_box{
		margin-top:15%;
	}
	#page.opencampus.sub main a.yoyaku {
        font-size: 2rem;
        width: 90%;
        margin: 10% auto 8%;
        padding: 7px;
	}
	#page.opencampus.sub main .program_box .honbun{
		font-size: 1.5rem;
	}
	/*資格取得*/
	#page.licenses .mv{
		height: 148px;
	}
	#page.licenses .mv h1{
		color: #fff;
		font-size: 2.7rem;
		text-align: center;
		top: 45%;
		line-height: 1.3;
        max-width: 90%;
	}
	#page.licenses.index .sec1 h2{
		font-size: 2rem;
		    margin-bottom: 20px;
	}
	#page.licenses main .sec1{
		margin-top: 0px;
	}
	#page main .point h3{
    align-items: start;
    justify-content: flex-start;
    display: flex;
    margin-bottom: 10px;
	}
	#page main .point h3 img{
	    width: 28px;
    margin-right: 8px;
	}
	#page main .point .honbun{
		font-size: 1.5rem;
	}
	#page main .point{
		margin-bottom: 20px;
	}
	#page.licenses .sec3{
		margin-top: 15%;
	}
	#page.licenses .sec3 h2{
	font-size: 2rem;
    text-align: center;
    line-height: 1.4;	
	}
	#page.licenses .sec3 .read{
		    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 4px;
	}
	#page.licenses .sec3 h3.obi span{
		display: block;
	}
	#page.licenses main .figure{
        margin-top: 15%;
	}
	#page.licenses .sec3 h3.obi{
		font-size: 1.6rem;
	}
	#page.licenses .sec3 .box{
		margin-bottom: 10%;
	}
	main h2.cube_none{
	margin-bottom: 20px;
}
	/*学校概要*/
#page.about main .inner{
	max-width: 90%;
}
#page.about main .sec1 .flex{
    align-items: flex-end;
    margin-bottom: 30px;
}
#page.about main .sec1 .flex img{
        display: block;
        margin: 0 auto 5%;
}
#page.about main .sec1 .flex .name{
        font-size: 1.8rem;
        text-align: center;
}
#page.about main .sec1 .honbun18{
        margin-bottom: 3%;
        font-weight: 600;
        line-height: 1.6;
}
#page.about main .sec2 .main{
        width: 48%;
        margin: 0 auto 5%;
        display: block;
}
#page .caption{
        font-size: 1.2rem;
        margin-top: 12px;
        line-height: 1.8;
}
#page.about main .honbun{
    font-size: 1.6rem;
    line-height: 1.8;
}
#page main .maru_point .honbun{
        line-height: 2;
        font-size: 1.5rem;
}
#page.about main .sec3 .main{
	width: 60%;
	display: block;
	margin: 0 auto;
}
#page.about main .accordion-title{
        padding: 0;
        border: none;
        border-bottom: 1px solid #000;
        padding-bottom: 25px;
        line-height: 1;
        margin-bottom: 29px;
}
#page.about main .accordion-title::after{
    height: 16px;
    top: -12%;
    width: 16px;	
}
#page.about main .accordion-title.open{
	margin-bottom: 30px;
}
#page.about main .accordion-content{
        padding: 0 0 10% 0;
}
#page.about main .accordion-content .honbun{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
#page main ol{
    list-style: auto;
    padding-left: 18px;	
}
#page main ol li{
        margin-bottom: 5px;
        font-size: 1.5rem;
        line-height: 2;
}
#page.about .breadcrumb .inner{
	padding-left: 0!important;
	padding-top: 0!important;
	width: 90%!important;
	max-width: 90%!important;
}
#page.about .sec4{
        margin-top: 20%;	
}
#page.about .sec2{    
    margin-top: 15%;
    }
#page.about .sec5{
    margin-top: 15%;
}
#page.about .sec4 h2.cube .pr{
	font-size: 3.2rem;
	line-height: 1.1;
	display: block;
}
#page.about .sec4 h2.cube .small{
	margin-top: 10px;
}
	.honbun18{
		font-size: 1.6rem;
	}
	
/*建築士の証は「資格」*/
#page.about.strengths1 .sec1{
    margin-top: 60px;	
}
#page.about.strengths1 .bg{
    display: block;
    width: 100%;
}
#page.about.strengths1 h3{
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 39px;	
}
#page.about.strengths1 .sec1 h2{
    margin-bottom: 60px;
    font-size: 2.8rem;
}
#page.about.strengths1 .honbun{
	text-align: center;
	margin-bottom: 6%;
}
#page.about.strengths1 .honbun{
    font-size: 1.5rem;
    line-height: 2;	
}
#page.about.strengths1 .underline{
	font-size: 2.8rem;
	margin-bottom: 10%;
            padding-bottom: 2px;
}
#page.about.strengths1 .sec3{
    margin-top: 20%;
}
	
/*数字が語る教育力*/
#page.about.strengths2 .sec1 .flex{
	margin-top: 0px;
}
#page.about.strengths2 .sec .flex{
    width: 100%;
}
#page.about.strengths2 .sec .flex2 .w48,
#page.about.strengths2 .sec .flex2 .right{
    width: 100%;
    min-width: 100%;
}
#page.about.strengths2 .sec .flex2 .right img{
	margin: 0;
}
#page.about.strengths2 .sec .flex2 .right img:last-child{
    margin-top: 2px;
}
#page.about.strengths2 .sec .flex img{
    width: 100%;
    min-width: 100%;
}
#page.about.strengths2 .sec .inner img{
	width: 100%;
}
#page .honbun_bold{
	font-size: 1.8rem;
	font-weight: 600;
	margin: 12px 0 8px;
}
#page .gr_obi{
    margin-top: 5%;
    margin-bottom: 5%;
}
#page.about.strengths2 .sec2 .flex img{
        margin-top: 0;
}
#page.about.strengths2 main .inner{
	width: 90%;
}
#page.about.strengths2 .sec{
	margin-top: 15%;
}
	#page.about.strengths2 .sec1{
	margin-top: 0px;
}
#page.about main h2.cube .pr{
	font-weight: 800;
}
#page.about main h2.cube_none{
	margin-bottom: 30px;
}
#page.about.strengths2 main .sec2 .honbun{
	font-size: 1.6rem;
	line-height: 1.8;
}

/*教育力*/
#page.about.strengths3 h3 img{
        width: 39%;
        margin: 7% auto;
}
#page.about.strengths3 .sec1 h2 .line1{
    font-size: 1.8rem;
}
#page.about.strengths3 .sec1 h2 .line2{
	font-size: 5rem;
	margin-right: 0;
	justify-content: center;
	position: relative;
	left: 26px;
}
#page.about.strengths3 h4{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 5%;	
}
#page main .maru_point .ttl{
align-items: center;
        justify-content: flex-start!important;
        margin-bottom: 2%;
        display: flex!important;
    flex-wrap: nowrap!important;
}
#page main .maru_point .ttl img{
	width: 45px;
	margin-right: 20px;
}
#page main .maru_point .ttl p{
    font-size: 1.8rem;
    font-weight: 600;	
}

#page main .maru_point .box{
    margin-bottom: 7%;	
}
#page.about.strengths3 .sec3{
        margin-top: 8%;
}
#page.about.strengths3 .sec24{
    margin-top: 15%;	
}
	#page.about.strengths3 main .inner{
		overflow: hidden;
	}
	
/*サイト利用*/
#page.privacypolicy h3{
    font-size: 1.8rem;
}
#page.privacypolicy main .box{
	margin-top: 15%;
}
#page.privacypolicy .sec1 .box1{
margin-top: 8%;	
}
#page.privacypolicy .mt40{
    margin-top: 8%;
}
	
/*course index*/
#page.course.index .sec1 .link_area{
    margin-top: 10%;
}
#page.course.index .sec1 .link_area .btn{
	width: 100%
}
#page.course.index .sec1 .link_area .btn a{
        padding: 7%;
        margin-bottom: 5%;
}
#page.course.index .sec1 .link_area .btn .ttl{
    font-size: 1.8rem;
}
#page.course.index .sec1 .link_area .btn .ttl .arrow{
	top: 0;
}
	#page.course.index .sec1 .link_area .btn .honbun{
		font-size: 1.3rem;
	}
#page.course.index .sec1 h2{
    font-size:2rem;
}
#page.course.index .course{
    margin-top: 15%;	
}
#page.course.index .course dl{
    display: block;
}
#page.course.index .course dt{
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
}
#page.course.index .course dt span{
	font-size: 1.3rem;
	font-weight: 500;
}
#page.course.index .course dd{
	flex: 1;
	font-size: 1.5rem;
	line-height: 1.6;
}
#page.course.index .course dt.yellow{
	background: #F8F2DB;	
}
#page.course.index .sec2 h3{
	font-size: 1.8rem;
}
#page.course.index .sec2 h3 span{
font-size: 1.2rem;
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    right: 0;
}
#page.course.index .sec2 dl{
    align-items: flex-start;
    display: flex;
	    margin-bottom: 16px;
}
#page.course.index .sec2 dt{
    font-size: 1.8rem;
    line-height: 1;
    margin-top: 2px;
    width: 72px;
}
#page.course.index .sec2 dd{
	font-size: 1.5rem;
	flex: 1;
}
#page.course.index .sec2 .box{
margin-bottom: 10%;
}
#page.course.index .sec2{
	margin-top: 15%;
}

/*教員紹介*/
#page.course.teacher .sec4 .flex{
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#page.course.teacher .pp {
    width: 100%;
    margin-top: 15%;
}
#page.course.teacher .pp .img{
    position: relative;
    width: 100%;
    margin-right: 0;
}
#page.course.teacher .pp .img img{
width: 200px;
        display: block;
        margin: 0 auto 5%;
}
#page.course.teacher .pp .kasd{
left: 50px;
}
#page.course.teacher .pp .txt{
    flex: 1;
    font-size: 1.5rem;
}
#page.course.teacher .obi{
    background: #9EA4A4;
    text-align: center;
    padding: 4px;
    letter-spacing: 0.12em;
    color: #fff;
    margin: 10px 0;
}
#page.course.teacher .name{
        margin-bottom: 5%;
}
#page.course.teacher .name span{
	font-size: 1.4rem;
	font-weight: 600;
}
#page.course.teacher .pp strong{
	display: block;
}
#page.course.teacher .position li{
font-size: 1.4rem;
}
#page.course.teacher .position li:before{
    position: absolute;
    content: "■";
    left: -1.3em;
    top: 0;
}
#page.course.teacher main .inner {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}
#page.course.teacher .pp_l .inner {
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}
#page.course.teacher .pp_l img{
        width: 200px;
        margin: 0 auto 5%;
        display: block;
}
#page.course.teacher .pp_l .obi{
    width: 100%;
    margin: 0;
    margin-bottom: 13px;
	font-size: 1.6rem;
}
#page.course.teacher .pp_l .position li{
font-size: 1.4rem;
        margin-bottom: 3px;
}
#page.course.teacher .pp_l .name{
        border-bottom: 1px solid #000;
        margin-top: 8%;
        margin-bottom: 5%;
        padding-bottom: 5%;
}
#page.course.teacher .pp_l .name strong{
    font-size: 2rem;
}
#page.course.teacher .pp_l .name span{
    font-size: 1.6rem;
    margin-top: 6px;
}
#page.course.teacher .pp_l .honbun{
	font-size: 1.4rem;
}
#page.course.teacher main h2.jp{
    font-size: 2rem;
    margin-bottom: 21px;
}
#page.course.teacher .pp .obi2{
	background: #fff;
	border: 1px solid #000;
	color: #000;
}
#page.course.teacher .kome{
	    font-size: 1.2rem;
    margin-top: 20px;
}
	/*建築科*/
#page.course.standard .mv h1{
        width: 57%;
}
#page.course.standard .sec1 .bold{
        line-height: 1.6;
}
#page.course.standard .sec1 .bold span{
        font-size: 1.5rem;
}
#page.course.standard main dl{
        display: flex;
}
#page.course.standard main dl dt{
        width: 100px;
        font-size: 1.4rem;
        padding: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
}
#page.course.standard main dl dt.flexnone{
        padding-top: 44px;
}
#page.course.standard main dl dt.flexnone span{
font-size: 1rem;
}
#page.course.standard main dl dd{
        padding: 4%;
}
#page.course.standard main dl dd .in{
    align-items: flex-start;
    margin-bottom: 11px;
	display: flex;
}
#page.course.standard main dl dd .label{
    font-size: 1.2rem;
        width: 58px;
        display: block;
}
#page.course.standard main dl dd .honbun{
    font-size: 1.4rem;
}
#page.course.standard main .accordion{
	    margin-top: 18px;
}
#page.course.standard main .mt40{
    margin-top: 60px;
    font-size: 1.8rem;
}
#page.course.standard main .accordion-content img{
    margin-top: 20px;
	width: 100%;
}
#page.course.standard main .accordion-content .honbun{
        font-size: 1.5rem;
}
#page.course.standard main .accordion-content .course .honbun{
        font-size: 1.5rem;
} 
    
/*ゼミ*/
#page.seminar .accordion-content{
padding: 0;
}
#page.seminar main .accordion-title{
        padding: 0;
        border: none;
        border-bottom: 1px solid #000;
        padding-bottom: 25px;
        line-height: 1.3;
        margin-bottom: 29px;
    font-size: 1.7rem;
            padding-right: 50px;
}
#page.seminar .accordion-content .labo{
        margin-bottom: 15%;
}
    #page.seminar .accordion-content .txt{
        line-height: 1.8;
    }
#page.seminar .accordion-content .labo img{
        width: 100%;
        margin: 0 auto 5%;
}
#page.seminar .accordion-content .profile img{
        width: 86px;
        position: relative;
        top: 6px;
        margin: 0;
        margin-right: 10px;
}
#page.seminar .accordion-content .profile{
    display: flex;
        margin-top: 2%;
    }
#page.seminar .accordion-content .profile .list{
    font-size: 1.3rem;
    list-style: disc;
    margin-left: 17px;
    padding: 0;
    }
    #page.seminar .gallery{
        display: block;
    }
#page.seminar .mv h1{
        width: 57%;
}
#page.seminar .sec1 h2{
        font-size: 2rem;
    margin-bottom: 6%
}
#page.seminar h3{
        font-size: 2rem;
        margin-top: 20px;
}
#page.seminar .sanpo h4{
      font-size: 2rem; 
}
#page.seminar .gallery .main{
     width: 100%;
    margin-right: 0;
}
#page.seminar .gallery .sub{
    width: 100%;  
    display: flex;
    justify-content: space-between;
    margin-top: 3%;
}
#page.seminar .gallery .sub img{
    width: 48%;
    margin-bottom: 0;
}
#page.seminar main .inner{
    max-width: 90%;
}
#page.seminar .sanpo{
    margin-bottom: 15%;
}
#page.seminar .gallery.row{
        flex-direction: row-reverse;
}
#page.seminar .gallery.row .main{
    margin-right: 0;
    margin-left: 0;
}
#page.seminar .topics_box{
    margin-bottom: 15%;
}
#page.seminar .topics_box .clm1{
        width: 100%;
    margin: 0 auto 5%;
}
#page.seminar .accordion .info{
     font-size: 1.5rem;
    margin-bottom: 10px;  
    font-weight: 600;
}
#page.seminar .accordion .name{
    font-size: 1.5rem;
    margin-bottom: 20px;
}
#page.seminar .sec6 .gallery .main{
       width: 100%; 
}
#page.seminar .sec6 .gallery .sub{
    width: 100%;  
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
#page.seminar .sec6 .gallery .sub img{
    margin-bottom: 18px;
}
#page.seminar .sec6 .concept .ttl{
    font-size: 1.5rem;
    font-weight: 800;
    background: #000;
    display: inline;
    color: #fff;
    padding: 6px 20px;
    letter-spacing: 0.08em;
}
#page.seminar .sec6 .concept .ttl{
background: none;
    margin: 0;
    padding: 0;
}
#page.seminar .sec6 .concept .ttl span{
    font-size: 1.5rem;
    font-weight: 800;
    background: #000;
    padding: 6px 20px;
    letter-spacing: 0.08em;
    display: inline-block;
     color: #fff;
}
#page.seminar .sec6 .concept .honbun16{
border-top: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 10%;
}
    #page.seminar main .sec6 h2.cube{
                line-height: 1;
    }
     #page.seminar main .sec6 h2.cube .small{
             margin-top: 17px;
    }
    #page main .year .flex{
        width: 100%;
    }
    #page main .year dt{
        font-size: 1.6rem;
        width: 92px;
    }
    #page main .year dd{
        font-size: 1.6rem;
    }
    #page main .year .flex .box img{
            width: 33px;
    margin-right: 14px;
    }
    #page main .year .caption{
        font-size: 1.2rem;
    }
    #page.seminar .sanpo h5{
        font-size: 1.8rem;
    }
    #page main .flex_clm2{
        display: flex;
        justify-content: space-between;
    }
    #page main .year .flex .box{
        align-items: flex-start;
    }
    #page.seminar main .accordion-title span{
        font-size: 1.3rem;
        margin: 0;
        margin-top: 5px;
        display: block;
    }
    
    /*キャンパスマップ*/
#page.campusmap main img.map{
    width: 100%;
    max-width: 100%;
    margin: 0 auto 15%;
}
#page.campusmap main .sec1 .honbun18{
        line-height: 1.6;
        font-weight: 500;
        margin-bottom: 23px;
}
#page.campusmap main .sec2 .main{
    width: 100%;
    margin-bottom: 5%;
}
#page.campusmap main .accordion-title{
        padding: 0;
        border: none;
        border-bottom: 1px solid #000;
        padding-bottom: 18px;
        line-height: 1;
        margin-bottom: 29px;
        font-size: 1.5rem;
        padding-right: 0;
        width: 100%;
}
#page.campusmap main .accordion-content .flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
    #page.campusmap main .accordion-content .flex2{
        width: 100%;
}
#page.campusmap main .accordion-content .flex .imgbox{   
        margin: 0 10px 20px;
        width: 42%!important;
        margin-bottom: 20px;
}
    #page.campusmap main .accordion-content .flex .imgbox img{
        width: 100%!important;
    }
    #page.campusmap main .accordion-content .flex .imgbox p{
        font-size: 1.4rem;
    }
#page.campusmap main .accordion-content{
    padding-bottom: 10%;
}
#page.campusmap main .se3{
    margin-top: 15%;
}
#page.campusmap main .facility_box h3{
    font-size: 2rem;
    margin-bottom: 5%;
}
    #page.campusmap main .facility_box h3 span.txt2{
        font-size: 1.5rem;
    }
#page.campusmap main .facility_box h3 span{
    font-size: 1.6rem;  
}
#page.campusmap main .facility_box img{
    width:100%;
    margin-right: 0px;
    margin-bottom: 5%;
}
#page.campusmap main .facility_box h4{
    font-size: 2rem;
    margin-bottom: 5%
}
#page.campusmap main .access .flex img{
width: 71%;
        margin-right: 0;
        margin: 0 auto 5%;
        display: block;
}
#page.campusmap main .access .flex dl{
display: flex;
        font-size: 1.4rem;
}
#page.campusmap main .access .flex dt{
    margin-right: 10px;
    width: 60px;
}
#page.campusmap main .access .honbun{
    margin-bottom: 3%;
    font-size: 1.4rem;
}
#page.campusmap main .facility_box{
    margin-bottom: 15%;
}
    .prev-arrow{
        left: -15px;
                z-index: 1;
    }
    .next-arrow{
        right: -15px;
                z-index: 1;
    }
    #page.opencampus main .sec2 .next-arrow{
        left: unset;
    z-index: 1;
    top: 30px;
    right: 9px;
    transform: none;
    }
    #page.opencampus main .sec2 .prev-arrow{
              left: unset;
        z-index: 1;
        top: 30px;
        right: 57px;
        transform: none; 
    }
/*インフォメーション*/
#page.information main .date{
     margin-top: 0;
}
#page.information main .date .honbun{
    font-size: 1.6rem;
}
#page.information main .article .honbun{
     margin-bottom: 7%;
   font-size: 1.6rem;
}
#page.information main .obi h2{
        font-size: 1.7rem;
}
    #page.information main .page_list{
        margin-top: 20px;
    }
    #page.information main .page_list .flex{
        display: flex;
    }
    #page.information main .img_area img{
    width: 100%;
}
/*一級建築士最短取得サポート*/
    #page main .accordion.faq .accordion-title{
        margin-bottom: 19px;
        font-size: 1.7rem;
        padding-bottom: 14px;
        line-height: 1.3;
    }
/*高度専門士とは*/
#page.super .sec2 h2,#page.super .sec3 h2{
    font-size: 2rem;
    margin-bottom: 5%;
}
#page.super .works{
    background: #EDEDEE;
    padding: 5%;
    box-sizing: border-box;
    margin-top: 5%;
}
#page.super .works .ttl{
   margin-bottom: 5%;
}
#page.super .works .honbun{
    font-size: 1.2rem;
}
    /*一級建築士サポート*/
    #page.support1 .mv.simple h1{
        width: 100%;
    }
    #page main .suuji_1 .left{
            width: 100%;
    min-width: 100%;
    }
    #page main .suuji_1 .right{
            width: 100%;
    min-width: 100%;
    }
    #page main .suuji_1 .right img{
            width: 100%;
    min-width: 100%;
    }
    #page main .suuji_2{
            width: 100%;
    min-width: 100%;
    }
    #page main .suuji_2 img{
            width: 100%;
    min-width: 100%;
    }
    #page main .suuji_center{
            width: 100%;
    min-width: 100%;
    }
    #page main .suuji_center img{
            width: 100%;
    min-width: 100%;
    }
    #page main .interview_bx img.main{
        margin: 0 auto 5%;
        display: block;
        width: 80%;
    }
    #page main .interview_bx.mb{
        margin-bottom: 15%;
    }
    #page main .interview_bx .more_movie{
        margin-top: 5%;
    }
    #page main .accordion.faq .accordion-content .honbun{
               font-size: 1.5rem;
    }
    #page main .accordion.faq .accordion-content{
        padding-bottom: 10%;
    }
    /*日本で唯一KASDだけ*/
#page.licenses.top .mv{
    height: 110px;
}
#page.licenses.top .sec1 .flex{
    margin-top: 10%;
}
#page.licenses.top .sec1 .flex a{
    width: 60%;
    display: block;
    margin: 5% auto 0;
}
 
    /*news一覧*/
    body.news .contents{
    margin-top:40px;
}
    body.news .article dl{
    display: block;
    margin-bottom: 0;
    margin-top: 5%;
}
body.news .article dt{
    font-weight: 500;
    letter-spacing: 0.05em;
    display: flex;
    font-size: 1.5rem;
}
body.news .article dt .label{
    font-size: 1.3rem;
    margin-left: 10px;
}
body.news .article dd{
    margin-left: 0;
    margin-top: 5px;
}
    /*ページネーション*/
main .pagination{
    margin-top: 20%;

}
main .pagination li{
    width: 35px;
    height: 35px;
}
main .pagination li a{
    padding-top: 5px;
    font-size: 1.3rem;
}

/*目指せる資格*/
#page.goal .interview_l{
    margin-bottom: 60px;
}
    #page.goal .interview_l .border{
        margin-bottom: 5%;
    }
#page.goal .interview_l .gr_box{
    width: 100%;
    position: static;
    padding: 5%;
}
#page.goal .interview_l .gr_box img{
    position: static;
    margin: 0 auto;
    width: 100%;
    display: block;
}
#page.goal .interview_l .gr_box .right{
    padding: 5% 0 0;
}
#page.goal .sec2 .flex{
        padding: 0;
}
#page.goal .interview_s {
    width: 100%;
}
#page.goal .interview_s .gr_box .right{
    padding: 0;
    margin-top: 5%;
}
#page.goal .interview_s .gr_box img{
    width: 60%;
}
#page.goal .sec3 .inner{
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}
#page.goal .sec3 img{
    display: block;
    margin: 0 auto;
}
#page.goal .sec3 img.img_margin{
    margin: 0;
    display: block;
}
    #page.goal .scroll{
        width: 100%;
        height: auto;
        overflow: scroll;
        margin-top: 6%;
        border: 3px solid #e9e9e9;
    }
    #page.goal .scroll2{
        height: 400px;
    }
    
    /*資格取得者MOVIE*/
    #page.movie main .bl_selectToggle_wrapper{
    width: 100%;
}
#page.movie h2{
    font-size: 4rem;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px; 
}
    #page.movie main .box .movie{
        width: 90%;
}
    #page.movie .movie{
        width: 100%;
    }
    #page.movie .movie img{
        width: 100%;
    }
#page.movie h3{
        font-size: 2rem;
        text-align: center;
}
#page.movie main p{
        font-size: 1.4rem;
        line-height: 1.6;
        margin-top: 6px;
}
#page.movie main .box{
    margin-bottom: 60px;
}
    #page.movie .bl_selectToggle{
        width: 100%;
    }
    
    /*二級・木造建築士 在学中資格取得サポート*/
    #page.licenses.support3 .sec3 img,#page.licenses.support3 .sec4 img{
    width: 100%;
    }
    #page.licenses.support3 .interview_l .gr_box{
        padding: 0;
    }

    #page.information.index .inner{
    max-width: 100%;
    }
    #page.seminar .mv{
                height: 148px;
    }
    #page.archi_year2 .mv:after{
     max-width: 100%;
    }
    /*topics*/
    #page.topics main p{
        line-height: 1.7;
        font-size: 1.5rem;
        margin-top: 5%;
    }
    #page.topics main img{
        margin-top: 5%;
    }
    #page.topics main p:first-child{
        margin-top: 0px;
    }
    #page.topics main .article ul{
        font-size: 1.5rem;
        margin-top: 5%;
    }
}/*/sp-end*/








/*==================================
E - 入試情報
==================================*/
body.examination .sec{
    font-family:  '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif!important;
}
body.examination .honbun{
    font-size: 1.6rem;
    line-height: 1.8;
}
body.examination .honbun18{
    font-size: 1.8rem;
    line-height: 2;
}
body.examination .sec p,
body.examination .sec li,
body.examination .sec dt,
body.examination .sec dd,
body.examination .sec th,
body.examination .sec td,
body.examination .sec span{
    font-family:  '游ゴシック', 'YuGothic', 'Noto Sans JP', sans-serif;
}
body.examination .sec td,
body.examination .sec td p,
body.examination .sec td span{
    font-weight: 500;
}
body.examination main .sec{
    margin-top: 140px;
}
body.examination main .sec1{
    margin-top: 100px;
}
/*ページ上部メニュー*/
body.examination .head_menu{
    margin-top: 40px;
    justify-content: center;
}
body.examination .head_menu li:first-child{
     border-left: 2px solid #000;
}
body.examination .head_menu li{
    width: 26%;
    border-right: 2px solid #000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
}
body.examination .head_menu li a{
    font-size: 1.6rem;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 5px 0px;
}
/*見出し*/
body.examination .h2_un_bd{
    text-align: center;
    font-size: 3rem;
    position: relative;
    padding-bottom: 9px;
    color: #3e3a39;
    margin-bottom: 34px;
}
body.examination .h2_l_{
    text-align: center;
    color: #3e3a39;
    margin-bottom: 34px;
    font-size: 3.6rem;
}
body.examination h5{
    font-size: 1.6rem;
    border-left: 5px solid #000;
    line-height: 1.2;
    padding-left: 8px;
    margin-bottom: 10px;
    margin-top: 30px;   
}
body.examination h3{
    font-size: 2rem;
    margin-bottom: 20px;    
}
body.examination .thin{
    margin-bottom: 0;
    font-weight: 500!important;
}
body.examination h3.tejyun{
    font-size: 2.4rem;
    text-align: center;   
}
body.examination .h2_un_bd:after{
    width: 40px;
    height: 1px;
    background: #3e3a39;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    content: "";
}
body.examination h4{
    font-size: 1.8rem;
    text-align: center;
    border: 1px solid #7e7e7e;
    padding: 5px;
    margin-top: 30px;
    margin-bottom: 15px;    
}
/*数字*/
body.examination .cube_num{
    width: 45px;
    margin-right: 20px;
}
body.examination .step_num{
    width: 120px;
}
/*期間など*/
body.examination dl{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: dotted 1px #000;
    
}
body.examination main .flex_center{
    align-items: center;
}
body.examination dt{
    width: 151px;
    text-align: center;
    font-weight: 600;
    background: #ededee;
    padding: 10px 0;
    margin-right: 40px;
    font-size: 1.6rem;
}
body.examination dd{
    flex: 1;
    font-size: 1.6rem;
    line-height: 1.8;
}
body.examination dd .flex{
    display: flex;
}
body.examination dd .flex p{
    flex: 1;
}
body.examination dd .flex strong{
    width: 86px;
}
body.examination td span{
    display: block;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: -2px;
}
body.examination table .left{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
body.examination table .lefttd{
    text-align: left;
}
/*ステップ*/
body.examination .step_wrap h3{
    border-bottom: 1px solid #000;
    align-items: center;    
    margin-bottom: 20px;
}
body.examination .step_wrap h3 img{
    margin-right: 20px;
}
body.examination .step_wrap .box{
    margin-bottom: 70px;
}
/*リスト*/
body.examination .disc,
body.examination .ol{
    margin-top: 20px;
    font-size: 1.8rem;
    line-height: 1.6;
}
/*ボックス*/
body.examination .point_cube .box{
    margin-bottom: 60px;
}
body.examination .point_cube_line .box{
    margin-bottom: 20px;
}
body.examination .policy{
    background: #ededee;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
body.examination table{
    text-align: center;
    width: 100%;
}
body.examination th{
    background: #ededee;
    font-size: 1.6rem;
    text-align: center;
    padding: 15px;
    min-width: 100px;
     border-bottom: 1px solid #000;
    font-feature-settings: "palt";
}
body.examination td{
    border-bottom: 1px solid #000;
    font-size: 1.6rem;
    font-feature-settings: "palt";
    text-align: center;
    padding: 15px 0;
}
body.examination .ttl.flex{
    align-items: center;
}
body.examination .ttl.flex h3{
    margin-bottom: 0px;
    font-size: 1.8rem;
}
body.examination .nagare .honbun{
    line-height: 1.7;
}
body.examination .nagare .flex{
    align-items: flex-start;
    z-index: 2;
    position: relative;
    padding-bottom: 40px;
}
body.examination .nagare .flex.last{
    padding-bottom: 0px;
}
body.examination .nagare .cube_num{
    position: relative;
    top: 6px;    
}
body.examination .nagare{
    position: relative;
}
body.examination .nagare:after{
    position: absolute;
    width: 2px;
    height: 93%;
    left: 21px;
    content: "";
    background: #231815;
    top: 9px;
    z-index: 1;
}
body.examination .mb10{
    margin-bottom: 10px!important;
}
body.examination .mb0{
    margin-bottom: 0!important;
}
body.examination .mt70{
    margin-top: 70px!important
}
body.examination .mt0{
    margin-top: 5px!important
}
body.examination .mt20{
    margin-top: 20px!important
}
body.examination .mt50{
    margin-top: 50px!important
}
body.examination .mt40{
    margin-top: 40px!important
}
body.examination .red{
    color: #e63828;
}
body.examination .l_cube li{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px;
    font-size: 1.8rem;
    line-height: 1.6;
}
body.examination .l_cube.caution li{
    font-size: 1.6rem;
    line-height: 1.8;
}
body.examination .kome{
    text-indent: -1em;
    padding-left: 1em;
}
body.examination ol li{
    font-size: 1.8rem;
    line-height: 1.6;
}
body.examination .l_cube.bold li{
    font-weight: 500;
}
body.examination .qr{
    background: #ededee;
    padding: 40px 70px;
    box-sizing: border-box;
    margin-top: 60px;
    margin-bottom: 50px;
}
body.examination .qr .ttl{
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 10px;
}
body.examination .qr .flex{
    justify-content: space-between;
    align-items: flex-start;
}
body.examination .qr img{
        width: 74px;
}
body.examination .tel{
    text-align: center;
    font-weight: 600;
}
body.examination .bb_none{
    border-bottom: none;
}
body.examination dl.last{
    padding-bottom: 0px;
}
body.examination .small{
    font-size: 1.3rem;
    font-weight: 600;  
    margin-top: 20px;
}
body.examination .under{
    text-decoration: underline;   
}
body.examination .wide{
    width: 100%;
}
body.examination .honbun18{
    font-size: 1.8rem;
    line-height: 2;
}
body.examination .honbun20{
    font-size:2rem;
}
body.examination .gray{
    color: #9c9c9d;
}
body.examination .table2 .num{
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    border-right: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
}
body.examination .table2 .w200{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    box-sizing: border-box;
}
body.examination table .length_w{
    writing-mode: vertical-rl;
    min-width: 40px;
    border-right: 1px solid #000;
    box-sizing: border-box;
    padding: 0;
        text-align: center!important;
}
body.examination .table2{
table-layout: fixed;
  width: auto;
  border-collapse: collapse;    
}
body.examination .table2 th{
    text-align: left;
    font-size: 1.8rem;
    position: relative;
}
body.examination .table2 .center{
    text-align: center;
    font-size: 1.4rem;
    padding: 10px 0 30px;
    position: relative;
}
body.examination .table2 .small{
text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 4px;
    left: 8px;
}
body.examination .table2 .sm_txt{
    font-size: 1.6rem;
    display: block;
    letter-spacing: -0.02em;
}
body.examination .table2 td{
    width: 64px;
    min-width: 64px;
    max-width: 64px;
    box-sizing: border-box;
    position: relative;
}
body.examination .table2 th .sup{
    top: unset;
    position: relative;
    right: unset;
    display: inline-table;    
}
body.examination .table2 .sup{
    font-size: 1.1rem;
    vertical-align: top;
    position: absolute;
    top: 20px;
    padding-left: 3px;
    display: table-caption;
    right: 5px;
}
body.examination .table2 .blank{
   background: #f6f6f6 
}
body.examination .table2 .length{
    font-size: 1.6rem;
}
body.examination .table2 .dotted_td{
        border-right: 1px dotted #cccccc;
}
body.examination .table3{
    width: 100%;
}
body.examination .table3 th{
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
}
body.examination .table3 .txt20{
    font-size: 2rem;
}
body.examination .table3 td{
    border-right: 1px solid #000;
}
body.examination table .total{
      background: #c7c8c9;  
}
body.examination .table3 tr td.last{
    border-right: none;
}
body.examination .table3 .sm_txt2{
    font-size: 1rem;
    display: block;
    text-align: center;
}
body.examination .border_none_table,
body.examination .border_none_table th,
body.examination .border_none_table td{
    padding: 0;
    border: none;
}
body.examination .toiawase{
    background: #ededee;
    padding: 20px 0;
    box-sizing: border-box;
    text-align: center;
    margin-top: 30px;
}
body.examination .toiawase .flex{
    width: 410px;
    justify-content: flex-start;
    text-align: left;
    margin: 0 auto;
}
body.examination .toiawase .flex p:first-child{
    width: 226px;
}
body.examination .toiawase .ttl{
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    margin-bottom: 10px;
}
body.examination .toiawase .ttl span{
    text-align: center;
    background: #ededee;
    position: relative;
    z-index: 2;
    padding: 0 10px;
}
body.examination .toiawase .ttl:after{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    background: #000;
    width: 100%;
    height: 0.5px;
}
body.examination .toiawase .small{
    font-weight: 500;
}
body.examination .btn{
    justify-content: center;
}
body.examination .btn a{
    display: block;
    width: 28%;
    margin: 0 40px;
}
body.examination .btn a img{
    width: 100%;
}
body.examination dl .flex .ttl{
width: 130px;
    display: block;
    flex: none;    
}
body.examination .shikaku{
    padding: 40px 40px 20px 40px;
    background: #ededee;
    box-sizing: border-box;   
}
body.examination .shikaku .honbun{
    margin-bottom: 20px;
}
body.examination .shikaku strong{
    margin-bottom: 10px;
    display: block;
    font-size: 1.6rem;
}
body.examination .shikaku dl{
    border: none;
    padding: 0;
    margin-bottom: 11px;
    align-items: center;
}
body.examination .shikaku dt{
    background: #fff;
    text-align: left;
    width: 170px;
    padding-left: 14px;
}
    body.examination .point_cube_line .honbun{
    font-size: 1.8rem;
    line-height: 1.6;
}
body.examination .mv h1 .small{
    font-size: 3rem!important;
    line-height: 1;
    margin-top: 10px;    
}
body.examination .l_cube.indent2 li{
    text-indent: -2.5em;
    padding-left: 2.5em;    
}
body.examination .table4 td{
    position: relative;
}
body.examination .table4 .sup{
    position: absolute;
    font-size: 1.1rem;
}
body.examination .honbun16{
    font-size: 1.6rem!important;
    line-height: 1.8!important;
}
body.examination .l_cube.honbun16 li{
    font-size: 1.6rem;
    line-height: 1.8;
}
@media only screen and (max-width: 767px){  
    body.examination .honbun{
        font-size: 1.5rem;
        line-height: 2;
    }
    body.examination .honbun18{
font-size: 1.5rem;
        line-height: 2;
}
    body.examination .honbun20{
    font-size:1.7rem;
}
    body.examination .head_menu{
        border: none;
    }
    body.examination .head_menu li:first-child{
    border: none;
        border-bottom: 1px solid #000;
}
    body.examination .head_menu li{
        width: 100%;
        border: none;
        border-bottom: 1px solid #000;
    }
    body.examination .head_menu li a{
        padding: 10px 0;
    }
    body.examination .h2_un_bd{
        font-size: 2rem;
        text-align: center;
        line-height: 1.4; 
        margin-bottom: 20px;
    }
    body.examination .h2_l_{
     margin-bottom: 20px;
    font-size: 2.5rem;
}
    body.examination .sec{
        margin-top: 15%!important;
    }
    body.examination .cube_num{
        width: 28px;
        margin-right: 8px;
        position: relative;
        top: 7px;
        z-index: 3;
    }
    body.examination .ttl.flex{
        display: flex;
        align-items: flex-start;
    }
    body.examination .disc, body.examination .ol{
        margin-top: 9px;
        font-size: 1.5rem;
        line-height: 1.8;
    }
    body.examination .point_cube .box{
        margin-bottom: 20px;
    }
    body.examination .disc li{
        text-indent: -1em;
        padding-left: 1em;
    }
    body.examination .ttl.flex h3{
        margin-bottom: 0px;
        font-size: 1.5rem;
        text-align: left;
    }
    body.examination .ttl.flex.line_center{
        align-items: center;
}
body.examination .ttl.flex.line_center h3{
        margin-top: 15px;
}
    body.examination .policy ol li{
        font-size: 1.5rem;
    }
    body.examination h3{
        font-size: 1.7rem;
        margin-bottom: 10px;
    }
    body.examination .policy{
        padding: 5%;
    }
    body.examination .examination_table{
        overflow: scroll;
        width: 100%;
        height: 400px;
    }
    body.examination .examination_table table{
        width: 815px;
    }
    body.examination .examination_table.tableh200{
        height: 200px;
    }
    body.examination th{
        font-size: 1.5rem;
    }
    body.examination td{
        font-size: 1.5rem;
    }
    body.examination .nagare .flex{
        display: flex;
        padding-bottom: 20px;
    }
    body.examination .nagare:after{
        left: 13px;
    }
    body.examination .nagare .flex.last{
        position: relative;
    }
    body.examination .nagare .flex.last:after{
        position: absolute;
        width: 12px;
        height: 87%;
        left: 8px;
        content: "";
        background: #ffffff;
        top: 9px;
        z-index: 1;
    }
    body.examination h3.tejyun{
        font-size: 1.7rem;
    }
    body.examination .mt70{
        margin-top: 10%!important;
    }
    body.examination .mt40{
        margin-top: 5%!important
    }
    body.examination .l_cube li,body.examination .l_cube.caution li{
        font-size: 1.5rem;
        line-height: 2;
    }
    body.examination .qr{
        padding: 5%;
        margin-top: 20px;
        margin-bottom: 20px; 
    }
    body.examination .qr .ttl{
        font-size: 1.7rem;
        text-align: center;
    }
    body.examination .qr img{
        display: block;
        margin: 0 auto;
    }
    body.examination .tel{
        font-size: 1.3rem;
    }
    body.examination .step_wrap h3 img{
        display: block;
        margin-bottom: 5px;
        width: 100px;
    }
    body.examination .step_wrap h3{
        text-align: left;
        padding-bottom: 9px;   
            margin-bottom: 12px;
    }
    body.examination dl{
        display: block;
        padding: 5% 0;
    }
    body.examination dt{
        width: 100%;
        padding: 8px 0;
        margin-right: 0;
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    body.examination dd{
        font-size: 1.5rem;
    }
    body.examination .mt50{
        margin-top: 20px!important;
    }
    body.examination .step_wrap .box{
        margin-bottom: 20px;
    }
    body.examination h4{
        font-size: 1.7rem;
    }
    body.examination h5{
        margin-top: 20px;
    }
    body.examination h5{
        margin-top: 20px;
    }
    body.examination .btn a{
        width: 58%;
        margin: 0 auto 5% auto;
    }
    body.examination .toiawase{
          padding: 5% 2%;
    }
    body.examination .shikaku{
        padding: 5%;
    }
    body.examination .point_cube_line .honbun{
        font-size: 1.5rem;
        line-height:2;
    }
    body.examination .mv h1 .small{
        font-size: 2rem!important;
        margin-top: 8px;
    }
    body.examination .toiawase .flex{
        width: 100%;
        text-align: center;
    }
    body.examination .toiawase .flex p:first-child{
        width: 100%;
    }
    body.examination .honbun16{
        font-size: 1.5rem!important;
        line-height:2!important;
    }
    body.examination .l_cube.honbun16 li{
        font-size: 1.5rem;
        line-height:2;
    }
    body.examination .shikaku dt{
        padding-right: 8px;
        padding-left: 8px;
        text-align: center;
    }
}/*/--sp-end*/






/*==================================
オープンキャンパス - WPCSS調整
==================================*/
    .mc-date-container{
        width: 80px;
        height: 80px;
        position: relative;
        margin: 0 auto;
    }
    .calendar .cat_2{
        display: none;
    }
    .calendar .cat_1{
        display: none;
    }
    .calendar .all-categories{
        display: none;
    }
    .calendar .category-key h3{
        display: none;
    }
    .calendar .my-calendar-nav ul{
        display: flex;
        justify-content: center;
    }
.calendar .my-calendar-nav li a{
    font-size: 1.5rem;
    width: 80px;
    border: 1px solid;
    margin: 0 5px;
    padding: 8px 8px;
    box-sizing: border-box;
    line-height: 1;
    text-decoration: none;
    display: block;
    text-align: center;
}
.calendar #mc_today_my-calendar{
    background: #000;
    color: #fff;
}
.mc-main .mc_2 .event-title, .mc-main .mc_2 .event-title a{
    font-size: 2.4rem;
    text-decoration: none;
    padding: 0;
    display: block;
    line-height: 1;    
}
.mc-main article.mc_1{
    width: 24px;
}
.mc-articles-wrap{
display: flex !important;
    width: 80px !important;
    border: none !important;
    margin: 0 auto !important;
    justify-content: center !important;
    position: absolute;
    bottom: 10px;
    left: 15%;
}
.calendar #mc_head_my-calendar{
    font-size: 4rem;
    text-align: center;
    padding-bottom: 10px;
}
.calendar .mc-content th,.calendar .mc-content abbr{
    text-align: center;
    text-decoration: none!important;
}
.calendar .ttl_area{
    padding-bottom: 10px;
}
.opencampus .day .weekday{
    width: 23px;
    height: 23px;
    border: 1px solid;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    letter-spacing: 0;
    border-radius: 90px;
    position: relative;
    top: -6px;
    font-size: 1.6rem; 
}
.mc-main .mc_2 .event-title, .mc-main .mc_2 .event-title a{
    color: #daff45!important;
    position: relative;
    top: -3px;
}
@media only screen and (max-width: 767px){
    .mc-main{
        container: auto!important;
    }
    .calendar .mc-date-container,.calendar .mc-main td{
        width: auto;
        height: auto;
    }
    .calendar table th span, .calendar table td span{
        font-size: 2rem !important;
        width: 100% !important;
        height: 56px !important;
        padding: 0 !important;
        display: block;
    }
    .calendar th,
    .calendar td{
        text-align: center;
    }
    .mc-main table.my-calendar-table{
        width: 100%!important;
    }
    .mc-articles-wrap{
        width: 100% !important;
        bottom: 3px;
        left: 0;
    }
    .my-calendar-nav{
        margin-top: 5%;
    }
}/*-end*/