@charset "UTF-8";
/* 全体の設定 */
body{
	color: #221714;
}
#container-header {
	margin-left:-15px;
	margin-right: -15px;
}
#nc-system-header > .navbar {
	margin-bottom:0px;
}


@media screen and (min-width : 800px){
	.container {
		width: 100%;
	}
}
@media screen and (min-width : 1200px){
	.container {
		width: 1170px;
	}
}

/*サポートルームと共通*/
/* ログアウトのボタン設定
========================================================= */
#nc-system-header-navbar ul li a[href="/auth/logout"] {
	display: inline-block;
	padding: 6px 12px;
	margin-top: 10px;
	border-radius: 4px;
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

#nc-system-header-navbar ul li a[href="/auth/logout"]:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}


/* ナビゲーション上固定のboby設定 */
body{
	padding-top: 80px;
}
body.rst-login-body {
	padding-top: 50px;
}

#container-main, #container-major, #container-minor {
	margin-top: 40px;
}




/* frameたち */
.frame-name-setting {
	display: inline-block !important;
	width: auto !important;
}
.frame-rst-main {
	/*margin-left:-15px;
	margin-right:-15px;*/
	margin-top: 0;
	margin-bottom: 50px;
}
.frame-rst-main:first-child {
	margin-top: -15px;
}
.frame-rst-main.plugin-announcements h3,
.panel-s4e-line.plugin-announcements h3 {
	font-size: 1.4em;
	padding: 5px 10px;
	border-left: solid 5px #99C;
	margin-bottom: 35px;
	margin-top: 35px;
}
.frame-rst-main.plugin-announcements h3 strong,
.panel-s4e-line.plugin-announcements h3 strong{
	color: #7c528e;
	font-weight: 500;
}
.frame-rst-main.plugin-announcements h4,
.panel-s4e-line.plugin-announcements h4 {
	font-size: 1.2em;
	line-height: 1.5;
	color: #1a305e;
}
.frame-rst-fluid {
	margin-left: -15px;
	margin-right: -15px;
}
#container-header .frame-rst-fluid {
	margin-left: 0;
	margin-right: 0;
}



/*201902-03 追加*/
.panel-s4e-line.panel {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-s4e-line > .panel-heading{
	font-size: 1.7em;
	color: #1a305e;
	border-bottom: solid 5px #002870;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
}
.panel-s4e-line .panel-body{
	border-bottom: solid 1px #cbcbcb;
	margin-bottom: 10px;
}
#container-main .panel-s4e-line .panel-body{
	margin-bottom: 50px;
}




.panel-s4e-blue-banner.panel {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-s4e-blue-banner.plugin-multi-column-announcements .panel-body {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.panel-s4e-blue-banner .multi-column_announcements-wrapper{
	border: 1px solid #1a305e;
	background-color: #f2f2f9;
	color: #3474ab;
}
.panel-s4e-blue-banner .multi-column_announcements-row {
	margin-left: -8px;
	margin-right: -8px;
}
.panel-s4e-blue-banner .multi-column_announcements-row > div{
	padding-left: 8px;
	padding-right: 8px;
}


#container-footer .frame-rst-fluid {
	margin-left:0px;
	margin-right:0px;
}

/*横並びプラグイン*/
.plugin-multi-frames + .row {
}
.plugin-multi-frames + .row .plugin-topics .panel-body > header .btn-group{
	display: none;
}
.plugin-multi-frames + .row .plugin-topics article.topic-row-outer + .form-group {
	display: none;
}

.plugin-multi-frames + .row .plugin-topics > .panel-heading{
	position: relative;
}
.rst-to-topics-list {
	position: absolute;
	right: 0;
	top: 40%;
}
.rst-login-body .rst-to-topics-list{
	position: static;
}

/*新着情報プラグイン*/
.plugin-topics .panel-body {
	padding: 25px;
	padding-bottom: 15px;
}

@media screen and (max-width : 320px){
	.plugin-topics .panel-body {
		padding: 15px;
	}
}

/* 複数カラムフレームのための */
.rst-x-col {
	border:1px solid #ccc;
}

/* 色設定 */

.rst-font-purple{
	color: #825596;
}

.space-top50{
	margin-top: 50px;
}

.rst-font-purple2{
	color: #920783;
}

.rst-font-purple2 a {
	text-decoration: none;
	font-weight: bold;
}

.rst-font-purple2 a:hover {
	text-decoration: underline;
}

/* ボタン色 */
/* 紫 */
.rst-btn-purple {
	background: #8A8AC4;
	color: white;
	border: 1px solid #7D7DBC;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.rst-btn-purple:hover, .rst-btn-purple:focus {
	background: #6F6FAA;
	color: white;
}
.rst-btn-purple:active {
	background: #6F6FAA;
	color: white;
}
.rst-btn-big {
	font-size: 1.15em;
	padding: 15px;
	margin: 20px;
	min-width: 300px;
}

@media screen and (max-width : 799px){
	.btn.rst-btn-purple.btn-lg{
		white-space: normal;
	}
	.rst-btn-big {
		min-width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}


/* アイコンを入れたい時 */
.rst-glyphicon span >strong{
	display: none;
}


/* トップスタイル01 */ 
#rst-top01.jumbotron {
	background-image: url("../img/top_main_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ffffff;
	margin-bottom: 0px;
	min-height: 310px;
	border-radius: 0px;
	padding: 5px 60px;
}

#rst-top01.jumbotron h1 {
	font-size: 2em;
	color: #1a305e;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.05em;
	border:none;
}

#rst-top01.jumbotron .container {
	text-align: center;
}

#rst-top01.jumbotron p{
	color: #221714;
	padding: 0 0 5px;
	text-shadow:
		0 2px 0 #f4f2e9,
		2px 0 0 #f4f2e9,
		0 -2px 0 #f4f2e9,
		-2px 0 0 #f4f2e9,
		-2px -2px 0 #f4f2e9,
		2px -2px 0 #f4f2e9,
		-2px 2px 0 #f4f2e9,
		2px 2px 0 #f4f2e9
		;
	line-height: 1.8;
	font-size: 1.1em;
}
#rst-top01.jumbotron p a.btn{
	text-shadow: none;
	font-size: 1.2em;
	padding: 2px 40px;
}

/* トップスタイル02 */ 
#rst-top02{
	border: solid 1px #ea6363;
	background-color: #fceeef;
	color: #ca1a1d;
	padding: 15px 0 5px;
	font-size: 1.1em;
	margin-top: 30px;
}

/* カルーセル */
#carousel-rst.carousel {
	/*height: 700px;*/
	max-width: 800px;
	margin: 30px auto;
}
#carousel-rst .carousel-indicators li{
	border: 1px solid #999;
}
#carousel-rst .carousel-indicators .active {
	background-color: #002870;
}
#carousel-rst .carousel-indicators {
	bottom: -10px;
}
#carousel-rst .carousel-caption{
	padding: 3px 10px;
	color: #333;
	background: rgba(74, 176, 221, 0.2);
	margin: 5px auto;
	text-shadow: none;
	right: 50px;
	left: 50px;
}

