@charset "UTF-8";



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

当CSSには、TOPページを除く各ページごとのコンテンツを掲載・レイアウトするにあたって、使用する要素（見出し・リードコピー・本文テキスト・画像の掲載・トピックスボックス・
リスト表示・リンクリスト・リンクボタン・テーブルなど）の基本設定を記述してください

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* title */

h2.section-title {
	position: relative;
	height: 40vw;
    max-height: 120px;
    position: relative;
	border-bottom: 3px solid #dfdfde;
	margin-bottom: 30px;
	font-size: 24px;
	clear: both;
	font-family: 'Noto Sans Japanese', sans-serif;
}
/*h2.section-title {
	position: relative;
	padding: 40px 0 15px;
	border-bottom: 3px solid #dfdfde;
	margin-bottom: 30px;
	font-size: 24px;
	clear: both;

	font-family: 'Noto Sans Japanese', sans-serif;
}*/
/*h2.section-title.admission_navi {
	position: relative;
	padding: 40px 0 15px;
	border-bottom: 3px solid #dfdfde;
	margin:50px 0 0 0;
	font-size: 24px;
	clear: both;
}

h2.section-title.contact {
	position: relative;
	padding: 40px 0 15px;
	border-bottom: 3px solid #dfdfde;
	margin:50px 0 30px 0;
	font-size: 24px;
	clear: both;
}

h2.section-title.index-top {
	margin-top: 50px;
}
*/
h2.section-title span {
	color: #f6ac19;
	display: inline-block;
	padding: 0 20px 10px;
	position: absolute;
	font-weight: bold;
	line-height:1.2;
	left: 0;
	bottom: -3px;
	border-bottom: 3px solid #f6ac19;

	font-family: 'Noto Sans Japanese', sans-serif;
}

/*.learning h2.section-title {
	position: relative;
	padding: 40px 0 15px;
	border-bottom: 3px solid #dfdfde;
	margin-bottom: 80px;
	font-size: 24px;
	clear: both;
}
.learning h2.section-title span {
	color: #FCD475;
	display: inline-block;
	padding: 0 20px 10px;
	position: absolute;
	font-weight: bold;
	line-height:1.2;
	left: 0;
	bottom: -3px;
	border-bottom: 3px solid #FCD475;
}



.future h2.section-title {
	position: relative;
	padding: 40px 0 15px;
	border-bottom: 3px solid #dfdfde;
	margin-bottom: 80px;
	font-size: 24px;
	clear: both;
}
.future h2.section-title span {
	color: #EF8580;
	display: inline-block;
	padding: 0 20px 10px;
	position: absolute;
	font-weight: bold;
	line-height:1.2;
	left: 0;
	bottom: -3px;
	border-bottom: 3px solid #EF8580;
}
*/

h3.sub-title_underline {
	border-bottom: 2px solid #f6ac19;
	position:relative;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 18px;
	margin: 20px 0;

	font-family: 'Noto Sans Japanese', sans-serif;
}

/*.future h3.sub-title_underline {
	border-bottom: 2px solid #EF8580;
	position:relative;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 18px;
	margin: 20px 0;
}
*/


h3.sub-title_bg{
	display: block;
	background: #fdeed1;
	color: #f6ac19;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0;

	font-family: 'Noto Sans Japanese', sans-serif;
}
/*20180611追記*/
h4.sub-title_bg{
	display: block;
	background: #fdeed1;
	color: #f6ac19;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0;

	font-family: 'Noto Sans Japanese', sans-serif;
}

h4.icon-square{
	padding-left: 20px;
	border-left: 5px solid #f6ac19;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;

	font-family: 'Noto Sans Japanese', sans-serif;
}

/*.future h4.icon-square{
	border-left: 5px solid #EF8580;
}*/


h4.caption_bg{
	display: inline-block;
	color:#fff;
	background: #f6ac19;
	font-size: 16px;
	padding:5px 10px ;
	margin-bottom: 20px;

	font-family: 'Noto Sans Japanese', sans-serif;
}


h4.line-square{
	color: #f6ac19;
	padding-left: 1.5em;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;

	font-family: 'Noto Sans Japanese', sans-serif;
}
h4.line-square:before{
/*	content: "□";*/
	content: "";
	border: 1px solid #f6ac19;
	width: 1em;
	height: 1em;
	position: absolute;
	left: 0;
	top: 0.2em;
	font-size: 1.1em;

	font-family: 'Noto Sans Japanese', sans-serif;
}


/*日本語共通共通表記*/
.page-cmn-title{
	width: 100%;
	padding:40px 20px;
	text-align: center;
}

