@charset "UTF-8";
/* CSS Document */

#header{
height:auto;
border:none;
}

.content-graduate {
	width: 1000px;
	margin: 0px auto 50px;
	font-size: 18px;
	line-height: 32px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.content-graduate p{
	text-align: left;
}

.topicArea p{
	padding: 20px 20px;
	font-size: 12px;
	text-align: left;
}

.content-graduate {
  text-align: center;
}

.content-graduate h1{
	margin: 0px 0px 25px 0px;
	padding: 0px;
	text-align: center;
	font-size: 35px;
	line-height: 42px;
}

.content-graduate h2{
	margin: 0px 0px 25px 25px;
	padding: 0px;
	text-align: center;
	font-size: 20px;
	line-height: 42px;
	font-family:Meiryo,Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.content-graduate h3{
	margin: 0px 0px 25px 0px;
	padding: 0px;
	text-align: left;
	font-size: 20px;
	line-height: 42px;
}

.graduate-q{
	margin: 50px 0px 1.5rem;
	color: #6bc7de;
	text-align: left;
	font-size: 24px;
	line-height: 42px;
}

#left-graduate {
	float: left;
	width: 24.25%;
	height: 300px;
	margin-right: 1%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
	margin-bottom: 1%;
}
#left-graduate:nth-child(4n) {
    margin-right: 0;
}
#center-graduate {
	float: left;
	width: 24.25%;
	height: 300px;
	margin-right: 1%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	border-radiusu: 10px;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
}
#right-graduate {
	float: left;
	width: 24.25%;
	height: 300px;
	margin-right: 1%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	border-radiusu: 10px;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
}
#most-graduate {
	float: left;
	width: 24.25%;
	height: 300px;
	margin-right: 0%;
	margin-bottom: 1%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	border-radiusu: 10px;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
}


#graduate-top {
	width: 100%;
	height: 180px;
    overflow: hidden;
}


#left-graduate p , #center-graduate p , #right-graduate p , #most-graduate p{
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
	padding: 6%;
	line-height: 20px;
}

h3.graduate_sub_title{
	padding: 0.5em;
	color: #6bc7de;
	border-left: solid 5px #159fc2;
	border-bottom: solid 2px #c5f3ff;
	margin-top: 20px;
	margin-left: 20px;
}
.box-type3 {
    background-color: #fff;
    border: 1px dashed #94c2d0;
    padding: 0 80px 60px 30px;
    margin-bottom: 0%;
    margin: 3% 0;

}
.box-type3 p{
	text-align: left;
	padding-left: 30px;
}
.grasuate_sub{
	padding-bottom: 100px;	
}
p.graduate_name {
	font-size: 22px;
	font-weight: bold;
}
p.graduate_name2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 40px;
	color: #777;
}
#smp-top .box-type3{
	padding: 0 10px;
}
#smp-top .box-type3 p{
	padding-left: 10px;
}
@media screen and (max-width: 768px) {
.grasuate_sub{
	padding: 0 0 30px 0;
}
h3.graduate_sub_title{
	margin-left: 0px;
}
p.graduate_name2{
	padding-bottom: 10px;
}
}
/* ---------------------------------------------------------------------------------------
	18. TAB
--------------------------------------------------------------------------------------- */

/* --- ボックス --- */
div.section {
width: 100%; /* ボックスの幅 */
font-size: 80%; /* ボックスの文字サイズ */
color: #000000; /* ボックスの文字色 */
margin-top: 60px;
padding-bottom: 60px;
}

.section h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	margin-top: 18px;
	margin-bottom: 18px;
}

/* --- タブエリア --- */
div.section ul.tabs {
width: 100%; /* タブエリアの幅（ボックスの幅から2px引いた値） */
margin: 0;
padding: 0;
background-color: nonne; /* タブエリアの背景色 */
/*border: 1px #c0c0c0; /* タブエリアの境界線（太さ、色） */
/*border-style: solid solid none; /* タブエリアの境界線スタイル（上、左右、下） */
list-style-type: none;
}
div.section ul.tabs li {
position: relative;
z-index: 1;
width: 100px; /* タブの幅 */
margin-right: 1%;
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
padding: 15;
font-size: 16px;
background-color: #ffffff; /* アクティブタブの背景色 */
border-radius: 4px;
}

