@charset "utf-8";
/*
Theme Name: FREEDOM CREATION THEME 0040
Theme URI: http://www.freedom-c-studio.com/
Description: FREEDOM CREATION THEME 0040
Version: 1.0
Author: FREEDOM CREATION
Author URI: http://www.freedom-c-studio.com/
Tags:



*/
/*utf-8の場合*/
/***************************************
	Screen Size Basic 
***************************************/
@media screen and (max-width: 768px) {
  .Non-Display-Middle-Less {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .Non-Display-Large-Less {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .Non-Display-Large-More {
    display: none;
  }
}
.Max-Width-80-Large-More {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .Max-Width-80-Large-More {
    max-width: 80%;
  }
}
.Width-Full {
  width: 100%;
}
/***********************
Variable 
************************/
/**** Color ****/
/**** object-fit をIEが対応していないための対応 ****/
.ofi {
  object-fit: cover;
  /* 他のブラウザ用(＝通常の指定) */
  object-position: 50% 50%;
  /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */;
}
/******************

 Header Style 

*******************/
.h2_Background_Style {
  /*	background: -ms-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  
	background: -moz-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#FFF1E8),  
		color-stop(0.10, #FFD5B9),  
		color-stop(0.80, #FFD5B9),  
		color-stop(0.95, #FFBD91),  
		to(#FFA66A)
	);  
*/
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
}
.h3_Background_Style {
  /*
	background: -ms-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  
	background: -moz-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#FFF1E8),  
		color-stop(0.10, #FFD5B9),  
		color-stop(0.80, #FFD5B9),  
		color-stop(0.95, #FFBD91),  
		to(#FFA66A)
	);  
*/
}
.h4_Background_Style {
  /*	background: -ms-linear-gradient(  
		top,  
		#eeeeff 0%,  
		#eeeeff 5%,  
		#eeeeff 90%,  
		#ddddff
	);  

	background: -moz-linear-gradient(  
		top,  
		#eeeeff 0%,  
		#eeeeff 5%,  
		#eeeeff 90%,  
		#ddddff
	);  

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#eeeeff),  
		color-stop(0.05, #eeeeff),  
		color-stop(0.90, #eeeeff),  
		to(#ddddff)
	);  

*/
}
.h5_Background_Style {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
}
h1,
h2 {
  color: #000066;
  font-size: 140%;
  text-align: left;
  /*	background: -ms-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  
	background: -moz-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#FFF1E8),  
		color-stop(0.10, #FFD5B9),  
		color-stop(0.80, #FFD5B9),  
		color-stop(0.95, #FFBD91),  
		to(#FFA66A)
	);  
*/
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  padding: 0.2em 0.5em 0.2em 0;
  margin: 1em 0 0 0.2em;
  line-height: 1.5;
  color: #993399;
}
h2 {
  border-bottom: 4px double #993399;
}
h2:before {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 36px;
  /*画像の幅*/
  height: 36px;
  /*画像の高さ*/
  background-image: url("images/symbol_h2_purple.jpg");
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-top: -0.1em;
}
.page-id-14 h2 {
  color: #FF0000;
  border-bottom-color: #FF0000;
}
.page-id-14 h2:before {
  background-image: url("images/symbol_h2_red.jpg");
}
.page-id-16 h2 {
  color: #66cc66;
  border-bottom-color: #66cc66;
}
.page-id-16 h2:before {
  background-image: url("images/symbol_h2_green.jpg");
}
.page-id-18 h2 {
  color: #FF9900;
  border-bottom-color: #FF9900;
}
.page-id-18 h2:before {
  background-image: url("images/symbol_h2_orange.jpg");
}
.page-id-22 h2 {
  color: #0099FF;
  border-bottom-color: #0099FF;
}
.page-id-22 h2:before {
  background-image: url("images/symbol_h2_blue.jpg");
}
.category-blog h2 {
  color: #FF75BA;
  border-bottom-color: #FF75BA;
}
.category-blog h2:before {
  background-image: url("images/symbol_h2_pink.jpg");
}
.page-id-26 h2 {
  color: #804F04;
  border-bottom-color: #804F04;
}
.page-id-26 h2:before {
  background-image: url("images/symbol_h2_brown.jpg");
}
h2.red {
  color: #FF0000;
  border-bottom-color: #FF0000;
}
h2.red:before {
  background-image: url("images/symbol_h2_red.jpg");
}
h2.green {
  color: #66cc66;
  border-bottom-color: #66cc66;
}
h2.green:before {
  background-image: url("images/symbol_h2_green.jpg");
}
h2.orange {
  color: #FF9900;
  border-bottom-color: #FF9900;
}
h2.orange:before {
  background-image: url("images/symbol_h2_orange.jpg");
}
h2.blue {
  color: #0099FF;
  border-bottom-color: #0099FF;
}
h2.blue:before {
  background-image: url("images/symbol_h2_blue.jpg");
}
h2.pink {
  color: #FF75BA;
  border-bottom-color: #FF75BA;
}
h2.pink:before {
  background-image: url("images/symbol_h2_pink.jpg");
}
h2.brown {
  color: #804F04;
  border-bottom-color: #804F04;
}
h2.brown:before {
  background-image: url("images/symbol_h2_brown.jpg");
}
.home h2 {
  border-bottom: none;
}
hr {
  margin-top: 3em;
  border: 0;
  height: 1px;
  background: #AAA;
  background-image: -webkit-linear-gradient(left, #EEE, #AAA, #EEE);
  background-image: -moz-linear-gradient(left, #EEE, #AAA, #EEE);
  background-image: -ms-linear-gradient(left, #EEE, #AAA, #EEE);
  background-image: -o-linear-gradient(left, #EEE, #AAA, #EEE);
}
/*************************
  Size of each contents box
***************************/
/* width of writing area with shadow (width of bg_body.jpg)*/
/* width of writing area without shadow (width of bg_body.jpg - border - shadow)*/
/* If shadow body_bg is used */
/* width of header area */
/* width of main area */
/*** each area , total must be equal or less than @Main_Width ****/
/* width of left small area in main area*/
/* right margin of left small area */
/* width of large area in main area*/
/* width of left small area in main area*/
/* right margin of left small area */
/* right margin of left small area */
/******************
     background

 *******************/
/*main area background image. when image is used, please don't specify color */
/***************************
  flexbox
***************************/
/***************************
  flexbox
***************************/
.FlexBox-Parent,
.Flexbox-Parent {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
}
/*
.FlexBox-Parent >:first-child ,
.Flexbox-Parent >:first-child {
	margin-left:0 !important;  
	padding-left:0 !important; 
}

.FlexBox-Parent >:last-child ,
.Flexbox-Parent >:last-child {
	margin-right:0 !important;  
	padding-right:0 !important; 
}
*/
.FlexBox-Split {
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}
.FlexBox-Wrap {
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-flow: wrap;
}
.FlexBox-Center {
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}
.FlexBox-Column {
  flex-flow: column;
}
.FlexBox-Child {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}
.FlexBox-Split-Center-Middle-WR {
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .FlexBox-Split-Center-Middle-WR {
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
  }
}
.FlexBox-Split-Center-Large-WR {
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .FlexBox-Split-Center-Large-WR {
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
  }
}
/************************************

	iframe 

*************************************/
div.iframeWrap {
  position: relative;
  width: 100%;
  height: 100%;
}
div.iframeWrap iframe {
  top: 0;
  left: 0;
  width: 100% !important;
}
div.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
div.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/******************************************

Gradient

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

BASIC 

***********************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  /*	height:100%;
   overflow-y:scroll;*/
}
Body {
  margin: 0px;
  padding: 0px;
  /*	font-family: georgia,'times new roman',serif;*/
  /*	font-family: Calibri,"Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif; */
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  /*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
  font-size: 110%;
  font-weight: normal;
  /*	height:100%;*/
  color: #000066;
  letter-spacing: 0;
}
.gothic {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}
.radius_5 {
  border-radius: 5;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
}
.radius_15 {
  border-radius: 15;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}
.border_5 {
  border-top: 1px solid #F0F7E6;
  border-right: 10px solid #F0F7E6;
  border-bottom: 10px solid #F0F7E6;
  border-left: 1px solid #F0F7E6;
}
a {
  text-decoration: none;
  /*	color: #006699;*/
  color: #EE559A;
}
a:hover {
  text-decoration: underline;
  /*	color:#006699;*/
  color: #ee559a;
}
a:visited {
  /*	color:#7F007F;*/
  color: none;
}
a img {
  border: 0;
}
.TextCenter {
  text-align: center;
}
.Text-Gray {
  color: #BBBBBB;
}
.Clear {
  /*	margin-top:0px !important;*/
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px 0px 0px 0px !important;
  /*	border:1px solid #CCCCCC;*/
  /*	border:1px solid #FF0000;*/
  /*	display:none;*/
  float: none;
  clear: both;
  font-size: 1px;
  line-height: 0;
  height: 0;
}
.Separation_Line {
  border-bottom: 1px dashed #DDD;
  /* 線の太さ線の種類線の色 */
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
.Bread-Crumb {
  font-size: 90%;
  margin: 0;
  padding: 0.5em 0 0.3em 0.5em;
  line-height: 1;
}
/*********************************

IMAGE & CAPTION FUNCTION

***********************************/
p img {
  /*	padding: 0;
	max-width: 100%;*/
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.size-full,
img.size-large {
  width: auto;
  /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.alignleft {
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
img.alignright {
  float: right;
  margin-left: 10px;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
.alignright {
  float: right;
  margin-left: 10px;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .Main-Text-Area img.alignleft {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
  .Main-Text-Area img.alignright {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
  .Main-Text-Area img.aligncenter {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
  .Main-Text-Area .alignleft {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
  .Main-Text-Area .alignright {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
  .Main-Text-Area .aligncenter {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
}
table.aligncenter {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 5px auto 0px auto;
}
.wp-caption-text,
.wp-caption-dd {
  line-height: 1.5;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  text-align: center;
  font-size: 100%;
}
.gallery .gallery-item2 {
  background: #FFFFFF;
}
ul.menu li {
  margin: 0 0 0.3em 0;
  padding: 0 4em 0 0;
  position: relative;
  border-bottom: dotted 1px #999;
}
.menu strong {
  left: 0;
}
.menu span.price {
  padding: 0 0 0 5px;
  position: absolute;
  right: 0;
}
.photo-frame {
  border: 1px solid gray;
}
ul,
ol {
  /*	border:1px solid #FF0000;*/
  margin: 5px 0 5px 0em;
  padding: 0 0 0 2em;
}
ul li {
  text-indent: 0em;
  padding: 0 0 0 0em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  line-height: 1.5;
}
ol li {
  text-indent: 0em;
  padding: 0 0 0 0em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  line-height: 1.5;
}
ul ol {
  margin-left: 0.3em;
  padding-left: 0.3em;
}
ul.custommarker01 {
  list-style-type: none;
}
ul.custommarker01 li:before {
  content: '♪';
  /* ←ここにリストマーカーにしたい文字列を設定 */
  margin-left: -1em;
  /* 1文字分、左に寄せる */
}
blockquote {
  background-color: #ffeefe;
  padding: 10px;
  margin: 20px 20px;
}
/*********** CUSTOMIZED SESSION ONLY FOR THIS THEAME **********/
.photo-frame {
  border: none;
}
.alignleft {
  margin-left: 5px;
}
/****************************
     Fixed Header 
*****************************/
.Fixed_Header_Bg_Style {
  /*	background: -ms-linear-gradient(  
		top,  
		#FFFFFF 0%,  
		#F0F7E6 10%,  
		#F0F7E6 80%,  
		#E0E7B6 95%,  
		#D0D7A6
	);  
	background: -moz-linear-gradient(  
		top,  
		#FFFFFF 0%,  
		#F0F7E6 10%,  
		#F0F7E6 80%,  
		#E0E7B6 95%,  
		#D0D7A6
	);

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#FFFFFF),  
		color-stop(0.10, #F0F7E6),  
		color-stop(0.80, #F0F7E6),  
		color-stop(0.95, #E0E7B6),  
		to(#D0D7A6)
	);  
*/
  background: #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #AAAAAA;
  box-shadow: 2px 2px 4px #AAAAAA;
}
#Fixed-Header {
  border: none;
  background: -moz-linear-gradient(top, #ffffff 0%, #FDBDF9 97%, #f928eb);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.97, #FDBDF9), to(#f928eb));
  background: -ms-linear-gradient(top, #ffffff 0%, #FDBDF9 97%, #f928eb);
  border: 1px solid #DDD;
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #AAAAAA;
  box-shadow: 2px 2px 4px #AAAAAA;
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
#Fixed-Header-Contents {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px 0 5px;
  height: 100%;
}
#Fixed-Header-Contents-1,
#Fixed-Header-Contents-2,
#Fixed-Header-Contents-3 {
  padding: 5px 10px;
  display: flex;
}
#Fixed-Header-Contents-1 {
  padding-left: 0;
}
#Fixed-Header-Contents-3 {
  padding-right: 0;
}
#Fixed-Header-Contents-1 img,
#Fixed-Header-Contents-2 img,
#Fixed-Header-Contents-3 img {
  display: inline;
  /*	max-width:250px;*/
  max-height: 40px;
  width: auto;
}
#Fixed-Header h1,
#Fixed-Header h2 {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 100%;
  background: none;
}
/********************************

TOP HEADER AREA

**********************************/
/* height of top header area */
/* border height (top and bottom) of top header area */
/* #FF0000 1px solid; */
/* #AAAAAA 1px solid; */
.Top_Header_Bg_Style {
  background: -moz-linear-gradient(top, #ffffff 0%, #FDBDF9 97%, #f928eb);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.97, #FDBDF9), to(#f928eb));
  background: -ms-linear-gradient(top, #ffffff 0%, #FDBDF9 97%, #f928eb);
  border: 1px solid #DDD;
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  border-top: none;
  border-left: none;
  border-right: none;
}
#Top-Header {
  width: 100%;
  border-bottom: none;
  background: -moz-linear-gradient(top, #ffffff 0%, #FDBDF9 97%, #f928eb);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.97, #FDBDF9), to(#f928eb));
  background: -ms-linear-gradient(top, #ffffff 0%, #FDBDF9 97%, #f928eb);
  border: 1px solid #DDD;
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0;
  padding: 0;
  color: #000066;
  font-size: 80%;
  vertical-align: middle;
  line-height: 2.5;
  top: 0px;
}
#Top-Header-Inner {
  max-width: 1160px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  /*	border-lef:1px solid #ff0000;
	border-right:1px solid #ff0000;*/
}
#Top-Header-Description-Box,
#Top-Header-Description-Box h1 {
  text-align: left;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0;
  font-size: 100%;
  color: #000066;
  vertical-align: middle;
  line-height: 2.5;
  font-weight: normal;
}
#Top-Header-Search-Box {
  margin: 0px 5px 0px 0;
  padding: 0px 0px 0px 0;
  font-size: 100%;
}
#Top-Header-Language-Selector {
  position: absolute;
  top: 10px;
  margin: 0px 0px 0px 0;
  padding: 0px 0px 0px 0;
  right: 5px;
}
/********************************

HEADER AREA

**********************************/
/* solid 3px @Main_Theme_Color; */
/*solid 1px @Main_Theme_Color;*/
#Header {
  width: 100%;
  max-width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  background: none;
  /*	background:@Body_Bg;*/
  position: relative;
  text-align: center;
}
#Header-Inner {
  max-width: 1160px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0 0;
}
#Header-Inner h1 {
  font-size: 100%;
  padding: 0;
  margin: 0;
}
#Header img {
  margin: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}
#Logo-Image {
  padding: 0px;
  /*	padding:0px;*/
  margin: 0px auto 0 auto;
  font-size: 0px;
}
#Logo-Image img {
  margin: 0px 0 0px 0;
  padding: 0 0 0 5px;
  /*	border:1px solid #00FF00;*/
  font-size: 0px;
  text-align: center;
}
#Logo-Image h1 {
  /*	font-family: 'arial black',arial,sans-serif;*/
  text-align: center;
}
#Header-Image {
  margin: 0px 0 0px 0;
  padding: 0px 0 0 0px;
  /*	height:90px;*/
  /*	width:900px;*/
  background: #ffffff;
  border: none;
  border-top: none;
  border-bottom: none;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#Header-Image-Inner {
  margin: 0 auto 0 auto;
  overflow: hidden;
  position: relative;
}
#Header-Image-Inner > picture > img,
#Header-Image-Inner > .Slide-Show > img {
  margin: 0 0 0 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
  overflow: hidden;
  width: 100%;
}
#Header-Image-Inner > picture > img {
  height: 350px;
}
#Header-Image-Inner > picture > img,
#Header-Image-Inner > .Slide-Show > img {
  /*	width:auto;
	height:auto;
	max-width:none !important;
	max-height:none !important;*/
}
#Header-Image-Inner > .Slide-Show > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#Header-Image-Inner > .Slide-Show-Animation > img {
  opacity: 0;
  transition: 1s;
  /* フェードの時間(秒) */
  -webkit-animation: expanding 10s infinite;
  animation: expanding 10s infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  z-index: 10;
}
#Header-Image-Inner > .Slide-Show-Animation > img.Slide-Show-1 {
  object-fit: cover;
  object-position: 20% 50%;
  font-family: 'object-fit: cover; object-position: 20% 50%;' /* IE・Edge対応 */;
}
#Header-Image-Inner > .Slide-Show-Animation > img.Slide-Show-2 {
  object-fit: cover;
  object-position: 80% 50%;
  font-family: 'object-fit: cover; object-position: 80% 50%;';
}
#Header-Image-Inner > .Slide-Show-Animation > img.Slide-Show-2 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  z-index: 0;
}
#Header-Image-Inner > picture,
#Header-Image-Inner > .Slide-Show {
  height: 400px;
}
@media screen and (max-width: 768px) {
  #Header-Image-Inner > picture,
  #Header-Image-Inner > .Slide-Show {
    height: 300px;
  }
}
.home #Header-Image-Inner > picture,
.home #Header-Image-Inner > .Slide-Show {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .home #Header-Image-Inner > picture,
  .home #Header-Image-Inner > .Slide-Show {
    height: 450px;
  }
}
#Header-Image-Inner > .Slide-Show-Animation > img.Slide-Show-1 {
  opacity: 1;
  transition: 1s;
  /* フェードの時間(秒) */
  object-fit: cover;
  object-position: 20% 50%;
  font-family: 'object-fit: cover; object-position: 20% 50%;' /* IE・Edge対応 */;
}
.Slide-Show img.Slide-Show-Visible {
  opacity: 1;
  z-index: 1;
}
.Slide-Show-Swap img {
  opacity: 0;
  transition: 1s;
  /* フェードの時間(秒) */
}
@-webkit-keyframes expanding {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@keyframes expanding {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(1.15);
  }
}
#Header-Image-Text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 130%;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  width: 100%;
  z-index: 100;
}
#header2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
#header_center_contents {
  float: right;
}
#header_right_contents {
  float: right;
}
#header_right_contents p {
  margin-top: 0;
  margin-bottom: 0;
}
/*****************************************

Start of Global Navi

******************************************/
.Gb-Nav-Area-Bg-Style {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #E4E4E4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  border: 1px solid #CCCCCC;
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  border-top: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
}
.Gb-Nav-Item-Non-Selected-Bg-Style {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #E4E4E4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  /*	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #999999; 
	border-bottom: solid 1px #999999;  */
}
.Gb-Nav-Item-Selected-Bg-Style {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #F4F4F4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  /*	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #999999; 
	border-bottom: solid 1px #999999;  */
}
.Gb-Nav-Text-Area-Bg-Style {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #E4E4E4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
}
.Global-Nav-Area {
  /*	.Gb-Nav-Area-Bg-Style;*/
  /*	border:solid #FF0000 1px;*/
  width: 100%;
  margin: 0px 0 0 0;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .Global-Nav-Area {
    display: none;
  }
  .Non-Display-With-Global-Nav {
    display: none;
  }
}
.Global-Nav-Area-Inner {
  max-width: 1160px;
  /* 主にテキストの時 */
  /*	margin:-1px auto -1px auto; */
  margin: 0;
  padding: 0;
  text-align: center;
  background: #ffffff;
  background: transparent url("images/bg_gb_nav.jpg") repeat-x center center;
  /* テキストの場合 */
}
.Global-Nav-Margin {
  background: transparent url("images/bg_gb_nav.jpg") repeat-x center center;
  /* テキストの場合 */
}
ul.Global-Nav-Items {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  /** センタリング **/
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  /** 均等割り付け **/
  /** 左寄席 **/
}
ul.Global-Nav-Images {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.Global-Nav-Items li {
  margin: 0;
  display: flex;
  /* 2 */
  display: -webkit-flex;
  /* Safari */
  justify-content: center;
  /* 3 */
  align-items: center;
  /* 4 */
  font-size: 100%;
  padding: 0.5em 0.5em 0.5em 0.5em;
  /* 左詰めの場合 */
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #AAAAAA;
  background: -ms-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #E4E4E4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /* テキストの場合 */
}
ul.Global-Nav-Items > li {
  font-size: 110%;
}
ul.Global-Nav-Images > li {
  padding: 0;
  margin: 0;
  width: auto;
}
ul.Global-Nav-Items li.Non-Selected-Text {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #E4E4E4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #E4E4E4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  /*	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #999999; 
	border-bottom: solid 1px #999999;  */
  color: #000077;
  font-weight: bold;
}
ul.Global-Nav-Items li.Selected-Text {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #F4F4F4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  /*	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #999999; 
	border-bottom: solid 1px #999999;  */
  color: #000077;
  font-weight: bold;
}
ul.Global-Nav-Items li a {
  padding: 0em 0 0em 0;
  margin: 0;
  display: block;
  width: 100%;
  color: #000066;
  text-decoration: none;
}
ul.Global-Nav-Images li a:hover {
  text-decoration: none;
  color: #ff0000;
}
ul.Global-Nav-Items > li.Non-Selected-Text a {
  color: inherit;
}
ul.Global-Nav-Items > li.Selected-Text a {
  color: inherit;
}
ul.Global-Nav-Items > li.Text-Item a:hover {
  color: inherit;
  text-decoration: none;
  color: #ff0000;
}
ul.Global-Nav-Items span.Sub-Title {
  display: block;
  line-height: 1em;
  padding: 3px 0 0 0;
  margin: 0;
  font-size: 60%;
  font-weight: normal;
}
ul.Global-Nav-Items ul.List-Depth-1 {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
ul.Global-Nav-Items ul.List-Depth-2 {
  visibility: hidden;
  opacity: 0;
}
ul.Global-Nav-Items ul.List-Depth-3 {
  visibility: hidden;
  opacity: 0;
}
ul.Global-Nav-Items > li.Text-Item:hover {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #F4F4F4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  /*	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #999999; 
	border-bottom: solid 1px #999999;  */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
ul.Global-Nav-Items li.List-Depth-0 ul.List-Depth-1 li.Text-Item:hover {
  background: -ms-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -moz-linear-gradient(top, #F4F4F4 0%, #F4F4F4 10%, #FFFFFF 95%, #CCCCCC 97%, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), color-stop(0.1, #F4F4F4), color-stop(0.95, #FFFFFF), color-stop(0.97, #CCCCCC), to(#CCCCCC));
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  /*	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC; 
	border-right: solid 1px #999999; 
	border-bottom: solid 1px #999999;  */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/* 下矢印 */
ul.Global-Nav-Items a.List-Depth-0:after {
  /*    content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 0 0 0px;
	border-right: 2px solid @Gb_Nav_Fg_Non_Selected_Color;
	border-bottom: 2px solid @Gb_Nav_Fg_Non_Selected_Color;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
  position: absolute;
  bottom: 7px;
  content: "";
  width: 9px;
  height: 5px;
  background-image: url(images/gb_nav_sprite.png);
  font-size: 0;
  left: 50%;
}
ul.Global-Nav-Images a.List-Depth-0:after {
  margin: 0;
  padding: 0;
}
ul.Global-Nav-Items {
  *zoom: 1;
}
ul.Global-Nav-Items li {
  position: relative;
}
ul.Global-Nav-Items li.List-Depth-0 ul.List-Depth-1 {
  position: absolute;
  top: 100%;
  padding: 0;
  margin: 0;
  width: 200px;
  left: 0;
  font-size: 80%;
}
ul.Global-Nav-Items li.List-Depth-0:hover ul.List-Depth-1 {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  visibility: visible;
  opacity: 1;
}
ul.Global-Nav-Items li.List-Depth-0 ul.List-Depth-1 li ul.List-Depth-2 {
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px;
  background: #111;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
ul.Global-Nav-Items li.List-Depth-0 ul.List-Depth-1 li ul.List-Depth-2 {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.Global-Nav-Items li.List-Depth-0 ul.List-Depth-1 li:hover ul.List-Depth-2 {
  visibility: visible;
  opacity: 1;
}
ul.Global-Nav-Items li.List-Depth-0 ul.List-Depth-1 li a.List-Depth-1:after {
  /*    content: '';
    display: block;
    position: relative;
	right:10px;
	top:20px;  
  width: 4px;
    height: 4px;
    border-right: 2px solid @Gb_Nav_Fg_Non_Selected_Color;
    border-top: 2px solid @Gb_Nav_Fg_Non_Selected_Color;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
*/
  position: absolute;
  top: 50%;
  right: 4px;
  content: "";
  width: 5px;
  height: 9px;
  background-image: url(images/gb_nav_sprite.png);
  background-position: -10px 0px;
  background-position-x: -10px;
  background-position-y: 0px;
  font-size: 0;
}
.Global-Nav-Fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}
/********************************

          Main Area

********************************/
#container {
  padding: 0;
  width: 100%;
  background: #FFFFEA;
  border: none;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
#wrapper {
  position: relative;
  margin: 0 auto 0 auto ;
  margin-left: 0px;
  margin-right: 0px;
  border: 0;
  padding-top: 0;
  background: none;
}
#page {
  position: relative;
  max-width: 1160px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  padding: 0;
  min-height: 100%;
  background: none;
}
#page_wrapper {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  background: transparent;
}
.full-wide-page {
  width: 100% !important;
}
.separater {
  width: 100%;
  height: 1px;
  box-shadow: 2px 2px 4px #AAAAAA;
}
#Fixed-Header {
  display: none;
}
#Top-Header {
  display: block;
}
.Page-Content {
  margin: 0 auto 0 auto;
  padding: 0;
  display: flex;
}
.Contents-Box-Large {
  order: 2;
  margin: 0px 0px 2px 0;
  padding: 0px;
  /* Must be zero */
  width: auto;
  flex: 1;
}
.Contents-Box-Full {
  order: 2;
  margin: 0px 0px 2px 0;
  padding: 0px;
  /* Must be zero */
  width: auto;
  flex: 1;
}
.Contents-Box-Full .Section-Box {
  max-width: 1160px;
  margin: 0 auto 0 auto;
}
.Contents-Box-Small-Left {
  order: 1;
  margin: 0px 15px 0px 0px;
  padding: 0px;
  /* Must be zero */
  width: 250px;
}
.Contents-Box-Small-Right {
  order: 3;
  margin: 0px 0px 0px 15px;
  padding: 0px;
  /* Must be zero */
  width: 250px;
}
p {
  margin: 0.6em 0px 0.6em 0px;
  padding: 0px 0px 0px 0px;
  text-indent: 0em;
  line-height: 1.5;
}
/*************************************************:
    Common Section Body 
**************************************************/
.Section-Box,
.Section-Box-Small-Left,
.Section-Box-Small-Right {
  margin-bottom: 30px;
}
.Section-Box-Body h3 {
  color: #000066;
  font-size: 130%;
  text-align: left;
  /*	background: -ms-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  
	background: -moz-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#FFF1E8),  
		color-stop(0.10, #FFD5B9),  
		color-stop(0.80, #FFD5B9),  
		color-stop(0.95, #FFBD91),  
		to(#FFA66A)
	);  
*/
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  padding: 0.2em 0.5em 0.2em 0;
  margin: 1em 0 0 0.2em;
  line-height: 1.5;
  color: #993399;
  /*
	padding:0.2em 0.5em ;
	margin:1em 0 0 0.2em;
	font-size: 180%;
	font-weight:bold;
	color:@h3_Fg_Color;
	line-height:1.5;
	float:none;
	clear:both;
	width:auto;
	.h3_Background_Style;
	text-align:center;

	.mincho;
*/
}
.Section-Box-Body h3:before {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 36px;
  /*画像の幅*/
  height: 36px;
  /*画像の高さ*/
  background-image: url("images/symbol_h3_purple.jpg");
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-top: -0.1em;
}
.Section-Box-Body h3.red {
  color: #FF0000;
}
.Section-Box-Body h3.red:before {
  background-image: url("images/symbol_h3_red.jpg");
}
.Section-Box-Body h3.green {
  color: #66cc66;
}
.Section-Box-Body h3.green:before {
  background-image: url("images/symbol_h3_green.jpg");
}
.Section-Box-Body h3.orange {
  color: #FF9900;
}
.Section-Box-Body h3.orange:before {
  background-image: url("images/symbol_h3_orange.jpg");
}
.Section-Box-Body h3.blue {
  color: #0099FF;
}
.Section-Box-Body h3.blue:before {
  background-image: url("images/symbol_h3_blue.jpg");
}
.Section-Box-Body h3.pink {
  color: #FF75BA;
}
.Section-Box-Body h3.pink:before {
  background-image: url("images/symbol_h3_pink.jpg");
}
.Section-Box-Body h3.brown {
  color: #804F04;
}
.Section-Box-Body h3.brown:before {
  background-image: url("images/symbol_h3_brown.jpg");
}
.Section-Box-Body h4 {
  /*	padding:0.2em 0.2em;
	margin:2em 0 0 0.2em;

	font-size: 160%;
	line-height:1.2;
	font-weight:bold;

	color:@h4_Fg_Color;
	.h4_Background_Style;

	float:none;
	clear:both;
	text-align:left;
	.mincho;
*/
  color: #000066;
  font-size: 120%;
  text-align: left;
  /*	background: -ms-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  
	background: -moz-linear-gradient(  
		top,  
		#FFF1E8 0%,  
		#FFD5B9 10%,  
		#FFD5B9 80%,  
		#FFBD91 95%,  
		#FFA66A
	);  

	background: -webkit-gradient(  
		linear,  
		left top,left bottom,  
		from(#FFF1E8),  
		color-stop(0.10, #FFD5B9),  
		color-stop(0.80, #FFD5B9),  
		color-stop(0.95, #FFBD91),  
		to(#FFA66A)
	);  
*/
  /*	background:transparent url("images/bg_h2.png") no-repeat center bottom; */
  padding: 0.2em 0.5em 0em 1em;
  margin: 1em 0 0 0.2em;
  line-height: 1.5;
  color: #993399;
  background: url("images/symbol_h4_purple.jpg") left bottom no-repeat;
}
.Section-Box-Body h4.blue {
  color: #0099FF;
  background: url("images/symbol_h4_blue.jpg") left bottom no-repeat;
}
.Section-Box-Body h4.green {
  color: #66CC66;
  background: url("images/symbol_h4_green.jpg") left bottom no-repeat;
}
.Section-Box-Body h4.orange {
  color: #FF9900;
  background: url("images/symbol_h4_orange.jpg") left bottom no-repeat;
}
.Section-Box-Body h4.red {
  color: #FF0000;
  background: url("images/symbol_h4_red.jpg") left bottom no-repeat;
}
.Section-Box-Body h5 {
  margin: 15px 1em 5px 0.5em;
  font-weight: bold;
  font-size: 100%;
  color: #000066;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
}
.Main-Text-Area {
  margin: 0px 0px 0px 0px;
  /* Must be zero, don't change, please change padding of section-box-body */
  padding: 0px 0px 0px 0px;
  /* Must be zero */
  width: 100%;
  overflow: visible;
  word-wrap: break-word;
}
.Main-Text-Area p {
  padding: 0px;
  margin: 0px;
  margin: 0.6em 5px 0.6em 5px;
}
.Low-Paragraph p {
  padding: 0px;
  margin: 0.2em 0;
}
.Main-Text-Half {
  /*	border:solid 1px #FF0000;*/
  margin: 0;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  width: 320px;
}
.Main-Text-Area a {
  text-decoration: none;
}
.Main-Text-Area a:hover {
  text-decoration: underline;
}
.Main-Text-Area iframe {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  align: center;
}
/*** BASIC TABLE ****/
table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .Contents-Box-Large table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
table {
  border-spacing: 0px;
  /* �Z���̊Ԋu���Ȃ��� */
  border-top: solid 1px #AAAAAA;
  border-right: solid 1px #666666;
  border-left: solid 1px #AAAAAA;
  border-bottom: solid 1px #666666;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
table th,
table td {
  border-width: 1px;
  /* �Z���̘g���͑���1�s�N�Z�� */
  border-style: solid;
  /* �Z���̘g���͎��� */
  padding: 2px;
  /* �Z�������̗]����2�s�N�Z�� */
}
table thead th,
table thead td {
  border-color: #ffffff #AAAAAA #AAAAAA #ffffff;
  /* ��1 */
  background-color: #ffffff;
  /* ��1 */
  color: #000066;
}
table tbody th {
  border-color: #ffffff #AAAAAA #AAAAAA #ffffff;
  /* ��2 */
  background-color: #ffffff;
  /* ��2 */
  word-break: keep-all;
  color: #000066;
}
table td {
  border-color: #ffffff #aca899 #aca899 #ffffff;
  /* ��3 */
  background-color: #FFFFFF;
  /* ��3 */
  color: #000066;
}
/*********************

table 

*************************/
@media screen and (max-width: 480px) {
  table td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  table th,
  table td {
    display: block;
    width: 100%;
  }
  table td {
    border-top: none !important;
    border-bottom: none !important;
  }
}
/**** No Frame Table ****/
.NoFrameTable {
  border: none;
}
.NoFrameTable td,
.NoFrameTable th {
  border: none;
  border-width: 0px;
}
.NoBackgroundTable {
  background: none;
}
.NoBackgroundTable td {
  background: none;
}
.HistoryTable td {
  padding-bottom: 0.3em;
  line-height: 1.2em;
}
/**** FD-Table-Style-2	 ****/
table.FD-Table-Style-2 {
  border-spacing: 0px;
  /* �Z���̊Ԋu���Ȃ��� */
  border: none;
  /*   border-top:solid 1px #AAAAAA;
	border-right:solid 1px #666666;
	border-left:solid 1px #AAAAAA;
	border-bottom:solid 1px #666666;*/
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
table.FD-Table-Style-2 th,
table.FD-Table-Style-2 td {
  border-style: solid;
  /* �Z���̘g���͎��� */
  padding: 2px;
  /* �Z�������̗]����2�s�N�Z�� */
}
table.FD-Table-Style-2 thead th,
table.FD-Table-Style-2 thead td {
  border: none;
  background-color: #FDBDF9;
  /* ��1 */
  color: #FFFFFF;
}
table.FD-Table-Style-2 tbody th {
  border: none;
  background-color: #FFFFFF;
  /* ��2 */
  word-break: keep-all;
  color: #FDBDF9;
}
table.FD-Table-Style-2 td {
  border: none;
  background-color: #FFFFFF;
  /* ��3 */
  color: #FDBDF9;
}
/**** FD-Table-Style-3 ****/
table.FD-Table-Style-3 {
  border-collapse: collapse;
  border: #888888 1px dotted;
}
table.FD-Table-Style-3 th {
  border-top: none;
  border-right: none;
  /*	border-right:@FD_Table_Style_3_Header_Border_Color 1px dotted; */
  border-bottom: #888888 1px dotted;
  border-left: none;
  text-align: left;
  padding: 1em 1em 1em 1em;
  background: #ffeefe;
  color: #000066;
  word-break: break-all;
}
table.FD-Table-Style-3 thead tr th,
table.FD-Table-Style-3 thead tr td {
  border-top: #888888 4px solid;
  /*	border-right:none;
	border-bottom:none;
	border-left:none;  */
}
table.FD-Table-Style-3 thead tr:first-child th:first-child,
table.FD-Table-Style-3 thead tr:first-child td:first-child {
  border-top: #fa5af0 4px solid;
  /*	border-right:none;
	border-bottom:none;
	border-left:none;  */
}
table.FD-Table-Style-3 thead th {
  border-top: #fa5af0 4px solid;
  border-right: #888888 1px dotted;
  font-weight: bold;
  color: #000066;
}
table.FD-Table-Style-3 td {
  border-top: none;
  border-right: none;
  border-bottom: #888888 1px dotted;
  border-left: none;
  text-align: left;
  padding: 1em 1em 1em 1em;
  color: #000066;
  word-break: break-all;
}
table.FD-Table-Style-3 tr:nth-child(1) {
  border-top: #fa5af0 4px solid;
  /*	border-right:none;
	border-bottom:none;
	border-left:none;  */
}
@media screen and (max-width: 768px) {
  table.FD-Table-Style-3 td {
    padding: 0.5em 0.5em 0.5em 0.5em;
  }
  table.FD-Table-Style-3 th {
    padding: 0.5em 0.5em 0.5em 0.5em;
  }
}
/**** FD-Table-Style-4 ****/
table.FD-Table-Style-4 {
  border-collapse: separate;
  border-spacing: 0px 15px;
  border: none;
}
table.FD-Table-Style-4 thead th,
table.FD-Table-Style-4 tbody th {
  padding: 10px;
  background: #ffeefe;
  vertical-align: middle;
  text-align: left;
  overflow: visible;
  position: relative;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 120%;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  border-left: 1px solid #888888;
  border-right: none;
  word-break: keep-all;
}
table.FD-Table-Style-4 tbody th:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 238, 254, 0);
  border-left-color: #ffeefe;
  border-width: 10px;
  margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
  table.FD-Table-Style-4 tbody th::after {
    float: right;
    padding: 0;
    left: 30px;
    top: 10px;
    content: " ";
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border: 10px solid transparent;
    border-left: #ffeefe 10px solid;
    margin-top: -10px;
  }
}
table.FD-Table-Style-4 td {
  background: transparent;
  padding: 10px 10px 10px 20px;
  border: none;
  text-align: left;
  color: #000066;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  border-left: none;
  border-right: 1px solid #888888;
}
/**** FD-Table-Style-5 ****/
table.FD-Table-Style-5 {
  border-collapse: collapse;
}
table.FD-Table-Style-5 th {
  background: #FDBDF9;
  border: solid 1px #888888;
  padding: 10px;
}
table.FD-Table-Style-5 td {
  padding: 10px;
  border: solid 1px #888888;
  background: transparent;
}
table.FD-Table-Style-5 tr:nth-child(odd) {
  background: #FFFFFF;
}
table.FD-Table-Style-5 tr:nth-child(even) {
  background: #ffffff;
}
/**** FD-Table-Style-6 ****/
table.FD-Table-Style-6 {
  border-spacing: 0;
  border: none;
}
table.FD-Table-Style-6 thead th {
  color: #fff;
  padding: 8px 15px;
  background: #FDBDF9;
  background: -moz-linear-gradient(rgba(253, 189, 249, 0.7), #fdbdf9 50%);
  background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(253, 189, 249, 0.7)), to(#fdbdf9));
  font-weight: bold;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-right: none;
  line-height: 120%;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(253, 189, 249, 0.9);
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}
table.FD-Table-Style-6 thead th:first-child {
  border-radius: 5px 0 0 0;
}
table.FD-Table-Style-6 thead th:last-child {
  border-radius: 0 5px 0 0;
  border-right: 1px solid #ffffff;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}
table.FD-Table-Style-6 tbody tr th,
table.FD-Table-Style-6 tbody tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  text-align: center;
  border-top: none;
  border-right: none;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-6 tbody tr td {
  background-color: transparent;
  border-bottom: none;
}
table.FD-Table-Style-6 tr td:last-child {
  border-right: 1px solid #ffffff;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-6 tbody tr {
  background: #FFFFFF;
}
table.FD-Table-Style-6 tbody tr:nth-child(even) {
  background: #ffffff;
}
table.FD-Table-Style-6 tbody tr:last-child th,
table.FD-Table-Style-6 tbody tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-6 tbody tr:last-child th:first-child,
table.FD-Table-Style-6 tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.FD-Table-Style-6 tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
/**** FD-Table-Style-7 ****/
table.FD-Table-Style-7 {
  border-spacing: 0;
}
table.FD-Table-Style-7 thead th {
  color: #000;
  padding: 8px 15px;
  background: #eee;
  background: -moz-linear-gradient(#eee, #ddd 50%);
  background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  font-weight: bold;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  line-height: 120%;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}
table.FD-Table-Style-7 thead th:first-child {
  border-left: 1px solid #aaa;
  border-radius: 5px 0 0 0;
}
table.FD-Table-Style-7 thead th:last-child {
  border-radius: 0 5px 0 0;
  border-right: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-7 tbody tr th,
table.FD-Table-Style-7 tbody tr td {
  padding: 8px 15px;
  text-align: center;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-7 tbody tr th:first-child,
table.FD-Table-Style-7 tbody tr td:first-child {
  border-left: 1px solid #aaa;
}
table.FD-Table-Style-7 tbody tr th:last-child,
table.FD-Table-Style-7 tbody tr td:last-child {
  border-right: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-7 tbody tr {
  background: #fff;
}
table.FD-Table-Style-7 tbody tr:nth-child(even) {
  background: #f5f5f5;
}
table.FD-Table-Style-7 tbody tr:last-child th,
table.FD-Table-Style-7 tbody tr:last-child td {
  border-bottom: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
table.FD-Table-Style-7 tbody tr:last-child th:first-child,
table.FD-Table-Style-7 tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.FD-Table-Style-7 tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
/*****************************************

Start of Slide-Menu

******************************************/
.SlideMenu_Background_Style {
  background: #EEEEEE;
  border-top: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
  border-bottom: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}
ul.Slide-Menu {
  padding: 0px 0px 0px 0px;
  margin: 0px 0 0 0;
  display: block;
  background: #EEEEEE;
  border-top: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
  border-bottom: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}
ul.Slide-Menu li {
  color: #000066;
  font-size: 100%;
  display: block;
  list-style-type: none;
  padding: 0.75em 0px 0.5em 0.5em;
  margin: 0em 0 0em 0;
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 1px #AAAAAA;
}
ul.Slide-Menu ul.List-Depth-1 {
  padding-left: 0.5em;
}
ul.Slide-Menu li.List-Depth-1 {
  text-indent: 0.25em;
  font-size: 95%;
}
ul.Slide-Menu ul.List-Depth-2 {
  padding-left: 1em;
}
ul.Slide-Menu li.List-Depth-2 {
  text-indent: 2em;
  font-size: 90%;
}
ul.Slide-Menu ul.List-Depth-3 {
  padding-left: 1.5em;
}
ul.Slide-Menu li.List-Depth-3 {
  text-indent: 3em;
  font-size: 85%;
}
ul.Slide-Menu li.logo {
  position: relative;
  display: block;
  text-align: center;
  padding: 0.3em 1em 0.2em 1em;
  border-bottom: 1px solid #CCCCCC;
  background: #FDBDF9;
}
ul.Slide-Menu li::after {
  /*  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  content: "";
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-image: url(images/sprite.png);
  background-position: -2px -2px;
  font-size: 0;*/
}
ul.Slide-Menu a,
ul.Slide-Menu a:visited,
ul.Slide-Menu a:hover {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 0px 20px 0px 0em;
  /*  background-image: -moz-linear-gradient(bottom, #e7e7ff 0%, #f0f0ff 5%, #222244 50%, #222244 95%, #ffffff);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#e7e7ff), color-stop(0.05, #222244), color-stop(0.5, #222244), color-stop(0.95, #ffffff), to(#ffffff));*/
  color: #000066;
}
ul.Slide-Menu a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  content: "";
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-image: url(images/sprite.png);
  background-position: -2px -2px;
  font-size: 0;
}
ul.Slide-Menu li.List-Depth-1 a::before {
  content: "\00bb";
  padding-right: 5px;
}
/*****************************************

Start of Side-Menu

******************************************/
.Side-Menu {
  /*	border-top:solid 1px @Main_Theme_Bright_Color;
	border-left:solid 1px @Main_Theme_Bright_Color;
	border-right:solid 1px @Main_Theme_Dark_Color;
	border-bottom:solid 1px @Main_Theme_Dark_Color;*/
  margin-bottom: 5px;
}
.Side-Menu-Title a,
.Side-Menu-Title a.hover {
  color: #FFFFFF;
  text-decoration: none;
}
.Side-Menu-Image {
  text-align: center;
}
ul.Side-Menu {
  padding: 0px 0px 0px 0px;
  margin: 0px 0 0 0.5em;
  display: block;
}
ul.Side-Menu li.List-Depth-0 {
  font-size: 120%;
  background: transparent url("images/sidemenu_depth_0_normal.png") no-repeat center left;
  text-indent: 0.5em;
  display: block;
  list-style-type: none;
  padding: 4px 0px 4px 10px;
  margin: 0 0 0 0;
}
ul.Side-Menu li.Selected {
  color: #FDBDF9;
  display: block;
  font-weight: bold;
  text-decoration: underline;
  /*	border-top:solid 1px @Main_Theme_Dark_Colo;r
	border-left:solid 1px @Main_Theme_Dark_Color;
	border-right:solid 1px @Main_Theme_Bright_Color;
	border-bottom:solid 1px @Main_Theme_Bright_Color; */
}
ul.Side-Menu li.Selected a {
  color: #FDBDF9;
  text-decoration: none;
}
ul.Side-Menu li.Non-Selected {
  color: #000066;
  display: block;
  font-weight: normal;
  text-decoration: none;
  /*	border-top:solid 1px @Main_Theme_Bright_Color;
	border-left:solid 1px @Main_Theme_Bright_Color;
	border-right:solid 1px @Main_Theme_Dark_Color;
	border-bottom:solid 1px @Main_Theme_Dark_Color;*/
}
ul.Side-Menu li.Non-Selected a {
  color: #000066;
  text-decoration: none;
  font-weight: normal;
}
ul.Side-Menu li.Non-Selected a:hover {
  color: #FDBDF9;
  /*	font-weight:bold;
	text-decoration:underline;	*/
  background: #DED9C7;
}
ul.Side-Menu li.List-Depth-1 {
  background: transparent url("images/sidemenu_depth_1_normal.png") no-repeat center left;
  padding: 0 0 0 1em;
  margin: 0.3em 0.3em 0.3em 1em;
  color: #FDBDF9;
  text-indent: 0em;
}
ul.Side-Menu li.List-Depth-1 a::before {
  content: "\00bb";
  padding-right: 5px;
}
ul.Side-Box-Menu-WR li.List-Depth-1 a::before {
  content: "\00bb";
  padding-right: 5px;
}
ul.Side-Menu li.List-Depth-2 {
  background: transparent url("images/sidemenu_depth_2_normal.png") no-repeat center left;
  padding: 0 0 0 1em;
  margin: 0.3em 0.3em 0.3em 2em;
  color: #FDBDF9;
  text-indent: 0em;
}
/*********************************

LINE MENU

*********************************/
ul.Line-Menu {
  padding: 0;
  margin: 0;
}
ul.Line-Menu li {
  margin: 0em 0 0em 0;
  padding: 0.5em 0em 0.5em 0.5em;
  width: auto;
  border-bottom: 1px solid #DDDDDD;
  list-style-type: none;
  background: -ms-linear-gradient(top, #ffffff 0%, #FFFFFF 50%, #f2f2f2 95%, #e6e6e6 98%, #b3b3b3);
  background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 50%, #f2f2f2 95%, #e6e6e6 98%, #b3b3b3);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #FFFFFF), color-stop(0.95, #f2f2f2), color-stop(0.98, #e6e6e6), to(#b3b3b3));
}
ul.Line-Menu li.List-Depth-0 {
  padding-left: 1em;
}
ul.Line-Menu li.List-Depth-1 {
  padding-left: 2em;
}
ul.Line-Menu li ul.List-Depth-1 {
  margin: 0em 0 0em 0;
  padding: 0;
}
ul.Line-Menu li a {
  position: relative;
  display: block;
  color: #000066;
  text-decoration: none;
  font-weight: normal;
}
ul.Line-Menu li a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  content: "";
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-image: url(images/sprite.png);
  background-position: -2px -2px;
  font-size: 0;
}
/*********************

BOX-MENU   Flexbox-Parent FlexBox-Wrap FlexBox-Center

**********************/
.Box_Menu_Background_Style {
  background: -ms-linear-gradient(top, #ffffff 0%, #EEEEFF 50%, #d5d5ff 95%, #bbbbff 98%, #5555ff);
  background: -moz-linear-gradient(top, #ffffff 0%, #EEEEFF 50%, #d5d5ff 95%, #bbbbff 98%, #5555ff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #EEEEFF), color-stop(0.95, #d5d5ff), color-stop(0.98, #bbbbff), to(#5555ff));
}
ul.Box-Menu {
  margin: 0 ;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
ul.Box-Menu li {
  height: 4em;
  width: 15em;
  border-radius: 3px;
  text-align: center;
  margin: 0.5em;
  background: -ms-linear-gradient(top, #ffffff 0%, #EEEEFF 50%, #d5d5ff 95%, #bbbbff 98%, #5555ff);
  background: -moz-linear-gradient(top, #ffffff 0%, #EEEEFF 50%, #d5d5ff 95%, #bbbbff 98%, #5555ff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #EEEEFF), color-stop(0.95, #d5d5ff), color-stop(0.98, #bbbbff), to(#5555ff));
  border: 1px solid #DDD;
  padding: 0px 0;
  color: #000066;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 100%;
}
ul.Box-Menu li a {
  color: #000066;
  text-decoration: none;
  display: block;
  width: 100%;
}
/*

ul.Box-Menu li:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

*/
/****************** Side-Box-Menu-WR ******/
ul.Side-Box-Menu-WR {
  padding: 0px 0px 0px 0px;
  margin: 0px 0 0 0.5em;
  display: block;
}
ul.Side-Box-Menu-WR li.List-Depth-0 {
  font-size: 120%;
  background: transparent url("images/sidemenu_depth_0_normal.png") no-repeat center left;
  text-indent: 0.5em;
  display: block;
  list-style-type: none;
  padding: 4px 0px 4px 10px;
  margin: 0 0 0 0;
}
ul.Side-Box-Menu-WR li.Selected {
  color: #FDBDF9;
  display: block;
  font-weight: bold;
  text-decoration: underline;
  /*	border-top:solid 1px @Main_Theme_Dark_Color;
	border-left:solid 1px @Main_Theme_Dark_Color;
	border-right:solid 1px @Main_Theme_Bright_Color;
	border-bottom:solid 1px @Main_Theme_Bright_Color;*/
}
ul.Side-Box-Menu-WR li.Selected a {
  color: #FDBDF9;
  text-decoration: none;
}
ul.Side-Box-Menu-WR li.Non-Selected {
  color: #000066;
  display: block;
  font-weight: normal;
  text-decoration: none;
  /*	border-top:solid 1px @Main_Theme_Bright_Color;
	border-left:solid 1px @Main_Theme_Bright_Color;
	border-right:solid 1px @Main_Theme_Dark_Color;
	border-bottom:solid 1px @Main_Theme_Dark_Color;*/
}
ul.Side-Box-Menu-WR li.Non-Selected a {
  color: #000066;
  text-decoration: none;
  font-weight: normal;
  display: block;
}
ul.Side-Box-Menu-WR li.Non-Selected:hover {
  color: #FDBDF9;
  /*	font-weight:bold;
	text-decoration:underline;	*/
  background: #DED9C7;
}
ul.Side-Box-Menu-WR li.List-Depth-1 {
  background: transparent url("images/sidemenu_depth_1_normal.png") no-repeat center left;
  padding: 0 0 0 1em;
  margin: 0.3em 0.3em 0.3em 1em;
  color: #FDBDF9;
  text-indent: 0em;
}
ul.Side-Box-Menu-WR li.List-Depth-2 {
  background: transparent url("images/sidemenu_depth_2_normal.png") no-repeat center left;
  padding: 0 0 0 1em;
  margin: 0.3em 0.3em 0.3em 2em;
  color: #FDBDF9;
  text-indent: 0em;
}
/****************************/
@media screen and (max-width: 768px) {
  ul.Side-Box-Menu-WR {
    margin: 0 ;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  ul.Side-Box-Menu-WR li,
  ul.Side-Box-Menu-WR li.Non-Selected,
  ul.Side-Box-Menu-WR li.Selected {
    height: 4em;
    width: 8em;
    border-radius: 3px;
    text-align: center;
    margin: 0.5em;
    background: none;
    background: -ms-linear-gradient(top, #ffffff 0%, #EEEEFF 50%, #d5d5ff 95%, #bbbbff 98%, #5555ff);
    background: -moz-linear-gradient(top, #ffffff 0%, #EEEEFF 50%, #d5d5ff 95%, #bbbbff 98%, #5555ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #EEEEFF), color-stop(0.95, #d5d5ff), color-stop(0.98, #bbbbff), to(#5555ff));
    border: 1px solid #DDD;
    padding: 0px 0;
    color: #000066;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-indent: 0;
    font-size: 100%;
  }
  ul.Side-Box-Menu-WR li a {
    color: #000066;
    text-decoration: none;
    display: block;
    width: 100%;
  }
  ul.Side-Box-Menu-WR li.List-Depth-1 a::before {
    content: "";
    padding-right: 0px;
  }
}
/***********************
  Page-Postへの画像リンクメニュー
************************/
.Page-Post-Menu-Box {
  border: 1px solid #888888;
  margin: 20px;
  position: relative;
  box-shadow: 0 0 8px gray;
}
/*.Page-Post-Menu-Box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}*/
.Page-Post-Menu-Box-Img {
  width: 100%;
  border: none;
  padding: 0;
  overflow: hidden;
}
.Page-Post-Menu-Box-Img IMG {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}
.Page-Post-Menu-Box-Text {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  background: rgba(0, 0, 119, 0.5);
  padding: 5px 0 5px 0;
}
.Page-Post-Menu-Box-Text .Title {
  font-size: 120%;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
.Page-Post-Menu-Box-Text a {
  text-decoration: none !important;
}
.Page-Post-Menu-Box-Text-Style-1 {
  padding: 0.5em;
  width: 100%;
  text-align: left;
  color: #FDBDF9;
}
.Page-Post-Menu-Box-Text-Style-1 .Title {
  font-size: 120%;
  color: #FDBDF9;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
.Page-Post-Menu-Box-Text-Style-1 a {
  text-decoration: none !important;
}
.Page-Post-Menu-Box-Text-Style-1 .Post-Date {
  font-size: 95%;
  color: #000066;
  display: block;
}
.Page-Post-Menu-Box-New {
  position: absolute;
  right: 1px;
  top: 1px;
}
.Page-Post-Menu-Box-New img {
  width: auto;
  height: auto;
}
.Simple-Button {
  width: auto;
  height: auto;
  background: #FDBDF9;
  position: relative;
}
.Simple-Button a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  padding: 1em 3em;
}
.Simple-Button a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  content: "";
  margin-top: -7px;
  width: 9px;
  height: 14px;
  background-image: url(images/sprite.png);
  background-position: -13px -2px;
  font-size: 0;
}
.Simple-Button a:hover {
  text-decoration: none;
}
/**********************

	Page Top Button

************************/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop i {
  padding-top: 6px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 5px 0 0 0px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: rgba(249, 40, 235, 0.5);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*********************

FOOTER AREA

**********************/
/* @Screen_Width;   in case of internal-footer, @Screen_Width   indipendent footer :100% */
#Footer {
  padding: 0.5em 0 0 0;
  border-top: #CCCCCC 1px solid;
  border-bottom: none;
  background: #FDBDF9;
  margin: 0 auto 0 auto;
  float: none;
  clear: both;
  width: 100%;
}
#Footer-Inner {
  color: #000066;
  font-size: 93%;
  margin-left: 0 auto 0 auto;
  padding: 5px 0 0px 0;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
}
#Footer-Inner a,
#Footer-Inner a:hover,
#Footer-Inner a:visited {
  color: #000066;
}
#Footer-Inner p {
  margin: 0;
}
.footer_language_list {
  text-align: center;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  font-size: 100%;
  width: 300px;
  /*	border:1px solid #FF0000;*/
}
.footer_language_list ul {
  display: block;
  margin: 0px ;
  padding: 0px ;
  /*	border:1px solid #FF0000;*/
}
.footer_language_list ul li {
  /*	border:1px solid #FF0000;*/
  margin: 0px 7px;
  display: inline;
}
/*********************************

LINE LIST

*********************************/
.LineItem-Separation-First,
.LineItem-Separation,
.LineItem-Separation-Last {
  border-bottom: 1px dashed #000066;
}
.home .LineItem-Separation-First,
.home .LineItem-Separation,
.home .LineItem-Separation-Last {
  border-bottom: 1px dashed #000066;
}
.LineItem {
  margin: 0em 0 0em 0;
  padding: 0.2em 0 0.2em 0.5em;
  width: auto;
}
.LineItem1 {
  margin: 0 0 0 0;
  padding: 0px 0 0px 0em;
  float: left;
  width: 11em;
}
.LineItem-Label {
  margin: 0 0 0 0em;
  padding: 0 0 0 0;
  float: left;
}
.LineItem2 {
  margin: 0 0 0 11em;
  padding: 0 0 0 0;
  width: auto;
}
.Contents-Box-Small-Left .LineItem1,
.Contents-Box-Small-Right .LineItem1 {
  font-size: 90%;
  float: none;
}
.Contents-Box-Small-Right .LineItem2,
.Contents-Box-Small-Left .LineItem2 {
  margin: 0 0 0 0;
  width: auto;
}
.Whats-New .LineItem2 {
  margin: 0 0 0 1em;
  padding: 0 0 0 0;
  width: auto;
}
.LineItem img.label {
  margin-right: 0.5em;
  vertical-align: top;
}
.LineItem img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.LineItem a {
  text-decoration: none;
  font-weight: normal;
}
.Ad-Image {
  margin: 0 0 5px 0;
}
.Section-Box-Custom2 .LineItem1 {
  font-size: 80%;
}
/************************
    Line-Item2
*************************/
.Line-Item2 dl {
  border-bottom: 1px dashed #000066;
  margin: 0em 0 0em 0;
  padding: 0.2em 0 0.2em 0.5em;
  width: auto;
}
.Line-Item2 dt:before {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 21px;
  /*画像の幅*/
  height: 22px;
  /*画像の高さ*/
  background-image: url("images/symbol_li_purple.jpg");
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-top: -0.1em;
}
.Li-Orange .Line-Item2 dt:before {
  background-image: url("images/symbol_li_orange.jpg");
}
.Li-Blue .Line-Item2 dt:before {
  background-image: url("images/symbol_li_blue.jpg");
}
@media screen and (min-width: 1024px) {
  .Line-Item2 dt {
    clear: left;
    float: left;
    width: 13em;
  }
  .Line-Item2 dd {
    margin-left: 13em;
  }
}
.Line-Item2 img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/************************

Contents-Menu

*************************/
ul.Contents-Menu {
  width: 500px;
  margin: 0 0 0 5px;
  background: none;
}
ul.Contents-Menu li {
  background: none;
  margin: 0px 0px 0px 0px;
  padding: 7px 0 0 5px;
  list-style-position: inside;
  border-bottom: 1px dashed #FDBDF9;
}
/************************

pagenav

****************************/
.Page-Nav {
  /*	color: #FFFFFF;*/
  /*	background:#000000;*/
  padding: 0 0 0 0;
  margin: 0.5em auto 0.5em auto;
  height: 2em;
  line-height: 2;
  text-align: center;
}
a.page-numbers,
.Page-Nav .current {
  /*	color: #FFFFFF;*/
  padding: 2px 0.4em;
  /*	border:solid 1px #ccc;*/
  border: 1px solid #777777;
  /*	font-size:smaller;*/
}
a.page-numbers:hover {
  /*	color:#FFFFFF;*/
  background: #EEEEFF;
}
.Page-Nav .current {
  color: #FF0066;
  border: 1px solid #777777;
  background: #EEEEFF;
  font-weight: bold;
}
/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2 Development
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
/**
 * Box Model, Html & Body
 */
html,
body,
[canvas=container],
[off-canvas] {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen {
  html,
  body {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
@media print {
  html,
  body {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}
/**
 * Canvas
 */
[canvas] {
  z-index: 1;
}
[canvas=container] {
  margin-top: 0;
  width: 100%;
  height: 100%;
  /*	height: 100%; */
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  background-color: white;
  /* Basic background color, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch;
  /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[canvas=container]:before,
[canvas=container]:after {
  clear: both;
  content: '';
  display: table;
}
/**
 * Off-Canavs
 */
[off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  color: white;
  /* Basic colors, overwrite this in your own css. */
  -webkit-overflow-scrolling: touch;
  /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}
[off-canvas*=top] {
  _width: 100%;
  height: 255px;
  top: 0;
}
[off-canvas*=right] {
  width: 200px;
  height: 100%;
  top: 0;
  right: 0;
}
@media screen and (min-width: 480px) {
  /*for iPhone Landscape(iPhone 横)*/
  [off-canvas*=right] {
    width: 250px;
    height: 100%;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /*for iPad */
  [off-canvas*=right] {
    width: 300px;
    height: 100%;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  /*for PC*/
  [off-canvas*=right] {
    width: 400px;
    height: 100%;
    top: 0;
    right: 0;
  }
}
[off-canvas*=bottom] {
  width: 100%;
  height: 255px;
  bottom: 0;
}
[off-canvas*=left] {
  width: 255px;
  height: 100%;
  top: 0;
  left: 0;
}
[off-canvas*=reveal] {
  z-index: 0;
}
[off-canvas*=push] {
  z-index: 1;
}
[off-canvas*=overlay] {
  z-index: 9999;
}
[off-canvas*=shift] {
  z-index: 0;
}
/**
 * Animation
 */
[canvas],
[off-canvas] {
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  -webkit-backface-visibility: hidden;
  /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}
[off-canvas*=shift][off-canvas*=top] {
  -webkit-transform: translate(0px, 50%);
  transform: translate(0px, 50%);
}
[off-canvas*=shift][off-canvas*=right] {
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
[off-canvas*=shift][off-canvas*=bottom] {
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
[off-canvas*=shift][off-canvas*=left] {
  -webkit-transform: translate(50%, 0px);
  transform: translate(50%, 0px);
}
/**
 * Print
 */
@media print {
  /*
	[canvas] {
		-webkit-transform: translate( 0px, 0px ) !important;
		    -ms-transform: translate( 0px, 0px ) !important;
		        transform: translate( 0px, 0px ) !important;
	}

	[off-canvas] {
		display: none !important;
	}
*/
}
[canvas=container],
[off-canvas] {
  padding: 0px 0px;
}
[class*=js-] {
  cursor: pointer;
}
/******************************

 SEARCH RESULT 
 
********************************/
.Search-Result-Box {
  /*	border:1px solid #FF0000;*/
  border-top: dashed 1px #000066;
  margin-top: 5px;
  padding-top: 5px;
  min-height: 6em;
  float: none;
  clear: both;
}
.Search-Result-Page-Title {
  font-size: 100%;
  font-weight: bold;
  margin: 10px 0 5px 5px;
}
.Search-Result-Page-Title a {
  text-decoration: underline;
}
.Search-Result-Page-Excerpt {
  font-size: 100%;
  margin: 5px 0 5px 10px;
  line-height: 1.2;
}
/***********************************




Media Query


************************************/
.archive-dropdown {
  display: none;
  margin: 1em 0;
  width: 100%;
}
.archive-dropdown select {
  width: 100%;
}
.archive-list {
  display: block;
}
@media screen and (max-width: 1024px) {
  [canvas=container] {
    margin-top: 50px;
    height: -webkit-calc(100% -  50px);
    height: -moz-calc(100% -  50px);
    height: calc(100% -  50px);
  }
  #Fixed-Header {
    display: block;
  }
  #Top-Header {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .Page-Content {
    max-width: 1160px;
    margin: 0 auto 0 auto;
    padding: 0 5px 0 5px;
    display: block;
  }
  .Contents-Box-Large {
    width: auto;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .Contents-Box-Small-Left {
    width: auto;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .Contents-Box-Small-Right {
    width: auto;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .archive-dropdown {
    display: block;
  }
  .archive-list {
    display: none;
  }
}
@media print {
  #Fixed-Header {
    display: block;
  }
  [canvas=container] {
    margin-top: 50px;
    height: -webkit-calc(100% -  50px);
    height: -moz-calc(100% -  50px);
    height: calc(100% -  50px);
  }
  #Top-Header {
    display: none;
  }
  #Header-Image {
    display: none;
  }
  .Page-Content {
    max-width: 1160px;
    margin: 0 auto 0 auto;
    padding: 0 5px 0 5px;
    display: block;
  }
  .Contents-Box-Large {
    width: auto;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .Contents-Box-Small-Left {
    width: auto;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .Contents-Box-Small-Right {
    width: auto;
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
}
/******************************

 Main-Menu-Box-Image
 
********************************/
.Main-Menu-Box {
  margin: 0 0px 0px 0px;
  padding: 0px;
  float: left;
  width: 206px;
  height: 62px;
  /*	border:1px solid #555555;*/
}
.Main-Menu-Box a {
  border: none;
}
.Main-Menu-Box img {
  /*	vertical-align:bottom;*/
  vertical-align: bottom;
}
/**********************************

Each Post

*********************************/
.Comment-Link {
  margin: 0;
  padding: 0;
  padding-top: 0em;
  text-align: right;
}
.Post-Footer {
  border-top: 1px dashed #AAAAAA;
  margin: 0;
  padding: 0;
  padding-top: 0em;
}
.gomobile {
  text-align: center;
  display: block;
  font-size: 260%;
  background-color: #D7D7D7;
  background: -ms-linear-gradient(top, #EEE 0%, #DDD);
  background: -moz-linear-gradient(top, #EEE 0%, #DDD);
  background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#DDD));
  border: 1px solid #CCC;
  color: #111;
  padding: 30px 0;
  margin-top: 10px;
}
.gomobile,
.gomobile a,
.gomobile a:hover,
.gomobile a:visited {
  color: #888 !important;
}
/*********************

Auto Fade

***********************/
.auto-fade {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.auto-fade-selected,
.auto-fade:hover {
  opacity: 0.5;
  /* 透過レベル */
  filter: alpha(opacity=50);
}
/*************************

Key Points 

**************************/
.Key-Points-Title-Text {
  font-size: 120%;
  font-weight: bold;
}
.Key-Point-Type-2 .Key-Point-Item {
  padding: 5px;
}
.Key-Point-Type-2 .Key-Points-Title-Image {
  margin-right: 5px;
  vertical-align: middle;
  float: left;
}
.Key-Point-Type-2 .Key-Points-Title-Text {
  font-size: 100%;
  font-weight: bold;
}
.Key-Point-Type-5 .Key-Points-Title-Image {
  margin-right: 15px;
  vertical-align: middle;
  float: left;
  width: 50px;
}
.Key-Point-Type-5 .Key-Points-Title-Text {
  font-size: 120%;
  font-weight: bold;
}
.Key-Point-Type-5 .Key-Points-Contents {
  padding-left: 65px;
}
@media screen and (max-width: 768px) {
  .Key-Point-Type-5 .Key-Points-Contents {
    padding-left: 0px;
  }
  .Key-Points-Title img {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
}
/*********************************

gallery


**********************************/
.gallery {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: none;
  /* 1px solid #00ff00; */
  width: 100%;
  flex-wrap: wrap;
  /*	box-sizing: border-box;*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}
.Gallery-Item-Wrapper {
  box-sizing: border-box;
  border: none ;
  /* 1px solid #ff0000;*/
  padding: 3px;
}
.Gallery-Item-Wrapper-Inner {
  box-sizing: border-box;
  border: 1px solid #AAAAAA;
  height: 100%;
  padding: 3px;
}
.Gallery-Item-Image {
  box-sizing: border-box;
  background-color: #FFF;
  /*	padding:0;*/
  /*	height:300px;*/
  padding-top: 75%;
  position: relative;
}
.Gallery-Item-Image img {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Gallery-Item-Caption {
  text-align: center;
}
/*** 横幅を狭くする設定 ****/
@media screen and (min-width: 480px) {
  .gallery-columns-2 {
    box-sizing: border-box;
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}
@media screen and (min-width: 768px) {
  .gallery-columns-2 {
    box-sizing: border-box;
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-columns-2 {
    box-sizing: border-box;
    padding-left: 25%;
    padding-right: 25%;
  }
}
/*************************

Split

**************************/
.Split-1-1-2-4 {
  box-sizing: border-box;
  width: 25%;
}
.Split-1-2-2-4 {
  box-sizing: border-box;
  width: 25%;
}
.Split-1-1-3-3 {
  box-sizing: border-box;
  width: 32%;
}
.Split-1-1-2-3 {
  box-sizing: border-box;
  width: 33%;
}
.Split-1-2-2-3 {
  box-sizing: border-box;
  width: 33%;
}
.Split-1-1-2-2 {
  box-sizing: border-box;
  width: 50%;
}
.Split-1-2-2-2 {
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .Split-1-1-2-4 {
    width: 50%;
  }
  .Split-1-2-2-4 {
    width: 50%;
  }
  .Split-1-1-3-3 {
    width: 32%;
  }
  .Split-1-1-2-3 {
    width: 50%;
  }
  .Split-1-2-2-3 {
    width: 50%;
  }
  .Split-1-1-2-2 {
    width: 50%;
  }
  .Split-1-2-2-2 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .Split-1-1-2-4 {
    width: 100%;
  }
  .Split-1-2-2-4 {
    width: 50%;
  }
  .Split-1-1-2-3 {
    width: 100%;
  }
  .Split-1-1-3-3 {
    width: 100%;
  }
  .Split-1-2-2-3 {
    width: 50%;
  }
  .Split-1-1-2-2 {
    width: 100%;
  }
  .Split-1-2-2-2 {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .Split-1-1-2-4 {
    width: 100%;
  }
  .Split-1-2-2-4 {
    width: 100%;
  }
  .Split-1-1-3-3 {
    width: 100%;
  }
  .Split-1-2-2-3 {
    width: 100%;
  }
  .Split-1-1-2-2 {
    width: 100%;
  }
  .Split-1-2-2-2 {
    width: 100%;
  }
}
/**** button ****/
.square_btn {
  display: inline-block;
  padding: 0em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #000066;
  background-image: -webkit-linear-gradient(#d7dce6 0%, #f7f8fa 100%);
  background-image: linear-gradient(#d7dce6 0%, #f7f8fa 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 1px #ffffff;
}
.square_btn:active {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
/**** button ****/
.square_btn {
  display: inline-block;
  padding: 0em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #000066;
  background-image: -webkit-linear-gradient(#fca4f7 0%, #fed6fb 100%);
  background-image: linear-gradient(#fca4f7 0%, #fed6fb 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 1px #ffeefe;
}
.square_btn:active {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
/*********** CUSTOMIZED SESSION ONLY FOR THIS THEAME **********/
.Home-Timetable {
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.Key-Point-Type-4 {
  -webkit-justify-content: left;
  justify-content: left;
}
.Key-Point-Type-4 .Key-Points-Title-Text {
  color: #FF5555;
}