#carousel-rst .carousel-caption h3{
	color: #002870;
	padding: 0px;
	margin: 5px;
}
#carousel-rst .carousel-control.right{
	background-image: none;
}
#carousel-rst .carousel-control.left{
	background-image: none;
}
#carousel-rst .carousel-control{
	width: 60px;
	color: #002870;
	opacity: 0.7;
}
#carousel-rst .carousel-control:hover {
	color: white;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: 0.4;
	background-color: #cccccc;
}




/* ナビ */
/*幅100%の背景色*/
#rst-nav{
	background: #231815;
	min-height: 75px;
	border-bottom: #E7E7E7 solid 1px;
}

.rst-nav-wrapper {
	background-color: #231815;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.rst-nav-wrapper .navbar-brand {
	height: 75px;
	padding: 0px;
}


.navbar-default .rst-nav-wrapper .navbar-nav > li.active a,
.rst-nav-wrapper .list-group a.list-group-item.active {
	color: #FDD000;
	background-color: #231815;
}

.navbar-default .rst-nav-wrapper .navbar-nav > li > a:hover,
.rst-nav-wrapper .list-group a.list-group-item:hover{
	background-color: #113d8b;
	color: #ffffff;
}


/* 20180109修正　ナビの幅を設定し、折り返した文字の調整 */ 
.rst-nav-wrapper .navbar-nav > li > a {
	color: white;
	height: 75px;
	font-size: 0.9em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}

.rst-nav-wrapper .navbar-nav > li,
.rst-nav-wrapper .list-group a.list-group-item {
	color: white;
	background-color: #002870;
}

.rst-nav-wrapper .navbar-nav > li:last-child > a {
	background: #fca400;
	background: -moz-linear-gradient(-60deg,  #ffc300 0%, #fca400 51%, #ffb200 52%, #f08300 100%);
	background: -webkit-linear-gradient(-60deg,  #ffc300 0%,#fca400 51%,#ffb200 52%,#f08300 100%);
	background: linear-gradient(-30deg,  #ffc300 0%,#fca400 51%,#ffb200 52%,#f08300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##ffc300', endColorstr='#f08300',GradientType=1 );
	padding: 0 20px;
	min-width: 150px;
}

.rst-nav-wrapper .navbar-nav > li:last-child > a:hover{
	background: #e60012;
	background: -moz-linear-gradient(-60deg,  #e60012 0%, #d61518 51%, #e82c2f 52%, #e60012 100%);
	background: -webkit-linear-gradient(-60deg,  #e60012 0%,#d61518 51%,#e82c2f 52%,#e60012 100%);
	background: linear-gradient(-30deg,  #e60012 0%,#d61518 51%,#e82c2f 52%,#e60012 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#e60012',GradientType=1 );
	color: #fff;
}

.rst-nav-wrapper .navbar-nav > li.active:last-child > a {
	background: #e60012;
	background: -moz-linear-gradient(-70deg,  #e60012 0%, #d61518 51%, #e82c2f 52%, #e60012 100%);
	background: -webkit-linear-gradient(-70deg,  #e60012 0%,#d61518 51%,#e82c2f 52%,#e60012 100%);
	background: linear-gradient(-25deg,  #e60012 0%,#d61518 51%,#e82c2f 52%,#e60012 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#e60012',GradientType=1 );
	color: #fff;
}


.rst-nav-wrapper .navbar-nav {
	width: calc(100% - 184px);
	background-color: #002870;
}
.rst-nav-wrapper .navbar-nav > li:last-child {
	float: right;
}

.rst-nav-wrapper .navbar-toggle{
	background-color: #fff;
	color: #002870;
	font-size: 0.9em;
	font-weight: 700;
	margin-top: 15px;
	margin-right: 15px !important;
}


#rst-nav .navbar-nav >.open >a,
#rst-nav .navbar-nav >.open >a:hover,
#rst-nav .navbar-nav >.open >a:focus{
	background-color: #113d8b;
}

#rst-nav .navbar-nav>li>.dropdown-menu>li>a:hover{
	background-color: #113d8b;
	color: #ffffff;
}
#rst-nav .dropdown-menu{
	background-color: #002870;
}
#rst-nav .navbar-nav>li>.dropdown-menu>li>a{
	color: #ffffff;
}
#rst-nav .navbar-nav>li>.dropdown-menu>li.active a{
	color: #FDD000;
	background-color: #231815;
}
#rst-nav .navbar-nav>li.active>.dropdown-menu>li>a{
	color: white;
	background-color: #002870;
}
#rst-nav .navbar-nav>li.active>.dropdown-menu>li>a:hover{
	background-color: #113d8b;
	color: #ffffff;
}
#rst-nav .navbar-nav>li.active>.dropdown-menu>li.active a{
	color: #FDD000;
	background-color: #231815;
}
#rst-nav .navbar-nav>.open>a:focus{
	background-color: #113d8b;
}

.navbar-default .rst-nav-wrapper .navbar-nav > .active > a:hover,
.navbar-default .rst-nav-wrapper .navbar-nav > .active > a:focus,
.navbar-default .rst-nav-wrapper .navbar-nav > .open > a,
.navbar-default .rst-nav-wrapper .navbar-nav > .open > a:hover,
.navbar-default .rst-nav-wrapper .navbar-nav > .open > a:focus {
	background-color: #113d8b;
	color: #ffffff;
}


@media screen and (max-width : 1280px){
	.rst-nav-wrapper .navbar-nav > li > a {
		padding: 0 calc(6vw/10);
		font-size: 0.85em;
	}
	.rst-nav-wrapper .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width : 1200px){
	.rst-nav-wrapper .navbar-nav > li > a {
		padding: 0 calc(5vw/10);
	}
}
@media screen and (max-width : 1180px){
	.rst-nav-wrapper .navbar-nav > li > a {
		padding: 0 calc(4vw/10);
	}
}
@media screen and (max-width : 1130px){
	.rst-nav-wrapper .navbar-nav > li > a {
		padding: 0 calc(3vw/10);
		font-size: 0.8em;
	}
}
@media screen and (max-width : 1080px){
	.rst-nav-wrapper .navbar-nav > li > a {
		padding: 0 calc(5vw/10);
		max-width: 97px;
		max-width: calc(114vw/10);
	}
	.rst-nav-wrapper .navbar-nav > li:last-child > a {
		min-width: auto;
		max-width: 90px;
	}
}
@media screen and (max-width : 799px){
	.rst-nav-wrapper {
		padding-left: 0px;
	}
}



/* h1タイトル */

.frame .nc-content-list > h1.rst-h1_ttl,  .frame.nc-content-list article h1.rst-h1_ttl {
	/*font-size: 1.9em;*/
	font-size: 2.4em;
	font-weight: 500;
	color: #002870;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0;
    border-left: none;
}

