@charset "UTF-8";

/*  Tablet
-----------------------------------------------------------------------------*/


/* Body */
@media screen and (max-width:768px){
body {
    font-family: ' メイリオ', Meiryo, " ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 19px;
    margin: 0;
}

#sp_menu_btn {}

#wrapper {}

.show_sp {
    display: block;
}

.show_pc {
    display: none;
}

#header {
    width: auto;
    padding: 0 10px;
}

#header #logo {
    padding-bottom:15px;
}

#header #logo .logo_img {
    width: 290px;
    height: auto;
}

#sp_menu_btn {
    display: block;
    float: right;
    padding-top: 12px;
    cursor:pointer;
}

#header #head_right {
    width: 100% !important;
    margin-top: 0;
    padding: 10px 0 20px;
    background: rgba(51, 51, 51, 0.9);
    position: absolute;
    z-index: 99999;
    top: 89px;
    left: 0;
    display: none;
}

#header #gnavi {
    float: none;
    margin: 0 20px 13px;
}

#header #gnavi li {
    float: none;
    margin-right: 0;
    border-bottom: 1px solid #dbdbd9;
    padding: 12px 0 8px 0;
}

#header #gnavi li a {
    color: #ffffff;
    display: block;
}

#header #gnavi li a span {
    background: url(/gr/img/common/head_icon_link.png) right center no-repeat;
    padding-right: 14px;
}

#header #head_search {
    padding-left: 20px;
    float: left;
    width: 60%;
	position: relative;
}

#head_search #search_box {
    width: 80%;
    height: 23px;
    margin-right: 10px;
    display: inline;
    margin: 0 10px 0 0;
    float: left;
}
#head_search #search_img{
	display:none;
}
#btn_search img{
	margin-top:5px;
	position:absolute;
	top: 0;
	right: 10%;
}
#header #head_lang {
    width: 145px;
    float: right;
    margin-top: 6px;
    margin-right: 20px;
    margin-bottom: 8px;
}

#header #btn_ritsumate {
    position:static;
    padding-bottom: 15px;
    width:150px;
}

#slide {
    width: 100%;
    margin: 0 auto;
}

#slide img {
    width: 100%;
}

#contents,#contents2 {
    width: auto;
}


/* footer */

#footer {
    margin-top: 6%;
}

#footer_link ul {
    width: auto;
    padding: 30px 10px 0 10px;
}

#footer_link ul li {
    margin-right: 3.2%;
    /*width: 31.2%;*/
    width: 48.2%;
}

#footer_link ul li:nth-child(even) {
margin-right: 0px;
}

#footer_link ul li.end {
    margin-right: 0;
}

#footer_link ul li.foot_link03 {
    margin-right: 0;
}

#footer_link ul li a {
    background: url(/gr/img/common/icon_01.png) right bottom no-repeat;
    width: 100%;
    height: 53px;
    line-height: 53px;
    font-size: 13px;
}

#footer_link ul li.foot_link04 a span {
    padding-top: 10px;
    line-height: 18px;
    width: auto;
}

#footer_link ul li.foot_link03 a span,
#footer_link ul li.foot_link05 a span {
    padding-top: 4px;
    font-size: 10.5px;
    line-height: 15px;
}

#footer_link ul li.foot_link01 {
	padding: 1% 0 0.8% 0;
    width: 31.2%;
}

.english #footer_link ul li.foot_link04 {
    margin-right: 0;
}
.english #footer_link ul li.foot_link04 a span {
    padding-top: 37px;
}
.english #footer_link ul li.foot_link05 a span {
padding-top:20px;
}
#copyright {
    width: auto;
    text-align: center;
    padding: 25px 0 0;
		display: block;
}

#footer_link_bottom{
    width: 96%;
    margin: 0 auto;
}

#footer_link_bottom li a{
    font-size: 11px;
}

#footer_link02-1 {
		width: 95%;
}

#footer_link02 {
	width: 100%;
	display: block;
}

#footer_link02 #footer_link_bottom {
	width: auto;
}

#footer_link02 .fr {
	float: none;
	padding: 2%;
}


/* content */

#main {
    width: auto;
    float: none;
    padding: 0 10px;
}


/*  common inpage
-----------------------------------------------------------------------------*/

#top .box_menu {
    border-bottom: 0;
    border-top: 1px solid #cccccc;
}

#top .box_menu li {
    width: 25%
}
#top .box_menu02 li {
    width: 25%
}