/* --- リンクエリア --- */
div.section ul.tabs li a {
display: block;
position: relative; /* IE6用 */
margin-right: 10px;
padding: 3px 2px; /* リンクエリアのパディング（上下、左右） */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}


/* --- アクティブなタブ --- */
div.section ul.tabs li.active {
z-index: 3;
background-color: lightblue; /* アクティブタブの背景色 */
font-weight: bold; /* 太字 */
background: #06b5c8;
}
div.section ul.tabs li.active a {
color: #fff; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}

/* --- 本文領域 --- */
div.section div.topicArea {
position: relative;
z-index: 2;
height: auto; /* 本文領域の高さ */
/*overflow: auto;  はみ出た場合はスクロールで表示 */
margin-top: 20px;
padding: 0px; /* 本文領域のパディング */
background-color: none; /* 本文領域の背景色 */
border: 0px #c0c0c0 solid; /* 本文領域の境界線 */
}
/* --- 段落 --- */
div.section div.topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* --- 本文領域内の各ボックス --- */
div.section div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #e7e7e7 solid; /* JavaScriptがオフの場合の設定 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.topic {
	margin-top: 0px;
}



label {
    background: #feffec;
	width: 300px;
    color: #333;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #d1d2b8;
	border-radius: 4px;
	text-align: center;
	font-family:Meiryo,Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 400px;
	margin-bottom: 20px;
}

.day {
	font-weight: bold;
	color: #499292;
}

.content-graduate p.graduate_text{
font-size:16px;
}

@media only screen and (max-width: 768px) {

.content-graduate p.graduate_text{
font-size:12px;
}


.content-graduate {
	width: 100%;
	margin: 0px auto;
	font-size: 12px;
	padding: 0px 4%;	
	text-align: justify;
	text-justify: inter-ideograph;	
	line-height: 25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.content-graduate h1{
	margin: 0px 0px 25px 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
}

.box-type2 {
	text-align: justify;
	text-justify: inter-ideograph;
}
.box-type3 {
	text-align: justify;
	text-justify: inter-ideograph;
}
.graduate-q {
	font-size: 13px;
	margin-top: 4%;
	margin-bottom: 3%;
	text-align: left;
}

.content-graduate-all {
	padding: 20px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background-image:url(../img/arrow_orange.png);
	background-repeat:no-repeat;
	background-position: 90% 50%;
}

#left-graduate {
	float: left;
	width: 49.5%;
	height: 250px;
	margin-right: 1%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
}
#left-graduate:nth-child(2n) {
	margin-right: 0%;
}

#center-graduate {
	float: left;
	width: 49.5%;
	height: 250px;
	margin-right: 0%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	border-radiusu: 10px;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
	margin-bottom: 1%;
}
#right-graduate {
	float: left;
	width: 49.5%;
	height: 250px;
	margin-right: 1%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	border-radiusu: 10px;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
}
#most-graduate {
	float: left;
	width: 49.5%;
	height: 250px;
	margin-right: 0%;
	text-align: left;
	color: #000;
	border: 1px solid #E7E7E7;
	border-radiusu: 10px;
	background: #fff url(../img/bg05.png) center 0;
	background-size:10px 10px;
	margin-bottom: 1%;
}

#left-graduate p , #center-graduate p , #right-graduate p , #most-graduate p{
	padding: 6%;
	text-align:center;
	font-size: 10px;
	line-height: 20px;
}

#graduate-top {
	width: 100%;
	height: 60%;
    overflow: hidden;
	font-size: 12px;
}


div.section ul.tabs li {
position: relative;
z-index: 1;
width: 100px; /* タブの幅 */
margin-right: 1%;
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
padding: 1%;
font-size: 12px;
background-color: #ffffff; /* アクティブタブの背景色 */
border-radius: 4px;
}

.content1000.sppt0{
padding-top:0!important;
}

.content-graduate.sppt0{
padding-top:0!important;
}

h3.graduate_sub_title {
    padding: 0 0 0 0.5em;
    font-size:14px;
}

}