@charset "UTF-8";
/*-------------------------------------------------
 
upraise.css
 
 --------------------------------------------------*/

 /* base
****************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat);

html {
	overflow: scroll;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	position: relative;
}
h1, h2, h3, h4, h5{
	margin: 0;
}
ul, ol {
	margin: 0;
}
p {
	margin: 0;
}
a, a:hover, a:link, a:visited {
	color: #000;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}

.red {
	color:#CC0033;
}
.font18{
	font-size: 18px;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}

 /* header
****************************************************/
#header #toplead {
	border-bottom: 1px solid #dee1e3;
}
#header #toplead p {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #607d8b;
	float: left;
}
#header #toplead .facebook {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: right;
}
#header #toplead .facebook a {
	color: #3b5998;
}
#header #header_contents h1#logo {
	width: 200px;
	margin-top: 5px;
	float: left;
}
/* top navigation */
#topnav {
	margin: 20px 0;
	float: right;
}
#topnav li {
	float: left;
	width: 192px;
	height: 59px;
}
#topnav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-image: url(/images/common/bg_topnav_off.png);
	background-repeat: no-repeat;
}
#topnav li a:hover {
	background-image: url(/images/common/bg_topnav_on.png);
}
#topnav #tNav01 a {
	background-position: 0 0;
}
#topnav #tNav02 a {
	background-position: -192px 0;
}
#topnav #tNav03 a {
	background-position: -384px 0;
}
#topnav #tNav04 a {
	background-position: -576px 0;
}
/* smp facebook button */
#smpFbBtn {
	width: 25%;
	float: left;
	text-align: center;
	padding: 7px 0 7px 5px;
}
/* smp menu button */
#smpMenuBtn {
	width: 25%;
	float: left;
	text-align: right;
	padding: 7px 0 7px 15px;
}
#smpMenuBtn button {
	margin: 0;
	padding: 0;
}

 /* grobal navigation
****************************************************/
#gnav li {
	float: left;
	width: 168px;
	height: 160px;
}
#gnav li:first-child,
#gnav li:last-child {
	width: 170px;
}
#gnav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-image: url(/images/common/bg_gnav_off.html);
	background-repeat: no-repeat;
}
#gnav li a:hover,
#gnav li.current a {
	background-image: url(/images/common/bg_gnav_on.html);
}
#gnav #gNav01 a {
	background-position: 0 0;
}
#gnav #gNav02 a {
	background-position: -170px 0;
}
#gnav #gNav03 a {
	background-position: -338px 0;
}
#gnav #gNav04 a {
	background-position: -506px 0;
}
#gnav #gNav05 a {
	background-position: -674px 0;
}
#gnav #gNav06 a {
	background-position: -842px 0;
}
#gnav #gNav07 a {
	background-position: -1010px 0;
}


 /* smp top navigation
****************************************************/
#topmenu {
	background: #e1e4e7;
	padding: 20px;
}
#topmenu #menu1,
#topmenu #smp_news{
	margin-bottom: 15px;
}
#topmenu #menu1 li {
	margin-bottom: 5px;
}
#topmenu #menu1 li:last-child {
	margin-bottom: 0;
}
#topmenu #smp_news a{
    background: #48565d;
}
#topmenu #menu2 li {
	margin-bottom: 5px;
}
#topmenu #menu2 li:last-child {
	margin-bottom: 0;
}
#topmenu #menu2 a,
#topmenu #smp_news a{
    color: #fff;
	font-weight: bold;
	display: block;
	width: 100%;
    padding: 18px 15px;
	border-radius: 6px;
	vertical-align: middle;
}
#topmenu #menu2 a span{
    font-weight: normal;
    font-size: 9px;
}


 /* pan
****************************************************/
#pan {
	color: #8da1ab;
	font-size: 12px;
}
#pan .container {
	border-top: 1px solid #dee1e3;
	padding: 18px 0;
}
#pan a {
	color: #1111cc;
	text-decoration: underline;
}
#pan a:hover {
	text-decoration: none;
}

 /* footer
****************************************************/
#footer {
	background: #34495e;
	color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	padding: 20px 0;
	text-align: center;
}
#footer #footnav {
	display: inline-block;
}
#footer li {
	float: left;
}
#footer li a {
	padding: 0 20px;
}
#footer a,
#footer a:hover,
#footer a:link,
#footer a:visited {
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}
#footer li > span:after {
	content: "|";
}
#footer li:last-child > span:after {
	content: "";
}
#footer #footlogo {
	width: 180px;
	margin: 0 auto;
}
#footer #copyright {
	font-size: 10px;
}
/* page top */
#pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
}