#top .box_menu li a {
    border-top: 0;
    border-bottom: 1px solid #cccccc;
}

#top .box_menu li a .title,#top .box_menu02 li a .title {
    font-size: 13px;
}

#top .box_menu li:nth-child(4n) {
    width: 25%;
}

#top .box_menu li:last-child a {
    border-right: 1px solid #cccccc;
}

#top .box_menu_02 li {
    width: 33.3%;
}

#top .english .box_menu_02 li {
    line-height: 68px;
}

#top .box_menu_02 li a {
    padding: 5% 0;
    font-size: 11px;

}

#top .box_menu_02 li:nth-child(5n) a {
    border-right: 0;
}

#top .box_menu_02 li:nth-child(3n) a {
    border-right: 1px solid #cccccc;
}

#top .box_menu_02 li:last-child a {
    border-right: 1px solid #cccccc;
}

#top #show_more {
    display: block;
    color: #ffffff;
    padding: 3%;
    font-size: 18px;
    cursor: pointer;
    background: url("/gr/img/home/plus.gif") 97% center no-repeat;
    background-color: #ab0326;
}

#top #show_more.active {
    background: url("/gr/img/home/minus.gif") 97% center no-repeat;
    background-color: #ab0326;
}

#top .box_menu_outer {
    display: none;
}

#top .box_menu_outer.active {
  display: block;
}

#top .box_menu_02 li.show_tb {
    display: table;
}

#top .mask-left {
    display: none;
}

#top .mask-right {
    display: none;
}


/* slide*/

#top #top-slider {
    width: auto;
    height: auto;
    margin-bottom: auto;
}

#top #topvisualOuter {
    width: 100%;
    margin-bottom: 20px;
    z-index: 1;
}

#top .bx-wrapper .bx-pager {
    bottom: 16px;
    z-index: 90;
    position: static;
}

#top #topvisualOuter img {
    width: 100%;
    height: auto;
}

#top .bx-wrapper {
    margin-bottom: 20px !important;
}

#top #topvisualOuter #slider {
    width: 100%;
    float: left;
    list-style: none;
    position: relative;
    margin-right: 1px;
    left: auto;
    margin-bottom: 1%;
}

#top #topvisualOuter #slider li img {
    display: none;
}

#top #topvisualOuter #slider li:first-child img {
    display: block;
}

#top #topvisualOuter #slider li,
#top #topvisualOuter #slider img {
    width: 100%;
    height: auto;
}

.bx-wrapper img {
    max-width: 100%;
}

#top #topvisualOuter #slider li:last-child {
    position: static;
    left: auto;
}

#top #contents,#top #contents2 {
    padding: 0 10px;
}

#top #main {
    padding: 0;
}


/*#introduction summary
====================================*/

#topic_path {
    padding: 4% 10px 5% 0;
}

h3.title {
    margin-bottom: 4%;
    padding: 0 0 0 5px;
}

#introduction #contents,#introduction #contents2 {
    padding: 0;
}

#introduction #main {
    padding: 0 10px;
}

#introduction #main .box_txt {
    font-size: 13px;
    line-height: 20px;
}

#introduction .summary .list_items {
    margin-bottom: 5%;
}

#introduction .summary .list_items li {
    margin-right: 6%;
		margin-bottom: 0;
    width: 47%;
}

#introduction .summary .list_items li p img {
    width: 100%;
}

#introduction #main .box_01 {
    padding: 3%;
    margin-bottom: 7%;
}

#introduction #main .box_01 ul {
    margin-bottom: 7%;
}

#introduction #main .box_01 ul li {
    margin-right: 5%;
}

#introduction #main .box_01 ul li:last-child {
    margin-right: 0;
}

#introduction #main .box_01 .left_box {
    margin: 0 5% 0 0;
    width: 45%;
}

#introduction #main .box_01 .left_box a:first-child {
    display: inline-block;
    width: 30%;
}

#introduction #main .box_01 .left_box a:first-child img {
    width: 100%;
}

#introduction #main .box_01 .left_box a:last-child {
    float: right;
    width: 55%;
    padding: 24% 0 0 0;
}

#introduction #main .box_02 .left {
    width: 62%;
    font-size: 13px;
    line-height: 20px;
}

#introduction #main .box_02 .right {
    width: 35%;
}

#introduction #main .box_02 .right img {
    width: 100%;
}

#introduction #main .box_02 .left .box_gray {
    width: auto;
    margin-top: 5%;
}

#main h4.subtitle {
    margin: 0 0 2% 0;
    padding: 0 0 0 5px;
}