.page-cmn-title>dt{
	text-align: center;
	font-size: 60px;
	font-family: 'Playfair Display', serif;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-bottom: 20px;
}

.page-cmn-title>dd{
	color: #e6a61a;
	font-size: 20px;
}

/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media screen and (max-width: 768px ) {
	.page-cmn-title>dt{
		font-size: 32px;
	}

	.page-cmn-title>dd{
		font-size: 16px;
	}

}



.paragraph{
	display: block;
	margin-bottom: 40px;
	font-size: 16px;
}

.paragraph_intro{
	display: block;
	padding:0 10px;
	margin-bottom: 40px;
	font-size: 20px;
	text-align:left;
}

.paragraph.white-text{
	color:#fff;
}

table.table_std {
	border-collapse:collapse;
	width:100%;
	margin-bottom: 20px;
	border-top: 3px solid #f6ac19;
	border-bottom: 3px solid #f6ac19;
	border-left: 1px solid #f6ac19;
}

table.table_std th ,
table.table_std td {
	border-bottom:1px solid #f6ac19;
	padding:10px;
	font-size:14px;
	color:#000;
	text-align:left;
	vertical-align:middle;
	border-right:1px solid #f6ac19;
}

/*
.future table.table_std {
	border-collapse:collapse;
	width:100%;
	margin-bottom: 20px;
	border-top: 3px solid #EF8580;
	border-bottom: 3px solid #EF8580;

	border-left: 1px solid #EF8580;
}

.future table.table_std th ,
.future table.table_std td {
	border-bottom:1px solid #EF8580;
	padding:10px;
	font-size:14px;
	color:#000;
	text-align:left;
	vertical-align:middle;

	border-right:1px solid #EF8580;
}

*/

table.table_std.pd_adjust th ,
table.table_std.pd_adjust td {
	padding: 3px 10px;
}

table.table_std th{
	text-align: center;
	background: #fdeed1;
	color:#f6ac19;
	/*font-weight: bold;*/
}

.future table.table_std th{
	text-align: center;
	background: rgba(239,133,128,.2);
	color:#EF8580;
	/*font-weight: bold;*/
}

table.table_std.center td{
	text-align: center;
}

table.table_std th.al_left ,table.table_std td.al_left {
	text-align:left;
}
table.table_std th.al_center ,table.table_std td.al_center {
	text-align:center;
}
table.table_std th.al_right ,table.table_std td.al_right {
	text-align:right;
}

table.table_std td.color_cell{
	background: #fdeed1;
}

table.table_blue{
	border-collapse:collapse;
	width:100%;
	margin-bottom: 20px;
	border: 3px solid #93D0C8;
}

table.table_blue th ,table.table_blue td {
	border:1px solid #888;
	padding:10px;
	font-size:14px;
	color:#000;
	text-align:left;
	vertical-align:middle;
}

table.table_blue th.al_center ,table.table_blue td.al_center {
	text-align:left;
}
table.table_blue th.al_left ,table.table_std td.al_left {
	text-align:left;
}
table.table_blue th.al_right ,table.table_std td.al_right {
	text-align:right;
}

table.table_bb th{
	border-bottom: 1px solid #000;
	padding:20px 12px 12px;
}

table.table_bb td {
	border-bottom: 1px solid #dedede;
	padding:20px 15px 12px;
}


table.table_std_gl{
	border-collapse:collapse;
	width:100%;
	border:3px solid #888;
}

table.table_std_gl th, table.table_std_gl td{
	border:1px solid #888;
	padding:14px 10px;
	font-size:15px;
	color:#000;
	vertical-align:middle;
}

table.table_std_gl th{
	background-color:#EEE;
}


/*table.table_std th.sel_blu ,table.table_std td.sel_blu {
	color:#0000ff;
}

table.table_std th.sel_red ,table.table_std td.sel_red {
	color:#ff0000;
}*/

.sel_blu {
	color:#0000ff!important;
}

.sel_red {
	color:#ff0000!important;
}



/*関連リンク*/

a.link_btn {
	display:block;
	width:100%;
	min-height:60px;
	padding:17px 100px 0 40px;
	background: #fdeed1;
	margin:30px 0 20px;
	position:relative;
	color: #f6ac19;
	text-decoration:underline;
	font-size:16px;
	font-weight: 600;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}

a.link_btn span.bg-text{
	background: #f60;
	color:#fff;
	font-weight: bold;
	display: inline-block;
	padding:0 5px;
}

