@charset "utf-8";
/* CSS Document */
/* 
Designed by ＯＲＴＨＲＯＳ　ＤＥＳＩＧＮ
Revision V2.00
Last Update 2024-01-28
*/

/*
  Generic specification definition
*/

/* # =================================================================
   # Generic Design
   # ================================================================= */
/* Main　Contents　Design */
.Main-Contens {
	display: block;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.6em;
}
@media screen and (max-width: 780px) {
  .Main-Contens {
    font-size: 16px;			/*	モバイル版仕様	*/
    line-height: 1.6em;			/*	モバイル版仕様	*/
  }
}
@media screen and (min-width: 780px) and (max-width: 1200px) {
  .Main-Contens {
    font-size: 18px;			/*	PC版サイズ仕様	*/
    line-height: 1.6em;			/*	PC版サイズ仕様	*/
  }
}
@media screen and (min-width: 1200px) {
  .Main-Contens {
    font-size: 20px;			/*	PC版大サイズ仕様	*/
    line-height: 1.7em;			/*	PC版大サイズ仕様	*/
  }
}


/* # =================================================================
   # Image Class option with Div Tag
   # ================================================================= */
.Div_Page-in-image_100Per_max960px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;
	margin: 20px auto 20px auto;
	padding: 0;	
}
.Div_Page-in-image_100Per_max960px img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_90Per {
	display: block;
	box-sizing: border-box;
	width: 90%;
	max-width: 900px;
	min-width: 240px;
	margin: 20px auto 20px auto;
	padding: 0;	
}
.Div_Page-in-image_90Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_80Per {
	display: block;
	box-sizing: border-box;
	width: 80%;
	max-width: 900px;
	min-width: 240px;
	margin: 20px auto 20px auto;
	padding: 0;	
}
.Div_Page-in-image_80Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_70Per {
	display: block;
	box-sizing: border-box;
	width: 70%;
	min-width: 240px;
	max-width: 780px;
	margin: 20px auto 20px auto;
}
.Div_Page-in-image_70Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_60Per {
	display: block;
	box-sizing: border-box;
	width: 60%;
	min-width: 240px;
	max-width: 640px;
	margin: 20px auto 20px auto;
}
.Div_Page-in-image_60Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_50Per {
	display: block;
	box-sizing: border-box;
	width: 50%;
	min-width: 240px;
	max-width: 900px;
	margin: 20px auto 20px auto;
	padding: 0;	
}
.Div_Page-in-image_50Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_40Per {
	display: block;
	box-sizing: border-box;
	width: 40%;
	min-width: 240px;
	max-width: 640px;
	margin: 20px auto 20px auto;
	padding: 0;	
}
.Div_Page-in-image_40Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_30Per {
	display: block;
	box-sizing: border-box;
	width: 30%;
	min-width: 240px;
	max-width: 600px;
	margin: 20px auto 20px auto;
	padding: 0;	
}
.Div_Page-in-image_30Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_20Per {
	display: block;
	box-sizing: border-box;
	width: 20%;
	min-width: 240px;
	max-width: 480px;
	margin: 20px auto 20px auto;
}
.Div_Page-in-image_20Per img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.Div_Page-in-image_Max300 {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 240px;
	max-width: 300px;
	margin: 20px auto 20px auto;
}
.Div_Page-in-image_Max300 img {
	width: 100%;
	margin: 0;
	padding: 0;
}


/* # =================================================================
   # Image Class option with Div Tag Link Banner
   # ================================================================= */
/* 今回はボーダー無しで設定　*/
.Div_Link-Banner_60Per-MAX640 {
	display: block;
	box-sizing: border-box;
	width: 60%;
	min-width: 240px;
	max-width: 640px;
	margin: 20px auto 20px auto;
}
.Div_Link-Banner_60Per-MAX640 img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border: 2px solid #c0c0c0;*/
	border-radius: 5px;
}

.Div_Link-Banner_50Per-MAX640 {
	display: block;
	box-sizing: border-box;
	width: 50%;
	min-width: 240px;
	max-width: 640px;
	margin: 20px auto 20px auto;
}
.Div_Link-Banner_50Per-MAX640 img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border: 2px solid #c0c0c0;*/
	border-radius: 5px;
}

.Div_Link-Banner_40Per-MAX480 {
	display: block;
	box-sizing: border-box;
	width: 40%;
	min-width: 240px;
	max-width: 480px;
	margin: 20px auto 20px auto;
}
.Div_Link-Banner_40Per-MAX480 img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border: 2px solid #c0c0c0;*/
	border-radius: 5px;
}

.Div_Link-Banner_30Per-MAX380 {
	display: block;
	box-sizing: border-box;
	width: 30%;
	min-width: 240px;
	max-width: 380px;
	margin: 20px auto 20px auto;
}
.Div_Link-Banner_30Per-MAX380 img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border: 2px solid #c0c0c0;*/
	border-radius: 5px;
}

.Div_Link-Banner_noboder_opt {
	border: none;
}

/* # =================================================================
   # Position_relative
   # ================================================================= */
/* === 相対位置 設定デザイン　=== */
.Position_relative {
	position: relative;
}
.Position_absolute {
	position: absolute;
}


/* # =================================================================
   # クラスオプション環境設定　Classでのオプション　：　リセット・上下スペース
   # 初期化CSSにて
   # display: block;
   # box-sizing: border-box;
   # を上位で設定している場合は、各アイテムの設定不要
   # ================================================================= */
/*	===	領域リセット・リフレッシュ及び上下余白設定		===	*/
.Reset0 {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

.ResetZeropoint5px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 0.5px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset1px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset2px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset3px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset5px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset7px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset10px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset15px {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset_Zeropoint5em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 0.5em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset1em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset2em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset2point5em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.5em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset3em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 3em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset4em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 4em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset5em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 5em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset7em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 7em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset10em {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10em;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset1vh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1vh;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset2vh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2vh;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset3vh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 3vh;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset5vh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 5vh;
	margin: 0;
	padding: 0;
	clear: both;
}

.Reset10vh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10vh;
	margin: 0;
	padding: 0;
	clear: both;
}

/*	===	キャンパス・ブロック　上下余白設定		===	*/
.Space_1pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}

.Space_2pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
}

.Space_3pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
}

.Space_4pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
}

.Space_5pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
}

.Space_7pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
}

.Space_10pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
}

.Space_15pxh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 0;
}

.Space_Zeropoint5emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 0.5em;
	margin: 0;
	padding: 0;
}

.Space_1emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1em;
	margin: 0;
	padding: 0;
}

.Space_1pont5emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1.5em;
	margin: 0;
	padding: 0;
}

.Space_2emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
}

.Space_2pont5emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.5em;
	margin: 0;
	padding: 0;
}

.Space_3emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 3em;
	margin: 0;
	padding: 0;
}

.Space_4emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 4em;
	margin: 0;
	padding: 0;
}

.Space_5emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 5em;
	margin: 0;
	padding: 0;
}

.Space_6emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 6em;
	margin: 0;
	padding: 0;
}

.Space_7emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 7em;
	margin: 0;
	padding: 0;
}

.Space_8emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 8em;
	margin: 0;
	padding: 0;
}

.Space_9emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 9em;
	margin: 0;
	padding: 0;
}

.Space_10emh {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 10em;
	margin: 0;
	padding: 0;
}


/* # =================================================================
   # クラスオプション環境設定　Classでのオプション：フロート・配置・丸目・文字サイズ等
   # ================================================================= */
/*	===	汎用フロートオプション	===	*/
.FloatLeft_option {
	float: left;
}

.FloatRight_option {
	float: right;
}

/*	===	汎用・インテンド配置オプション（左・右）	===	*/
.Intend_Left0em_option {
	padding-left: 0em;
}

.Intend_Left1px_option {
	padding-left: 1px;
}

.Intend_Left2px_option {
	padding-left: 2px;
}

.Intend_Left3px_option {
	padding-left: 3px;
}

.Intend_Left4px_option {
	padding-left: 4px;
}

.Intend_Left5px_option {
	padding-left: 5px;
}

.Intend_Left7px_option {
	padding-left: 7px;
}

.Intend_Left10px_option {
	padding-left: 10px;
}

.Intend_Left1em_option  {
	padding-left: 1em;
}

.Intend_Left2em_option  {
	padding-left: 2em;
}

.Intend_Left3em_option  {
	padding-left: 3em;
}

.Intend_Left4em_option  {
	padding-left: 4em;
}

.Intend_Left5em_option  {
	padding-left: 5em;
}

.Intend_Rigth1px_option {
	padding-right: 1px;
}

.Intend_Rigth2px_option {
	padding-right: 2px;
}

.Intend_Rigth3px_option {
	padding-right: 3px;
}

.Intend_Rigth4px_option {
	padding-right: 4px;
}

.Intend_Rigth5px_option {
	padding-right: 5px;
}

.Intend_Rigth7px_option {
	padding-right: 7px;
}

.Intend_Rigth10px_option {
	padding-right: 10px;
}

.Intend_Rigth1em_option  {
	padding-right: 1em;
}

.Intend_Rigth2em_option  {
	padding-right: 2em;
}

.Intend_Rigth3em_option {
	padding-right: 3em;
}

.Intend_Rigth4em_option  {
	padding-right: 4em;
}

.Intend_Rigth5em_option  {
	padding-right: 5em;
}

.Intend_Both1px_option {
	padding-right: 1px;
	padding-left: 1px;
}

.Intend_Both2px_option {
	padding-right: 2px;
	padding-left: 2px;
}

.Intend_Both3px_option {
	padding-right: 3px;
	padding-left: 3px;
}

.Intend_Both4px_option {
	padding-right: 4px;
	padding-left: 4px;
}

.Intend_Both5px_option {
	padding-right: 5px;
	padding-left: 5px;
}

.Intend_Both7px_option {
	padding-right: 7px;
	padding-left: 7px;
}

.Intend_Both10px_option {
	padding-right: 10px;
	padding-left: 10px;
}

.Intend_Both1em_option  {
	padding-right: 1em;
	padding-left: 1em;
}

.Intend_Both2em_option  {
	padding-right: 2em;
	padding-left: 2em;
}

.Intend_Both3em__option {
	padding-right: 3em;
	padding-left: 3em;
}

.Intend_Both4em_option  {
	padding-right: 4em;
	padding-left: 4em;
}

.Intend_Both5em_option  {
	padding-right: 5em;
	padding-left: 5em;
}

/*	===	汎用・インテンド配置オプション（ｐタグ、spanタグの場合2行目も左1文字ずらす）	===	*/
.Intend_Both1em_option_P_S_tag  {
	padding-right: 1em;
	padding-left: 1em;
	text-indent: -1em;
}


/* # =================================================================
   # Border Radius Class Option
   # ================================================================= */
/*	===	汎用・ボーダー角丸環境設定	＝＝＝	*/
.Border_Radius5_option {
	border-radius: 5px;
}

.Border_Radius10_option  {
	border-radius: 10px;
}

.Border_Radius15_option  {
	border-radius: 15px;
}

.Border_Radius20_option  {
	border-radius: 20px;
}

.Border_Radius15_top_option  {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}


/* # =================================================================
   # Line height Class Option
   # ================================================================= */
/*=== 文字行間オプション ===*/
.Line_height-1_1em_opt {
	line-height: 1.1em;
}

.Line_height-1_2em_opt {
	line-height: 1.2em;
}

.Line_height-1_3em_opt {
	line-height: 1.3em;
}

.Line_height-1_4em_opt {
	line-height: 1.4em;
}

.Line_height-1_5em_opt {
	line-height: 1.5em;
}

.Line_height-1_6em_opt {
	line-height: 1.6em;
}

.Line_height-1_7em_opt {
	line-height: 1.7em;
}

.Line_height-1_8em_opt {
	line-height: 1.8em;
}

.Line_height-1_9em_opt {
	line-height: 1.9em;
}

.Line_height-2_0em_opt {
	line-height: 2em;
}