/* top
****************************************************/
#top #contents .container {
	padding: 0 0 40px;
}
/* mavin visual */
#top #mv {
	margin-bottom: 20px;
}

.top-mvimg {
    /* height: 664px; */
    height: auto;
    /*padding-top: 55%;*/
    position: relative;
}

.top-mvimg .video-layer {
    top: 0;
    left: 0;
    z-index: 0;
}

.top-mvimg .video-layer video {
    width: 100%;
}
.top-mvimg ul.row{
	position: absolute;
	bottom: 20px;
	width: 100%;
	margin-left: 0px;
}
.top-mvimg ul.row li{
	font-weight: bold;
	color: #000;
	font-size: 115%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	opacity: 0.7;
}
.top-mvimg ul.row li a.btn17{
	background: #ccc;
	border-radius: 6px;
	border: solid 1px #999;/*線*/
	width: 100%;
	padding: 20px 10px;
	margin: 10px 20px;
}
/*スマホ用ボタン*/
.mm_video li a{
	padding: 20px 10px;
	margin: 10px;
    font-weight: bold;
	font-size: 115%;
    border: solid 2px #666;/*線*/
    border-radius: 6px;/*角の丸み*/
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/*top画像上ボタン*/
.btn00_img{
	position: relative;/*相対配置*/
}
.btn00_img p.btn00 a{
	position: absolute;/*絶対配置*/
	background-color: #FFA108;
	top: 30px;
	left: 30px;
	padding: 10px 60px;
	font-weight: bold;
	border-radius: 6px;
	color: #fff;
	justify-content: center;
	align-items: center;
	text-align: center;
}
p.btn00_smp{
	text-align: center;
	margin: 30px;
}
p.btn00_smp a{
	background-color: #FFA108;
	padding: 10px 60px;
	width: 100%;
	font-weight: bold;
	border-radius: 6px;
	color: #fff;
	text-align: center;
}
/* smp main visual */
#top #smpmv {
	margin-bottom: 15px;
}
#top #smpmv img{
    width: 100%;
}
#top #smpmv .h_w20 {
	padding: 15px;
}
#top #smpmv h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #37474f;
	padding: 9px 15px;
	border-radius: 5px;
	margin-bottom: 10px;
}
#top #smpmv h4{
	margin: 1em 0 0.5em 0;
	font-weight:bold;
	border-bottom: double 5px #3b5998;
}

/* column1 */
#top h2 {
	text-align: center;
	color: #37474f;
	font-weight: bold;
	font-size: 24px;
}
#top h2 span{
	background-color: #fff;
	padding: 0 10px;
}
#top h2 strong{
	color: #e74c3c;
}
#top h2::after {
	content: "";
	width: 100%;
	margin: -10px auto 30px auto;
	border-bottom: 1px solid #dee1e3;
	display: block;
}
#top h2.news {
	font-weight: bold;
	font-size: 16px;
}
#top h2.news::after {
	content: "";
	width: 100%;
	margin: -10px auto 30px auto;
	border-bottom: 1px solid #dee1e3;
	display: block;
}
#top h2,h4,h6{
	line-height: 1.4em;
}
#top #column1 h4{
	margin: 1em 0;
	padding: 0.5em 1em;
	background: Lavenderblush;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}
#top #column1 h6{
	margin: 1em 0 0.5em 0;
	font-size: 1.2em;
	border-bottom: double 5px Lavenderblush;
}
#top #column1 {
	margin-bottom: 30px;
}
#top #column1 .row li {
	display: table;
}
#top #column1 .row li a {
	color: #fff;
	display: table-cell;
	width: 100%;
	border-radius: 6px;
	text-align: center;
	padding: 20px;
}
#top #column1 .row li a img {
	display: inline-block;
	width: 25%;
	height: auto;
	margin-bottom: 10px;
}
#top #column1 .row li a span {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}
#top #column1 .row li a span.col-title {
	font-weight: bold;
}
#top #column1 .row li a span.col-body {
	text-align: left;
}
#top #column1 .row li a {
	position: relative;
}
#top #column1 .row li a.btn01 { background-color: #ffa200; }
#top #column1 .row li a.btn02 { background-color: #ff6600; }
#top #column1 .row li a.btn03 { background-color: #e74c3c; }
#top #column1 .row li a.btn04 { background-color: #9b59b6; }
#top #column1 .row li a::after {
	content: "";
	width: 34px;
	height: 54px;
	display: block;
	position: absolute;
	top:50%;
	right:-30px;
	margin-top: -17px;
}
#top #column1 .row li a.btn01::after { background-image: url(/images/top/arrow_01.png); background-repeat: no-repeat; }
#top #column1 .row li a.btn02::after { background-image: url(/images/top/arrow_02.png); background-repeat: no-repeat; }
#top #column1 .row li a.btn03::after { background-image: url(/images/top/arrow_03.png); background-repeat: no-repeat; }

/* column2 */
#top #column2 {
	margin-bottom: 20px;
}
#top #column2 h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #37474f;
	padding: 9px 15px;
	border-radius: 5px;
	margin-bottom: 10px;
}
#top #column2 h3 span {
	font-size: 14px;
	font-weight: normal;
	padding-left: 15px;
}

#top #column2 h4{
	margin: 1em 0 0.5em 0;
	font-weight:bold;
	border-bottom: double 5px #3b5998;
}
#top #column2 .row li{
	margin: 10px 20px 0 12px;
	font-weight: bold;
	border-radius: 6px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#top #column2 .row li.btn11{
	background: #37474f;
	height: 79px;
	font-size: 16px;
	margin-top: 0;
}
#top #column2 .row li.btn12{
	background: #4169e1;
	height: 385px;
	padding: 10px;
}
#top #column2 .row li.btn13{
	background: #00008b;
	height: 385px;
	padding: 10px;
	margin-bottom: 20px;
}
#top #column2 .row li.btn14{
	background: #00008b;
	height: 255px;
	padding: 10px;
	margin-bottom: 20px;
}
#top #column2 .row li.btn15{
	background: #4169e1;
	height: 255px;
	padding: 10px;
}
#top #column2 .row li.btn16{
	background: #00008b;
	height: 255px;
	padding: 10px;
}

#top #column2 .row li a{
	color: #fff;
}

/* column3 */
#top #column3 {
	margin-bottom: 20px;
}
#top #column3 .row {
	margin-right: -10px;
	margin-left: -10px;
}
#top #column3 .row li {
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	display: table;
}
#top #column3 .row li a{
	color: #fff;
	font-weight: bold;
	display: table-cell;
	width: 100%;
	height: 100px;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
}
#top #column3 .row li span{
    font-weight: normal;
    font-size: 9px;
}
#top #column3 .row li a.btn01,
#topmenu #menu2 a.btn01 { background: #ffa200; }
#top #column3 .row li a.btn02,
#topmenu #menu2 a.btn02 { background: #ff6600; }
#top #column3 .row li a.btn03,
#topmenu #menu2 a.btn03 { background: #e74c3c; }
#top #column3 .row li a.btn04,
#topmenu #menu2 a.btn04 { background: #a40035; }
#top #column3 .row li a.btn05,
#topmenu #menu2 a.btn05 { background: #9b59b6; }
#top #column3 .row li a.btn06,
#topmenu #menu2 a.btn06 { background: #3b5998; }
#top #column3 .row li a.btn07,
#topmenu #menu2 a.btn07 { background: #3b5998; }
#top #column3 .row li a.btn08,
#topmenu #menu2 a.btn08 { background: #ff728e; }
#top #column3 .row li a.btn09,
#topmenu #menu2 a.btn09 { background: #1abc9c; }
#top #column3 .row li a.btn10,
#topmenu #menu2 a.btn10 { background: #22ac38; }
#top #column3 .row li a.btn11,
#topmenu #menu2 a.btn11 { background: #00CCFF; }