a.link_btn::after {
	content:'';
	display:block;
	width:65px;
	height:60px;
	background: url(../images/common/link_btn_icon.png) no-repeat center center #f6ac19;
	position:absolute;
	top:0px;
	right:0px;
}
a[target="_blank"].link_btn::after {
	content:'';
	display:block;
	width:65px;
	height:60px;
	background: url(../images/common/link_btn_icon_window.png) no-repeat center center #f6ac19;
	position:absolute;
	top:0px;
	right:0px;
}

a[href$=".pdf"].link_btn::after {
	content:'';
	display:block;
	width:65px;
	height:60px;
	background: url(../images/common/link_btn_icon_pdf.png) no-repeat center center #f6ac19;
	position:absolute;
	top:0px;
	right:0px;
}




a.link-underbar {
	border-bottom:2px solid rgba(128, 188, 249,.8);
	padding:0 10px;
}

/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media screen and (max-width: 768px ) {

}


/*縦書き__settings*/
.vertical-writing {
	line-height: 1.8;
	letter-spacing: 0.03em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.vertical-writing p {
	text-indent: 1em;
	margin-left: 10px;
	padding-bottom:10px;
/*	display: inline-block;*/
}
.vertical-writing ruby {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}




/* カラムレイアウト用 （レスポンシブ時1カラムへ）________________*/
.two_column {
	width:49% !important;
	float:left;
	margin: auto .5% !important;
}
.three_column {
	width:32% !important;
	float:left;
	margin:auto .6% !important;
}
/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media only screen and (max-width: 768px ) {
	.two_column {
		width:100% !important;
		float:none;
		margin: auto;
		margin-bottom: 1em !important;
	}
	.three_column {
		width:100% !important;
		float:none;
		margin: auto;
		margin-bottom: 1em !important;
	}
	.two_column:last-child,
	.three_column:last-child {
		margin-bottom: 0 !important;
	}

	table.table_std th,
	table.table_std td {
		padding:10px 5px;
	}
}



.img_left {
	float:left;
	margin-right:15px;
	max-width:280px;
height:auto;
}
.img_left_s {
	float:left;
	margin-right:15px;
	max-width:150px;
}
.img_left_l {
	float:left;
	margin-right:15px;
	max-width:450px;
}
.img_right {
	float:right;
	margin-left:15px;
	max-width:280px;
}
.img_right_s {
	float:right;
	margin-left:15px;
	max-width:150px;
}
.img_right_l {
	float:right;
	margin-left:15px;
	max-width:450px;
}
.img_center {
	width:100%;
	overflow: hidden;
	text-align: center;
	margin:10px auto 20px;
}


.img_center img , .img_left img , .img_right img , .img_left_s img , .img_right_s img {
	display: block;
	margin:0 auto;
	max-width:100%;
}

.img_center figcaption , .img_left figcaption , .img_right figcaption , .img_left_s figcaption , .img_right_s figcaption {
	width:100%;
	padding:4px 10px;
	font-size:12px;
	margin-top:2px;
	text-align:center;
	background-color:#EDEDED;
}
.img_center figcaption span , .img_left figcaption span , .img_right figcaption span , .img_left_s figcaption span , .img_right_s figcaption span {
	font-size:14px;
	margin-top:4px;
}

.img_center div.caption {
	display:inline-block;
	margin-bottom: 20px;
	width:auto;
}

.img_center:after , .img_left:after , .img_right:after , .img_left_s:after , .img_right_s:after {
	clear:both;
	content:"";
	height: 0;
	display: block;
	visibility: hidden;
}

.table_res {
	width: auto;
}

/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media screen and (max-width: 768px ) {
	.img_left , .img_right , .img_left_s , .img_right_s , .img_left_l , .img_right_l {
		float:none;
		margin:0 auto 20px;
		width:70%;
		display: block;
	}
	.table_res {
		overflow-x:auto;
		width:100%;
	}

	.table_res .table_std {
		width:800px;
	}

}

.photo_list2 li {
	width:48%;
	margin-right:4%;
	float: left;
}

.photo_list3 , .photo_list4 , .photo_list3_circle , .photo_list4_circle {
	margin-bottom: 20px;
}

.photo_list3 li , .photo_list3_circle li {
	width:30%;
	margin-right:5%;
	float: left;
}

.photo_list4 li , .photo_list4_circle li {
	width:21.25%;
	margin-right:5%;
	float: left;

}


.photo_list2 li img , .photo_list3 li img , .photo_list4 li img {
	width: 100%;
}

.photo_list2.default li img {
	width: auto;
	height:auto;
	display: block;
	}

.photo_list3_circle li img , .photo_list4_circle li img {
	width: 50%;
	height:auto;
	border-radius:50%;
	margin:0 auto;
	display: block;
}


.photo_list2 li:last-child , .photo_list3 li:last-child , .photo_list4 li:last-child , .photo_list3_circle li:last-child , .photo_list4_circle li:last-child{
	margin-right: 0;
}

.photo_list_caption {
	margin-top: 10px;
}

.photo_list_caption__title {
	font-size: 16px;
	font-weight: bold;
	min-height:40px;
	margin-bottom: 15px;
	text-align: center;
}

.photo_list_caption_small {
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.photo_list_caption__text {
	font-size: 14px;
	font-weight: normal;
	min-height:40px;
}
.photo_list_caption__text_title {
	font-weight: bold;
	margin-bottom: 5px;
}

/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media only screen and (max-width: 768px ) {
	.photo_list2 li {
		width:100%;
		margin-right:0;
		float: none;
		margin-bottom: 10px;
	}


	.photo_list3 li , .photo_list3_circle li {
		width:100%;
		margin-right:0;
		float: none;
		margin-bottom: 10px;
	}

	.photo_list4 li , .photo_list4_circle li {
		width:100%;
		margin-right:0;
		float: none;
		margin-bottom: 10px;
	}

}


/*半角英数_settings*/

.break-word {
word-wrap: break-word;
}

/*未入稿用*/
.dummy_area {
	width:100%;
	height:140px;
	text-align:center;
	background-color:#BEBEBE;
	color:#FFF;
	font-weight: bold;
	padding-top:60px;
}

.dummy_text , .alerts_box ,.comming_soon {
	position:relative;
	display: block;
	pointer-events:none;
}

.dummy_text:before {
	content:"DUMMY";
	color:#fff;
	background: rgba(0,0,0,.4);
	width: 100px;
	height:25px;
	text-align: center;
	position:absolute;
	top:50%;
	left:50%;
	bottom:0;
	margin:-13px 0 0 -50px;
	display: block;
}

.alerts_box:before {
	content:"未入稿";
	color:#fff;
	background: #f00;
	width: 100px;
	height:25px;
	text-align: center;
	position:absolute;
	top:50%;
	left:50%;
	bottom:0;
	margin:-13px 0 0 -50px;
	display: block;
}
	
.comming_soon:before {
	content:"COMING SOON";
	color:#fff;
	background: rgba(0,0,0,.4);
	width: 180px;
	height:25px;
	text-align: center;
	position:absolute;
	top:50%;
	left:50%;
	bottom:0;
	margin:-13px 0 0 -90px;
	display: block;
}

.code_sample_title {
	font-weight: bold;
	font-size: 18px;
}
.no-link {
	pointer-events:none;
}


/* 

Material icons__settings

 */

.selector-tab{
	display: flex;
	width: 98%;
	margin:-40px auto 0;
	max-width:1100px;
	position:relative;
	z-index:100;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	overflow: hidden;
	margin-bottom: 100px;
}

.selector-tab li{
	background: #DCDDDD;
	width: 33.33%;
	position:relative;
}

.selector-tab li img{
fill: #42AFE3; 
}

.selector-tab li:nth-of-type(1)::before{
 content: "";
  position:absolute;
  top:0;
  right:-20px;
  width:0;
  height:0;
  	    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  border-style: solid;
  border-color: transparent #DCDDDD transparent transparent;
  border-width: 115px 32px 45px 0;
z-index:10;
}



.selector-tab li:nth-of-type(2){
	background: #D3D3D4;
}

.selector-tab li:nth-of-type(2)::before{
 content: "";
  position:absolute;
  top:0;
  right:-20px;
  width:0;
  height:0;
  	    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  border-style: solid;
  border-color: transparent #D3D3D4 transparent transparent;
  border-width: 115px 32px 45px 0;
  z-index:10;
}

 .selector-tab li:nth-of-type(2) a , .selector-tab li:nth-of-type(3) a{
	padding-left: 30px;	
}

 .selector-tab li.current{
background: #88C4A9;
}


.selector-tab li.current::before  {
  border-color: transparent #88C4A9 transparent transparent!important;

}

.selector-tab li a{
	padding:20px;
	display: block;
	height:82px;
}
.selector-tab li a span{
	font-size: 18px;
	margin-left: 10px;
	margin-right: 5px;
}


 .selector-tab li.current a{
	color:#fff;
}


/*********************************

■material icons

**********************************/



@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src:
		local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(../iconfont/MaterialIcons-Regular.woff2) format('woff2'),
		url(../iconfont/MaterialIcons-Regular.woff) format('woff'),
		url(../iconfont/MaterialIcons-Regular.ttf) format('truetype')
	;
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	vertical-align: middle;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
 
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
 
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
 
  /* IEサポート */
  font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
 
/* light-color */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
 
/* dark-color */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }