@charset "utf-8";

body{
	line-height: 1.8;
}

.color-base-study{
    background-color:#ffffff;
	background-image: url(bg.jpg);
	background-repeat: repeat;
}
.pc .area-color-study{
	height: 560px;
	background-color: #fff4f8;
}
.mobile .area-color-study{
	height: 353px;
	background-color: #fff4f8;
}

.study{padding-bottom:40px;}

/* h *************************************************************************** h */
.study h3{
	font-size: 120%;
	padding: 10px 0;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 20px;
}
.study h4{
	font-size: 100%;
	font-weight: bold;
}

/* 特徴リスト ********************************************************************* 特徴リスト  */
.dangle-number li{
	margin-bottom: 20px;
}
.dangle-number li h4{
	background-repeat: no-repeat;
	min-height: 60px;
	line-height: 60px;
	text-indent: 62px;
	color: #00386e;
	font-size: 120%;
	margin-bottom: 14px;
}
.dangle-number li h4.number01{
	background-image: url(number_01.png);
}
.dangle-number li h4.number02{
	background-image: url(number_02.png);
}
.dangle-number li h4.number03{
	background-image: url(number_03.png);
}
.dangle-number li h4.number04{
	background-image: url(number_04.png);
}
.dangle-number li h4.number05{
	background-image: url(number_05.png);
}
.dangle-number li h4.number06{
	background-image: url(number_06.png);
}
.dangle-number li p{
	font-weight: normal;
	padding-left: 12px;
}

/* ぶらさがり *********************************************************** ぶらさがり */
.dangle-disc li {
    list-style-position: inside;
    list-style-type: disc;
    margin-left: 1.8em;
    text-indent: -1.4em;
}
.dangle-decimal li {
    list-style-position: inside;
    list-style-type: decimal;
    margin-left: 1.8em;
    text-indent: -1.4em;
}
.dangle-decimal li p{
	margin-left: 0;
    text-indent: 0;
	padding-left: 0;
}

/* flex ************************************************************************ flex */
.flex-between {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.partition1{width: 100%;}
.partition2{width: 46%;}
.partition3{width: 30%;}

/* lecturer ******************************************************************** lecturer */
.lecturer-profile li{
	margin-bottom: 40px;
	text-align: center;
}
.lecturer-profile h4 {
    border-radius: 50%;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
	border: 10px solid #ffffff;
	margin-bottom: 20px;
}

/* schedule ******************************************************************** schedule */
.study-schedule{
	background-color: #ffffff;
}
.study-schedule h3 {
	margin-bottom: 0;
}

.study-schedule ul{
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}
.study-schedule ul li{
	margin-bottom: 10px;
	padding: 10px;
}
.session-part{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	background-color: #e6dfe2;
}

/* 画像型タイトル ** 画像型タイトル ** 画像日程 */
.schedule-title{
	/*
	background-image: url(schedule_title.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 80px;
	margin-bottom: 40px;
	*/
	font-size: 120%;
	padding: 10px 0;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 40px;
	font-weight: bold;
}
.schedule-list li{
	margin-bottom: 40px;
	text-align: center;
}
.mobile .schedule-list li{
	display: flex;
    flex-flow: row wrap;
	justify-content: center;
	width: 100%;
	
	margin-bottom: 40px;
	text-align: center;
}

.mobile .study-schedule .partition3{
	width: 100%;
}


/* outline ********************************************************************* outline */
.study-outline{
	margin-bottom: 40px;
	border: 4px solid #e6dfe2;
	background-color: #ffffff;
}
.study-outline li{
	padding: 10px;
	border-bottom: 1px dashed #cccccc;
}

/* FAQ ************************************************************************* FAQ */
.study-faq{
	margin-bottom: 40px;
	border: 4px solid #e6dfe2;
	background-color: #ffffff;
}
.study-faq li{
	padding: 10px;
	border-bottom: 1px dashed #cccccc;
}

.study-faq-a{
	padding-top: 20px;
}

/* button ********************************************************************** button */
.button-link {
    background-color: #cc0000;
    background-position: 4px center;
    border: 1px solid #a00101;
    border-radius: 5px;
    width: 100%;
}
.button-link a {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    text-decoration: none;
}
.button-link a:link{
    color: #ffffff;
    text-decoration: none;
}
.button-link a:visited{
    color: #ffffff;
    text-decoration: none;
}
.button-link a:hover{
	background-color: #f1300e;
    color: #ffffff;
    text-decoration: underline;
}
/* button-link-cancel ************************************ button-link-cancel */
.button-link-cancel{
	background-color: #000b00;
    background-position: 4px center;
    border: 1px solid #000000;
    border-radius: 5px;
    width: 100%;
}
.button-link-cancel a {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    text-decoration: none;
}
.button-link-cancel a:link{
    color: #ffffff;
    text-decoration: none;
}
.button-link-cancel a:visited{
    color: #ffffff;
    text-decoration: none;
}
.button-link-cancel a:hover{
	background-color: #524e4d;
    color: #ffffff;
    text-decoration: underline;
}

/* button-link-close ************************************ button-link-close */
.button-link-close{
	background-color: #eeeeee;
    background-position: 4px center;
    border: 1px solid #000000;
    border-radius: 5px;
    width: 100%;
}
.button-link-close a {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    text-decoration: none;
	color: #000;
}

/* マイページからのコース詳細 */
.study-left .content{
	width: 740px;
}
.study-right{
	width: 300px;
}

/* movie *********************************************************************** movie */
.mobile .special-movie img {
    width: 680px;
}

/* dangle-number *************************************************************** dangle-number */
.dangle-number li img{
	display: block;
	margin: 0 auto;
}