/* scholarship_studentss
****************************************************/
#top .list_contents ul{
    margin-bottom: 20px;
}
#top .list_contents li{
    padding: 20px 30px 25px 15px;
    border-bottom: 1px solid #dee1e3;
    line-height: 1;
}
#top .list_contents li:nth-child(even){
    background-color: #f7f9fa;
    
}
#top .list_contents li span {
    display: block;
}
#top .list_contents li .pubdate{
    font-size: 12px;
    margin-bottom: 10px;
}
#top .list_contents li .entry-title{
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#top .list_contents li .entry-body{
    color: #37474f;
    line-height: 1.71;
    margin-top: 25px;
}
#top .list_contents + .news_btn{
    border-radius: 6px;
    background-color: #dee1e3;
    padding: 13px 25px;
    color: #37474f;
    font-weight: bold;
    display: table;
    margin: 0 auto 30px;
    
}
#top .list_contents + .news_btn i{
margin-right: 10px;
}
/* main
****************************************************/
#main {
	float: left;
	width :880px;
	margin-right: 20px;
}

/* sidebar
****************************************************/
#sidebar {
	float: left;
	width: 280px;
}

/* archive
****************************************************/
#contents .container {
	padding: 0 0 60px;
}
#main h2 {
	color: #34495e;
	font-size: 22px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 20px;
	padding: 20px 15px;
	border-radius: 5px;
	background: #c7e6fb url(/images/about/bg_company.jpg) no-repeat top right;
	/*元のコード
	line-height: 80px;
	padding: 0 15px;
	height: 80px;*/
}
#main h2 span{
	font-size: smaller;
	color:#666;
	font-weight: normal;
}

