@charset "utf-8";
/* 文学部改組ページ */

body{
	color: #000;
	font-family: "HelveticaNowDisplay-Bd","Noto Sans CJK JP",sans-serif;
}

h2.focus_cont{
	padding: 0 0 15px 0!important;
	margin: 0; 
	text-indent: -4.9em; 
	padding-left: 4.9em!important;  
	text-align: left!important;
	font-size: 20px !important;
}

/* 黒丸付リスト */
ul.list01 {
	margin: 10px 0 20px;
}

ul.list01 li {
	margin: 0 0 5px 25px;
	list-style: disc;
}

.isan_flexwrap{
	margin-top: 60px;
	display: flex;
    gap: 50px;
    justify-content: center;
}
	
.isan_flexitem{
	width: 50%;
}

.isan_flexitem img{
	width: 100%;
	margin-bottom: 15px;
}

.isan_flexitem h3{
	background-color: #627a86;
	color: #FFF;
	padding: 10px 0;
	font-size: 130%!important;
	text-align: center;
	margin: 0!important;
}

.isan_flexitem h4{
	color: #69308d;
	padding: 10px 0 0 0;
	font-size: 110%!important;
	margin: 15px 0 0 0!important;
}

.isan_flexwrap2{
	margin-top: 30px;
	display: flex;
    gap: 20px;
    /*justify-content: center;*/
	flex-wrap: wrap;
}

.isan_flexwrap2 div:nth-child(odd){
	width:20%;
}

.isan_flexwrap2 div:nth-child(even){
	width:75%;
}

.isan_flexwrap2 img{
	width:100%;
}

.isan_flexwrap2 h4{
	margin: 0 0 5px 0!important;
	font-size: 115%!important;
	color: #69308d;
}

.isan_flexwrap2 h4.theme{
	margin: 10px 0 5px 0!important;
	font-size: 100%!important;
	color: #000!important;
}
/*.isan_text{
	width:75%;
}*/

.fig01{
	background-color: #e5ebee; 
	background-color: #FFF; 
	padding: 0 15px 15px 15px; 
	margin-bottom: 20px; 
	text-align: center; 
}

.fig01 h2.fig_tit{
	color: #000!important; 
	padding: 30px 10px 10px 10px !important;
}

.fig01_flexwrap{
	display: flex; 
	gap: 20px; 
	justify-content: center;
	margin: 20px 0 30px 0;
}


.fig01_flexwrap p.yukei a{
	background-color: #69308d; 
	padding: 10px 30px; 
	margin: 20px 0; 
	text-align: center; 
	color: #FFF; 
	font-weight: bold; 
	font-size: 130%;
}

.fig01_flexwrap p.mukei a{
	background-color: #d60000; 
	padding: 10px 30px; 
	margin: 20px 0; 
	text-align: center; 
	color: #FFF; 
	font-weight: bold; 
	font-size: 130%;
}

.fig01_flexwrap p.yukei a:hover, .fig01_flexwrap p.mukei a:hover{
	text-decoration: none;
} 

a.focuslink{
	color: #69308d!important;
}

a:hover.focuslink{
	text-decoration: none;
}

.program-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	width: 100%;
	margin: auto;
}

.program {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}

.program img {
	width: 250px;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
}

.program-text, .program-text2  {
	flex: 1;
}

.program-text h4 {
	color: #000;
	background-color: #e5ebee;
	font-weight: bold;
	margin-top: 0;
	padding: 5px 10px;
}
.program-text p{
	/*color: #000;*/
	margin: 10px 0 0 0!important;
}

.program-text2 h4 {
	color: #FFF;
	background-color: #96a9b3;
	font-weight: bold;
	margin-top: 0;
	padding: 5px 10px;
}

.program-text2 p {
	/*color: #000;*/
	margin-top: 5px!important;
}


/*.program-text p:nth-of-type(1) {
	color: #000;
	background-color: #e5ebee;
	font-weight: bold;
	margin-top: 0;
	padding: 5px 10px;
}
.program-text p:nth-of-type(2) {
	margin-top: 10px!important;
}

.program-text2 p:nth-of-type(1) {
	color: #FFF;
	background-color: #96a9b3;
	font-weight: bold;
	margin-top: 0;
	padding: 5px 10px;
}

.program-text2 p:nth-of-type(2) {
	margin-top: 5px!important;
}*/

section#newcourse .box h3.focus_tit,
section#newcourse section.txt_wrap h3.focus_tit{
	color: #69308d;
	font-size: 180%;
	line-height: 1.5;
	margin-bottom: 15px!important;
	
}

#contents h3.seminar_tit {
	color: #69308d;
	font-size: 180% !important;
	font-weight: bold !important;
	margin-top: 30px
}

section#newcourse .box h2.ryoiki_tit {
	padding-bottom: 0;
	text-align: left;
	padding: 7px 10px;
	font-size: 120%!important;
	background-color: #69308d;
	color: #FFF;
	margin: 40px 0 20px 0;
}

.pt0 {padding-top: 0!important;}
.pt10 {padding-top: 10px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}