#introduction .box_02 .left .box_gray a {
    margin-bottom: 3%;
}

#introduction .box_02 .left .box_gray a:last-child {
    margin-bottom: 0;
}

#introduction .learning .box_learning .title br {
display:none;
}
#introduction .learning.en_learning .box_learning .title a{
position: inherit;
}

#right_side {
    float: none;
    width: auto;
    margin: 6% 0 0 0;
}

#menu_right ul li h3 {
    font-size: 15px;
}

#menu_right>ul>li.active>a {
    padding: 10px 15px 10px 15px;
    background-position: 15px 13px;
}

#menu_right>ul>li.active ul li a {
    background-position: 15px 13px;
}


/*#introduction index
================================*/

#introduction .w100 {
    width: 98%;
}

h2#banner {
    width: 64%;
    padding: 10% 0 10% 36%;
    font-size: 28px;
    line-height: 30px;
}
#top h2.title a{
	font-size:24px;
}

#box_intro li {
    width: 48%;
    margin: 0 4% 7% 0;
    font-size: 12px;
}

#box_intro li .title {
    margin: 0 0 5% 0;
}

#box_intro li .left_detail {
    width: 40%;
}

#box_intro li .left_detail img {
    width: 100%;
}

#box_intro li .right_detail {
    width: 55%;
    padding: 0 0 12% 0;
}

#box_intro li .btn_intro a {
    padding: 3% 0;
    display: block;
    font-size: 13px;
}


/*#voice
===============================*/

#voice #main .img_tab img {
    width: 100%;
}

#voice .block {
    padding: 6% 0 0 0;
}

/*#voice追加コンテンツ Q&A*/
	#voice .voice_qa .block:first-child {
		padding: 6% 0 0 0;
	}
#voice .voice_qa .gray_box dl dt a,
#voice .voice_qa .gray_box .link a{
	font-size: 14px;
}
#voice .voice_qa th {
	width: 140px;
}
#voice .voice_qa td {
	width: auto;
}
#voice .voice_qa td dl dt{
	font-size: 12px;
	padding: 3px;
}
#voice .voice_qa td dl dt {
	line-height: 25px;
}
/*Question*/
#voice .voice_qa .que_box th {
	width: 120px;
	padding-right: 10px;
}
#voice .voice_qa .que_box td dl dd{
	font-size: 14px;
	margin-top: 5px;
}
/*Answer*/
#voice .voice_qa .ans_box th {
	vertical-align: top;
}
	

/*#facility
=============================*/

#facility .box_facility {
    margin: 0;
}

#facility .box_facility li img {
    width: 100%;
}

#facility #main h4.subtitle {
    margin: 0 0 3% 0;
    height: auto !important;
}

#facility .box_facility li .detail {
    margin-bottom: 4%;
    height: auto !important;
}

#facility #main .box_facility02 {
    margin: 0 0 10% 0;
}

#facility #main .box_facility02 h4.subtitle {
    margin: 0 0 3% 0;
}

#facility #main .box_facility02 .content_block {
    margin: 0 0 5% 0;
}

#facility #main .box_facility02 .block .right_block {
    width: 50%;
}

#facility .box_facility li {
    width: 100%;
    padding: 5% 0 0 0;
}

#facility #main .box_facility02 .block .left_block {
    width: 100%;
    margin-bottom: 3%;
}

#facility #main .box_facility02 .block .left_block img {
    width: 100%;
}

#facility #main .box_facility02 .block .right_block {
    width: 100%;
}


/*#scholaship
============================*/

#scholarship .system .box_img {
    padding: 0 0 8% 0;
}

#scholarship .system .box_img img {
    width: 95%;
}

#scholarship .system .box_txt_01 p {
    text-indent: 10px;
}

#scholarship .system .box_gray {
    margin: 2% 0 0 0;
}

#scholarship .system .box_gray ul {
    padding: 2%;
    background: #f1f1f1;
    width: 214px;
}

#scholarship .system .box_gray ul li {
    margin: 0 0 14px 0;
}
#scholarship .system .box_gray ul li.end{
    margin: 0;
}
#scholarship .system .box_gray ul li a {
    color: #000000;
    text-decoration: underline;
}

#scholarship .system .box_gray ul li a:hover {
    text-decoration: none;
}

#scholarship .system .box_gray {
    margin: 10px 0 0 0;
}

#scholarship .system .box_txt_02 {
    margin: 0 0 10% 0;
}