#main h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #37474f;
	padding: 12px 15px;
	border-radius: 5px;
	line-height: 2rem;
}
#main h3 span{
	font-size: smaller;
	font-weight: normal;
}
#main h4 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0.5em;
	padding-top:20px;
	border-bottom: 1px double #ccc;
	line-height: 2em;
}
#main h4 span{
	font-size: smaller;
	font-weight: normal;
}
#main .list_contents {
	padding: 20px;
}
#main .list_contents li {
	border-bottom: 1px solid #dee1e3;
	position: relative;
}
#main .list_contents li > a {
	display: block;
	width: 100%;
	padding: 16px 0 15px;
}
#main .list_contents li span {
	display: block;
}
#main .list_contents li .tit {
	font-size: 18px;
	font-weight: bold;
	padding-right: 15px;
}
#main .list_contents li .update {
	font-size: 12px;
}
#main .list_contents li .btn_detail {
	background: #37474f;
	border-radius: 5px;
	text-align: center;
	position: absolute;
	top: 22px;
	right: 0;
	width: 156px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	padding: 6px 0;
}
#main .list_contents li .btn_smp_detail {
	color: #aeb2b4;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -21px;
}
#main .list_pager {
	text-align: center;
}
#main .list_pager ul {
	display: inline-block;
	text-align: center;
}
#main .list_pager .prev,
#main .list_pager .next {
	background: #dee1e3;
	border-radius: 5px;
	text-align: center;
	width: 155px;
	float: left;
}
#main .list_pager .prev {
	margin-right: 10px;
}
#main .list_pager .prev a,
#main .list_pager .next a {
	color: #37474f;
	font-family: 'Montserrat', sans-serif;
	padding: 6px 0;
	display: inline-block;
	width: 100%;
}
#main .box{
	width:100%;
	margin:0 auto;
}
#main .box li{
display:inline-block;
padding:5px 10px;
width:45%;
}
ol.waku{
-moz-border-radius: 20px;    /* 古いFirefox用 */
-webkit-border-radius: 20px; /* 古いSafari,Chrome用 */
border-radius: 20px;         /* CSS3の書き方 */
border: 3px solid #88BBF9;     /* 枠線の装飾 */
padding:20px;
margin-top:10px;
}
ol.waku_g{
-moz-border-radius: 10px;    /* 古いFirefox用 */
-webkit-border-radius: 10px; /* 古いSafari,Chrome用 */
border-radius: 10px;         /* CSS3の書き方 */
border: 1px solid #ccc;     /* 枠線の装飾 */
padding:20px;
margin:10px 0;
}
.video {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* sidebar
****************************************************/
#sidebar {
	display: block;
}
#sidebar .sidebar_contents {
	background: #f5f7f8;
	padding: 10px;
}
#sidebar .sidebar_contents ul li {
	margin-bottom: 5px;
}
#sidebar .sidebar_contents ul li.sidenav05 {
	margin: 20px 0;
}
#sidebar .sidebar_contents ul li a {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0.8em 0.8em 0.8em 3em;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	text-align: left;
	text-indent: -0.8em;
	background-color: #fff;
}
#sidebar .sidebar_contents ul li a span {
	font-size: 12px;
	font-weight: normal;
	line-height: 11px;
	display: block;
}
#sidebar .sidebar_contents ul li.sidenav01 a { background-color: #fff; color: #34495e; }
#sidebar .sidebar_contents ul li.sidenav02 a { background-color: #fff; color: #ff6600; }
#sidebar .sidebar_contents ul li.sidenav03 a { background-color: #fff; color: #0068b7; }
#sidebar .sidebar_contents ul li.sidenav04 a { background-color: #fff; color: #22ac38; }
#sidebar .sidebar_contents ul li.sidenav05 a { background-color: #34495e; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav06 a { background-color: #ffa200; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav07 a { background-color: #ff6600; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav08 a { background-color: #e74c3c; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav09 a { background-color: #3b5998; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav10 a { background-color: #9b59b6; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav11 a { background-color: #3b5998; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav12 a { background-color: #a40035; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav13 a { background-color: #ff728e; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav14 a { background-color: #1abc9c; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav15 a { background-color: #22ac38; color: #fff; }
#sidebar .sidebar_contents ul li.sidenav16 a { background-color: #00CCFF; color: #fff; }

/* sidebar
****************************************************/
#top_sidebar {
	display: block;
}/*
#top_sidebar .top_sidebar_contents {
	padding: 0 10px;
}*/
#top_sidebar .top_sidebar_contents ul li {
	margin-bottom: 5px;
}
#top_sidebar .top_sidebar_contents ul li.sidenav05 {
	margin: 20px 0;
}
#top_sidebar .top_sidebar_contents ul li a {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0.8em 0.8em 0.8em 3em;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	text-align: left;
	text-indent: -0.8em;
	background-color: #fff;
}
#top_sidebar .top_sidebar_contents ul li a span {
	font-size: 12px;
	font-weight: normal;
	line-height: 11px;
	display: block;
}
#top_sidebar .top_sidebar_contents ul li.sidenav01 a { background-color: #f5f7f8; color: #34495e; }
#top_sidebar .top_sidebar_contents ul li.sidenav02 a { background-color: #f5f7f8; color: #ff6600; }
#top_sidebar .top_sidebar_contents ul li.sidenav03 a { background-color: #f5f7f8; color: #0068b7; }
#top_sidebar .top_sidebar_contents ul li.sidenav04 a { background-color: #f5f7f8; color: #22ac38; }
#top_sidebar .top_sidebar_contents ul li.sidenav05 a { background-color: #34495e; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav06 a { background-color: #ffa200; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav07 a { background-color: #ff6600; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav08 a { background-color: #e74c3c; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav09 a { background-color: #3b5998; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav10 a { background-color: #9b59b6; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav11 a { background-color: #3b5998; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav12 a { background-color: #a40035; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav13 a { background-color: #ff728e; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav14 a { background-color: #1abc9c; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav15 a { background-color: #22ac38; color: #fff; }
#top_sidebar .top_sidebar_contents ul li.sidenav16 a { background-color: #00CCFF; color: #fff; }


/* detail
****************************************************/
#main .profile_cotnents {
	position: relative;
	padding: 30px 20px;
}
#main .profile_cotnents .pic {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 260px;
}
#main .profile_contents dl {
	margin-bottom: 1em;
}

/* about
****************************************************/
#about #column1 {
	margin-bottom: 40px;
}
#about #column1 table {
	margin-top: 20px;
	line-height: 175%;
}
#about #column1 table th {
	font-weight: bold;
}
#about #column1 table th,
#about #column1 table td {
	padding: 20px;
}
#about #column1 table tr:nth-child(odd){
	background: #f7f9fa;
}
#about #column1 table td .lang {
	margin-bottom: 20px;
}
#about #column1 table td ul li {
	line-height: 200%;
	text-indent: -1em;
	padding-left: 1em;
}

#about #column2 table {
	margin-top: 20px;
	line-height: 175%;
}
#about #column2 table th,
#about #column2 table td {
	padding: 20px;
}
#about #column2 table th {
	width: 120px;
}
#about #column2 table td {
	padding-left: 0;
}
#about #column2 table tr:nth-child(odd){
	background: #f7f9fa;
}
#about #column2 table th img {
	border-radius: 5px;
}
#about #column2 table td p {
	font-size: 13px;
	margin-bottom: 20px;
}
#about #column2 table td p strong {
	font-size: 18px;
	line-height: 36px;
}
#about #column2 table td ul li {
	font-size: 13px;
	line-height: 200%;
	text-indent: -1em;
	padding-left: 1em;
}

.top20{
	margin-top: 20px;
}
.top10{
	margin-top: 10px;
}
.font150{
	font-size:larger;
	font-weight:bold;
	}

.ti_center{
	text-align: center;
	font-weight: bold;
	line-height: 1.3em;
}
ul.ti_center li {
	display: table;
	margin-top: 10px;
}
ul.ti_center li a{
	display: table-cell;
	width: 100%;
	height: 70px;
	vertical-align: middle;
	background-color:#FF7C00;
	color: #fff;
	border-radius: 5px;
	padding: 10px;
}
.orangebox{
	display: table-cell;
	width: 100%;
	height: 70px;
	vertical-align: middle;
	background-color:#FF7C00;
	color: #fff;
	border-radius: 5px;
	padding: 10px;
}
h5{
	text-align: center;
	font-weight: bold;
	background-color:#ccc;
	border-radius: 5px;
	margin: 10px 0px;
	padding: 10px;
	line-height: 2.25rem;
	
}
.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #333;
    border: double 4px #333;
    border-radius: 3px;
    transition: .4s;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}
.square_btn:hover {
    background: #fffbef;
}
td.nowrap_tb {
white-space: nowrap;
}
.btn_red{
  display: inline-block;
	width: 100%;
	text-align: center;
  padding: 1em;
	font-size: 1.5em;
  text-decoration: none;
  background: red;/*ボタン色*/
	font-weight: bold;
  border-bottom: solid 2px #627295;
  border-radius: 5px;
}
.btn_red a{
  color: #FFF;
}
.btn_red:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

