@charset "utf-8";

/* format
-------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 10px */
html{
	font-size: 62.5%;
}
body {
	font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.5rem;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333333;
	/*　min-width: 1040px;　*/
	_display: inline;
	_zoom: 1;
	margin: 0 auto;
}
a, button, input{
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transition: border .15s linear, color .15s linear, background-color .15s linear;
	transition: border .15s linear, color .15s linear, background-color .15s linear;
}



/*=============================================================
*　header, menu
=============================================================*/
#header{
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
}
#header ul.main_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#header ul.main_nav > li{
	position: relative;
}
#header ul.main_nav > li:first-child {
	margin: 17px auto 20px 24px;
}
#header ul.main_nav li ul {
	z-index: 99998;
	position: fixed;
    margin-top: 0;
	margin-left: -360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#header ul.main_nav li ul li{
	cursor: pointer;
}
#header ul.main_nav li.logo{
    width: 275px;
}
#header ul.main_nav li.logo img{
    width: 100%;
    height: auto;
}
#header .drawer-hamburger{
	display: none;
}

/* メインメニュー */
#overlay_menu {
    width: 360px;
    background: rgba(238,238,238,0.8);
    position: fixed;
    top: 50px;
    right: 0;
    z-index: 1001;
    padding: 15px;
    display: none;
}
#overlay_menu ul.main_menu li{
    text-align: center;
    margin-bottom: 1px;
}
#overlay_menu ul.main_menu a{
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    background-color: #d10000;
    color: #fff;
    font-weight: bold;
}
#overlay_menu ul.main_menu a:hover {
    color: #d10000;
    background: #fff;
    text-decoration: none;
}

/* 対象者別メニュー */
#overlay_menu h2{
    font-weight: normal;
    background-color: #fff;
    padding: 15px 0 0;
    margin: 15px 0 0;
    font-size: 1.3rem;
    text-align: center;
}
#overlay_menu ul.target_menu{
    padding: 10px;
    background-color: #fff;
}
#overlay_menu ul.target_menu li{
    text-align: center;
    border: 1px solid #d10000;
}
#overlay_menu ul.target_menu li + li{
    margin-top: -1px;
}
#overlay_menu ul.target_menu a{
    display: block;
    padding: 9px 10px;
    font-size: 1.3rem;
    text-decoration: none;
}
#overlay_menu ul.target_menu a:hover{
    background-color: rgba(209, 0, 0, 0.15);
    text-decoration: none;
    color: #d10000;
}

.open #overlay_menu{
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    visibility: visible;
}



/*=============================================================
*　footer
=============================================================*/
#content .content_footer .lyt-position {
    font-size: 1.2rem;
    margin-top:33px;
    text-align: center;
    position: relative;
    z-index: 999;
}
#content .content_footer .lyt-position a{
    margin: 0 10px;
    color: #333;
}
#content .content_footer .lyt-position a:hover{
    color: #d10000;
}

#content .content_footer #totop{
    position: relative;
    height: 50px;
    margin: -16px auto 0;
}
#content .content_footer #totop a{
    display: block;
    width: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
#content .content_footer #totop a:hover{
    opacity: 0.8;
}

#footer{
    margin: auto;
    text-align: center;
    padding: 15px 0;
    background: #d10000;
    color: #ffffff;
}
#footer a{
    color: #ffffff;
}
#footer a:hover{
    text-decoration: underline;
}

#footer #footer_menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 25px;
}
#footer #footer_menu li{
    font-size: 1.3rem;
    border: solid #ea817d 1px;
    width: 174px;
    margin-left: -1px;
    text-align: center;
}
#footer #footer_menu li a{
    display: block;
    padding: 15px 0;
}
#footer #footer_menu li a:hover{
    background: #b40001;
    color: #ffffff;
    text-decoration: none;
}
#footer div{
    width: 1040px;
    margin: auto;

}
.footer_title{
    pointer-events: none;
    display: none;
}
#footer .footer_toggle,
#footer .text_links02 {
    width: 900px;
    float:left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#footer .footer_toggle li:after,
#footer .text_links02 li:after{
    content: "/";
    margin: 0 10px;
    color: #ffffff;
}
#footer .footer_toggle li:last-child:after,
#footer .text_links02 li:last-child:after{
    content: none;
}
#footer .footer_toggle {
    margin-top: 20px;
    font-size: 1.3rem;
}
#footer .text_links02 {
    margin-top: 10px;
    font-size: 1.3rem;
}
#footer .ft_logo{
    margin-left: auto;
    margin-top: 20px;
}
#footer .owner{
    font-size: 1.2rem;
    width: 1040px;
    margin: 0 auto 30px;
}
#footer .for_sp{
    display: none;
}



/* index content
-------------------------------------------------------------*/
.index #content{
	text-align: center;
}
.index #main {
	background-color: #ffffff;
	width:1040px;
	margin: 60px auto 0;
}
.index #main.main_w{
    width: 100% !important;
}

/* lower content
-------------------------------------------------------------*/
.lower #content{
	text-align: center;
}
.lower #main {
	background-color: #ffffff;
	width:1040px;
	margin: -80px auto 0;
	padding: 33px 0;
}
.lower h2 small{
	display: block;
	font-size: 2.4rem;
	margin-top: 10px;
}

.lower .main_visual {
    background: url(../img/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.lower.teacher h3.title span,
.lower.campus_life h3.title span,
.lower.recruitment h3.title span {
    display: block;
    font-size: 1.3rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #888888;
    margin-top: 10px;
}
.lower.teacher .content_area h3.title,
.lower.campus_life .content_area h3.title {
    margin-bottom: 40px !important;
}
.lower.teacher .content_area .list_link_02 + h3.title,
.lower.campus_life .content_area .list_link_02 + h3.title {
    margin-top: 70px !important;
}
.lower h3.title span.text_jp {
    font-size: 1.8rem;
    margin-top: 15px;
}

/*----- bread clumb */
.lower #main .lyt-position,
.index #main .lyt-position{
	font-size: 1.2rem;
	margin-bottom: 25px;
	text-align: center;
}
.index #main .lyt-position{
	margin-top: -30px;
}
.lower #main .lyt-position a,
.index #main .lyt-position a{
	margin: 0 10px;
	color: #333;
}
.lower #main .lyt-position a:hover,
.index #main .lyt-position a:hover{
	color: #d10000;
}





/* 下層 お知らせ
-------------------------------------------------------------*/
#news{
	width: 1040px;
	margin: 60px auto 0;
	text-align: center;
	position: relative;
}
#news .cat{
	position: absolute;
	left: 810px;
	width: 230px;
	top: 26px;
	margin-bottom: 0px;
}
#news .cat li{
	font-size: 1.4rem;
	color: #fff;
}
#news .cat li a{
	color: #fff;
	display: block;
	padding: 1px 10px 1px 20px;
    border: 1px solid transparent;
	background: url(/common/img/arrow_news.png) 95% 50% no-repeat #d10000;
}
#news .cat li a:hover{
	color: #d10000;
	background: url(/common/img/arrow_news_on.png) 95% 50% no-repeat #fff;
    border-color: #d10000;
	text-decoration: none;
}
#news .news_area{
	width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
	margin-top: 60px;
}
#news .news_area dl{
	width: 230px;
}
#news .news_area dl + dl{
    margin-left: 40px;
}

#news .news_area dl dt a{
    display: block;
    position: relative;
    width: 100%;
    height: 154px;
    overflow: hidden;
}
#news .news_area dl dt a img{
    width: auto;
    height: 154px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#news .news_area dl dt a:hover img{
	opacity: 0.8;
}
#news .news_area dl dd{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo",  "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.6;
}
#news .news_area dl dd a{
	color: #333;
}
#news .news_area dl dd a:hover{
	text-decoration: underline;
}
#news .news_area dl dd .cat_name{
	margin: 15px auto 15px;
	background: #d10000;
	padding: 2px 0;
	color: #fff;
	text-align: center;
	display: block;
}
#news .news_area dl dd.date{
	font-size: 1.0rem;
	color: #d10000;
	font-weight: 500;
	margin-top: 25px;
	font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
}
#news .news_list{
	border-top: 1px solid #ddd;
	margin: 60px auto;
}
#news .news_list dl {
	border-bottom: 1px solid #ddd;
	text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
#news .news_list dt,
#news .news_list dd{
	margin: 15px 0;
	font-size: 1.2rem;
	padding: 2px;
}
#news .news_list dt{
	background: #d10000;
	color: #fff;
	width: 230px;
	text-align: center;
}
#news .news_list dt a{
	color: #fff;
}
#news .news_list dt a:hover{
	text-decoration: none;
}
#news .news_list dd{
	margin-left: 40px;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo",  "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.6;
}
#news .news_list dd a{
	color: #333;
}
#news .news_list dl dd.date{
	color: #d10000;
	font-weight: 500;
	position: relative;
	font-size: 1.0rem;
	width: 230px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
}


.news .category {
    display: block;
    width: 200px;
    background-color: #d10000;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    padding: 2px;
}
.news .date {
    font-size: 1.2rem;
    color: #d10000;
}

.news .date.detail {
  font-size: 1.2rem;
  color: #d10000;
	text-align: right;
}


/* 一覧 */
.news .news_list {
    text-align: left;
}
.news .news_list li {
    padding: 20px;
    border-bottom: 1px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.news .news_list li.fixed {
    background-color: #fff0f0;
    border-bottom: 1px solid #fff;
}
.news .news_list li .image {
    -webkit-order: 0;
    order: 0;
    width: 200px;
    position: relative;
}
.news .news_list li .image a {
    display: block;
    position: relative;
    width: 100%;
    height: 134px;
    overflow: hidden;
}
.news .news_list li .image a > img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
.news .news_list li .image img {
    width: auto;
    height: 134px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.news .news_list li .image + .date + .text {
    margin-left: 20px;
}
.news .news_list li .text {
    -webkit-order: 1;
    order: 1;
    margin-left: 220px;
    width: 370px;
}
.news .news_list li .text .category {
    margin-bottom: 10px;
}
.news .news_list li .text a {
    color: #333333;
}
.news .news_list li .date {
    -webkit-order: 2;
    order: 2;
    padding-left: 20px;
}

/* ページネーション */
.nav_page {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.nav_page ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.nav_page li {
    border: 1px solid #dddddd;
}
.nav_page li + li {
    border-left: none;
}
.nav_page li.current {
    background-color: #f6f6f6;
}
.nav_page li.current a, .nav_page li.current span {
    color: #aaaaaa;
}
.nav_page a, .nav_page span {
    min-width: 40px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    flex: 1;
    text-decoration: none;
    font-size: 1.3rem;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333333;
}
.nav_page a:hover {
    background-color: #f6f6f6;
    color: #d10000;
}

/* 詳細 */
.news_detail .category {
    margin-bottom: 15px;
}
.news_detail #content h2.news_title {
    margin-bottom: 40px;
    text-align: left;
    font-size: 3.2rem;
    line-height: 1.4;
}
.news_detail .wrap table.type01,
.news_detail .wrap .column_ph_area {
    width: 100%;
}
.news_detail .wrap .column_ph_area_inner {
    width: 50%;
}
.news_detail .wrap p + p {
    margin-top: 15px;
}



/* お問い合わせボックス
-------------------------------------------------------------*/
.contact_adress{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 1040px;
	margin: 50px auto;
	border: 1px solid #ddd;
	padding: 40px 40px 40px 0;
}
.contact_adress dl{
	display: table;
	width: 100%;
}
.contact_adress dt{
	font-size: 2.0rem;
	width: 350px;
	display: table-cell;
	vertical-align: middle;
}
.contact_adress dd{
	border-left: 1px solid #ddd;
	padding-left: 45px;
	font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.6rem;
	display: table-cell;
	vertical-align: middle;	
}
.contact_adress dd p.name{
	background: #f6f6f6;
	padding: 8px 15px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 20px;
}
.contact_adress dd .contact_link{
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 15px;
}
.contact_adress dd .contact_link a{
	display: table-cell;
	border: solid #dddddd 1px;
	color: #333;
	width: 390px;
	padding: 14px 10px 14px 20px;
	background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50% #ffffff;
	vertical-align: middle;
}
.contact_adress dd .contact_link a:hover{
	text-decoration: none;
	background: url(/common/img/arrow_local_nav_on.png) no-repeat 95% 50% #ffffff;
	border: #d10000 solid 1px;
	color: #d10000;
}
.contact_adress dd dl{
	margin-top: 20px;
}
.contact_adress dd dl dt,
.contact_adress dd dl dd{
	border: none;
	font-size: 1.3rem;
	text-align: left;
	padding: 0;
	vertical-align: top;
	line-height: 1.6;
}
.contact_adress dd dl dt{
	width: 8.5em;
}

.contact_adress_full{
	width: 100%;
}
.contact_adress_full dt{
	width: 35% !important;
}


/* main_visual index/lower
-------------------------------------------------------------*/
.index .main_visual h1{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 4.6rem;
	letter-spacing: 0.1em;
	margin-top: 45px;
}
.index .main_visual p{
	font-weight: 300;
	display: block;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	margin-top: 6px;
	color: #888888;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
}

.index .main_visual div{
    margin-top: 48px;
    height: 500px;
}

.lower .main_visual{
	height: 300px;
	color: #ffffff;
	width: 100%;
	text-align: center;
}
.lower .main_visual h1{
	display: inline-block;
	margin-top: 100px;
	font-size: 1.8rem;
	letter-spacing: 0.25em
}

/*--- テーブル化 dl, ul */
.dp-table {
	display: table;
	width: 100%;
}
.dp-table dt, .dp-table dd, .dp-table li {
	display: table-cell;
}


/*=============================================================
 *　ページ別スタイル
=============================================================*/

/* 大学案内
-------------------------------------------------------------*/
.college_info .main_visual div{
	background: url(../../college_info/images/main_visial_index.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.lower.college_info .main_visual{
    background: url(../../college_info/images/main_visial_lower.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.college_info ul.index_card li a{
	padding: 25px 0;
	height: 200px;
}
.college_info ul.index_card li span.number{
	display: block;
	width: 1.25em;
	margin: 0 auto;
	margin-bottom: 33px;
	font-size: 4.0rem;
	font-style: italic;
	color: #d10000; 
	border-bottom: 3px #d10000 solid;
	padding-bottom: 7px;
}

.college_info .college_info_footer_links {
	width: 800px;
	margin: 55px auto 0;
}
.college_info .college_info_footer_links ul {
	margin-left: -19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.college_info .college_info_footer_links ul li{
	text-align: left;
	margin-left: 19px;
	margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.college_info .college_info_footer_links ul li a{
	color: #333;
	display: block;
	padding: 26px 25px 26px 20px;
	width: 254px;
	border: solid #dddddd 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
	background: url(../img/arrow_index01.png) no-repeat 93% 50% #ffffff;
}
.college_info .college_info_footer_links ul li a:hover{
	text-decoration: none;
	color: #d10000;
	border: #d10000 solid 1px;
	background: url(../img/arrow_index01_on.png) no-repeat 93% 50% #ffffff;
}
.college_info .college_info_footer_links ul li.current a{
	color: #d10000;
	display: block;
	padding: 25px 25px 25px 20px;
	width: 254px;
	border: solid #d10000 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
	background: url(../img/arrow_index01_on.png) no-repeat 93% 50% #ffffff;
}

/*----- OG列伝 */
.index .og_retsuden{
	background: #f5f5f5 url("../../college_info/images/fig_og_retsuden.png") no-repeat;
	background-size: cover;
    text-align: center;
    margin: 60px auto 70px;
    height: 290px;
}
.index .og_retsuden h3{
    color: #d10000;
    padding-top: 65px;
}
.index .og_retsuden ul{
    width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 40px auto 0;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.index .og_retsuden ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    font-size: 1.6rem;
}
.index .og_retsuden ul li a{
    padding: 30px 20px;
    width: 255px;
    background: #fff;
    color: #d10000;
}
.index .og_retsuden ul li a:hover{
    text-decoration: none;
    background: #d10000;
    color: #ffffff;
}

/* 大学案内 */
.college_info .og_retsuden{margin: 50px auto 0; height: 385px;}
.college_info .og_retsuden h3{padding-top: 95px;}
.college_info .og_retsuden ul{margin-top: 55px;}
.college_info .og_retsuden ul li{font-size: 1.8rem;}
.college_info .og_retsuden ul li a{padding: 40px 20px;}


.index_content_footer_inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	width: 1040px;
	margin: 70px auto 40px;
}
.index_content_footer_inner .local_nav2{
	width: 680px;
	text-align: left;
}
.index_content_footer_inner .local_nav3{
	width: 320px;
	text-align: left;
	margin-left: 40px;
}
.college_info #content .local_nav2 h3,
.college_info #content .local_nav3 h3{
	color: #333;
	font-size: 2.0rem;
	letter-spacing: 0;
	margin-bottom: 28px;
}
.college_info .local_nav2 h3 a{color: #333;}
.college_info .local_nav2 h3 a:hover{color: #d10000;　text-decoration: none;}
.college_info .local_nav2 ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-top: 20px;
}
.college_info .local_nav2 ul li{
	text-align: left;
	margin-bottom: 12px;
	margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.college_info .local_nav2 ul li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
    -webkit-justify-content: space-between;
	justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
	color: #333;
	display: block;
	padding: 20px;
	width: 220px;
	border: solid #dddddd 1px;
	background: url(../img/arrow_index01.png) no-repeat 95% 50% #ffffff;
}
.college_info .local_nav2 ul li a:hover,
.college_info .local_nav3 ul li a:hover{
	color: #d10000;
	border: solid #d10000 1px;
	background: url(../img/arrow_index01_on.png) no-repeat 95% 50% #ffffff;
	text-decoration: none;
}
.college_info .local_nav3 ul{margin-top: 20px;}
.college_info .local_nav3 ul li{text-align: left;　margin-bottom: 12px;}
.college_info .local_nav3 ul li + li{margin-top: 10px;}
.college_info .local_nav3 ul li a{
	color: #333;
	display: block;
	padding: 20px;
	width: 320px;
	border: solid #dddddd 1px;
	background: url(../img/arrow_index01.png) no-repeat 95% 50% #ffffff;
}

/*----- 大学案内：建学の精神・教育目的　spirit */
.column01{
	background: #f6f6f6;
	padding: 40px 40px 35px;
}
.column01 p{text-align: center;}
.column01 p.txt_left{text-align: left;}
.college_info #content .column01 h4{margin-bottom: 20px;}
.college_info #content .column01 p{font-weight: bold;}
.college_info .rinen{
	margin: 60px 0 0 60px ;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	text-align: left;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.college_info .rinen .rinen_ph{width: 240px;}
.college_info .rinen .rinen_txt{
    width: 680px;
	margin-left: 60px;
	text-align: left;
}
.college_info .college_info_inner{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
.college_info .college_info_inner h3{text-align: center;}
.college_info .college_info_inner ol{margin: 30px 0;}
.college_info .college_info_inner ol li{
	background: #f6f6f6;
	margin-bottom: 5px;
	padding: 18px 20px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo",  "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.college_info .college_info_inner ol li span{margin-right: 10px;}
.college_info .motto{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 800px;
	margin: 0 auto;
}
.college_info #content .motto h4{
	font-size: 3.2rem;
	font-weight: 800;
	margin-bottom: 20px;
}

/*----- 大学案内：創立者　二階堂トクヨ　founder */
.college_info .str_founder_01 table{width: 800px;}
.college_info .str_founder_01 table th,
.college_info .str_founder_01 table td{border-bottom: 1px solid #ddd;}
.college_info .str_founder_01 table th{
	background: #f6f6f6;
	white-space: nowrap;
	text-align: center;
	padding: 40px;
}
.college_info .str_founder_01 table td{
	text-align: left;
	padding: 40px 0 40px 40px;
}
.college_info .str_founder_01 table th.noborder,
.college_info .str_founder_01 table td.noborder{border-bottom: none;}
.college_info .str_founder_01 table td h4{
	font-weight: normal;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.college_info .str_founder_01 table td .lyt_txt{
	float: left;
	width: 400px;
}
.college_info .str_founder_01 table td .lyt_img{
	float: right;
	display: inline-block;
}

/*----- 大学案内：設置学校　school */
.college_info .school_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.college_info .school_box img + img{margin-left: 5px;}
.college_info .school_box > div{
	margin-left: 20px;
	line-height: 1.8;
}
.college_info .school_box dl{
	overflow: hidden;
	text-align: left;
}
.college_info .school_box dt{
	width: 90px;
	float: left;
}
.college_info .school_box dd{margin-left: 90px;}
.college_info .school_box a{
	margin-top: 10px;
}
.college_info .lyt_img_02 ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	width: 450px;
	margin: 20px auto;
}

/*----- 大学案内：OG列伝　og */
.college_info.og .column_area_fl{margin-top: 20px;}
.college_info.og .column_area_img{width: 100px;}
.college_info.og .column_area_txt{
	width: 680px;
	margin-left: 20px;
}
.college_info ul.list_inline{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    width: 650px;
}
.college_info ul.list_inline li{width: 20%;}



/* 学部・大学院
-------------------------------------------------------------*/
.education .messag_wrap,
.education_under .messag_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.education .messag_wrap > img,
.education_under .messag_wrap > img {
    width: 200px;
    height: auto;
}
.education .messag_wrap > div,
.education_under .messag_wrap > div {
    padding-left: 40px;
    width: 600px;
}
.education .messag_wrap p + p,
.education_under .messag_wrap p + p {
    margin-top: 30px;
}

.education .main_visual div {
    background: url(../../education/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.education.lower .main_visual {
    background: url(../../education/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.education.index #content h3 {
    font-size: 2.0rem;
    letter-spacing: 0;
    margin-bottom: 25px;
}
.education .wrap_1 + .wrap_1 {
    margin-top: 50px;
}
.education .wrap_1 dl {
    margin-bottom: 25px;
}
.education .wrap_1 dt {
    width: 300px;
    vertical-align: middle;
}
.education .wrap_1 dt a {
    font-size: 1.3rem;
    color: #333333;
    background: url(/common/img/arrow_local_nav.png) no-repeat left;
    padding-left: 12px;
}
.education .wrap_1 dd {
    border-left: 1px solid #dddddd;
    padding: 12px 0 12px 40px;
}
.education .content_links {
    margin-bottom: 60px;
}

/*----- 学部・大学院 各インデックス */
.education_under .feature_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
}
.education_under .feature_list li:nth-child(2n) {
    flex-direction: row-reverse;
}
.education_under .feature_list .text_wrap {
    width: 50%;
    padding: 0 75px;
}
.education_under .feature_list .text_wrap h3 {
    color: #d10000;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1;
    font-weight: normal;
    font-size: 2.6rem !important;
    letter-spacing: normal !important;
}
.education_under .feature_list .text_wrap h3:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background-color: #d10000;
    margin: 30px auto 0;
}
.education_under.curriculum .type01, .education_under.curriculum .type02 {
    table-layout: fixed;
    font-size: 1.4rem;
    text-align: left;
}
.education_under.curriculum .type01 th, .education_under.curriculum .type01 td, .education_under.curriculum .type02 th, .education_under.curriculum .type02 td {
    padding: 14px;
    line-height: 1.4;
}
.education_under.curriculum .type01 th .list_notice_01, .education_under.curriculum .type02 th .list_notice_01 {
    margin-top: 10px;
}

/*----- 教員紹介 */
.teacher.lower .content_links ul li {
    margin-bottom: 20px;
}
.teacher.lower .column_area_fl {
    margin-bottom: 40px;
}
.teacher.lower .column_area_img {
    width: auto;
    margin-right: 0;
}
.teacher.lower .column_area_txt {
    width: 100%;
    margin-left: 20px;
    text-align: left;
}
.teacher.lower .column_area_txt h3 {
    line-height: 1.5;
    font-size: 2.4rem !important;
    margin-top: 0;
    margin-bottom: 5px;
}
.teacher.lower .column_area_txt h3 small {
    font-size: 1.8rem;
    font-weight: normal;
    margin-left: 10px;
}
.teacher.lower .column_area_txt .position {
    display: inline-block;
    width: 110px;
    margin-right: 15px;
    background-color: #d10000;
    color: #fff;
    font-weight: normal;
    font-size: 1.3rem;
    text-align: center;
    padding: 2px 4px;
    line-height: 1;
}
.teacher.lower .column_area_fl .column_area_img img{
    width: 160px;
}
.teacher.lower .ul_table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #dddddd;
}
.teacher.lower .ul_table li {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #dddddd;
}
.teacher.lower .ul_table li .text {
    margin-left: 20px;
}
.teacher.lower .ul_table li .text a {
    background: url(/common/img/arrow_local_nav_on.png) no-repeat 0 50%;
    padding-left: 12px;
}
.teacher.lower .ul_table li .text a:hover {
    background: url(/common/img/arrow_local_nav.png) no-repeat 0 50%;
}
.teacher.lower .ul_table li .text p {
    font-size: 1.3rem;
    line-height: 1.6;
    margin-top: 5px;
}
.teacher.lower .img_wrap {
    margin: 40px 0;
}
.teacher.lower .profile_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 40px;
}
.teacher.lower .profile_wrap h3 {
    margin-left: 40px;
}
.teacher.lower .profile_wrap h3 small {
    display: block;
    text-align: left;
    font-size: 1.5rem;
    margin-top: 8px;
    margin-left: -8px;
}
.teacher.lower .content_area p + p {
    margin-top: 15px;
}

/*----- スポーツ科学専攻 */
.sports .main_visual div {
    background: url(../../education/s_science/sports/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.sports.lower .main_visual {
    background: url(../../education/s_science/sports/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 舞踊学専攻 */
.dance .main_visual div {
    background: url(../../education/s_science/dance/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.dance.lower .main_visual {
    background: url(../../education/s_science/dance/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 健康スポーツ学専攻 */
.health .main_visual div {
    background: url(../../education/s_health/health/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.health.lower .main_visual {
    background: url(../../education/s_health/health/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 幼児発達学専攻 */
.child .main_visual div {
    background: url(../../education/s_health/child/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.child.lower .main_visual {
    background: url(../../education/s_health/child/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 大学院 スポーツ科学研究科 */
.grad .main_visual div {
    background: url(../../education/grad/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.grad.lower .main_visual {
    background: url(../../education/grad/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 2019_スポーツ科学専攻 */
.sports .main_visual.y_2019 div {
    background: url(../../education/2019/s_science/sports/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.sports.lower .main_visual.y_2019 {
    background: url(../../education/2019/s_science/sports/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 2019_舞踊学専攻 */
.dance .main_visual.y_2019 div {
    background: url(../../education/2019/s_science/dance/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.dance.lower .main_visual.y_2019 {
    background: url(../../education/2019/s_science/dance/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 2019_健康スポーツ学専攻 */
.health .main_visual.y_2019 div {
    background: url(../../education/s_health/health/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.health.lower .main_visual.y_2019 {
    background: url(../../education/s_health/health/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 2019_幼児発達学専攻 */
.child .main_visual.y_2019 div {
    background: url(../../education/2019/s_health/child/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.child.lower .main_visual.y_2019 {
    background: url(../../education/2019/s_health/child/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

/*----- 2019_大学院 スポーツ科学研究科 */
.grad .main_visual.y_2019 div {
    background: url(../../education/2019/grad/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.grad.lower .main_visual.y_2019 {
    background: url(../../education/2019/grad/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}



/* 入試情報
-------------------------------------------------------------*/
body.admission .main_visual div {
    background: url(../../admission/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
body.admission.index .local_nav {
    margin-bottom: 45px;
}
body.admission.lower .main_visual {
    background: url(../../admission/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}
body.admission .column01 {
    margin-top: 30px;
}

/*----- 入試イベント */
body.admission .event_schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
body.admission .event_schedule li {
    border: 1px solid #d10000;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
body.admission .event_schedule li + li {
    margin-left: -1px;
}
body.admission .event_schedule li img {
    width: auto;
    height: 120px;
}
body.admission .event_schedule li.end {
    border: 1px solid #dddddd;
    background-color: #f6f6f6;
}
body.admission .event_schedule li.end:before {
    content: "終了しました";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 25px;
    font-weight: bold;
    font-size: 1.6rem;
}
body.admission .event_schedule li.end img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: 0.15;
}
body.admission .event_schedule.op li {
    padding: 10px 0 27px;
}
body.admission .op_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}
body.admission .op_detail li {
    width: 33.333%;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
body.admission .op_detail h5 {
    margin-bottom: 10px;
    line-height: 1.2;
    border-left: 4px solid #333333;
    padding-left: 10px;
}
body.admission .op_detail img {
    width: 100%;
    height: auto;
}
body.admission .op_detail p {
    line-height: 1.6;
    margin-top: 5px;
}
body.admission .timetable_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-left: 0;
    margin: 20px 0 40px;
}
body.admission .timetable_wrap h5 {
    width: 40%;
    text-align: center;
}
body.admission .timetable_wrap dl {
    width: 60%;
    overflow: hidden;
    *zoom: 1;
    line-height: 1.8;
}
body.admission .timetable_wrap dl dt, body.admission .timetable_wrap dl dd {
    border-bottom: 1px dotted #aaa;
}
body.admission .timetable_wrap dl dt {
    width: 120px;
    float: left;
}
body.admission .timetable_wrap dl dd {
    letter-spacing: 0.05rem;
}

/*----- 入試日程 */
body.admission.schedule .schedule_wrap {
    margin: 20px 0 40px;
    position: relative;
}
body.admission.schedule .schedule_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 745px;
    margin-left: 54px;
    position: absolute;
    top: 0;
    z-index: 1;
}
body.admission.schedule .schedule_wrap li {
    width: 140px;
}
body.admission.schedule .schedule_wrap li a img{
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
body.admission.schedule .schedule_wrap li a:hover img{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
body.admission.schedule .type02 td p.notice {
    margin: 5px 0 0;
    font-size: 1.3rem;
}
body.admission.schedule .schedule_01 a {
    color: #d10000;
    font-weight: bold;
}
body.admission.schedule .schedule_02 a {
    color: #ef4589;
    font-weight: bold;
}
body.admission.schedule .schedule_04 a {
    color: #f46729;
    font-weight: bold;
}
body.admission.schedule .schedule_05 a {
    color: #a540a2;
    font-weight: bold;
}

/*----- 入試方式 */
body.admission .method_list li span, body.admission .chart_list li span {
    display: inline-block;
    color: #d10000;
    font-size: 1.2rem;
    padding: 2px 5px;
    border: 1px solid #d10000;
    margin-right: 5px;
}
body.admission .method_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
body.admission .method_list li + li {
    margin-left: 20px;
}
body.admission .chart_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
body.admission .chart_list > li {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    text-align: center;
}
body.admission .chart_list > li > img {
    display: block;
    margin: 10px auto;
}
body.admission .chart_list > li p {
    line-height: 1.5;
}
body.admission .chart_list > li p + dl {
    margin-top: 20px;
}
body.admission .chart_list h4 {
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif !important;
    font-size: 1.8rem !important;
}
body.admission .chart_list h4 a {
    height: 72px;
    line-height: 1;
    padding-top: 27px;
    padding-left: 20px;
}
body.admission .chart_list h4 a.pt {
    padding-top: 15px;
}
body.admission .chart_list h4 a small {
    display: block;
    font-size: 1.3rem;
    margin-top: 9px;
}
body.admission .chart_list dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px 20px;
    background-color: #f6f6f6;
    margin: 20px 0 15px;
    font-size: 1.3rem;
}
body.admission .chart_list dl dt {
    margin-right: 10px;
    line-height: 1.8;
}
body.admission .chart_list dl dt b {
    font-weight: normal;
}
body.admission .chart_list dl dd {
    font-size: 0;
}
body.admission .type02 .type02 {
    margin-top: 10px;
    margin-bottom: 10px;
}
body.admission h5.title {
    text-align: left;
    margin: 25px 0 5px !important;
}

/*----- コード表 */
.admission.code td a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.admission.code td a > span {
    margin-left: 20px;
}

/*----- LINE */
.admission.line .bg-gray {
    ddisplay: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 30px 0;
}

.admission.line .bg-gray a {
    margin-right: 30px;
}

/*----- 動画で見える */
body.admission .movie_list {
    margin-left: -40px;
    margin-right: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.admission .movie_list li {
    width: 50%;
    text-align: center;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 1.4rem;
}
body.admission .movie_list li a + p {
    margin-top: -5px;
}
body.admission .movie_list li p {
    background-color: #d10000;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}
body.admission .movie_list a {
    display: block;
    margin-bottom: 5px;
    position: relative;
}
body.admission .movie_list a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
body.admission .movie_list a img {
    width: 100%;
    height: auto;
}
body.admission .new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 80px;
}

.fancybox-overlay {
    z-index: 99999 !important;
}



/* キャンパスライフ
-------------------------------------------------------------*/
.campus_life .main_visual div {
    background: url(../../campus_life/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.campus_life.lower .main_visual {
    background: url(../../campus_life/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.campus_life .no_link a {pointer-events: none;}
.campus_life .no_link p {color: #bbb;}
.campus_life .link {
    display: block;
    border: solid #dddddd 1px;
    color: #333;
    text-align: left;
    width: 100%;
    padding: 25px 25px 25px 20px;
    margin-top: 20px;
    background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50%;
    vertical-align: middle;
}
.campus_life .link + .link {margin-top: 10px;}
.campus_life .link:hover {
    border: solid #d10000 1px;
    color: #d10000;
    background: url(/common/img/arrow_local_nav_on.png) no-repeat 95% 50%;
    text-decoration: none;
}
.campus_life .link.w50 {width: 50%;}

/*----- 施設紹介 */
.campus_life.facility h5.title {
    text-align: left;
    margin: 30px 0 !important;
    padding-bottom: 3px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: .7em;
    background-color: #f6f6f6;
}
.campus_life.facility .bg-gray {
    background: #f6f6f6;
    padding: 70px 0;
    margin: 40px 0 70px;
}
.campus_life.facility .bg-gray h3 {
    margin-bottom: 60px;
}
.campus_life.facility .bg-gray .title-bg {background: #fff;}
.campus_life.facility .main_mt {margin: 0 auto 0 !important;}
.campus_life.facility .mt {margin-top: -150px;}
.campus_life.facility .gray_wrap {
    background: #f6f6f6;
    padding: 30px;
    margin-top: 20px;
}
.campus_life.facility .gray_wrap table {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    font-size: 1.4rem;
}
.campus_life.facility .gray_wrap table + p {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 10px;
}
.campus_life.facility .gray_wrap table tr {border-bottom: 1px solid #ddd;}
.campus_life.facility .gray_wrap table th {
    padding: 8px;
    line-height: 1.5;
}
.campus_life.facility .gray_wrap table td {
    padding: 8px;
    line-height: 1.5;
    text-align: left;
}
.campus_life.facility .tac {text-align: center !important;}
.campus_life.facility .col_6 .title-bg {
    margin-top: 0;
    font-size: 2.2rem !important;
}
.campus_life.facility .col_4 img,
.campus_life.facility .col_6 img {width: 100%; height: auto;}
.campus_life.facility .col_4 p {font-size: 1.4rem; line-height: 1.6;}
.campus_life.facility .col_4 img + p,
.campus_life.facility .col_6 img + p {margin-top: 10px;}

/*----- 施設紹介：附属図書館 */
.campus_life.facility.library .column_area_fl {margin: 60px 0 20px 0;}

/*----- 年間行事 */
.campus_life.schedule h5.title-br {
    border-bottom: 1px dotted #333;
    margin: 30px 0 20px;
    line-height: 2.1;
}
.campus_life.schedule dl{
    overflow: hidden;
    text-align: left;
    line-height: 1.8;
}
.campus_life.schedule dt{width: 180px; float: left;}
.campus_life.schedule dd{margin-left: 180px;}

/*----- 健美祭 */
.campus_life.kenbisai strong.accent{background: #f8d9d9;}

/*----- 海外研修 */
.campus_life.overseas-training .bg-gray {
    background: #f6f6f6;
    padding: 30px;
    text-align: left;
}
.campus_life.overseas-training h3 span {font-size: 2.0rem;}
.campus_life.overseas-training .column_area_img img {width: 200px;}

/*----- 健康管理・カウンセリング */
.campus_life.counseling .type01 dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 650px;
    margin-top: 5px;
}
.campus_life.counseling .type01 dt{width: 14%; margin-top: 5px;}
.campus_life.counseling .type01 dd{width: 86%; margin-top: 5px;}

/*----- 在学生専用ポータルサイト */
.campus_life.portal .col_6 a + p {margin-top: 10px; font-size: 1.3rem; line-height: 1.6;}

.campus_life.facility .column_area_fr,
.campus_life.facility .column_area_fl,
.campus_life.schedule .column_area_fr,
.campus_life.schedule .column_area_fl,
.campus_life.kanbisai .column_area_fr,
.campus_life.overseas-training .column_area_fr {margin: 20px 0;}



/* 資格・就職
-------------------------------------------------------------*/
.career .main_visual div {
    background: url(../../career/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.career.lower .main_visual {
    background: url(../../career/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.career ul.sort_career_index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px 0 40px;
}
.career ul.sort_career_index > li {
    width: 110px;
    height: 55px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.4;
    font-size: 1.4rem;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
}
.career ul.sort_career_index > li:first-child {
    position: absolute;
    height: 115px;
}
.career ul.sort_career_index > li:nth-child(2),
.career ul.sort_career_index > li:nth-child(8) {margin-left: 125px;}
.career ul.sort_career_index > li + li {margin-left: 3px;}
.career ul.sort_career_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.career ul.sort_career_list li {
    width: 390px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #dddddd;
}
.career ul.sort_career_list li:hover {
    background: none !important;
}
.career ul.sort_career_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    width: 390px;
    padding: 20px;
    /*height: 100%;*/
    color: #333333;
}
.career ul.sort_career_list a:hover {text-decoration: none;}
.career ul.sort_career_list .img_wrap img {
    width: 91px;
    height: auto;
}
.career ul.sort_career_list .text_wrap {
    margin-left: 15px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.career ul.sort_career_list .text_wrap .date {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 4px;
}
.career ul.sort_career_list .text_wrap .new {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    margin-bottom: 2px;
    width: 36px;
    text-align: center;
    line-height: 1;
    background-color: #d10000;
    color: #fff;
    font-size: 1.0rem;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
    padding: 2px 3px;
}
.career ul.sort_career_list .text_wrap h3 {
    font-size: 1.7rem !important;
    line-height: 1.4;
    margin-bottom: 12px;
}
.career ul.sort_career_list .text_wrap p {
    font-size: 1.3rem;
    line-height: 1.5;
}
.career ul.sort_career_list .text_wrap p.bg {
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #f6f6f6;
}
.career ul.sort_career_list.og .text_wrap {height: 154px;}
.career ul.sort_career_list.og .text_wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 70%, white 99%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 70%, white 99%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 70%, #ffffff 99%);
}
.career ul li {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: border .15s linear, color .15s linear, background-color .15s linear;
    transition: border .15s linear, color .15s linear, background-color .15s linear;
}
.career ul li.all {border-bottom: 2px solid #dddddd;}
.career ul li.all:hover {background-color: #f6f6f6; color: #999;}
.career ul li.teacher {border-bottom: 2px solid #8ab70e;}
.career ul li.teacher:hover {
    background-color: #effbce;
    border-color: #8ab70e;
    color: #789f0c;
}
.career ul li.koumuin {border-bottom: 2px solid #bfb115;}
.career ul li.koumuin:hover {
    background-color: #faf7d4;
    border-color: #bfb115;
    color: #9a8f11;
}
.career ul li.medic {border-bottom: 2px solid #12ada7;}
.career ul li.medic:hover {
    background-color: #d8fbfa;
    border-color: #12ada7;
    color: #12ada7;
}
.career ul li.athlete {border-bottom: 2px solid #a25eb5;}
.career ul li.athlete:hover {
    background-color: #f3eaf5;
    border-color: #a25eb5;
    color: #a25eb5;
}
.career ul li.dance {border-bottom: 2px solid #d63a8e;}
.career ul li.dance:hover {
    background-color: #fbebf4;
    border-color: #d63a8e;
    color: #d63a8e;
}
.career ul li.sports {border-bottom: 2px solid #338e41;}
.career ul li.sports:hover {
    background-color: #e4f5e7;
    border-color: #338e41;
    color: #338e41;
}
.career ul li.specialist {border-bottom: 2px solid #4168d1;}
.career ul li.specialist:hover {
    background-color: #edf1fb;
    border-color: #4168d1;
    color: #4168d1;
}
.career ul li.sales {border-bottom: 2px solid #d92323;}
.career ul li.sales:hover {
    background-color: #fcebeb;
    border-color: #d92323;
    color: #d92323;
}
.career ul li.business {border-bottom: 2px solid #e2953c;}
.career ul li.business:hover {
    background-color: #faeee0;
    border-color: #e2953c;
    color: #d58120;
}
.career ul li.management {border-bottom: 2px solid #9f7b47;}
.career ul li.management:hover {
    background-color: #f6f1ea;
    border-color: #9f7b47;
    color: #9f7b47;
}
.career ul li.product {border-bottom: 2px solid #509fdb;}
.career ul li.product:hover {
    background-color: #e8f3fa;
    border-color: #509fdb;
    color: #3b93d7;
}
.career ul li.geino {border-bottom: 2px solid #dd81cf;}
.career ul li.geino:hover {
    background-color: #faedf8;
    border-color: #dd81cf;
    color: #d461c3;
}
.career .pc_block{display: block;}

/*----- OG図鑑 キャリアカフェ 詳細ページ */
#content .og_content_area_inner h3 {
    margin-top: 50px;
    font-size: 1.8rem;
    line-height: 1.7;
    text-align: left;
}
body.og #content h2.title{
    font-size: 3rem;
}
#content .og_content_area_inner h3{
    position: relative;
}
#content .og_content_area_inner h3:before{
content: '';
width: 50px;
height: 1px;
display: inline-block;
margin-top: -4px;
margin-right: 8px;
vertical-align: middle;
}

#content .og_athlete h2.title,
#content .og_athlete h3,
#content .og_athlete p.lead {color: #a25eb5;}
#content .og_athlete h3:before{background-color:#a25eb5;}

#content .og_business h2.title,
#content .og_business h3,
#content .og_business p.lead {color: #e2953c;}
#content .og_business h3:before{background-color:#e2953c;}

#content .og_dance h2.title,
#content .og_dance h3,
#content .og_dance p.lead {color: #d63a8e;}
#content .og_dance h3:before{background-color:#d63a8e;}

#content .og_geino h2.title,
#content .og_geino h3,
#content .og_geino p.lead {color: #dd81cf;}
#content .og_geino h3:before{background-color:#dd81cf;}

#content .og_koumuin h2.title,
#content .og_koumuin h3,
#content .og_koumuin p.lead {color: #bfb115;}
#content .og_koumuin h3:before{background-color:#bfb115;}

#content .og_management h2.title,
#content .og_management h3,
#content .og_management p.lead {color: #9f7b47;}
#content .og_management h3:before{background-color:#9f7b47;}

#content .og_medic h2.title,
#content .og_medic h3,
#content .og_medic p.lead {color: #12ada7;}
#content .og_medic h3:before{background-color:#12ada7;}

#content .og_product h2.title,
#content .og_product h3,
#content .og_product p.lead {color: #509fdb;}
#content .og_product h3:before{background-color:#509fdb;}

#content .og_sales h2.title,
#content .og_sales h3,
#content .og_sales p.lead {color: #d92323;}
#content .og_sales h3:before{background-color:#d92323;}

#content .og_specialist h2.title,
#content .og_specialist h3,
#content .og_specialist p.lead {color: #4168d1;}
#content .og_specialist h3:before{background-color:#4168d1;}

#content .og_sports h2.title,
#content .og_sports h3,
#content .og_sports p.lead {color: #338e41;}
#content .og_sports h3:before{background-color:#338e41;}

#content .og_teacher h2.title,
#content .og_teacher h3,
#content .og_teacher p.lead {color: #8ab70e;}
#content .og_teacher h3:before{background-color:#8ab70e;}

#content .og_content_area_inner p {margin-top: 20px;}
#content .og_content_area_inner p.lead span {color: #000;}

#content .og_profile_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 800px;
    margin: 30px auto 0;
}
#content .og_profile_wrap .photo {width: auto; height: 100%;}
#content .og_profile_wrap .txt_box {width: 580px; padding-left: 38px;}
#content .og_profile_wrap .txt_box h2 {
    text-align: left;
    font-size: 2.4rem;
    margin-top: 25px;
}
#content .og_profile_wrap .txt_box h2 span {font-size: 1.6rem;}
#content .og_profile_wrap .txt_box p {margin-top: 10px;}
#content .og_profile_wrap .txt_box p.catch {
    margin-top: 0;
    font-size: 2.4rem;
    line-height: 1.6;
}
#content .og_profile_wrap .txt_box dt {
    text-align: left;
    font-size: 1.4rem;
    margin-top: 5px;
}
#content .og_profile_wrap .txt_box dt span {padding: 4px 10px;}
#content .og_profile_wrap .txt_box dd {
    text-align: left;
    font-size: 2.2rem;
    margin-top: 20px;
}

#content .og_profile_wrap.group .txt_box {
    width: 100%;
    padding-left: 0;
}

#content .og_profile_wrap.group .txt_box .catch{
    text-align: center;
}

#content .og_profile_wrap.group .txt_box .group{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0;
    margin-left: -17px;
}

#content .og_profile_wrap.group .txt_box .group > div{
    width: 182px;
    margin-left: 17px;
    margin-top: 20px;
}

#content .og_profile_wrap.group .txt_box .group > div .photo {
    width: 100%;
    height: auto;
}

#content .og_profile_wrap.group .txt_box .group > div h2 {
    text-align: left;
    font-size: 2rem;
    margin-top: 12px;
}

#content .og_profile_wrap.group .txt_box .group > div p {
    margin-top: 10px;
    line-height: 1.7;
    text-align: left;
    font-size: 1.3rem;
    position: relative;
}



#content .og_athlete .txt_box dt span {border: 1px solid #a25eb5; color: #a25eb5;}
#content .og_athlete .txt_box p span {color: #a25eb5;}

#content .og_business .txt_box dt span {border: 1px solid #e2953c; color: #e2953c;}
#content .og_business .txt_box p span {color: #e2953c;}

#content .og_dance .txt_box dt span {border: 1px solid #d63a8e; color: #d63a8e;}
#content .og_dance .txt_box p span {color: #d63a8e;}

#content .og_geino .txt_box dt span {border: 1px solid #dd81cf; color: #dd81cf;}
#content .og_geino .txt_box p span {color: #dd81cf;}

#content .og_koumuin .txt_box dt span {border: 1px solid #bfb115; color: #bfb115;}
#content .og_koumuin .txt_box p span {color: #bfb115;}

#content .og_management .txt_box dt span {border: 1px solid #9f7b47; color: #9f7b47;}
#content .og_management .txt_box p span {color: #9f7b47;}

#content .og_medic .txt_box dt span {border: 1px solid #12ada7; color: #12ada7;}
#content .og_medic .txt_box p span {color: #12ada7;}

#content .og_product .txt_box dt span {border: 1px solid #509fdb; color: #509fdb;}
#content .og_product .txt_box p span {color: #509fdb;}

#content .og_sales .txt_box dt span {border: 1px solid #d92323; color: #d92323;}
#content .og_sales .txt_box p span {color: #d92323;}

#content .og_specialist .txt_box dt span {border: 1px solid #4168d1; color: #4168d1;}
#content .og_specialist .txt_box p span {color: #4168d1;}

#content .og_sports .txt_box dt span {border: 1px solid #338e41; color: #338e41;}
#content .og_sports .txt_box p span {color: #338e41;}

#content .og_teacher .txt_box dt span {border: 1px solid #8ab70e; color: #8ab70e;}
#content .og_teacher .txt_box p span {color: #8ab70e;}

#content .og_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#content .og_column .photo {
    height: 100%;
    width: auto;
    margin-top: 20px;
}

#content .og_column .photo02 {
    height: 100%;
    width: auto;
    margin-top: 50px;
}

#content .og_column .txt_box {padding-right: 40px; width: 646px;}
.career.og .bg-gray{line-height: 1.6;}

.career.og .lt-s{letter-spacing: -0.05rem;}

/*----- 就職比率/主な就職実績 */
body.career.recruit .percent_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 60px;
}
body.career.recruit .percent_title > span {font-size: 1.8rem;}
body.career.recruit .percent_title strong {
    font-size: 4.8rem;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background: linear-gradient(rgba(0, 0, 0, 0) 66%, #f8d9d9 0%);
    padding: 0 10px;
    margin-left: 10px;
}
body.career.recruit .percent_title strong small {font-size: 3.0rem;}
body.career.recruit .percent_title strong span {margin-left: 5px; font-size: 2.4rem;}
body.career.recruit .percent_list {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.career.recruit .percent_list li {
    width: 50%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
}
body.career.recruit .percent_list p {
    text-align: center;
    font-size: 1.8rem;
    background-color: #f6f6f6;
    padding: 8px;
    margin-bottom: 20px;
}
body.career.recruit .percent_list img {width: 340px; height: auto;}

/*----- 就職支援プログラム */
.program #content table th {width: 220px;}

/*----- 教員養成 */
.teacher-training .row {
    margin-left: -20px;
    overflow: hidden;
}
.teacher-training .col2 {
    float: left;
    padding-left: 20px;
    width: 50%;
}
.teacher-training .col3 {
    float: left;
    padding-left: 20px;
    width: 33.3%;
}

/*----- 就職Q&A */
.career_qa #content h3 {
    text-align: left;
    margin-top: 60px;
    margin-bottom: 25px;
    font-size: 2.2rem;
}

/*----- 採用ご担当者の方 */
.company ul.list_link_01 li {width: 50%;}

/*----- 自己分析 */
.know_a_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 800px;
}
.know_a_wrap .txt_box {width: 550px; padding-right: 50px;}
.know_a_wrap .photo {width: auto; height: 100%;}

/*----- 自己分析 */
.know_c_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 800px;
    margin-top: 30px;
}
.know_c_wrap .txt_box {width: 415px; padding-right: 50px;}
.know_c_wrap .photo {width: auto; height: 100%;}



/* イベント・社会連携
-------------------------------------------------------------*/
body.event_social .main_visual div {
    background: url(../../event_social/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
body.event_social .img_links {
    margin-bottom: 70px;
}
body.event_social.lower .main_visual {
    background: url(../../event_social/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

body.event_social.sub #main .main_column > *:first-child {margin-top: 0;}
body.event_social.sub #main .main_column .detail_area > *:first-child {margin-top: 0;}

body.event_social.sub #main h3 {clear: both;}


body.event_social.sub #main h4 {
    margin: 25px 0 15px;
    padding: 0 0 5px;
    border-bottom: solid 1px #ccc;
    text-align: left;
    font-size: 1.7rem !important;
}
body.event_social.sub #main h5 {
    margin: 20px 0 5px;
    text-align: left;
}
body.event_social.sub #main .icon_file {
    position: relative;
    top: 1px;
    width: 13px;
}
body.event_social.sub #main .in_bl_links {clear: both;}
body.event_social.sub #main em {color: #d10000;}
body.event_social.sub #main p.img_right {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    text-align: center;
}
body.event_social.sub #main p.img_right:after {
    content: "";
    display: block;
    clear: both;
}
body.event_social.sub #main p.img_right span {
    display: inline-block;
    padding-top: 5px;
    font-size: 1.2rem;
    line-height: 1.5;
}
body.event_social.sub #main table.type01 {
    width: 100%;
    margin: 20px 0 30px;
}
body.event_social.sub #main dl {
    margin: 30px 0;
    overflow: hidden;
}
body.event_social.sub #main dl dt, body.event_social.sub #main dl dd {
    margin-bottom: 10px;
    text-align: left;
    line-height: 1.6;
}
body.event_social.sub #main dl dt {
    clear: both;
    float: left;
    width: 6em;
}
body.event_social.sub #main dl dd {
    overflow: hidden;
}
body.event_social.sub #main ul.docs li,
body.event_social.sub #main ul.disc li {
    margin-left: 20px;
    list-style: disc;
}
body.event_social.sub #main ol li {
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
}
body.event_social.sub #main ol.num > li {
    margin-left: 20px;
    list-style: decimal;
}
body.event_social.sub #main div.event_social_multiimage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 30px 0 0;
}
body.event_social.sub #main div.event_social_multiimage p {
    margin: 0 10px;
}
body.event_social.sub #main div.event_social_multiimage p.event_social_imgbox {
    text-align: center;
    margin-top: 30px;
}
body.event_social.sub #main div.event_social_multiimage p.event_social_imgbox img {
    width: auto;
    max-width: 720px;
    height: auto;
}
body.event_social.sub #main div.event_social_multiimage p.event_social_imgbox span {
    display: inline-block;
    padding: 10px 0 0;
    line-height: 1.4;
    font-size: 1.2rem;
}

/* sports */
body.sub.event_social.sports #main dt {width: 5em;}

/* dance */
body.sub.event_social.dance #main dt {width: 4em;}
body.sub.event_social.dance #main table.prize_archives th[scope="col"] {text-align: left;}
body.sub.event_social.dance #main .graduation dt {width: 5em;}
body.sub.event_social.dance #main .graduation p {margin-bottom: 15px;}
body.sub.event_social.dance #main .graduation table.program th {text-align: left;}
body.sub.event_social.dance #main .graduation table.program td {padding-left: 2em;}

/* menkyokoushin */
body.sub.event_social.forum_workshop #main .menkyokoushin h4 {margin: 30px 0 30px;}
body.sub.event_social.forum_workshop #main .menkyokoushin h5 {margin: 0 0 10px;}
body.sub.event_social.forum_workshop #main .menkyokoushin dl {margin: 0 0 15px;}
body.sub.event_social.forum_workshop #main .menkyokoushin dt {float: none; margin: 0;}
body.sub.event_social.forum_workshop #main .menkyokoushin dt::before {content: '・';}
body.sub.event_social.forum_workshop #main .menkyokoushin dd {margin: 0 0 5px 30px;}
body.sub.event_social.forum_workshop #main .menkyokoushin th {width: 11em;}
body.sub.event_social.forum_workshop #main .menkyokoushin ol li {margin-bottom: 10px;}
body.sub.event_social.forum_workshop #main .menkyokoushin ul.in_bl_links {margin-top: 10px;}

/* lecture */
body.sub.event_social.forum_workshop #main .lecture h4 {margin: 20px 0 10px;}
body.sub.event_social.forum_workshop #main .lecture ol.num {
    margin-top: 10px;
    margin-bottom: 20px;
}
body.sub.event_social.forum_workshop #main .lecture ol.num li ul {
    margin-top: 10px;
    margin-bottom: -10px;
}

/*----- sankangaku index */
body.sub.event_social.sankangaku #main .index h4 {clear: both;}
body.sub.event_social.sankangaku #main .index h3 + h4 {margin-top: 40px;}

/*----- area */
body.sub.event_social.area #main dt {
    float: none;
    width: auto;
    margin: 0;
    font-weight: bold;
}


/* 基礎体力研究所 research
-------------------------------------------------------------*/
.research .main_visual h1 {
    /*margin-top: 20px;*/
}
.research .main_visual h1 span {
    display: block;
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
}
.research .main_visual div {
    background: url(../../research/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.research.lower .main_visual {
    background: url(../../research/images/main_visial_lower.jpg) no-repeat 50% 50%;
    background-size: cover;
}

body.sub.research p.research_imgbox {
    text-align: center;
    margin-top: 30px;
}
body.sub.research p.research_imgbox img {
    width: auto;
    max-width: 720px;
    height: auto;
}
body.sub.research p.research_imgbox span {font-size: 1.2rem;}
body.sub.research div.research_multiimage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 30px 0 0;
}
body.sub.research div.research_multiimage p {margin: 0 10px;}
body.sub.research .icon_file {
    position: relative;
    top: 1px;
    width: 13px;
}

/*----- outline */
body.sub.research.outline .regulations h4 {
    margin: 15px 0 5px;
    text-align: left;
    font-size: 1.6rem !important;
}
body.sub.research.outline .regulations dl {
    text-align: left;
    line-height: 1.6;
    overflow: hidden;
}
body.sub.research.outline .regulations dl dt {
    float: left;
    width: 4.5em !important;
    white-space: nowrap;
}
body.sub.research.outline .regulations dl dd {overflow: hidden;}

/*----- staff */
body.sub.research.staff .staff {
    width: 1040px;
    padding-left: 120px;
    padding-right: 120px;
}
body.sub.research.staff .staff h4 {
    margin: 40px 0 20px;
    text-align: left;
    font-size: 1.6rem !important;
}
body.sub.research.staff .staff dl {
    text-align: left;
    line-height: 1.6;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
}
body.sub.research.staff .staff dl dt {
    float: left;
    width: 8em !important;
    padding: 4px 0;
    font-weight: bold;
    white-space: nowrap;
    border-top: solid 1px #ccc;
}
body.sub.research.staff .staff dl dd {
    padding: 4px 0;
    border-top: solid 1px #ccc;
    overflow: hidden;
}

/*----- project */
body.sub.research.project .project h4 {
    margin: 40px 0 20px;
    padding: 0 0 5px;
    border-bottom: solid 1px #ccc;
    text-align: left;
    font-size: 1.7rem !important;
}
body.sub.research.project .project ul li {margin: 0 0 10px;}
body.sub.research.project .project dl {
    text-align: left;
    line-height: 1.6;
    overflow: hidden;
}
body.sub.research.project .project dl dt {
    float: left;
    width: 6em;
    white-space: nowrap;
}
body.sub.research.project .project dl dd {overflow: hidden;}

/*----- frontier */
body.sub.research.frontier .frontier {
    width: 1040px;
    padding-left: 120px;
    padding-right: 120px;
}
body.sub.research.frontier .frontier h4 {
    margin: 40px 0 20px;
    padding: 0 0 5px;
    border-bottom: solid 1px #ccc;
    text-align: left;
    font-size: 1.7rem !important;
}
body.sub.research.frontier .frontier p + p {margin: 15px 0 0;}
body.sub.research.frontier .frontier td:nth-child(1),
body.sub.research.frontier .frontier td:nth-child(2) {white-space: nowrap;}
body.sub.research.frontier .frontier td:nth-child(3) {text-align: left;}

/*----- forum */
body.sub.research.forum .research_forum_past h4 {
    margin: 15px 0 5px;
    text-align: left;
    font-size: 1.6rem !important;
}
body.sub.research.forum .research_forum_past p.ttl {
    font-weight: bold;
}
body.sub.research.forum .research_forum_past ul.list_column_2 {
    margin-top: 20px;
}
body.sub.research.forum .research_forum_past p.theme {
    font-weight: bold;
}
body.sub.research.forum .research_forum_past p.theme span {
    font-weight: normal;
}

/*----- talk */
body.sub.research.talk h2 small {
    font-size: 2.4rem;
    font-weight: normal;
}
body.sub.research.talk h3.title-bg {
    line-height: 1.4;
}
body.sub.research.talk h4 {
    margin: 20px 0 10px;
    text-align: left;
    font-size: 1.8rem !important;
}

body.sub.research.talk p.talk_sub_ttl {
    margin-bottom: 20px;
    font-weight: bold;
}
body.sub.research.talk .research_talk_past li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #ccc;
}
body.sub.research.talk .research_talk_past dt {
    font-weight: bold;
}

body.sub.research.talk ul.research_talk_disc {
    margin: 0 0 20px;
}
body.sub.research.talk ul.research_talk_disc li {
    margin-left: 20px;
    list-style: disc;
}

/*----- seminar */
body.sub.research.seminar h4 {
    margin: 20px 0 10px;
    text-align: left;
    font-size: 1.8rem !important;
}
body.sub.research.seminar h5 {
    margin: 15px 0 5px;
    text-align: left;
    font-size: 1.6rem !important;
}
body.sub.research.seminar p.seminar_pic {
    float: left;
    margin-right: 20px;
}
body.sub.research.seminar p.seminar_name {
    margin-bottom: 30px;
    font-weight: bold;
}
body.sub.research.seminar p.seminar_name::after {
    content:" ";
    display:block;
    clear:both;
}
body.sub.research.seminar p sup {font-size: 0.5em;}
body.sub.research.seminar .research_seminar_past {
    margin-top: 30px;
    text-align: left;
    overflow: hidden;
    border-bottom: dotted 1px #ccc;
}
body.sub.research.seminar .research_seminar_past dt {
    clear: both;
    margin: 0 0 10px;
    padding-top: 20px;
    line-height: 1.4;
    font-weight: bold;
    border-top: dotted 1px #ccc;
}
body.sub.research.seminar .research_seminar_past dd {
    padding-bottom: 20px;
    line-height: 1.4;
    overflow: hidden;
}
body.sub.research.seminar .research_seminar_past dd.img {
    float: left;
    margin: 0 15px 0 0;
}

/*----- bulletin */
body.sub.research.bulletin .main_column ul li {
    margin: 0 0 12px;
    line-height: 1.4;
}
body.sub.research.bulletin .main_column ul.no_ttl {
    margin: 50px 0 -20px;
}
body.sub.research.bulletin .main_column dl {
    text-align: left;
    line-height: 1.4;
}
body.sub.research.bulletin .main_column dl dt{
    margin: 12px 0 2px;
}
body.sub.research.bulletin .main_column dl dd{
    margin: 0 0 12px 1em;
}
body.sub.research.bulletin .main_column dl dd + dd {
    margin: -9px 0 12px 1em;
}
body.sub.research.bulletin .main_column ul.in_bl_links {
    margin-top: 50px;
}
body.sub.research.bulletin .main_column dl.wide dt{
    margin: 12px 0 12px;
}
body.sub.research.bulletin .main_column dl.wide dd + dd {
    margin: 0 0 12px 1em;
}

/*----- results */
body.sub.research.results .main_column h4 {
    margin: 30px 0 3px;
    padding: 8px 20px;
    text-align: left;
    background-color: #f6f6f6;
    font-size: 1.8rem !important;
}
body.sub.research.results .main_column ul.results_list li {
    margin-bottom: 3px;
    padding: 5px 10px 3px;
    background: #eee;
}
body.sub.research.results .main_column ul.results_list li:nth-child(even) {
    background: #f6f6f6;
}
body.sub.research.results .main_column ul.results_block_A li {
    background: #dfeae0;
}
body.sub.research.results .main_column ul.results_block_A li:nth-child(even) {
    background: #f0f5f0;
}
body.sub.research.results .main_column ul.results_block_B li {
    background: #f5e1c3;;
}
body.sub.research.results .main_column ul.results_block_B li:nth-child(even) {
    background: #fff0cd;
}
body.sub.research.results .main_column ul.results_block_C li {
    background: #e6f5b2;
}
body.sub.research.results .main_column ul.results_block_C li:nth-child(even) {
    background: #f5fcd7;
}
body.sub.research.results .main_column ul.results_block_D li {
    background: #daebeb;
}
body.sub.research.results .main_column ul.results_block_D li:nth-child(even) {
    background: #ebf9fa;
}
body.sub.research.results .main_column ul.results_block_E li {
    background: #e1dce6;
}
body.sub.research.results .main_column ul.results_block_E li:nth-child(even) {
    background: #f0f0fa;
}
body.sub.research.results .main_column ul.results_block_F li {
    background: #e1e6e1;
}
body.sub.research.results .main_column ul.results_block_F li:nth-child(even) {
    background: #f0f5f0;
}

/*----- report */
body.sub.research.s
body.sub.research.report .sub_column li a {
    padding-right: 20px;
}
body.sub.research.report .report h4 {
    margin: 40px 0 20px;
    padding: 0 0 5px;
    border-bottom: solid 1px #ccc;
    text-align: left;
    font-size: 1.7rem !important;
}
body.sub.research.report .report p {
    margin: 30px 0 30px;
}
body.sub.research.report .report p.text_right {
    text-align: right;
}
body.sub.research.report .report table caption {
    margin: 0 0 6px;
    text-align: center;
    font-weight: bold;
}
body.sub.research.report .report ul.plain {
    margin: 30px 0 30px;
}
body.sub.research.report .report ul.plain li {
    list-style: disc;
    margin: 0 0 10px 20px;
}
body.sub.research div.research_report_imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 560px;
    margin: 30px auto 0 !important;
}
body.sub.research div.research_report_imgbox p {
    width: 265px;
    margin: 0 0 30px !important;
    text-align: center;
}
body.sub.research div.research_report_imgbox.c_20110420 span {
    display: inline-block;
    width: 254px;
    height: 6em;
    margin: 5px 0 0;
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.6;
}
body.sub.research div.research_report_imgbox.c_20100613 {width: 600px;}
body.sub.research div.research_report_imgbox.c_20100613 p {
    width: auto !important;
    margin: 0 10px 30px !important;
}
body.sub.research div.research_report_imgbox.c_20100613 img {
    height: 200px;
    width: auto;
}
body.sub.research div.research_report_imgbox.c_20091024 img,
body.sub.research div.research_report_imgbox.c_20090711 img,
body.sub.research div.research_report_imgbox.c_20090927 img {
    width: 265px;
    height: auto;
}
body.sub.research.report .report p.report_textbox {
    background: #efefef;
    padding: 20px;
}

/*----- susume */
body.sub.research.susume .main_column {
    width: 1040px;
    padding-left: 120px;
    padding-right: 120px;
}



/* 【対象者別】
-------------------------------------------------------------*/
/*--- main_visal */
.examinee .main_visual div{
    background: url(../../examinee/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.student .main_visual div{
    background: url(../../student/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.protector .main_visual div{
    background: url(../../protector/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.graduate .main_visual div{
    background: url(../../graduate/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.general .main_visual div{
    background: url(../../general/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.enterprise .main_visual div{
    background: url(../../enterprise/images/main_visial_index.jpg) no-repeat 50% 50%;
    background-size: cover;
}


/* 【対象者別】保護者の方へ
-------------------------------------------------------------*/
.protector .career_support_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    margin-bottom: -10px;
}
.protector .career_support_wrap img{
    vertical-align: top;
    width: 300px;
    height: 360px;
}
.protector .career_support_wrap .text_wrap{
    width: 700px;
    padding-left: 40px;
}
.protector #content .career_support_wrap .text_wrap h3{
    font-size: 4.0rem;
    text-align: left;
}
.protector #content .career_support_wrap .text_wrap h3 em{
    background: linear-gradient(transparent 60%, #f8d9d9 0%);
}
.protector #content .career_support_wrap .text_wrap h3 .num{
    font-size: 6.4rem;
}
.protector #content .career_support_wrap .text_wrap h3 .sub{
    font-size: 1.5rem;
    font-weight: normal;
    margin-left: 20px;
}
.protector .career_support_wrap .text_wrap h4{
    font-size: 2.0rem;
    font-weight: normal;
    text-align: left;
    margin-top: 35px;
}
.protector .career_support_wrap .text_wrap p{
    margin-top: 20px;
}


/* 【対象者別】卒業生の方へ
-------------------------------------------------------------*/
.graduate .info_gaiyo{
    width: 800px;
    margin: 60px auto 0;
}
.graduate .info_gaiyo ul.info_gaiyo_inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.graduate .info_gaiyo ul.info_gaiyo_inner li:first-child img{
    width: 520px;
    height: auto;
}
.graduate .info_gaiyo ul.info_gaiyo_inner li ul li{
    text-align: left;
    margin-left: 40px;
    margin-bottom: 9px;
}
.graduate .info_gaiyo ul.info_gaiyo_inner li ul li a{
    display: block;
    padding: 30px 20px 30px 20px;
    width: 200px;
    background: url(../img/arrow_local_nav.png) no-repeat 93% 50% #ffffff;
    color: #333333;
    border: solid #dddddd 1px;
}
.graduate .info_gaiyo ul.info_gaiyo_inner li ul li a:hover{
    text-decoration: none;
    border: #d10000 solid 1px;
    color: #d10000;
    background: url(../img/arrow_local_nav_on.png) no-repeat 93% 50% #ffffff;
}



/* コンセプトストーリー
-------------------------------------------------------------*/
body.concept_story #content {
    overflow: hidden;
}
body.concept_story #main {
    margin-bottom: 120px;
}
body.concept_story .concept_box {
    position: relative;
}
body.concept_story .concept_box p {
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
}
body.concept_story .concept_box p + p {
    margin-top: 20px;
}
body.concept_story #concept_01 {
    padding: 40px 0 350px;
}
body.concept_story #concept_01 > img {
    position: absolute;
    left: -200px;
    top: 150px;
}
body.concept_story #concept_02 {
    padding: 150px 0 300px;
}
body.concept_story #concept_02 > img {
    position: absolute;
    right: -100px;
    top: 0px;
}
body.concept_story #concept_03 {
    padding: 150px 0 300px;
}
body.concept_story #concept_03 > img {
    position: absolute;
    left: -50px;
    top: -100px;
}
body.concept_story #concept_01 p, body.concept_story #concept_03 p {
    text-align: right;
}
body.concept_story #content h2 {
    font-size: 3.6rem;
    margin-top: 10px;
}
body.concept_story .txt_center {
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
}



/* ピックアップ
-------------------------------------------------------------*/
body.pickup #main {
    margin-bottom: 80px;
}
body.pickup #content h2 {
    line-height: 1.6;
    margin: auto auto 65px;
}
body.pickup #content h3.title-bg {
    font-size: 2.2rem;
}
body.pickup #content h4.title {
    font-size: 2.4rem;
    margin: 30px 0;
}
body.pickup #content .column_area_txt h3.title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 2.4rem !important;
}
body.pickup #content .column_area_txt h3.title-bg {
    margin-top: 0;
}
body.pickup #content .column_area_txt h3.title-bg small {
    margin-left: 15px;
    font-size: 1.5rem;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: normal;
}
body.pickup #content .column_area_txt h4.title {
    font-size: 1.8rem;
    margin: 20px 0 10px;
    text-align: left;
}
body.pickup #content .column_area_txt p {
    line-height: 1.7;
}
body.pickup .main_image {
    margin: 60px 0;
}
body.pickup .main_image img {
    width: 100%;
    height: auto;
}

body.pickup .column_area_fl .column_area_img img,
body.pickup .column_area_fr .column_area_img img{width: 100%;　height: auto;}

body.pickup .column_area_fl .column_area_img,
body.pickup .column_area_fr .column_area_img{width: 240px;}
body.pickup .column_area_fl .column_area_txt,
body.pickup .column_area_fr  .column_area_txt{width: 520px;}

body.pickup .column_area_fl.big .column_area_img,
body.pickup .column_area_fr.big .column_area_img{width: 320px;}
body.pickup .column_area_fl.big .column_area_txt,
body.pickup .column_area_fr.big  .column_area_txt{width: 440px;}

body.pickup .column_ph_area{display: table !important;}
body.pickup .column_ph_area_inner{display: table-cell !important;}
body.pickup .column_ph_area_inner +  .column_ph_area_inner{padding-left: 5px;}

body.pickup .dl_list{text-align: left; line-height: 1.4;}
body.pickup .dl_list dt{border-bottom: 1px dotted #aaa; margin-bottom: 7px;}
body.pickup .dl_list dd + dt{margin-top: 14px;}
body.pickup .dl_list dd li{line-height: 1.4;}
body.pickup .dl_list + h4.title-br{margin-top: 25px;}
body.pickup #content h5.title.t_l{text-align: left; margin: 25px 0 10px;}
body.pickup #content .col_6 p{line-height: 1.6; margin: 10px 0 0;}
body.pickup #content .col_6 h4.title-br{font-size: 1.8rem; line-height: 1.3;}

body.pickup .page_link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 100px;
}
body.pickup .page_link li{width: 25%;}
body.pickup .page_link li a{
    display: block;
    background-color: #000;
    position: relative;
    width: 100%;
    height: 100%;
}
body.pickup .page_link li a:hover span{
    background-color: rgba(0,0,0,0.7);
    
}
body.pickup .page_link li a:hover img{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
body.pickup .page_link li span{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
body.pickup .page_link li img{
    width: 100%;
    height: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    position: relative;
    z-index: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
body.pickup .page_link li.current a{
    pointer-events: none;
}
body.pickup .page_link li.current span{
    display: none;
}
body.pickup .page_link li.current img{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}



/* ピックアップ一覧
-------------------------------------------------------------*/
body.pickup_list .content_area ul{
    border-top: 1px solid #d10000;
}
body.pickup_list .content_area li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-bottom: 1px solid #d10000;
}
body.pickup_list .content_area li .img{
    width: 60%;
    max-width: 600px;
}
body.pickup_list .content_area li .img img{
    max-width: 100%;
}
body.pickup_list .content_area li .link{
    width: 40%;
    text-align: center;
    color: #d10000;
}
body.pickup_list .content_area li .link span{
    display: block;
    white-space: nowrap;
    margin-bottom: 10px;
}
body.pickup_list .content_area li .link a{
    display: block;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    font-size: 1.9rem;
    border: solid #d10000 1px;
    max-height: 84px;
    padding: 20px 0;
    width: 90%;
    margin: 0 auto;
}
body.pickup_list .content_area li .link a:hover{
    background: #d10000;
    color: #fff;
    text-decoration: none;
}
body.pickup_list .content_area li .link.f_s a{
    font-size: 1.6rem;
    letter-spacing: -0.02rem;
    line-height: 1.4;
}
body.pickup_list .content_area li .link p{
    text-align: center;
    font-size: 1.3rem;
    margin: 1.5% 0 -1%;
}



/* お問い合わせ
-------------------------------------------------------------*/
.inquiry p + .list_notice_01 {
    margin-top: -5px;
}
.inquiry_list{
    margin-top: 30px;
}
.inquiry_list li + li{
    margin-top: 20px;
    border-top: 1px dotted #ddd;
    padding-top: 20px;
}
.inquiry_list li a{text-decoration: underline;}
.inquiry_list li a:hover{text-decoration: none;}
.inquiry_list p{
    font-weight: bold;
    line-height: 1.4;
    border-left: 4px solid #000;
    padding-left: 12px;
    margin-bottom: 5px;
}
.inquiry_list dl{
    padding-left: 16px;
    overflow: hidden;
}
.inquiry_list dt{float: left; padding-right: 15px;}


/* English Page
-------------------------------------------------------------*/
body.en .column_area_fr {margin-top: 10px;}
body.en .type01 th, body.en .type01 td {line-height: 1.6; padding: 15px;}


/* 広報誌・パンフレット
-------------------------------------------------------------*/
body.pr table td .a_link {margin-top: 10px;}
body.pr table td > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
body.pr table td > div span {margin-left: 10px;}
body.pr table td > div + ul {margin-top: 10px;}


/* 検索
-------------------------------------------------------------*/
body.search .content_area {text-align: left;}
body.search .gsc-control-cse div{
    border: 1px solid transparent;
}
body.search .gs-result .gs-snippet,
body.search .gs-webResult div.gs-visibleUrl,
body.search .gs-imageResult div.gs-visibleUrl{
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
}
body.search .gs-result .gs-snippet{
    font-size: 1.5rem;
    line-height: 1.5;
}
body.search .gs-webResult div.gs-visibleUrl,
body.search .gs-imageResult div.gs-visibleUrl{
    font-size: 1.2rem;
}
body.search .gsc-result .gs-title{height: auto;}
body.search .gs-result .gs-title, body.search .gs-result .gs-title *{color: #d10000 !important;}
body.search table.gsc-table-result td:first-child{
    width: 125px;
    display: block;
}
body.search .gs-image-box.gs-web-image-box.gs-web-image-box-portrait{
    width: 110px;
    height: inherit;
    max-height: 110px;
}
body.search img.gs-image{
    max-width: 110px;
    max-height: inherit;
    width: 110px;
    height: auto;
}
body.search .gsc-table-result, body.search .gsc-thumbnail-inside, body.search .gsc-url-top{
    padding-left: 0;
    padding-right: 0;
}
body.search .gsc-webResult.gsc-result, body.search .gsc-results .gsc-imageResult{
    border-bottom: 1px solid #dddddd;
}
body.search .gsc-webResult .gsc-result{
    padding: 20px 0;
}
body.search .gs-result a.gs-visibleUrl, body.search .gs-result .gs-visibleUrl{
    margin-top: -2px;
    padding-bottom: 5px;
}
body.search .gsc-control-cse .gs-result .gs-title{
    margin-bottom: 0 !important;
}

/* リンク */
body.search .gsc-results .gsc-cursor-box{
    margin: 40px 0 0;
}
body.search .gsc-results .gsc-cursor-box .gsc-cursor-page{
    display: inline-block;
    color: #333333 !important;
    min-width: 40px;
    height: 44px;
    line-height: 44px;
    margin-right: -1px;
}
body.search .gsc-results .gsc-cursor-box .gsc-cursor-page:hover{
    text-decoration: none;
    background-color: #f6f6f6;
    color: #d10000 !important;
}
body.search .gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    border-color: #dddddd !important;
    background-color: #f6f6f6 !important;
}



/* 検索：メニュー PC（旧）*/
#search-box{
    display: none;
    position: fixed;
    z-index: 998;
    top: 50px;
    right: 0;
    width: 360px;
    padding: 15px;
    background-color: rgba(209, 0, 0, 0.7);
}
#search-box table {width: 100%;}
#search-box table th, #search-box table td {
    padding: 0;
    vertical-align: bottom;
}
#search-box input[type="text"] {
    border: none !important;
    padding: 5px !important;
    font-size: 1.3rem;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1;
    height: 26px;
    width: 100%;
}
#search-box input#search_button {
    border: none;
    background-color: #fff;
    font-size: 1.3rem;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1;
    height: 26px;
    width: 100%;
    padding: 5px 8px;
    border-left: 1px solid #df4d4d;
    color: #df4d4d;
}


/* 検索：メニュー PC（新） */
.search-wrap.pc{
    display: none;
    position: fixed;
    z-index: 998;
    top: 50px;
    right: 0;
    width: 360px;
    padding: 15px;
    background-color: rgba(209, 0, 0, 0.7);
}
.search-wrap input.gsc-input,
.search-wrap .gsc-input-box,
.search-wrap .gsc-input-box-hover,
.search-wrap .gsc-input-box-focus{
    height: 32px !important;
}
.search-wrap input.gsc-search-button,
.search-wrap input.gsc-search-button:hover,
.search-wrap input.gsc-search-button:focus{
    height: 32px !important;
    padding: 8px !important;
}
.search-wrap input.gsc-input{
    font-size: 1.4rem !important;
}

/* 検索：メニュー SP */
.sp_wrap {display: none;}


/* サイトマップ
-------------------------------------------------------------*/
body.sitemap #main a {color: #333333;}
body.sitemap #main .title-bg {
    font-size: 1.7rem;
    margin: 40px 0 20px;
    padding: 0;
}
body.sitemap #main .title-bg a, body.sitemap #main .title-bg.no_link {
    display: block;
    padding: 15px 20px;
}
body.sitemap #main .title-bg a:hover {
    color: #fff;
    background-color: #d10000;
    text-decoration: none;
}
body.sitemap #main .title-br {
    font-size: 1.5rem;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
    margin-top: 20px;
    margin-left: 4px;
    letter-spacing: normal;
}
body.sitemap #main ul.list_link_map li {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-left: 20px;
}
body.sitemap #main ul.list_link_map li img {
    vertical-align: baseline;
}
body.sitemap #main ul.list_link_map li a:hover {
    color: #d10000;
    text-decoration: underline;
}
body.sitemap #main ul.list_link_map > li {list-style: disc;}
body.sitemap #main ul.list_link_map > li + li {margin-top: 8px;}
body.sitemap #main ul.list_link_map li ul {margin-top: 4px;}
body.sitemap #main ul.list_link_map li ul li {list-style: circle;}
body.sitemap #main ul.list_link_map li ul li + li {margin-top: 4px;}




/*=============================================================
*　module（汎用的に使用できるスタイル）
=============================================================*/

/*----- タイトル */
#content h2, #content h3, #content h4{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.index #content h2 {font-size: 2.8rem; letter-spacing: 0.1em;}
#content h2 {font-size: 3.6rem;}
#content h2.title {margin-top: 70px; margin-bottom: 60px;}
#content h2.title span{
    display: block;
    font-size: 1.3rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #888888;
    margin-top: 10px;
}

#content h2.title2 span{
    display: block;
    font-size: 2.4rem;
    color: #888888;
    padding-top: 8px;

}



/*----- 2019年度以前ボタン */
#content h2.before_2019{
    margin: 40px 0 0;
    color:#d10000;
}



#content h3 {font-size: 2.8rem;}
#content h3.title {margin-top: 60px; margin-bottom: 50px;}
#content h4 {font-size: 2.0rem;}
#content h4.title {margin-top: 50px; margin-bottom: 30px;}
#content .title{margin: 30px 0;}

/*----- タイトル：グレー背景・左寄せ */
.title-bg {
    background-color: #f6f6f6;
    padding: 14px 20px;
    margin: 50px 0 20px;
    text-align: left;
    font-size: 1.8rem;
    letter-spacing: normal;
}
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .title-bg {
        padding: 18px 20px 10px;
    }
}

/*----- タイトル：左側に線 */
.title-br {
    display: block;
    border-left: 4px solid transparent;
    text-align: left;
    padding-left: 12px;
    margin-bottom: 10px;
}
.title-br.red {border-color: #d10000; color: #d10000;}
.title-br.black {border-color: #333333;}

h4.title-br{margin-bottom: 15px;}
h5.title-br{font-size: 1.6rem;}

/* タイトル：下線ドット */
h6.title{
    text-align: left;
    margin: 20px 0 5px !important;
    padding-bottom: 3px;
    border-bottom: 1px dotted #aaa;
    font-weight: normal;
}

/*----- グレー背景 ボックス */
.bg-gray{background: #f6f6f6; padding: 30px; text-align: left;}


/*----- table */
table th, table td{line-height: 1.6;}
table.wide_layout{width: 100%;}
table.center{margin: auto;}
table.noborder th, table.noborder td{border: none;	}
table.noborder th, table.noborder td{border: none !important;}
table.member th, table.member td{vertical-align: top;}
table .w120{width: 85px; padding: 15px 0  0!important;}

/*----- テーブルデフォルト */
.table{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.table th, .table td{
    border: 1px solid #ddd;
    padding: 15px;
    line-height: 1.6;
    text-align: left;
}
.table th.center, .table td.center{text-align: center;}
.table th{background: #f6f6f6;}

/*----- table.type01 */
table.type01{
	width: 800px;
	margin: 0 auto;
	border: 1px solid #ddd;
	text-align: left;
}
table.type01 th,
table.type01 td {
	border: 1px solid #ddd;
	padding: 15px;
	line-height: 1.6;
}
table.type01 th{background: #f6f6f6;}

/*----- table.type02 レスポンシブ対応用 */
table.type02{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
	text-align: center;
}
table.type02 th, table.type02 td {
	border: 1px solid #ddd;
	padding: 15px;
	line-height: 1.6;
}
table.type02 th{background: #f6f6f6;}

.table_scroll table.type02{text-align: left;}

table.table_s{font-size: 1.4rem;}
table.table_s th, table.table_s td{padding: 12px !important;}

table.type01 th.center,
table.type01 td.center,
table.type02 th.center,
table.type02 td.center{text-align: center;}


/*----- カラム関係 */
.content_area{margin: 60px auto 0;}
.content_area_inner{width: 800px; margin-left: auto; margin-right: auto;}
.content_area_w{width: 1040px; margin-left: auto; margin-right: auto;}


/* グリッド */
.row{
    margin-left: -40px;
    overflow: hidden;
    *zoom: 1;
}
.row + .row {margin-top: 40px;}
.row + p {margin-top: 15px;}
.row .col_4, .row .col_6 {
    float: left;
    padding-left: 40px;
}
.row .col_6 {width: 50%;}
.row .col_4 {width: 33.333%;}

.row_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3%;
}
.row_flex .col_3{
    width: 22%;
    margin-left: 3%;
}


/* 天地中央テーブル */
.column_tbl {display: table;}
.column_tbl .left, .column_tbl .right {display: table-cell; vertical-align: middle;}
.column_tbl .left, .column_tbl .right {width: 40%;}
.column_tbl .big.left, .column_tbl .big.right {width: 60%;}

p + .in_bl_links {margin-top: 20px;}


/*----- 2カラムレイアウト */
.sub #content .main_column h3 {font-size: 2.2rem;}
.sub #content .main_column h4 {font-size: 1.8rem;}
.sub #content .sub_column h3 {font-size: 1.8rem;}
.sub #main {overflow: hidden; *zoom: 1;}
.sub .main_column {
    width: 720px;
    float: left;
    margin-top: 40px;
}
.sub .sub_column {
    width: 260px;
    float: right;
    margin-top: 40px;
}
.sub .sub_column ul + h3 {margin-top: 40px;}
.sub .sub_column li {border: 1px solid #dddddd;}
.sub .sub_column li + li {border-top: none;}
.sub .sub_column li a {
    display: block;
    padding: 12px 30px 12px 16px;
    color: #333333;
    font-size: 1.4rem;
    background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50% white;
}
.sub .sub_column li a:hover {
    text-decoration: none;
    color: #d10000;
    background: url(/common/img/arrow_local_nav_on.png) no-repeat 95% 50% #f6f6f6;
}


/*----- 画像左右寄せカラム */
.column_area_fl,
.column_area_fr{
	margin-top: 60px;
	margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.column_area_fl .column_area_img img,
.column_area_fr .column_area_img img{
	max-width: 240px;
	height: auto;
}
.column_area_fl.big .column_area_img img,
.column_area_fr.big .column_area_img img{
    max-width: 320px;
    height: auto;
}
.column_area_fl .column_area_txt{margin-left: 40px;}

.column_area_fr .column_area_txt{margin-right: 40px;}
.column_area_fr .column_area_txt{
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.column_area_fr .column_area_img{
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}


/*----- 画像系スタイル */
.column_ph_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	width: 800px;
	margin: 40px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.column_ph_area_inner{text-align: center;}
.column_ph_area_inner p{text-align: center;}
.column_ph_area_inner + .column_ph_area_inner{margin-left: 10px;}
.column_ph_area + p{margin-top: -20px;}

/* カラム 画像サイズ */
.column_2 .column_ph_area_inner img{
    max-width: 395px;
    height: auto;
}
.column_4 .column_ph_area_inner img{
    max-width: 192.5px;
    height: auto;
}

/* サイドがある場合 */
body.sub .column_ph_area_inner img{max-width: 350px;}

/* キャプション */
.cap{
    font-size: 1.3rem;
    line-height: 1.4;
    text-align: center;
    margin-top: 8px;
}


/*----- 画像：フル表示 */
.image_full{width: 100%; height: auto;}

/*----- テキスト系スタイル・定義 */
.lyt_list_doc_01 {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.6;
}
.lyt_list_doc_01 dt{
	font-weight: bold;
	line-height: 1.6;
	border-left: 4px solid #333333;
	padding-left: 12px;
	margin-bottom: 5px;
}
.lyt_list_doc_01 dd + dt{margin-top: 20px;}

/*----- リスト：2カラム */
.list_column_2 {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list_column_2 li {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.list_column_2 li > img {
    width: 100%;
    height: auto;
}
.list_column_2 li > img + img {
    margin-top: 20px;
}
.list_column_2 a {
    display: block;
    width: 100%;
}
.list_column_2 + .list_column_2 {margin-top: 40px;}


/*----- リスト：黒丸 */
.lyt_list_01{margin-left: 20px;}
.lyt_list_01 li{list-style: disc;}

/*----- リスト：数字 */
.list_num_01 li{
    text-indent: -1.75em;
    margin-left: 1.75em;
    line-height: 1.8;
}
.list_num_01 span{margin-right:0.8em; color: #d10000;}
.list_num_01 li ul{margin-left: 1.5em;}
.list_num_01 li ul li span{color: #333;}

/*----- リスト：（数字） */
.list_num_01_br{margin-left: -0.75rem;}
.list_num_01_br li{
    text-indent: -2.6em;
    margin-left: 2.6em;
    line-height: 1.8;
}
.list_num_01_br span{color: #d10000;}

/*----- リスト：※,注 */
.list_notice_01{margin: 0 auto; font-size: 1.4rem;}
.list_notice_01 li{margin-left: 1.55em; text-indent: -1.55em;}
.list_notice_01 span{margin-right:0.5em; text-indent: -0.5em; color: #d10000;}

/*----- 「※」「注」マーク */
p.notice, p.notice_c{
	padding-left: 20px;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 10px 0;
}
p.notice:before{
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
	color: #d10000;
}
p.notice_c:before{
	content: '注';
	position: absolute;
	left: 0;
	top: 0;
	color: #d10000;
}

.nomark{padding-left: 0;}


/*----- リンク：ローカルナビ */
.local_nav{
    margin-top: 60px;
    background: #f6f6f6;
    padding: 50px 0 30px;
    text-align: center;
}
#content .local_nav h3{
    font-size: 2.2rem;
    font-weight: normal;
}

.local_nav .local_nav_inner {
    margin: 40px auto 0;
    max-width: 800px;
}
.local_nav .local_nav_inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: -20px;
}
.local_nav .local_nav_inner ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 20px 20px;
}
.local_nav .local_nav_inner  ul li a{
    padding: 25px 25px 25px 20px;
    width: 253px;
    background: url(../img/arrow_local_nav.png) no-repeat 95% 50% #ffffff;
    border: solid #dddddd 1px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

}
.local_nav .local_nav_inner ul li a:hover{
    text-decoration: none;
    background: url(../img/arrow_local_nav_on.png) no-repeat 95% 50% #ffffff;
    border: #d10000 solid 1px;
    color: #d10000;
}

.local_nav .local_nav_inner ul li.current a{
    border: none;
    color: #d10000;
    background: url(../img/arrow_local_nav_current.png) no-repeat 95% 50% #ffffff;
    border: 1px solid #ffffff;
}
.local_nav .local_nav_inner ul li.current a:hover{
    color: #d10000;
}

/* リンクが4以上のときは左寄せになるので.leftをつける */
.local_nav .local_nav_inner ul.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

/* 関連リンク　項目複数ある場合 */
.local_nav_inner + h3{
    border-top: 1px solid #ddd;
    width: 1040px;
    margin: 40px auto 0;
    padding-top: 50px;
}

/*----- リンク：ページ内リンクメニュー */
ul.link_card {
    width: 800px;
    margin: 57px auto 0;
    font-size: 0;
}
ul.link_card li{
    display: inline-block;
    font-size: 1.6rem;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    line-height: 1.0;
    border-bottom: solid #d10000 1px;
    min-width: 180px;
    margin: 0 5px 40px;
}
ul.link_card li a{
    display: block;
    padding-bottom: 17px;
    color: #333;
}
ul.link_card li a:hover{
    color: #d10000;
    text-decoration: none;
}
ul.link_card li span{
    display: block;
    margin-bottom: 13px;
    font-size: 1.8rem;
    color: #d10000;
}

/*----- リンク：小 */
.btn_link{
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 30px;
}
.btn_link img{
    vertical-align: middle;
}
.btn_link a{
    display: block;
    border: solid #dddddd 1px;
    color: #333;
    width: 390px;
    padding: 14px 10px 14px 20px;
    background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50% #ffffff;
    vertical-align: middle;
}
.btn_link a:hover{
    text-decoration: none;
    background: url(/common/img/arrow_local_nav_on.png) no-repeat 95% 50% #ffffff;
    border: #d10000 solid 1px;
    color: #d10000;
}

/*----- リンク：小 */
.a_link {
    display: block;
    border: solid #dddddd 1px;
    padding: 14px 35px 14px 25px;
    background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50% white;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    color: #333333;
}
.a_link img {
    vertical-align: middle;
    margin-left: 5px;
}
.a_link:hover {
    text-decoration: none;
    background: url(../img/arrow_local_nav_on.png) no-repeat 95% 50% white;
    border: #d10000 solid 1px;
    color: #d10000;
}

/*----- リンク：小 */
.in_bl_links a {
    display: inline-block;
    border: solid #dddddd 1px;
    padding: 14px 35px 14px 25px;
    width: 245px;
    background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50% white;
    vertical-align: middle;
    color: #333333;
}
.in_bl_links a:hover {
    text-decoration: none;
    background: url(../img/arrow_local_nav_on.png) no-repeat 95% 50% white;
    border: #d10000 solid 1px;
    color: #d10000;
}
.in_bl_links a + a {
    margin-left: 20px;
}
.in_bl_links.list_column_2 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.in_bl_links.list_column_2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
ul.in_bl_links{
    margin-left: -5px;
    margin-right: -5px;
}
ul.in_bl_links li{
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
ul.in_bl_links li > a{
    width: 100%;
    padding: 25px 35px 25px 25px;
}

/*----- リンク：3カラム */
ul.list_link_01_center,
ul.list_link_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
ul.list_link_01_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
ul.list_link_01_center li,
ul.list_link_01 li {
    margin: 0;
    width: 33.333%;
    padding: 0 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
ul.list_link_01_center li span,
ul.list_link_01 li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
ul.list_link_01_center li a,
ul.list_link_01 li a {
    padding: 25px 35px 25px 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background: url(../img/arrow_local_nav.png) no-repeat 95% 50% #ffffff;
    border: solid #dddddd 1px;
    color: #333;
}
ul.list_link_01_center li a:hover,
ul.list_link_01 li a:hover{
    text-decoration: none;
    background: url(../img/arrow_local_nav_on.png) no-repeat 95% 50% #ffffff;
    border: #d10000 solid 1px;
    color: #d10000;
}

.list_link_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list_link_02 li {
    margin: 0;
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.list_link_02 li:nth-child(1), .list_link_02 li:nth-child(2), .list_link_02 li:nth-child(3), .list_link_02 li:nth-child(4), .list_link_02 li:nth-child(5) {
    border-top: 1px solid #dddddd;
}
.list_link_02 li:nth-child(5n) {
    border-right: 1px solid #dddddd;
}
.list_link_02 li:last-child {
    border-right: 1px solid #dddddd;
}
.list_link_02 a {
    padding: 20px 20px 18px 20px;
    width: 100%;
    height: 100%;
    display: block;
    /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;*/
    color: #333;
    font-size: 1.3rem;
}
.list_link_02 a:hover {
    text-decoration: none;
    background-color: #f6f6f6;
    color: #d10000;
}
.list_link_02 img {
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
}
.list_link_02 p {
    line-height: 1.4;
}
.list_link_02 span {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 8px;
}
.list_link_02 small {
    display: block;
    width: 50%;
    margin: 3px auto 0;
    background-color: #d10000;
    color: #fff;
    font-weight: normal;
    font-size: 1.2rem;
    padding: 2px 4px;
    line-height: 1;
}

.list_link_03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list_link_03 li {
    width: 20%;
    margin-bottom: 35px;
}
.list_link_03 a {
    display: block;
    color: #333333;
}
.list_link_03 a:hover {
    color: #d10000;
}
.list_link_03 a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}
.list_link_03 img {
    width: 100%;
    height: auto;
    margin: 0 auto 8px;
}
.list_link_03 p {
    font-size: 1.4rem;
    line-height: 1.5;
    padding-right: 1.5rem;
}


/*----- リンク：4カラム */
.content_links {
	width: 1040px;
	margin: 60px auto 40px;
	background: none;
}
.content_links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
	margin-left: -20px;
}
.content_links ul.left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.content_links ul li{
	margin: 0 0 20px 20px;
	font-size: 1.4rem;
	line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.content_links ul li a{
	border: solid #dddddd 1px;
	color: #333;
	width: 245px;
	padding: 30px 10px 30px 20px;
	background: url(/common/img/arrow_local_nav.png) no-repeat 95% 50% #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.content_links ul li a:hover{
	text-decoration: none;
	background: url(/common/img/arrow_local_nav_on.png) no-repeat 95% 50% #ffffff;
	border: #d10000 solid 1px;
	color: #d10000;
}
.content_links ul li.current a{
	border: none;
	color: #d10000;
	background: url(/common/img/arrow_local_nav_current.png) no-repeat 95% 50% #ffffff;
	border: 1px solid #ffffff;
}
.content_links ul li.current a:hover{
	color: #d10000;
}


/*----- リンク：画像 */
.image_link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.image_link li{
    margin-left: 20px;
    margin-right: 20px;
    background-color: #d10000;
}
.image_link li a{
    display: block;
    position: relative;
    color: #333;
}
.image_link li a img{
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}
.image_link li a p{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.7rem;
    line-height: 1.3;
    text-align: center;
    margin: 0;
    width: 100%;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
}
.image_link li a p.size_l{
    height: 81px;
}
.image_link li a p span{
    font-size: 1.4rem;
    padding-top: 3px;
}
.image_link li,
.image_link li a p{
    -webkit-transition: border .15s linear, color .15s linear, background-color .15s linear;
    transition: border .15s linear, color .15s linear, background-color .15s linear;
}

/* ホバー */
.image_link li:hover{border-bottom-color: #d10000;}
.image_link li a:hover{text-decoration: none; color: #d10000;}
.image_link li a:hover img{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}
.image_link li a:hover p{
    background-color: #fff;
    border-bottom: 1px solid #d10000;
}

/* 準備中リンクなし */
.image_link a.none{
    pointer-events: none;
}

/* 1カラム */
.clm_1{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.clm_1 li{width: 520px;}

/* 2カラム */
.clm_2 li{width: 500px;}

/* 3カラム */
.clm_3{margin-bottom: -40px;}
.clm_3.mb{margin-bottom: 20px;}
.clm_3 li{width: 320px; margin-bottom: 40px;}

/* 学部・大学院 */
.clm_2_edu{
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.clm_2_edu li{
    width: 510px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.education .clm_2_edu li{background-color: #fff;}
.education .clm_2_edu li div{background-color: #d10000;}
.education .clm_2_edu li div + p{
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 10px;
}



/*----- リンク：画像 */
.img_links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 70px;

}
.img_links li + li{
    border-left: solid #ddd 1px;
    padding-left: 20px;
}
.img_links a img{
    width: 100%;
    height: auto;
}

/* 準備中リンクなし */
.img_links a.none{
    pointer-events: none;
    position: relative;
    display: block;
}
.img_links a.none:before {
    content: '※準備中';
    height: 20px;
    position: absolute;
    top: 120px;
    right: 20px;
    display: block;
    font-size: 1.4rem;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background-color: #fff;
    padding: 0 3px 1px;
}

/* 2カラム */
.img_links.column_2 li:first-child{width: 500px;}
.img_links.column_2 li:last-child{width: 521px;}

/* 3カラム */
.img_links.column_3 li img{width: 320px; height: 200px;}
.img_links.column_3 li img.w_s{width: 319px; height: 200px;}

/* 折り返し */
.column_wrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.column_wrap li{margin-bottom: 20px;}
.column_wrap li + li{
    border-left: solid #ddd 1px;
    padding-left: 20px;
    margin-left: 20px;
}
.column_wrap li:nth-child(3n + 1){
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

/*----- リンク：画像1つ 真ん中表示 */
.img_links_center li{
    text-align: center;
}
.img_links_center li img{width: 520px; height: auto;}


/*----- リンク：2つ並び 画像バナー小 */
.banner_links{		
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: -20px;
    margin-top: 60px;
}
.banner_links li{
    margin-left: 20px;
    margin-bottom: 20px;
}

/*----- リンク：2つ並び 画像バナー大 */
ul.banner_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 40px;
}

/*----- リンク：3つ並び */
ul.index_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 70px;
    text-align: center;
}
ul.index_card li{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.0;
    width: 345px;
    font-size: 2.0rem;
    color: #333333;
    text-align: center;
    position: relative;
}
ul.index_card li + li {
    border-left: solid #ddd 1px;
}
ul.index_card li a{
    color: #333333;
    display: block;
    padding: 50px 0 30px;
    height: 150px;
}
ul.index_card li span.label{
    position: absolute;
    font-size: 1.4rem;	 
    background: #d10000;
    color: #fff;
    padding: 3px 7px;
    left: 50%;
    top: 15px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    letter-spacing: 0.1em;
}
ul.index_card li span.f_s{
    font-size: 1.2rem;
}
ul.index_card li span.more{
    display: block;
    color: #888;
    font-size: 1.3rem;
    padding-top: 25px;
}
ul.index_card li span.more:before{
    content: ">";
    margin-right: 10px;
    font-size: 1.0rem;    
}
ul.index_card li a:hover{
    text-decoration: none;
    background: #d10000;
    color: #ffffff;
}
ul.index_card li a:hover span.number{
    text-decoration: none;
    color: #ffffff;
    border-bottom: #ffffff solid 3px;
}
ul.index_card li a:hover span.more{
    color: #ffffff;
    text-decoration: none;
}

/*----- 2019年度以前ボタン */
.before_2019{
    margin: 40px 0;
}
.before_2019 a{
    display: block;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    font-size: 1.9rem;
    border: solid #d10000 1px;
    max-height: 84px;
    padding: 20px 0;
    width: 70.8%;
    margin: 0 auto;
    text-align: center;
}
.before_2019 a:hover{
background: #d10000;
color: #fff;
text-decoration: none;
}

/*----- CMS入力エリア */
.input_area .main_photo img {
    width: 100%;
    height: auto;
}
.input_area .image_wrap {
    font-size: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: -5px;
    margin-right: -5px;
}
.input_area .image_wrap img {
    max-width: 260px;
    height: auto;
    margin: 5px;
}
.input_area h3 {
    font-size: 2.0rem !important;
    background-color: #f6f6f6;
    padding: 14px 20px;
    margin: 50px 0 20px;
    text-align: left;
    letter-spacing: normal;
}
.input_area h4 {
    font-size: 1.6rem !important;
    letter-spacing: normal !important;
    border-left: 4px solid #000;
    text-align: left;
    padding-left: 12px;
    margin: 20px 0 8px;
}
.input_area table {width: 100%;}
.input_area table th, .input_area table td {padding: 8px 15px; border: 1px solid #dddddd;}
.input_area table th {text-align: center; background-color: #f6f6f6;}
.input_area table td {text-align: left;}
.input_area ul, .input_area ol {margin: 10px 0 10px 22px;}
.input_area ul li, .input_area ol li {line-height: 1.5;}
.input_area ul li + li, .input_area ol li + li {margin-top: 4px;}
.input_area ul li {list-style: disc;}
.input_area ol li {
    list-style: decimal;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
}


/*----- 余白 */
p + .title-br,
table.type01 + table.type01,
table.type01 + .title-br,
.table_scroll + .table_scroll,
.table_scroll + table.type01,
.table_scroll + .title-br,
.list_num_01 + .title-br,
.list_link_01 + .title-br,
.row + .title-br{margin-top: 30px;}
.lyt_list_01 li + li,
.list_num_01 li + li,
.list_num_01_br li + li,
.list_notice_01 li + li{margin-top: 6px;}

p + .lyt_list_01,
p + .list_link_01,
p + .list_link_01_center,
p + .list_num_01,
p + table.type01,
p + .table_scroll,
p + .list_notice_01,
img + .lyt_list_01,
.lyt_list_01 + p,
.list_num_01 + p,
.list_num_01 + .list_notice_01,
.list_num_01_br + .list_notice_01,
ol + .list_notice_01,
.type01 + .list_link_01,
.type01 + .list_link_01_center,
.table_scroll + .list_notice_01{margin-top: 20px;}

table.type01 + .list_notice_01,
table.type01 + p,
h6.title + .list_num_01,
.lyt_list_01 + .list_notice_01{margin-top: 10px;}

p + .row, img + .row{margin-top: 40px;}

p.notice + .row, p.notice_c + .row{margin-top: 0;}


/*----- PCの時は非表示 */
.sp_block{display: none !important;}

/*横幅指定*/
.w10{width: 10% !important;}
.w20{width: 20% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w70{width: 70% !important;}
.w80{width: 80% !important;}
.w90{width: 90% !important;}
.w100{width: 100% !important;}

.t-c{text-align: center !important;}



/*----- 改組 */
body.kaiso #header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    background-color: #fff;
}
body.kaiso .title_wrap{
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px 0 40px;
    z-index: 99997;
}
body.kaiso .title_wrap h1{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 3.8rem;
    letter-spacing: 0.1em;
    color: #d10000;
}
body.kaiso .title_wrap h1 span{
    display: block;
    font-size: 3.2rem;
    margin-bottom: 5px;
}
body.kaiso .title_wrap h1 small{
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: normal;
    margin-top: 15px;
}
body.kaiso .main_image{
    margin: 250px 0 60px;
}
body.kaiso .title-m{
    margin: 40px auto !important;
}
body.kaiso .title-m span{
    display: inline-block;
    margin-left: 40px;
    position: relative;
}
body.kaiso .title-m span:before{
    content: '';
    width: 24px;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 22px;
    left: -33px;
}
body.kaiso .arrow{
    width: 1040px;
    height: 1px;
    border-bottom: 2px dotted #ddd;
    margin: 60px auto;
    position: relative;
}
body.kaiso .arrow:before{
    content: '';
    width: 4px;
    height: 64px;
    background-color: #ddd;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
body.kaiso .arrow:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    border-bottom: 4px solid #ddd;
    border-right: 4px solid #ddd;
}

body.kaiso .chenge,
body.kaiso .arrow{
    position: relative;
    opacity: 0;
    top: -50px;
    -webkit-transition: all 0.8s ease-out 0.5s;
    -moz-transition: all 0.8s ease-out 0.5s;
    transition: all 0.8s ease-out 0.5s;
}
body.kaiso .chenge.on,
body.kaiso .arrow.on{
    opacity: 1;
    top: 0;
}


body.kaiso .question_wrap{
    width: 1040px;
    margin: 60px auto 0;
}
body.kaiso .q-head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
}
body.kaiso .q-head .text{
    width: 49%;
    min-height: 300px;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 3.0rem;
    line-height: 1.7;
    color: #fff;
    padding: 60px 20px 60px 40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    opacity: 0;
    left: -50%;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    z-index: 1;
}
body.kaiso .q-head .text:before{
    content: 'Q';
    position: absolute;
    left: 50%;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 26.0rem;
    font-style: italic;
    line-height: 1;
    opacity: 0.2;
}
body.kaiso .q-head .text:after{
    content: '';
    width: 100px;
    height: 100%;
    margin:0 auto;
    text-align:center;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    position: absolute;
    top: 0;
    right: -40px;
    z-index: -1;
}
body.kaiso .q-head .image{
    width: 51%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    opacity: 0;
    left: -60%;
    -webkit-transition: all 0.8s ease-out 0.3s;
    -moz-transition: all 0.8s ease-out 0.3s;
    transition: all 0.8s ease-out 0.3s;
}

body.kaiso .q-head .text.on,
body.kaiso .q-head .image.on{
    opacity: 1;
    left: 0;
}

body.kaiso .a-content{
    padding: 15px 40px 0;
    position: relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    opacity: 0;
    top: -50px;
    -webkit-transition: all 0.8s ease-out 0.3s;
    -moz-transition: all 0.8s ease-out 0.3s;
    transition: all 0.8s ease-out 0.3s;
}
body.kaiso .a-content > div{
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", "Meiryo", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 26.0rem;
    font-style: italic;
    line-height: 220px;
    opacity: 0.25;
}
body.kaiso .a-content > p{
    font-size: 1.6rem;
    padding-left: 40px;
}

body.kaiso .a-content.on{
    opacity: 1;
    top: 0;
}


body.kaiso .q-1{margin-top: 100px;}
body.kaiso .q-1 .q-head .text,
body.kaiso .q-1 .q-head .text:after{background-color: #f67fa6;}
body.kaiso .q-1 .q-head .image{background-image: url(../../pickup/kaiso/images/q_01.jpg);}
body.kaiso .q-1 .a-content > div{color: #f67fa6;}

body.kaiso .q-2 .q-head .text,
body.kaiso .q-2 .q-head .text:after{background-color: #178ac7;}
body.kaiso .q-2 .q-head .image{background-image: url(../../pickup/kaiso/images/q_02.jpg);}
body.kaiso .q-2 .a-content > div{color: #178ac7;}

body.kaiso .q-3 .q-head .text,
body.kaiso .q-3 .q-head .text:after{background-color: #ea616f;}
body.kaiso .q-3 .q-head .image{background-image: url(../../pickup/kaiso/images/q_03.jpg);}
body.kaiso .q-3 .a-content > div{color: #ea616f;}

body.kaiso .q-4 .q-head .text,
body.kaiso .q-4 .q-head .text:after{background-color: #5aaf32;}
body.kaiso .q-4 .q-head .image{background-image: url(../../pickup/kaiso/images/q_04.jpg);}
body.kaiso .q-4 .a-content > div{color: #5aaf32;}

body.kaiso .q-5 .q-head .text,
body.kaiso .q-5 .q-head .text:after{background-color: #f18d00;}
body.kaiso .q-5 .q-head .image{background-image: url(../../pickup/kaiso/images/q_05.jpg);}
body.kaiso .q-5 .a-content > div{color: #f18d00;}



body.pickup .youtube-area{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
body.pickup .youtube-area iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



body.top #content{
    /*margin-top: calc(85vh - 80px) !important;*/
}

.youtube-wrap{
    position: fixed;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: -1;
}