.frame .nc-content-list > h1.rst-h1_ttl > span,  .frame.nc-content-list article h1.rst-h1_ttl > span {
	/*font-size: 0.7em;*/
	color: #595757;
	letter-spacing: 0.1em;
}

.frame .nc-content-list > h1.rst-h1_ttl:before,  .frame.nc-content-list article h1.rst-h1_ttl:before {
	content: url(../img/rst_ttl-icon.png);
	margin: 10px;
	position: relative;
	top: 3px;
}

/* h3タイトル */
.frame .nc-content-list > h3.rst-h3_ttl,  .frame.nc-content-list article h3.rst-h3_ttl {
	font-size: 1.5em;
	padding: 5px 10px;
	border-left: solid 5px #99C;
	margin-bottom: 35px;
}



/* フッター */ 

#container-footer {
	background-image: url("../img/rst_footer.png");
	background-size: cover;
	background-position: center 60%;
	background-color: #002870;
	margin-left: -15px;
	margin-right: -15px;
}


/* 20171214追加　フッターメニュー */ 
#container-footer .footer-menu{
	background-color: rgba(18, 18, 18, 0.5);
	padding: 3px 0;
}

#container-footer .footer-menu p{
	margin: 0;
	color: #ddd;
}

#container-footer .footer-menu p > a{
	color: #ddd;
}
/* 20171214追加　フッターメニューここまで */ 


#rst-footer.jumbotron {
	background-color: transparent;
	margin-bottom: 0px;
}

#rst-footer.jumbotron h1, #rst-footer.jumbotron .h1 {
	font-size: 3.4em;
	color: white;
	font-weight: normal;
	border:none;
}

#rst-footer.jumbotron .container {
	text-align: center;
}

#rst-footer.jumbotron p {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
}

#rst-footer.jumbotron a{
	color: #fff;
	text-decoration: underline;
}
#rst-footer.jumbotron a:hover{
	color: #FFD866;
}

#rst-footer.jumbotron a.btn-primary {
	color: #fff;
	border-width: 0px;
	border-color: transparent;
	border-radius: 0px;
	font-size: 1.8em;
	text-decoration: none;
	padding: 25px 100px;
	margin-top: 20px;
	background: #f08300;
	background: -moz-linear-gradient(left, #f08300 0%, #ffc300 100%);
	background: -webkit-linear-gradient(left, #f08300 0%,#ffc300 100%);
	background: linear-gradient(to right, #f08300 0%,#ffc300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08300', endColorstr='#ffc300',GradientType=0 );
}

#rst-footer.jumbotron a.btn-primary:hover {
	color: #fff;
	background: #e60012;
	background: -moz-linear-gradient(left, #e60012 0%, #F24848 100%);
	background: -webkit-linear-gradient(left, #e60012 0%,#F24848 100%);
	background: linear-gradient(to right, #e60012 0%,#F24848 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#F24848',GradientType=1 );
}

.rst-login-body #rst-footer.jumbotron {
	color: #222;
}


#nc-system-footer {
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;
}
.box-footer {
	background-color: #231815;
}

.box-footer .rst-fortop{
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 50px;
	height: 50px;
	text-align: center;
	float: right;
	background: #ffc300;
	background: -moz-linear-gradient(top,  #ffc300 0%, #ffc300 44%, #f08300 100%);
	background: -webkit-linear-gradient(top,  #ffc300 0%,#ffc300 44%,#f08300 100%);
	background: linear-gradient(to bottom,  #ffc300 0%,#ffc300 44%,#f08300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc300', endColorstr='#f08300',GradientType=0 );
}

.box-footer .rst-fortop > span{
	padding-top: 13px;
	font-size: 1.5em;
	color: white;
}

.box-footer .rst-copyright{
	vertical-align: middle;
	background-color: #231815;
	color: #999;
	text-align: center;
	height: 50px;
	padding-top: 15px;
	font-size: 0.9em;
}

.box-footer #rst-staff-only-login {
	float: left;
	padding: 1px 5px;
	color: #286090;
	border: solid 1px #286090;
	font-size: 0.8em;
	margin-left: 30px;
}

.box-footer .rst-copyright span:last-child{
	margin-left: -75px;
}

/* プロセス */ 

.rst-process-ttlbox{
	display: table;
}


.rst-process-namber{
	display: table-cell;
	background-color: #231815;
	color: white;
	padding: 15px;
	vertical-align: middle;
	font-size: 2em;
}

/* 20171214追加　ナンバーをアイコンに変更 */ 

.rst-process-namber span strong{
	display: none;
	
}
/* 20171214追加　ナンバーをアイコンに変更ここまで */ 

.rst-process-ttl{
	display: table-cell;
	background-color: #FDD000;
	width: 100%;
	padding: 0 15px;
}

.rst-process-ttl h2{
	font-weight: 700; 
	letter-spacing: 0.05em;
	color: #231815;
	line-height: 1.3em;
	font-size: 1.2em;
}
.rst-process-ttl p{
	font-size: 0.9em;
}
.rst-process-text{
	background-color: #EFEFEF;
	padding: 35px 15px 20px 30px;
}

p.rst-process-arrow{
	font-size: 4.6em;
	text-align: center;
	color: #ffc300;
	margin-top: 10px;
	margin-bottom: -40px;
}

/* 20171214修正　リストアイコンをなしにした */ 

.rst-process-text li {
	font-size: 1.1em;
	padding-bottom: 15px;
	font-weight: 700;
	list-style: none;
}

/* 20171214修正　リストアイコンをなしにしたここまで */ 

.rst-process-text li .hosoku{
	font-size: 0.85em;
	font-weight: normal;
}


/* 特徴 */ 

.rst-characteristic-box{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.rst-characteristic-box01{
	display: table-cell;
	background-color: #3D3832;
	width: 47%;
	padding: 25px 35px 35px 45px;
	background-image: url(../img/rst_characteristic-box01.png);
	background-size:cover;
	background-position: bottom right;
}

.rst-characteristic-box01 h3{
border-left: 6px solid #99C;
padding-left: 10px;
line-height: 1.3em;
    color: #fff;
    margin-bottom: 25px;
    
}

.rst-characteristic-box01 p{
    color: #fff;
    
}

.rst-characteristic-box02{
    display: table-cell;
    background-color: #EFEFEF;
    width: 47%;
    padding: 25px 35px 35px 45px;
        background-image: url(../img/rst_characteristic-box02.png);
    background-size:cover;
    background-position: bottom right;
}

.rst-characteristic-box02 h3{
border-left: 6px solid #002870;
padding-left: 10px;
line-height: 1.3em;
    color: #231815;
    margin-bottom: 25px;
    
}

.rst-characteristic-box02 p{
	color: #231815;
}

.rst-characteristic-puls{
	display: table-cell;
	vertical-align: middle;
	width: 6%;
	text-align: center;
	font-size: 2.5em;
	font-weight: 700;
	color: #002870;
}

/* 例題*/

.rst_exsample-bg{
	background-image: url("../img/rst_exsample-bg.jpg");
	background-size: cover;
	background-position: center top;
	background-color: #E4F4FD;
	margin-top: 15px;
	margin-bottom: 0px;
	min-height: 900px;
	padding-top: 120px;
	padding-bottom: 80px;
}




/* ごあいさつ */ 

.rst-greeting-box{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.rst-greeting-box01{
	display: table-cell;
	width: 320px;
	padding: 25px 35px 35px 45px;
	text-align: center;
}

.rst-greeting-box02{
	display: table-cell;
	padding: 0px 35px 35px 10px;
	text-align: left;
	font-size: 1.6em;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	vertical-align: middle;
	background-image: url(../img/rst_greeting-bg.png);
	background-position: right;
	background-repeat: no-repeat;
	text-shadow:
		0 1px 0 #fff,
		1px 0 0 #fff,
		0 -1px 0 #fff,
		-1px 0 0 #fff,
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff
		;
}

.rst-greeting-box02 p{
	padding-bottom: 15px;
}

.rst-greeting-box03{
	text-align: left;
	margin: 0 60px;
}

p.rst-arainame01{
	font-size: 1.5em;
	line-height: 1.2em;
	color: #002870;
	margin: 5px 0px;
	font-weight: normal;
}

p.rst-arainame01 > span{
	font-size: 0.7em;
	font-weight: normal;
}

p.rst-arainame02{
	font-size: 0.7em;
	color: #002870;
	margin: 10px 0;
}

p.rst-arainame02 > span{
	font-size: 1.5em;
}

@media screen and (max-width : 799px){
	.rst-greeting-box01{
		width: auto;
		padding: 15px 0;
	}
}

/* 受検のご案内 テーブル設定*/ 
.rst-guidancetable{
}

table.rst-guidancetable {
	width:100%;
	border-right:#cccccc solid 1px;
	border-collapse: collapse;
}
table.rst-guidancetable thead th {
	background:#002870;
	color:#FFF;
	padding:10px 15px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
}
table.rst-guidancetable thead th:last-child {
	border-right:#cccccc solid 1px;
}
table.rst-guidancetable tbody th {
	background:#002870;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#cccccc solid 1px;
	vertical-align:top;
	font-weight: normal;
	letter-spacing: 1px;
}
table.rst-guidancetable tbody tr:last-child th {
	border-bottom:#cccccc solid 1px;
}
table.rst-guidancetable tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	vertical-align:top;
	width: 40%;
}

table.rst-guidancetable caption{
	font-size: 1.5em;
	padding: 5px 10px;
	border-left: solid 5px #99C;
	margin-bottom: 35px;
	text-align: left;
	color: #231815;
}

@media screen and (max-width : 799px){
	table.rst-guidancetable thead {
		display:none;
	}
	table.rst-guidancetable tbody th {
		display:block;
	}
	table.rst-guidancetable tbody td {
		display:block;
		width: 100%;
	}
	/*table.rst-guidancetable tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
	}*/
	table.rst-guidancetable tbody td p {
		padding-left:6em;
	}
}


/* 受検のご案内 フローチャート*/
ul.rst-guidanceflow {
	width: 100%;
	list-style: none;
	margin: 20px 0 40px;
	padding-left: 0;
}

ul.rst-guidanceflow li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 15px 5px 0;
	padding: 10px;
	min-width: 120px;
	max-width: 100%;
	font-size: 0.9em;
	background-color: #f1edf4;
	color: #1a305e;
	text-align: center;
}
ul.rst-guidanceflow li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #f1edf4;
}

ul.rst-guidanceflow li:last-child:before {
	border:none;
	border-left: none;
}

@media screen and (max-width : 799px){
	ul.rst-guidanceflow{
		margin: 0px;
	}
	
	ul.rst-guidanceflow li {
		position: relative;
		display: block;
		margin: 25px 0px;
		padding: 15px 25px;
		width: 100%;
	}

	ul.rst-guidanceflow li:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -20px;
		border: 20px solid transparent;
		border-top: 25px solid #f1edf4;
	}
}

/* 受検のメリット */ 
/* ページ内リンクメニュー */ 

#merit00{
	margin-top : -110px;
	padding-top : 110px;
}

#merit01,#merit02,#merit03{
}
.rst-merit-menu-wrap{
	text-align: center;
	margin-top: 80px;
}

.rst-merit-menu {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

.rst-merit-menu li{
	margin: 0 5px;
	display: inline-block;
}

.rst-merit-menu li a{
	display: inline-block;
	width: 250px;
	height: 72px;
	line-height: 72px;
	text-decoration: none;
	text-align: center;
	background-size: 250px 72px;
	background-repeat: no-repeat;
	color: #231815;
}

.rst-merit-menu li.merit-menu-y a{
	background-image: url(../img/navi_merit_yellow.png);
}
.rst-merit-menu li.merit-menu-y a:hover{
	background-image: url(../img/navi_merit_yellow_on.png);
	text-decoration:underline;
}

.rst-merit-menu li.merit-menu-p a{
	background-image: url(../img/navi_merit_purple.png);
}
.rst-merit-menu li.merit-menu-p a:hover{
	background-image: url(../img/navi_merit_purple_on.png);
	text-decoration:underline;
}

.rst-merit-bg{
	background-color: #F7F8F8;
	padding: 50px 0px 50px 0px;
}

.rst-merit-ttlbox{
	display: table;
	margin-top: 50px;
}

.rst-merit-namber{
	display: table-cell;
	background-color: #231815;
	color: white;
	padding: 15px;
	vertical-align: middle;
	font-size: 2em;
}

.rst-merit-namber span strong{
	display: none;
}

.rst-merit-ttl-p{
	display: table-cell;
	background-color: #9999CC;
	width: 100%;
	padding: 0 15px;
	vertical-align: middle;
	height: 75px;
}

.rst-merit-ttl-y{
	display: table-cell;
	background-color: #FDD000;
	width: 100%;
	padding: 0 15px;
	vertical-align: middle;
	height: 75px;
}

.rst-merit-ttl-p h2{
	font-weight: 700; 
	letter-spacing: 0.05em;
	color: #fff;
	line-height: 1.3em;
	font-size: 1.6em;
	margin-bottom: 0;
	margin-top: 0;
}

.rst-merit-ttl-y h2{
	font-weight: 700; 
	letter-spacing: 0.05em;
	color: #231815;
	line-height: 1.3em;
	font-size: 1.6em;
	margin-bottom: 0;
	margin-top: 0;
}

.rst-merit-box{
	padding: 35px 15px 20px 15px;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 15px;
}

.rst-merit-box-wrap{
	display: table;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.rst-merit-box-img{
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	text-align: right;
}

.rst-merit-box-img img{
}

.rst-merit-list {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding-right: 15px;
}

.rst-merit-list ul {
	list-style-type:none;
}

.rst-merit-list li {
	font-size: 1.3em;
	letter-spacing: 0.5px;
	padding: 5px 5px 10px 38px;
	/* padding-bottom: 15px; */
	font-weight: 700;
	background-image: url(../img/icon_merit_check.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.rst-merit-arrow{
	font-size: 2.5em;
	text-align: center;
	color: #C30D23;
	font-stretch: extra-expanded;
}

.rst-merit-arrow-wrap p{
	text-align: center;
	color: #C30D23;
	font-size: 1.3em;
	padding-top: 15px;
	margin-bottom: 0;
	margin-top: 15px;
	
}

.rst-merit-text-wrap{
	width: 95%;
	margin: 0 auto;
	padding-bottom: 10px;
}

.rst-merit-point-wrap-y{
	width: 95%;
	margin: 0 auto;
	background-color: #FFF9E0;
	border: 1px solid #FDD000;
	display: table;
	padding: 15px;
}

.rst-merit-point-mark-y{
	width: 70px;
	height: 70px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #FDD000;/* 円の色 */
	text-align:center;
	line-height: 70px;
	vertical-align: middle;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	margin: 5px 15px;
}

.rst-merit-point-wrap-p{
	width: 95%;
	margin: 0 auto;
	background-color: #F5EEF6;
	border: 1px solid #C9CACA;
	display: table;
	padding: 15px;
}

.rst-merit-point-mark-p{
	width: 70px;
	height: 70px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #9999CC;/* 円の色 */
	text-align:center;
	line-height: 70px;
	vertical-align: middle;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	margin: 5px 15px;
}

.rst-merit-point-text{
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}

.rst-merit-point-text p{
	margin: 0;
}

span.merit-visible-xs{
	display: none;
}





@media screen and (max-width : 1280px){
	.rst-merit-menu li a{
		background-size: 220px 72px;
		width: 220px;
	}
	.rst-merit-menu li a:hover{
		width: 220px;
	}
}
@media screen and (max-width : 1024px){
	.rst-merit-menu li a{
		background-size: 165px 50px;
		width: 165px;
		height: 50px;
		font-size: 0.9em;
		line-height: 50px;
	}
	.rst-merit-menu li a:hover{
		width: 165px;
		height: 50px;
	}
	.rst-merit-menu li.merit-menu-p a{
		letter-spacing: -0.1em;
	}
}
@media screen and (max-width : 799px){
	.rst-merit-ttlbox{
		width: 100%;
		margin-top: 50px;
	}
	
	.rst-merit-ttl-y h2,.rst-merit-ttl-p h2{
		padding: 15px;
	}
	
	.rst-merit-list ul {
		padding-left: 15px;
	}
	
	.rst-merit-point-mark-p-mobile{
		display: inline-block;
		background-color: #9999CC;
		padding: 0px 5px;
		border-radius: 6px;
		color: #fff;
		margin-bottom: 5px;
	}
	
	.rst-merit-point-mark-y-mobile{
		display: inline-block;
		background-color: #FDD000;
		padding: 0px 5px;
		border-radius: 6px;
		color: #fff;
		margin-bottom: 5px;
	}
	
	#merit00{
		margin-top : -110px;
		padding-top : 110px;
	}

	#merit01,#merit02,#merit03{
	}
	.rst-merit-menu-wrap{
		text-align: center;
		margin-top: 80px;
	}

	.rst-merit-menu {
		list-style: none;
		margin-bottom: 0;
		background-color: #F7F8F8;
		padding: 20px 10px;
	}

	.rst-merit-menu li{
		margin: 0 5px;
		display: inline-block;
	}

	.rst-merit-menu li.merit-menu-p a{
		display: inline-block;
		background-image: none;
		background-repeat: no-repeat;
		background-size: initial;
		line-height: initial;
		color: #337ab7;
		text-decoration: none;
		width: initial;
		height: initial;
		text-align: center;
		padding: 10px 15px;
	}

	.rst-merit-menu li.merit-menu-p a:hover{
		background-image: none;
		text-decoration:underline;
		color: #23527c;
		width: initial;
		height: initial;
	}

	.rst-merit-menu li.merit-menu-y a{
		display: inline-block;
		background-image: none;
		background-repeat: no-repeat;
		background-size: initial;
		line-height: initial;
		color: #337ab7;
		text-decoration: none;
		width: initial;
		height: initial;
		text-align: center;
		padding: 10px 15px;
	}

	.rst-merit-menu li.merit-menu-y a:hover{
		background-image: none;
		text-decoration:underline;
		color: #23527c;
		width: initial;
		height: initial;
	}
	
	.rst-merit-bg{
		background-color: initial;
		padding: 20px 0px 50px 0px;
	}
	span.merit-visible-xs{
		display: initial;
	}
}



/*NC3２カラム画面メインカラムと右カラムのスタイル指定　ここからーーーーーーーーーーーーーーー*/
div#container-main.col-md-9{
	padding-left: 0;
}

div#container-minor.col-md-3{
	border-left: 1px solid #ccc;
	padding: 0 15px 50px;
	height: 100%;
	padding-right: 0;
}