#scholarship .system .block_01 .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    margin: 0 0 10px 0;
}

#scholarship .system .block_01 .subtitle {
    margin: 15px 0 5px 0;
    font-weight: bold;
    font-size: 13px;
}

#scholarship .system .subtitle_02 {
    padding: 10px;
    background: #f7d7d7;
}

#scholarship .system .detail {
    padding: 10px 0;
}

#scholarship .system .big_txt {
    font-size: 40px;
    padding: 12% 0;
    text-align: center;
}

#scholarship .system #scho_system {
		margin-bottom: 50px;
}

#scholarship .system #scho_system ul.notes {
		margin-bottom: 20px;
}

#scholarship .system #scho_system ul.notes li {
		width: 46%;
		float: left;
		margin: 0 2% 2% 0;
		padding: 1.5%;
		text-align: center;
		font-size: 16px;
}

#scholarship .system #scho_system ul.notes li.end {
		margin-right: 0;
}

#scholarship .system #scho_system .green {
		background: #D4EBDB;
}

#scholarship .system #scho_system .blue {
		background: #CBDCE4;
}

#scholarship .system #scho_system .pink {
		background: #ECDAD8;
}

#scholarship .system #scho_system .purple {
		background: #DAD2E7;
}

#scholarship .system #scho_system .course {
		margin-bottom: 35px;
}

#scholarship .system #scho_system .course h5 {
		border-bottom: 1px solid #ECD278;
		border-left: 5px solid #ECD278;
		padding: 0 0 3px .5em;
		margin-bottom: 1em;
		font-size: 16px;
}

#scholarship .system #scho_system .course ul li {
		margin-bottom: .5em;
		padding: 2%;
}

#scholarship .system #scho_system .course ul li a {
		color: #000;
		display: block;
}

/*#international
====================================================*/

#international #main .box_01 {
    padding: 3%;
    margin-bottom: 3%;
}

#international #main .box_01 ul {
    margin-bottom: 7%;
}

#international #main .box_01 ul li {
    margin-right: 5%;
}

#international #main .box_01 ul li:last-child {
    margin-right: 0;
}

#international #main .box_01 .left_box {
    margin: 0 5% 0 0;
    width: 45%;
}

#international #main .box_01 .left_box a:first-child {
    display: inline-block;
    width: 30%;
}

#international #main .box_01 .left_box a:first-child img {
    width: 100%;
}

#international #main .box_01 .left_box a:last-child {
    float: right;
    width: 55%;
    padding: 24% 0 0 0;
}


/*#faq
====================================*/

#faq .box_faq .txt_question {
    padding: 2% 10% 2% 2%;
}

#faq .box_faq .detail {
    padding: 3%;
}

#faq .box_faq .detail p {
    margin-bottom: 2%;
}

/*#exam schedule
===================================*/
#exam .tbl_schedule{
    display: none;
}
#exam  dl.detail{
    display: block;
}
/*#exam question
===============================*/
#exam .question .subtitle_02{
    display: block;
}

/*#exam point
===================================*/
#exam .point .title{ display:block; }
#exam .point .subtitle_02{ display:block; }

/*#exam .briefings
===================*/
#exam .briefings .subtitle_02 {
    display: block;
}


/*#sitemap
===============================*/
#sitemap .box_sitemap{
    padding: 3%;
}
#sitemap .box_sitemap {
    font-size: 11px;
}
#sitemap .box_sitemap .title{
    margin-bottom: 5%;
}
#sitemap .box_sitemap .title_02{
    margin-bottom: 5%;
}
#sitemap .box_sitemap .title a{
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 3% 0;
}
#sitemap .box_sitemap .title_02 a {
	font-size:15px;
}
#sitemap .box_sitemap .links{
    margin-bottom: 5%;
}


/*#search
=============================================*/
#search #iframe {
	position: relative;
	width: 100%;
	height:100%;
}
#search #iframe iframe {
	width: 100% !important;
    height: 1474px;
}
#search #right_side {
	padding-top: 0%;
}

/*#exam_event schedule
===================================*/
#exam_event .tbl_schedule{
    display: none;
}
#exam_event  dl.detail{
    display: block;
}

/*#exam_event .briefings
===================*/
#exam_event .briefings .subtitle_02 {
    display: block;
}

/*#announce_procedures
===================*/

#announce_procedures h2#banner {
    padding: 10% 0 10% 36%;
}
#announce_procedures .announce th.entry .show_sp {
    display:none;
}
}