/***** オンライン登録 *****/
#online-regist * {line-height: 1.7;}
#online-regist .headCatch {width: 100%; padding: 1.2em 1em; background-color: #FFF;}
#online-regist .head-title {text-align: center; font-weight: 700; font-size: 1.3em;}
#online-regist p {font-size: .9em; margin-bottom: .9em;}
#online-regist .head-catch {text-align: center; margin: 1rem auto 0; width: 50%; background-color: #fff; border: solid 2px #03cdff; border-radius: 10px; padding: 2px;}
#online-regist .head-catch .headCatch-title {text-align: center; font-weight: 700; font-size: 1.3em; color: #FFF; display: block; margin: auto; background-color: #03cdff; border-radius: 6px; padding: 1rem 0;}
#online-regist .roleBlock {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 0;}
#online-regist .roleBlock div {width: 49%; padding: 1em; text-align: center; font-weight: 700; margin: 1em auto;}
#online-regist .color01 {background-color: #e3f6fc;}
#online-regist .color02 {background-color: #C9E8FF;}
#online-regist .stepBlock {padding: 2em 4%; border: 2px solid #627aac; border-radius: 4px; position: relative;}
#online-regist .stepBlock::before {content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 50px 0 50px; border-color: #e3f6fc transparent transparent transparent; position: absolute; top: 100%; left: 0; right: 0; margin: auto; z-index: 2;}
#online-regist .stepBlock::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 43px 53px 0 53px; border-color:  #627aac transparent transparent transparent; position: absolute; top: 100%; left: 0; right: 0; margin: auto; z-index: 1; visibility: visible;}
#online-regist .steps {margin: auto; padding: 9rem 0;}
#online-regist .steps dt {padding: 1rem 0; border-bottom: 2px solid #03cdff; position: relative; font-size: 1.4em;}
#online-regist .steps dt::before {content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 50px 0 50px; border-color: #fff transparent transparent transparent; position: absolute; top: 100%; left: 0; right: 0; margin: auto; z-index: 2;}
#online-regist .steps dt::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 43px 53px 0 53px; border-color:  #03cdff transparent transparent transparent; position: absolute; top: 100%; left: 0; right: 0; margin: auto; z-index: 1; visibility: visible;}
#online-regist .steps dt span {display: block; width: 90%; max-width: 420px; padding: .5rem 3rem; border-radius: 4px; background-color: #627aac; text-align: center;color: #FFF; margin: auto;}
#online-regist .steps dd {width: 100%;font-size: 1.4em; margin-bottom: 0; padding: 7rem 0; text-align: center;}
#online-regist .steps dd .vimeologo {max-width: 110px; height: auto; margin: 2rem auto;}
#online-regist .stepArrow {text-align: center; margin-bottom: 2em;}
#online-regist .stepArrow img {width: 100%; height: auto;}
#online-regist .movie {width: 50%; height: auto; margin: 1rem auto; box-shadow: 0px 0px 10px #ccc;}
#online-regist .dlButton {display: flex; margin: auto; max-width: 320px;}
#online-regist .button {display: block; min-width: 120px; padding: .5rem 1rem; border-radius: 4px; background-color: #4b82f2; text-align: center;color: #FFF; margin: 1em auto;}
#online-regist .registID {background-color: #FFF; font-size: 1.2em; font-weight: 700; text-align: center; width: 100%; padding: 1.2em 4%; margin: 1rem auto 2rem;}
#online-regist #howtoRegist {width: 100%; background-color: #FFF; border: solid 2px #464646; padding: 2em; margin-top: 2em;}
#online-regist #howtoRegist .howtoRegistTitle {text-align: center; font-weight: 700; font-size: 1.2em;}
#online-regist .howtoRegistBox {margin: 1em auto; width: 80%;}
#online-regist .howtoRegistBox dl { display: flex; flex-wrap: wrap; align-items: center; padding: 2em 0; margin: 0;}
#online-regist .howtoRegistBox dl dt {width: 20%; padding-left: 10%;font-size: 2em;}
#online-regist .howtoRegistBox dl dd {width: 70%;font-size: 1.1em; margin-bottom: 1em;}
#online-regist .Reg-red {border: solid 2px #f24b5f;}
#online-regist .Reg-red dt {color: #f24b5f;}
#online-regist .Reg-blu {border: solid 2px #4b82f2;}
#online-regist .Reg-blu dt {color: #4b82f2;}
.sp {display: none;}