@media screen and (max-width : 1710px){
	div#container-minor.col-md-3{
		max-width: calc(5% + 280px);
	}
}
@media screen and (max-width : 1440px){
	div#container-minor.col-md-3{
		max-width: calc(4% + 280px);
	}
}
@media screen and (max-width : 799px){
	div#container-main.col-md-9{
		padding-left: 15px;
	}
	div#container-main .frame-rst-main .panel-body {
		padding-left: 0;
		padding-right: 0;
	}

	div#container-minor.col-md-3{
		border-left: none;
		padding-right: 15px;
		max-width: 100%;
	}
}
/*NC3のプラグインのスタイル指定　ここからーーーーーーーーーーーーーーー*/

/*登録フォーム・FAQ・ブログの小タイトルスタイル指定　※ウィジウィグでのh3?も同じスタイルにしたい*/

.frame .nc-content-list > h1, .frame .nc-content-list > .h1, .frame.nc-content-list article h1, .frame.nc-content-list article .h1 {
	font-size: 1.5em;
	padding: 5px 10px;
	border-left: solid 5px #99C;
	margin-bottom: 35px;
}

.frame.nc-content article h1, .frame.nc-content article .h1 {
	font-size: 1.5em;
	padding: 5px 10px;
	border-left: solid 5px #99C;
	margin-bottom: 20px;
	margin-top: 20px;
}

/*研究成果の汎用DB、リンク項目のURlが伸びきる対応*/
.multidatabase-content-detail table.table td {
	word-break: break-all;
}

.multidatabase-content-list table.table td {
	word-break: break-all;
}

/*bootstrapの上書きスタイル指定　ここからーーーーーーーーーーーーーーー*/
.progress{
	height: auto;
}

.radio-inline, .checkbox-inline{
	margin-top: 0px;
}



/*↓スマホサイズの時だけスタイルをきかせる-----------------------------------------*/