.pb0 {padding-bottom: 0!important;}
.pb10 {padding-bottom: 10px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb50 {padding-bottom: 50px!important;}

.program2 {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	justify-content: space-between;
}

.program2 p {
	width: 30%;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
}

.program2 p img {
	width: 100%;
}

.movie_box {
    position: relative;
    width: 100%;
    margin: 10px 0;
    padding-top: 40%;
}

.movie_box iframe {
    position: absolute;
    width: 500px !important;
    height: 281px !important;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
section#newcourse .box h3.movie_tit{
	color: #69308d;
	font-size: 135%;
    /*font-weight: 800;*/
    line-height: 1.3;
	text-align: center;
	margin: 45px 0 30px 0;
}


section#newcourse .box h3.brand_tit{
	font-size: 145%;
    line-height: 1.5;
    margin-bottom: 15px !important;
	color: #69308d;
	
}

section#newcourse div.txt_wrap .fig01 h2.fig_tit{
	font-size: 24px !important;
	padding-bottom: 20px;
	margin-bottom: 0;
	line-height: 1.4em;
}




.fig01_flexwrap_s{
	display: flex;
    gap: 20px;
    justify-content: center;
    margin: 20px 0 30px 0;
}

.fig01_flexwrap_s p.shiryo{
    align-items: center;
    justify-content: center;
}

.fig01_flexwrap_s p.shiryo2{
    align-items: center;
    justify-content: center;
	width: 75.7%;
}

	
.fig01_flexwrap_s p.shiryo a {
	border: 1px solid #dc0000;
    background-color: #FFF;
    padding: 5px 30px 10px 30px;
    margin: 20px 0;
    text-align: center;
    color: #dc0000;
    font-weight: bold;
    font-size: 120%;
	display: block;
}

.fig01_flexwrap_s p.shiryo2 a {
	border: 1px solid #627a86;
    background-color: #FFF;
    padding: 5px 30px 10px 30px;
    margin: 20px 0;
    text-align: center;
    color: #627a86;
    font-weight: bold;
    font-size: 120%;
	display: block;
}

.fig01_flexwrap_s p.shiryo a:hover {
    text-decoration: none;
	background-color: #dc0000;
	color: #FFF;
}

.fig01_flexwrap_s p.shiryo2 a:hover {
    text-decoration: none;
	background-color: #627a86;
	color: #FFF;
}

.fig01_flexwrap_s p.shiryo a span, .fig01_flexwrap_s p.shiryo2 a span {
	font-weight: normal;
    font-size: 70%;
}

h2.focus_cont a.focuslink::after{
	content: '';
    width: 11px;
    height: 11px;
    border: 0px;
    border-top: solid 3px #69308d;
    border-right: solid 3px #69308d;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    margin: 4px 0 0 5px !important;
}

.program-text h4.manabi_point {
    color: #000;
	background-color: #FFF!important;
    font-weight: bold;
	padding: 5px 10px 5px 0;
}

.new{
	position: absolute;
	top:73%;
	right: 22.5%;
	border: 2px solid #dc0000;
	padding: 1px 5px;
	background-color: #fff;
	color: #dc0000;
}

@media screen and (max-width: 767px) {

h2.focus_cont{
	font-size: 16px !important;
}


.isan_flexwrap{
	margin-top: 40px;
	display: block;
    gap: 40px;
    justify-content: center;
}

.isan_flexitem{
	width: 100%;
	margin-bottom: 30px;
}

.isan_flexwrap2{
    gap: 10px;
}
.isan_flexwrap2 div:nth-child(odd){
	width:100%;
}

.isan_flexwrap2 div:nth-child(even){
	width:100%;
	margin-bottom: 30px;
}

.fig01 h2.fig_tit{
	padding: 10px 10px 10px 10px !important;
}

.program-list {
	grid-template-columns: 1fr;
}
.program {
	flex-direction: column;
	align-items: center;
	gap: 0;
	margin-bottom: 20px;
}

.program img {
	width: 100%;
	height: auto;
}

.program-text p{
	margin: 10px 0!important;
}


section#newcourse .box h3.focus_tit,
section#newcourse section.txt_wrap h3.focus_tit{
	font-size: 129%;
	/*font-size: 140%;*/
}
section#newcourse .box h2.ryoiki_tit {
	font-size: 110%!important;
	margin-bottom: 10px;
	padding: 12px 10px;
}
	
.fig01{
	padding: 15px;
}

.fig01_flexwrap{
	margin: 20px 0 10px 0;
}

.fig01_flexwrap p.yukei a{
	padding: 10px 15px; 
	font-size: 100%;
}
.fig01_flexwrap p.mukei a{
	padding: 10px 15px; 
	font-size: 100%;
}



.program2 {
	display: block;
}

.program2 p {
	width: 100%;
}

.movie_box {
    position: relative;
    width: 100%;
    margin: 10px 0 100px 0;
    padding-top: 40%;
}

.movie_box iframe {
    position: absolute;
    width: 100% !important;
    height: 141% !important;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section#newcourse .box h3.movie_tit{
	font-size: 120%;
}


section#newcourse div.txt_wrap .fig01 h2.fig_tit{
	font-size: 20px !important;
}

.fig01_flexwrap_s{
	display: block;
    gap: 20px;
    justify-content: center;
    margin: 20px 0 30px 0;
}
.fig01_flexwrap_s p.shiryo a, .fig01_flexwrap_s p.shiryo2 a {
    padding: 5px 20px 10px 20px;
	font-size: 100%;
	width: 75%;
     margin: 0px auto 20px auto;
}

.fig01_flexwrap_s p.shiryo2{
    align-items: center;
    justify-content: center;
	width: auto;
}

h2.focus_cont a.focuslink::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 2px #69308d;
    border-right: solid 2px #69308d;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    margin: 5px 0 0 5px !important;
}

.new{
	top:79%; 
	right: 2%; 
	transform: scale(0.8);
}

}