.Line_height-2_5em_opt {
	line-height: 2.5em;
}

.Line_height-3_0em_opt {
	line-height: 3em;
}


/* # =================================================================
   # Text Font Size Class Option
   # ================================================================= */
/*	===	汎用文字サイズ相対環境設定	===	*/
.Font_size_Small_option {
	font-size: small;
}

.Font_size_Medium_option {
	font-size: medium;
}

.Font_size_Large_option {
	font-size: large;
}

.Font_size_Xlarge_option {
	font-size: x-large;
}

.Font_size_XXlarge_option {
	font-size:xx-large;
}

.Font_size_2em_option {
	font-size: 2em;
	line-height: 3em;
}

/*	===	汎用文字サイズ絶対環境設定	===	*/
.Font_size_10px_option {
	font-size: 10px;
}

.Font_size_12px_option {
	font-size: 12px;
}

.Font_size_14px_option {
	font-size: 14px;
}

.Font_size_15px_option {
	font-size: 15px;
}

.Font_size_16px_option {
	font-size: 16px;
}




/* # =================================================================
   # Text Position Class Option
   # ================================================================= */
/*	===	テキスト配置オプション環境設定	===	*/
.Position_Left_text_option {
	text-align: left;
}

.Position_Right_text_option {
	text-align: right;
}

.Position_Center_text_option {
	text-align: center;
}


/* # =================================================================
   # Text Bold & other  Class Option
   # ================================================================= */
/*	文字太さ　オプション　*/
.Font-Weight_Bold_opt {
	font-weight: bold;
}
.Font-Weight_Nomal_opt {
	font-weight: normal;
}

/* 文字斜体 */
.Font-Italic {
	font-style: italic;
}

/* 取り消し線 */
.Text-line_Trikeshi {
	text-decoration: overline;
}

/* 下線表示 */
.Text-Under_line {
	text-decoration: underline;
}


/* # =================================================================
   # Text Color  Class Option
   # ================================================================= */
/*	===	汎用文字色環境設定	===	*/
.Color_Red_option {
	color: #F00;
}

.Color_Black_option {
	color: #000;
}

.Color_Gry_option  {
	color: #999;
}

.Color_MiddleGry_option {
	color: #666;
}

.Color_DarkGry_option {
	color: #333;
}

.Color_DarkBule_option {
	color: #009;
}

.Color_DarkGeen_option {
	color: #006400;
}
.Color_Orenge_option {
	color: #ffa500;
}

.Color_White_option {
	color: white;
}

.Color_Green_option {
	color: green;
} 

.Color_Blue_option {
	color: blue;
}

.Color_Yellowgreen_option {
	color: yellowgreen;
}

.Color_Forestgreen_option {
	color: forestgreen;
}

.Color_Purple_option {
	color: purple;
}

.Color_DeepPink_option {
	color: deeppink;
}

.Color_Aqua_option {
	color: aqua;
}

.Color_DeepSkyblue_option {
	color: deepskyblue;
}

/* # =================================================================
   # Background Color  Class Option
   # ================================================================= */
/*	===	背景色オプション	===	*/
.BG_Color_Red_option {
	background-color: #F00;
}
.BG_Color_Black_option {
	background-color: #000;
}
.BG_Color_Gry_option  {
	background-color: #999;
}
.BG_Color_MiddleGry_option {
	background-color: #666;
}
.BG_Color_DarkGry_option {
	background-color: #333;
}
.BG_Color_DarkBule_option {
	background-color: #009;
}
.BG_Color_White_option {
	background-color: #FFFFFF;
}
.BG_Color_DarkGeen_option {
	background-color: #006400;
}
.BG_Color_Orenge_option {
	background-color: #ffa500;
}
.BG_Color_Ghostwhite_option {
	background-color: ghostwhite;
}

.BG_Color_Section_option {
	background-color: #F3F3F3;
}

/* # =================================================================
   # Hover Option Class Option
   # ================================================================= */

/* === オンマウス・画像　フォバー・半透明化　=== */
.Hover_cintrol_div a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* =================================================================

================================================================= */