@media screen and (max-width : 799px){
	
	.frame-rst-main{
		margin-left: 0;
		margin-right: 0;
	}
/*↓よくある質問、研究成果、ニュースの左マージン-----------------------------------------*/	
	.frame.panel-none.nc-content-list.plugin-blogs,.frame.panel-none.nc-content-list.plugin-multidatabases,.frame.panel-none.nc-content-list.plugin-faqs {
		margin-left: 25px;
	}

/* ナビ  スマホ*/  
	#rst-nav .navbar-nav {
		margin: 0px -15px;
	}

	.rst-nav-wrapper .navbar-nav > li > a:hover,.rst-nav-wrapper .navbar-nav > li > a,.rst-nav-wrapper .navbar-nav > li,.rst-nav-wrapper .navbar-nav > li:last-child,.rst-nav-wrapper .navbar-nav > li:last-child > a:hover{
		height: auto;
	}

	.rst-nav-wrapper .navbar-nav > li > a{
		padding: 20px;
	}

	#rst-nav .navbar-header{
	border-bottom: 1px solid #CCC;
	}
	
	#rst-nav .list-group {
		margin-bottom: 0px;
		padding-left: 0;
	}

	#rst-nav .list-group-item {
		position: relative;
		display: block;
		padding: 10px 15px;
		margin-bottom: -1px;
		/*background-color: white;*/
		border-bottom: 1px solid #DDD;
		border-radius: 0px;
	}

	#rst-nav .list-group-item:first-child {
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
	}
	
	#rst-nav .list-group-item:last-child {
		margin-bottom: 0;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	/* h1タイトル スマホ*/
	
	.rst-h1_ttl{
		text-align: left;
		padding-left:30px;
		text-indent:-40px;
		padding-bottom: 0px;
		font-size: 1.9em;
	}
	
	h1.rst-h1_ttl:before{
		content: url(../img/rst_ttl-icon.png);
		margin: 10px;
		position: relative;
		top: 4px;
	}
	
	/* h3タイトル スマホ*/
	.rst-h3_ttl{
	font-size: 1.5em;
	padding: 5px 10px;
	border-left: solid 5px #99C;
	margin-bottom: 15px;
	}
	
	/* トップスタイル01 スマホ*/ 
	#rst-top01.jumbotron {
		padding: 5px 20px;
	}
	#rst-top01.jumbotron h1{
		letter-spacing: -0.05em;
		text-indent: -1em;
		font-size: 1.6em;
	}
	#rst-top01.jumbotron .rst-top01-text {
		text-align: left!important;
	}

	/* トップスタイル02 スマホ */ 
	#rst-top02.jumbotron {
		background-image: url(../img/rst_bg-dot_blue.png);
		background-size: auto;
		background-position: none;
		background-repeat: repeat;
		background-color: #E4F4FD;
		margin-bottom: 0px;
		padding-bottom: 50px;
		min-height: initial;
		min-height: auto;
	}
	#rst-top02.jumbotron h1 {
		padding-bottom: 35px;
		font-size: 1.5em;
	}
		
	#rst-top02.jumbotron h2 {
		text-align: left;
		font-size: 1.2em;
		letter-spacing: 1;
		padding-bottom: 0px;
	}
	
	#rst-top02.jumbotron p  {
		text-align: left;
		color: #231815;
		padding: 15px 0;
		margin: 0;
		text-shadow: none;
	}
	
	#rst-top02 .space-top50{
		margin-top: 0;
	}


	/* 例題 スマホ*/
	.rst_exsample-bg{
		background-image: url(../img/rst_bg-dot_blue.png);
		background-size: auto;
		background-position: none;
		background-repeat: repeat;
		background-color: #E4F4FD;
		margin-bottom: 0px;
		min-height: initial;
		min-height: auto;
		padding-top: 0px;
		padding-bottom: 50px;
		margin-top: 50px;
	}
	#rst-example {
		padding-right: 0;
		padding-right: 0;
	}
	#rst-example img{
		margin-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
	}
		
	/* プロセス スマホ */
	.rst-process-text{
		background-color: #EFEFEF;
		padding: 25px 15px 10px 0px;
	}
		
	/* 特徴 スマホ* */
	.rst-characteristic-box,.rst-characteristic-box01,.rst-characteristic-box02,.rst-characteristic-puls{
		display: block;
		min-width: 100%;
	}
		
	.rst-characteristic-box01,.rst-characteristic-box02{
		padding: 10px 15px 15px 20px;
	}
	.rst-characteristic-puls{
		text-align: center;
	}
	
	/* ごあいさつ スマホ */
		
	.rst-greeting-box03{
		margin: 0;
	}
		
	/* フッター スマホ */
	.box-footer .rst-copyright {
		color: #999;
		text-align: center;
		font-size: 0.8em;
		padding-left: 10px;
		padding-right: 55px;
		height: auto;
	}
	.box-footer .rst-copyright span:last-child{
		margin-left: 0;
	}
		
	/* 横スクロールを取る スマホ */
	#container-footer .frame-rst-fluid {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	
	
	/* ナビゲーション上固定のboby設定 スクロールが出ないように スマホ*/
	.navbar-fixed-top .navbar-collapse {
		max-height: initial;
		max-height: auto;
	}

}
@media screen and (max-width : 320px){
	/* トップスタイル01 スマホ*/ 
	#rst-top01.jumbotron {
		padding: 5px 15px;
	}
	#rst-top01.jumbotron h1{
		letter-spacing: -0.05em;
		font-size: 1.4em;
	}
}
/*↑スマホサイズの時だけスタイルをきかせる　ここまで*/



/*.panel-bodyのpadding: 15px;padding: 0px;のnoneフレーム*/
/*<div class="container">でかこまれたnoneフレーム*/

/* Crmsのためのbootstrapの上書き
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.form-inline2 .form-control2 {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.form-horizontal2 .form-group2{
	margin-left: 0;
	margin-right: 0;
}

.form-group2 {
	margin-bottom: 10px;
}

.form-inline2 label.control-label {
	margin-right: 0;
}

div.crm-otoiawase-moto {
	margin: 0 15px;
}


/* CSS Document */



/* 新規追加分
========================================================= */
/* 本文の段落余白*/
#container-main .plugin-announcements .panel-body > p,
#container-main .plugin-announcements .panel-body > table {
	margin: 0 15px 15px;
}
@media screen and (max-width : 799px){
	#container-main .plugin-announcements .panel-body > p,
	#container-main .plugin-announcements .panel-body > table {
		margin: 0 0 15px;
	}
}


/* 本文へ動画を埋め込む時のサイズ */
.rst-movies {
	width: 480px;
	height: auto;
	margin: 0 auto 50px;
	border: solid 1px #ddd;
}
@media screen and (max-width : 799px){
	.rst-movies {
		width: 100%;
	}
}


/*本文内のテーブルスタイル*/
.rst-table-right-caption {
	text-align: right;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	font-size: 0.9em;
}
.rst-table01 {
	margin-top: 0;
}
.rst-table02 {
	margin-top: 1em;
}
.rst-table01 th{
	background-color: #f3f2e8;
	font-weight: 500;
}
.rst-table02 th{
	background-color: #1a305e;
	color: #fff;
	font-weight: 500;
}
.rst-table01 tbody:first-child th{
	background-color: #1a305e;
	color: #fff;
	font-weight: 500;
	text-align: center;
	border-bottom: none !important;
}
.rst-table02 tbody:first-child th{
	text-align: center;
}
.rst-table01 td{
	text-align: center;
}
.rst-table01 td, .rst-table01 th,
.rst-table02 td, .rst-table02 th{
	padding: 15px !important;
}
.rst-table01 tr:first-child th,
.rst-table01 tr:first-child td,
.rst-table02 tr:first-child th,
.rst-table02 tr:first-child td{
	border-top: none !important;
}
.table.rst-table01 > tbody + tbody,
.table.rst-table02 > tbody + tbody {
	border-top: none;
}



/*ツールチップ*/
.rst-table01 a {
	position: relative;
}
.rst-tooltip {
	visibility: hidden;
	/*text-align: center;*/
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms;
	width: 500px;
	top: -40%;
	left: 170%;
	margin-left: -60px;
}
.rst-tooltip > .rst-tooltip-text {
	background-color: #221714;
	color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 0.7em;
	display: inline-block;
}
.rst-tooltip > .rst-tooltip-text:after {
	content: " ";
	position: absolute;
	top: 40%;
	left: -5px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #221714 transparent transparent;
}
.rst-table01 a:hover > .rst-tooltip {
	visibility: visible;
	opacity: 1;
}


/*スマホ時にテーブルをスクロール*/
@media screen and (max-width : 799px){
	.rst-table-area {
		box-sizing: border-box;
		width: 95%;
		margin: 0 auto;
		overflow: auto;
		border: solid 1px #eee;
	}
	.rst-table-wrapper {
		box-sizing: border-box;
		width: 760px;
		margin-left: -1px;
		margin-top: -1px;
	}
}


/*設問の特徴：能力値7分類表*/
.rst-nouryokuchi {
	background-color: #f3f2e8;
	border: solid 2px #d3d3e2;
	padding: 5px 20px 20px;
	margin: 0 15px 60px;
}
.rst-nouryokuchi h5{
	font-size: 1.1em;
	margin-top: 20px;
}
.rst-nouryokuchi .btn-default {
	font-size: 0.7em;
	font-weight: normal;
	padding: 0 10px;
	color: #3474ab;
	margin-top: -2px
	margin-left: 5px;
}
.rst-nouryokuchi h4 + .rst-nouryokuchi-item {
	margin-top: 20px;
}
.rst-nouryokuchi-item {
	background-color: #fff;
	border-left: solid 10px #9394c4;
	padding: 5px 15px;
	margin: 6px 20px;
}
.rst-nouryokuchi-item p{
	font-size: 0.9em;
	margin-left: 2em;
	margin-bottom: 8px;
}
@media screen and (max-width : 799px){
	.rst-nouryokuchi {
		margin-left: 0;
		margin-right: 0;
	}
	.rst-nouryokuchi-item {
		margin-left: 0;
		margin-right: 0;
	}
}


/*モーダル*/
.rst-modal .modal-content{
	background-color: rgba(0,0,0,0.5);
	border-radius: 0;
	/*
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
	*/
}
.rst-modal .modal-header {
	color: #fff;
	border-bottom: none;
	padding: 5px 15px;
}
.rst-modal .modal-header h4{
	color: #fff;
}
.rst-modal button.close {
	color: #fff;
	text-shadow: 0 1px 0 #000;
	opacity: .5;
	font-size: 1.5em;
	font-weight: normal;
}
.rst-modal .modal-body img{
	width: 100%;
}
.rst-modal .modal-footer {
	border-top: none;
	padding: 5px 15px;
}
.rst-modal-btn {
	cursor: pointer;
}

/*右メインコンテンツのパーツ*/
.rst-blue-panel {
	width: 95%;
	margin: 30px auto;
	background-color: #f9f9fa;
	border: solid 1px #1a305e;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.rst-blue-panel-heading {
	background-color: #1a305e;
	color: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 1.2em;
	padding: 5px 15px ;
}
.rst-blue-panel-body {
	padding: 5px 15px;
}
.rst-blue-panel-ttl{
	display: block;
	font-size: 1.8em;
	text-align: center;
}
.btn-main-login {
	margin: 50px auto;
	font-size: 1.8em;
	padding-left: 30px;
	padding-right: 30px;
}

.rst-main-alert {
	width: 94%;
	margin: 30px auto;
	border: solid 1px #ea6363;
	background-color: #fceeef;
	padding: 10px 15px 5px;
	/*font-size: 0.8em;*/
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
.rst-main-alert strong{
	color: #c26363;
	font-size: 1.2em;
}

.rst-main-info {
	margin: 30px auto;
	background-color: #e7f4fc;
	padding: 15px 20px 10px;
}
.rst-main-info strong{
	color: #1a305e;
	font-size: 1.2em;
	font-weight: normal;
}
.rst-main-info .rst-note{
	padding-left: 50px;
}

.rst-note {
	padding-left: 1em;
	text-indent: -1em;
}

.rst-img-box {
	border: solid 1px #ccc;
	padding: 5px;
}
.rst-img-box.pull-left {
	margin-right: 30px !important;
}
.rst-img-box.pull-right {
	margin-left: 30px !important;
}


/*受検のお申し込みについて*/
.rst-purple-box {
	background-color: #f1edf4;
	padding: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.rst-purple-box h3{
	border-left: none !important;
	margin: 10px !important;
	color: #1a305e;
}
.rst-purple-box strong{
	font-size: 1.2em;
}
.rst-purple-box p{
	margin: 20px 20px 10px;
}
.rst-color-red {
	color: #cc3e3e;
}

.rst-green-box {
	background-color: #dff0d7;
	border: solid 1px #d6eac5;
	padding: 10px 15px;
	margin: 30px 20px;
	border-radius: 6px;
}
.rst-green-box strong{
	font-size: 1.2em;
	color: #43894e;
}
.rst-green-box p{
	margin: 10px;
}
.rst-green-box > p:first-child{
	margin-top: 5px;
	padding-left: 0;
	margin-left: 0;
}



ul#rst-application-flow {
	margin: 20px auto;
	padding-left: 0 !important;
}
ul#rst-application-flow li{
	position: relative;
	display: inline-block;
	background-color: #fff;
	width: 21%;
	margin: 5px 10px 5px 15px;
	padding: 20px 5px 20px 10px;
	font-size: 0.9em;
	min-height: 15em;
	vertical-align: middle;
}
ul#rst-application-flow li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	margin-left: 8px;
	border: 15px solid transparent;
	border-left: 15px solid #7f7fbf;
}
ul#rst-application-flow li:last-child:before {
	border: none;
}
ul#rst-application-flow li span.ttl{
	display: block;
	text-align: center;
	font-size: 1.2em;
	color: #547ebe;
	margin-top: -5px 0 15px -10px;
}
ul#rst-application-flow li .badge{
	display: inline-block;
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #1a305e;
	font-size: 1em;
	line-height: 1.5;
	border-radius: 50%;
}

@media screen and (max-width : 1180px){
	ul#rst-application-flow li{
		width: 95%;
		min-height: auto;
		margin: 10px 15px 25px;
	}
	ul#rst-application-flow li:before {
		content: "";
		position: absolute;
		top: 120%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #7f7fbf;
	}
}
@media screen and (max-width : 799px){
	.rst-main-info .rst-note {
		padding-left: 15px;
	}
	ul#rst-application-flow li {
		margin-left: 5px;
	}
}

/*申し込みSTEP*/
.rst-application-box {
	border: solid 1px #cbcbcb;
	padding: 15px 20px 5px;
	width: 96%;
	margin: 20px 20px 100px;
}
.rst-application-box.arrow-yellow {
	position: relative;
}
.rst-application-box.arrow-yellow:before {
	content: "";
	position: absolute;
	top: calc(100% + 30px);
	left: 50%;
	margin-left: -50px;
	border: 50px solid transparent;
	border-top: 50px solid #ffcc33;
}
.rst-application-box p{
	margin-left: 15px;
}
.label-app-step {
	background-color: #1a305e;
	font-size: 1em;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0.5em;
}
.arrow-purple {
	position: relative;
	margin: 40px 15px 80px;
}
.arrow-purple hr{
	border-color: #cbcbcb;
}
.arrow-purple:before {
	content: "";
	position: absolute;
	top: calc(100% + 15px);
	left: 50%;
	margin-left: -25px;
	border: 25px solid transparent;
	border-top: 25px solid #7f7fbf;
}
.rst-application-box .rst-main-alert{
	width: 97%;
}
.rst-application-box .btn-lg {
	padding-left: 30px;
	padding-right: 30px;
	min-width: 40%;
	margin-top: 20px;
}
.rst-application-box em {
	font-style: normal;
	color: #cc0000;
}
.rst-application-box h5{
	font-size: 1.2em;
	color: #1a305e;
	background-color: #f1edf4;
	padding: 10px 15px;
	margin: 40px 10px 20px;
}
.rst-application-box > .row {
	margin-left: 0;
	margin-right: 0;
}
.rst-application-box > .row img {
	margin: 0 !important;
}
.rst-application-box .well p {
	margin-left: 0;
}

.btn-rst-lg {
	color: #fff;
	border-width: 0px;
	border-color: transparent;
	border-radius: 0px;
	font-size: 1.8em;
	text-decoration: none;
	padding: 25px 100px;
	margin-top: 20px;
	background: #fca400;
	background: -moz-linear-gradient(-80deg,  #ffc300 0%, #fca400 51%, #ffb200 52%, #f08300 100%);
	background: -webkit-linear-gradient(-80deg,  #ffc300 0%,#fca400 51%,#ffb200 52%,#f08300 100%);
	background: linear-gradient(-10deg,  #ffc300 0%,#fca400 51%,#ffb200 52%,#f08300 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##ffc300', endColorstr='#f08300',GradientType=1 );
	text-decoration: none !important;
}
.btn-rst-lg:hover {
	color: #fff;
	background: #e60012;
	background: -moz-linear-gradient(-80deg,  #e60012 0%, #d61518 51%, #e82c2f 52%, #e60012 100%);
	background: -webkit-linear-gradient(-80deg,  #e60012 0%,#d61518 51%,#e82c2f 52%,#e60012 100%);
	background: linear-gradient(-10deg,  #e60012 0%,#d61518 51%,#e82c2f 52%,#e60012 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60012', endColorstr='#e60012',GradientType=1 );
}

@media screen and (max-width : 799px){
	.rst-application-box {
		width: 100%;
		margin: 20px 0 100px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.rst-application-box p {
		margin-left: 0;
	}
	#rst-footer.jumbotron a.btn-primary,
	#rst-footer.jumbotron a.btn-rst-lg,
	.btn-rst-lg {
		padding: 25px 20px;
		font-size: calc( 48vw/10 );
	}
}



/*右メインのよくある質問*/
.rst-faq-list {
	margin: 30px 0;
}
.rst-faq-list .btn{
	margin: 20px 0;
}

/*左サイドバーのパーツ*/
#rst-side-login {
	border: solid 1px #002870;
	background-color: #f5f6f7;
	padding: 10px 15px 0;
	text-align: center;
}
#rst-side-login .btn{
	width: 90%;
	font-size: 1.2em;
}
#rst-side-login .alert{
	padding: 10px;
	/*font-size: 0.8em;*/
}

.rst-login-body .rst-side-login-nologgedin {
	display: none;
}
.rst-side-login-loggedin {
	display: none;
}
.rst-login-body .rst-side-login-loggedin {
	display: block;
}

.rst-side-banner {
	border: solid 1px #9396c9;
	background-color: #f1edf4;
	padding: 25px 15px 20px;
	text-align: center;
	font-size: 1.1em;
}

.rst-side-alert {
	border: solid 1px #ea6363;
	background-color: #fceeef;
	color: #ca1a1d;
	padding: 15px 15px 5px;
	/*font-size: 0.8em;*/
	margin-bottom: 20px;
}



/*左サイドメニュー*/
#container-minor .plugin-menus {
}
#container-minor .plugin-menus .list-group-item {
	color: #1a305e;
	border-color: #1a305e;
	border-radius: 0;
	padding: 15px 20px;
	font-size: 1em;
}
#container-minor .plugin-menus .list-group-item:hover,
#container-minor .plugin-menus .list-group-item.active,
#container-minor .plugin-menus .list-group-item.active:hover,
#container-minor .plugin-menus .list-group-item.active:focus {
	color: #27296d;
	background-color: #e7f4fc;
}
#container-minor .plugin-menus .list-group-item.menu-tree-0 {
	background-color: #1a305e;
	color: #fff;
	text-align: center;
}
#container-minor .plugin-menus .list-group-item .pull-left {
	width: 100%;
	max-width: 100%;
}
#container-minor .plugin-menus .list-group-item .pull-right {
	display: none;
}
#container-minor .plugin-menus .list-group-item:not(:first-child){
	margin-left: 0;
}


/*サファリのカラム落ち対策*/
@media (min-width: 768px) {
/*サファリのカラム落ちを防ぐ*/
	_::-webkit-full-page-media, _:future, :root .col-sm-1 {
		width: 8.2%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-2 {
		width: 16.6%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-3 {
		width: 24.8%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-4 {
		width: 33.2%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-5 {
		width: 41.5%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-6 {
		width: 49.9%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-7 {
		width: 58.2%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-8 {
		width: 66.5%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-9 {
		width: 74.8%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-10 {
		width: 83.2%;
	}
	_::-webkit-full-page-media, _:future, :root .col-sm-11 {
		width: 91.5%;
	}
}
@media (min-width: 992px) {
	_::-webkit-full-page-media, _:future, :root .col-md-3 {
		width: 25%;
	}
	_::-webkit-full-page-media, _:future, :root .col-md-4 {
		width: 33.333%;
	}
}


@media print{
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: static;
	}
	
	
}