@charset "utf-8";
/* common.css：全ページ共通CSS */
/* ×ブレイクポイント：1400px・1200px・992px・768px・576px */
/* ブレイクポイント：1366px・1024px・896px・576px */
/* 規則
・CSS記述規則：kebab-case記法
・各デバイス対応は、コンテンツごとに各コンテンツ下部に記述
・以下の意味で使用
　xl：1367px以上／lg：1366px以下／md：1024px以下／sm：896px以下／xs：576px以下
　mt：マージン上／ml：マージン左／mr：マージン右／mb：マージン下
　txt：テキスト配置／bg：背景／btn：ボタン／　…etc.
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap');

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
:root {
  --orange: #E86929;	/* Primary */
  --red: #e82929;
  --navy-blue: #1A2B85;	/* Secondary */
  --blue:#0066cc;
  --lavender-blue: #DEE6FF;
  --navy: #212952;	/* Footer */
  --light-gray: #F1F2F5;	/* 背景 */ 
  --cloud-gray: #A8AAB2;	/* ライン */
  /*--indigo: #212952;*/	/* ライン */
  --dusty-blue: #7A8A9E;	/* ぱんくずリンク */
  --white: #fff;
  --black: #000;
  --yellow:#FFE042;
}

html {
	position: relative;
	font-size: 62.5%;
}
body {	
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

button, input, textarea {
	font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd, figure, address {
	color: #000000;
}
h1, .h1 {
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.3;
}
h2, .h2 {
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.3;
}
h3, .h3 {
	font-size: 3rem;
	font-weight: 600;
	/*line-height: 1.3;*/
}
h4, .h4 {
	font-size: 2.6rem;
	font-weight: 500;
	/*line-height: 1.3;*/
}
h5, .h5 {
	font-size: 2.2rem;
}
p, dt, dd, input[type="text"], input[type="radio"], input[type="checkbox"], textarea, label, .p {
	font-size: 1.8rem;
	line-height: 1.8;
}
table th, table td {
	font-size: 1.8rem;
	line-height: 1.4;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
ol {
	position: relative;
	margin: 0;
	padding-left: 3rem;
}
ul li {
	font-size: 1.6rem;
	line-height: 1.6;
	position: relative;
	padding-left: 1.6rem;
}
section ul li::before {
	content: '・';
	clear: both;
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
}
ol li {
	font-size: 1.6rem;
	line-height: 1.6;
}
button[type="button"]:focus {
	outline: 0;
}
em {
	font-weight: bold;
	font-style: normal;
}
a {
	color: var(--blue);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a[target="_blank"] {
	background: url("../images/common/link-out_ico.svg") no-repeat right center;
	padding-right: 20px;
}

hr {
	border: 0;
	height: 1px;
	background-color: var(--cloud-gray);
	margin: 30px 0;
}

small {
	font-size: 1.6rem;
	line-height: 1.4;
}

/* PC画面非表示 */
.dispBlocklg {
	display: none;
}
.brNone br {
	display: none;
}

.break-keep {
	word-break: keep-all;
}

/* BOGO言語切替え */

.bogo-language-switcher .current {
    display: none;
}


[data-screen="confirm"] .input {
  display:none;
}

.smf-form .smf-radio-button-control__control {
	margin-top: 10px !important;
}


/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {
	h1, .h1 {
		font-size: 3.4rem;
	}
	h2, .h2 {
		font-size: 3.2rem;
		font-weight: 500;
		line-height: 1.3;
	}
	h3, .h3 {
		font-size: 2.8rem;
		font-weight: 600;
		/*line-height: 1.3;*/
	}
	h4, .h4 {
		font-size: 2.4rem;
		font-weight: 500;
		/*line-height: 1.3;*/
	}
	h5, .h5 {
		font-size: 2rem;
	}
	p, dt, dd, input[type="text"], input[type="radio"], input[type="checkbox"], textarea, label {
		font-size: 1.6rem;
		line-height: 1.7;
	}
	table th, table td {
		font-size: 1.6rem;
	}
	li {
		font-size: 1.6rem;
		line-height: 1.6;
	}
}


/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	h1, .h1 {
		font-size: 3rem;
	}
	h2, .h2 {
		font-size: 2.6rem;
		font-weight: 500;
		line-height: 1.3;
	}
	h3, .h3 {
		font-size: 2.2rem;
		font-weight: 600;
		/*line-height: 1.3;*/
	}
	h4, .h4 {
		font-size: 2rem;
		font-weight: 500;
		/*line-height: 1.3;*/
	}
	h5, .h5 {
		font-size: 1.8rem;
	}

	p, dt, dd, input[type="text"], input[type="radio"], input[type="checkbox"], textarea, label {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	table th, table td {
		font-size: 1.5rem;
	}
	li {
		font-size: 1.5rem;
		line-height: 1.6;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	h1, .h1 {
		font-size: 2.4rem;
	}
	h2, .h2 {
		font-size: 2.4rem;
		font-weight: 500;
		line-height: 1.3;
	}
	h3, .h3 {
		font-size: 1.8rem;
		font-weight: 600;
		/*line-height: 1.3;*/
	}
	h4, .h4 {
		font-size: 1.8rem;
		font-weight: 500;
		/*line-height: 1.3;*/
	}
	h5, .h5 {
		font-size: 1.6rem;
	}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	h1, .h1 {
		font-size: 2.2rem;
	}
	h2, .h2 {
		font-size: 2.2rem;
		font-weight: 500;
		line-height: 1.3;
	}

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ぱんくず
class: breadcrumb
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.breadcrumb-list li {
	display: inline-block;
	position: relative;
	padding-right: 15px;
	padding-left: 5px;
}
.breadcrumb-list li:not(:last-child)::after {
	content: '>';
	position: absolute;
	right: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
下層キービジュアル
class: key～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.key-bg1, .key-bg2, .key-bg3, .key-bg4, .key-bg5, .key-bg6, .key-bg7, .key-bg8, .key-bg9 {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 160px;
}
.key-bg1 {
	background-image: url("../images/keyvisual/page_key_bg1.png");
}
.key-bg2 {
	background-image: url("../images/keyvisual/page_key_bg2.png");
}
.key-bg3 {
	background-image: url("../images/keyvisual/page_key_bg3.png");
}
.key-bg4 {
	background-image: url("../images/keyvisual/page_key_bg4.png");
}
.key-bg5 {
	background-image: url("../images/keyvisual/page_key_bg5.png");
}
.key-bg6 {
	background-image: url("../images/keyvisual/page_key_bg6.png");
}
.key-bg7 {
	background-image: url("../images/keyvisual/page_key_bg7.png");
}
.key-bg8 {
	background-image: url("../images/keyvisual/page_key_bg8.png");
}
.key-bg9 {
	background-image: url("../images/keyvisual/page_key_bg9.png");
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Title
class: ttl(タイトル)／subttl～(Line付サブタイトル)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page-title-en {
	position: relative;
	display: inline-block;
	color: var(--orange);
	font-size: 5.6rem;
	font-weight: 500;
}
.page-title-en::before,
.page-title-en::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 30px;
	height: 4px;
	background-color: var(--orange);
	border-radius: 2px;
}
.page-title-en::before {
	left: -40px;
}
.page-title-en::after {
	right: -40px;
}
.page-title-ja {
	display: block;
	font-weight: 600;
}

/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {
	.page-title-en {
		font-size: 3.6rem;
	}
	.page-title-en::before,
	.page-title-en::after {
		width: 20px;
		height: 3px;
	}
	.page-title-en::before {
		left: -30px;
	}
	.page-title-en::after {
		right: -30px;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.page-title-en {
		font-size: 3rem;
	}
	.page-title-en::before,
	.page-title-en::after {
		width: 15px;
		height: 2px;
	}
	.page-title-en::before {
		left: -25px;
	}
	.page-title-en::after {
		right: -25px;
	}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	.page-title-en {
		font-size: 2.4rem;
	}
	.page-title-en::before {
		left: -20px;
	}
	.page-title-en::after {
		right: -20px;
	}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
フォント
class: font～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.font-zmg {
	font-family: 'Zen Maru Gothic', "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
List
class: list～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.list-style-none li {	/* リストスタイル無し */
	list-style: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Bg
class: bg～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.bg-light-gray {
	background-color: var(--light-gray);
}
.bg-white {
	background-color: var(--white);
}
.bg-symbol {
	background-image: url("../images/common/bg_symbol.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 450px auto;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Line
class: bd～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
装飾Box
class: dbox～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.dbox-grad {	/* グラデーションBOX */
	border-radius: 25px;
	border: 2px solid var(--white);
    background: linear-gradient(to bottom, #E7E9EF 0%, #FFFFFF 200px ,#FFFFFF 100%);
	padding: 40px 40px 40px;
}

.dbox-white-grad {	/* グラデーションBOX */
	border: 2px solid var(--white);
    background: #fff;
	padding: 40px 30px 30px;
}

.dbox-bd {	/* 枠線BOX */
	border: 1px solid var(--navy);
	padding: 30px 40px;
}

.dbox-bd ul li::before {
	content: '・';
	clear: both;
	position: absolute;
	display: inline-block;
	top: 8px;
	left: 0;

}



/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.dbox-bd {	/* 枠線BOX */
		padding: 25px;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.dbox-grad {	/* グラデーションBOX */
		border-radius: 20px;
		padding: 30px 25px 20px;
	}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	.dbox-grad {	/* グラデーションBOX */
		padding: 30px 20px 20px;
	}
	.dbox-bd {	/* 枠線BOX */
		border: 0;
		border-top: 2px solid var(--navy);
		padding: 15px 0;
	}

}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Image
class: img～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border: 0;
}
.img-w100 {
	width: 100%;
	/*max-width: 100%;*/
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Button
class: btn～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/********** ボタン中 **********/
.btn-md-navy-blue, .btn-md-orange {
	display: inline-block;
	min-width: 300px;
	padding: 18px 50px 18px 20px;
	text-align: center;
	background-image: url("../images/common/ico_arrow_right.svg");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 13px auto;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
	font-size: 1.6rem;
	color: var(--white);
	transition: 0.3s ease-in-out;
}
.btn-md-navy-blue:hover, .btn-md-orange:hover {
	text-decoration: none;
	filter: brightness(0.8);
}
.btn-md-navy-blue {	/* ネイビーブルー */
	background-color: var(--navy-blue);
}
.btn-md-orange {	/* オレンジ */
	background-color: var(--orange);
}

/********** ボタン小 **********/
.btn-sm-navy-blue {
	display: inline-block;
	min-width: 160px;
	padding: 10px 15px;
	text-align: center;
	box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
	font-size: 1.5rem;
	color: var(--white);
	transition: 0.3s ease-in-out;
}
.btn-sm-navy-blue:hover {
	text-decoration: none;
	filter: brightness(0.8);
}
.btn-sm-navy-blue {	/* ネイビーブルー */
	background-color: var(--navy-blue);
}

/********** 相談・問い合わせボタン大 **********/
.btn-contact {
	display: block;
	width: 260px;
	height: 120px;
	padding: 70px 15px 20px;
	text-align: center;
	background: var(--orange) url("../images/common/ico_mail_lg.svg") no-repeat center top 30px;
	background-size: 80px auto;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--white);
	transition: 0.3s ease-in-out;
}
.btn-contact:hover {
	text-decoration: none;
	filter: brightness(0.8);
}

/********** ヘッダ問い合わせボタン **********/
.btn-contact-round {
	display: block;
	width: 140px;
	padding: 10px 20px;
	text-align: center;
	background-color: var(--orange);
	color: var(--white);
	border-radius: 20px;
	font-size: 1.6rem;
	line-height: 1;
	transition: 0.3s ease-in-out;
}
.btn-contact-round:hover {
	text-decoration: none;
	filter: brightness(0.8);
}

/********** デフォルトボタン **********/
.btn-default {
	display: inline-block;
	min-width: 200px;
	padding: 15px 20px 15px 20px;
	text-align: center;
	background-color: var(--white);
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
	font-size: 1.6rem;
	color: var(--navy-blue);
	transition: 0.3s ease-in-out;
	border: 1px solid var(--navy-blue);
	font-weight: bold;
}
.btn-default:hover {
	text-decoration: none;
	border: 1px solid var(--navy-blue);
	color:var(--white);
	background-color: var(--navy-blue);
}

/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {
	.btn-contact-round {
		width: 120px;
		padding: 10px 15px;
		font-size: 1.4rem;
	}
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	/********** ボタン中 **********/
	.btn-md-navy-blue, .btn-md-orange {
		min-width: 240px;
		padding: 14px 40px 14px 15px;
		background-position: right 10px center;
		background-size: 10px auto;
		box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
		font-size: 1.5rem;
	}

	/********** ボタン小 **********/
	.btn-sm-navy-blue {
		min-width: 140px;
		padding: 8px 10px;	
	}

	/********** 相談・問い合わせボタン大 **********/
	.btn-contact {
		display: block;
		width: 220px;
		height: 90px;
		padding: 50px 10px 15px;
		background-position: center top 20px;
		background-size: 55px auto;
		box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
		font-size: 1.6rem;
	}

	/********** ヘッダ問い合わせボタン **********/
	.btn-contact-round {
		display: block;
		width: 40px;
		padding: 5px;
		background-color: var(--orange);
		background: url("../images/common/ico_mail_sm.svg") no-repeat center center;
		background-size: 25px auto;
		border-radius: 0;
		text-indent: -9999px;
	}

	/********** デフォルトボタン **********/
	.btn-default {
		min-width: 140px;
		padding: 8px 10px;
	}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	/********** ボタン小 **********/
	.btn-sm-navy-blue {
		min-width: 100px;
		padding: 6px 10px;
		font-size: 1.4rem;
	}

	/********** デフォルトボタン **********/
	.btn-default {
		min-width: 100px;
		padding: 6px 10px;
		font-size: 1.4rem;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Icon
class: arrow～(矢印)／searchbtn～(検索アイコン)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
コンテンツレイアウト大枠
class: main～／container／cont～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.main-wrap { /* ヘッダーの高さ分だけスペース確保 */
	padding-top: 75px;
	background: var(--light-gray);
	padding-bottom: 50px;
}
.container {	/* 全体幅コンテナ */
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.cont-wrap-1 {
	display: flex;
	flex-wrap: wrap;
}
.cont-box-1 {
	width: 65%;
	padding-right: 40px;
}
.cont-box-2 {
	width: 35%;
	max-width: 600px;
}

.cont-wrap-2 {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.cont-col-3 {
	width: calc((100% / 3) - (80px / 3));
	margin-bottom: 30px;
}

@media screen and (max-width: 1365.98px) {
	.main-wrap { /* ヘッダーの高さ分だけスペース確保 */
		padding-top: 65px;
	}
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.main-wrap { /* ヘッダーの高さ分だけスペース確保 */
		padding-top: 48px;
	}
	.container {	/* 全体幅コンテナ */
		padding-left: 20px;
		padding-right: 20px;
	}

	.cont-wrap-2 {
		gap: 30px;
	}
	.cont-col-3 {
		width: 100%;
		margin-bottom: 20px;
	}

	.cont-box-2 {
		width: 100%;
		max-width: 100%;
	}
	.cont-box-1 {
		width: 100%;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.container {	/* 全体幅コンテナ */
		padding-left: 15px;
		padding-right: 15px;
	}
	.cont-box-1 {
		width: 100%;
		padding-right: 0;
	}
	.cont-col-3 {
		width: 100%;
		margin-bottom: 20px;
	}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	.cont-wrap-2 {
		gap: 0;
	}
	.cont-col-3 {
		width: 100%;
		margin-bottom: 20px;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Header
class: head～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#head {
	position: fixed;
	top: 0;
  	left: 0;
	width: 100%;
	z-index: 999;
}
.head-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding: 10px 30px;
	background-color: rgba(255, 255, 255, 0.8);
}
.head_logo {
	margin-left: 0;
	margin-right: auto;
	width: 220px;
}

.en-US::before,
.ja::before {
	content: "";
}

.head-lang,
.en-US .bogo-language-name,
.ja .bogo-language-name {
	width: 40px;
	height: 40px;
	border: 1px solid var(--cloud-gray);
	border-radius: 50%;
	font-size: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s ease-in-out;
	margin-left: 10px;
	margin-right: 10px;
	transition: 0.2s;
}

.head-lang:hover,
.en-US .bogo-language-name:hover,
.ja .bogo-language-name:hover {
	text-decoration: none;
	background-color: var(--navy-blue);
	color: var(--white);
	transition: 0.2s;
}

.head-lang:hover a,
.en-US .bogo-language-name:hover a,
.ja .bogo-language-name:hover a {
	color: var(--white);
	text-decoration: none;
	transition: 0.2s;
}
.head-contact {
	margin-left: 10px;
	margin-right: 10px;
}

/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {
	.head-wrap {
		padding: 10px 15px;
	}
	.head_logo {
		width: 180px;
	}
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.head-wrap {
		padding: 5px 15px;
	}
	.head_logo {
		width: 160px;
	}
	.head-lang {
		width: 35px;
		height: 35px;
		font-size: 1.4rem;
		margin-left: 5px;
		margin-right: 5px;
	}
	.head-contact {
		margin-left: 0;
		margin-right: 0;
	}
	
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	.head-wrap {
		padding: 5px 5px 5px 10px;
	}
	.head_logo {
		width: 140px;
	}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Gメニュー
class: gmenu～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.gmenu-nav {
	
}
.sp-gmenu-button {	/* ハンバーガーボタン非表示 */
	display: none;
}
.gmenu-list {
	list-style: none;
}
.gmenu-item {
	position: relative;
	display: inline-block;
	text-align: center;
}

.gmenu-item::before {
	content: '';
}

.gmenu-item > a {
	display: block;
	min-width: 130px;
	padding: 5px;
	color: var(--black);
	transition: 0.1s ease-in-out;
	font-weight: 500;
	cursor: pointer;
}
.gmenu-item > a.gmenu-arrow {
	min-width: 160px;
}

.gmenu-item a:hover {
	text-decoration: none;
}
.gmenu-item > a:hover {
	text-decoration: none;
	color: var(--orange);
}
.gmenu-arrow {
	background-image: url("../images/common/ico_arrow_down_indigo.svg");
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 8px auto;
}
.gmenu-sub {
	min-width: 160px;
	display: none;
	position: absolute;
	left: 0;
	/*top: 0;*/
	background-color: var(--navy-blue);
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 1;
}
.gmenu-sub li {
	list-style: none;
}
.gmenu-sub a {
	background-color: var(--navy-blue);
	color: var(--white);
	font-size: 1.5rem;
	display: block;
	padding: 8px 10px;
	text-align: left;
	transition: 0.3s ease-in-out;
}
.gmenu-sub a:hover {
	filter: brightness(0.8);
}

/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {

}


/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Footer
class: foot～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.foot-wrap {
	background-color: var(--navy);
	padding: 20px 30px 10px;
}

.foot-wrap a[target="_blank"] {
	background:none;
	padding-right: 20px;
}

.foot-box-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.foot-site-link li {
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.foot-site-link li a {
	color: var(--white);
	font-size: 1.6rem;
}
.foot_address p {
	color: var(--white);
	font-size: 1.6rem;
}
.foot_logo img {
	width: 180px;
	height: auto;
	margin-bottom: 10px;
}
.foot_facebook {
	width: 40px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
}
.foot_copy {
	font-size: 1.6rem;
	text-align: center;
	color: var(--white);
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.foot-wrap {
		background-color: var(--navy);
		padding: 10px 15px;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
.foot-box-1 {
	display: block;
}
.foot-site-link {
	text-align: center;
	margin-bottom: 10px;
}
.foot_address {
	margin-bottom: 10px;
}
.foot_address p {
	font-size: 1.5rem;
	line-height: 1.4;
}
.foot_facebook {
	width: 35px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.foot_logo {
	width: 100%;
}
.foot_logo img {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.foot_address {
	text-align: center;
}
.foot_copy {
	font-size: 1.4rem;
	
}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ページTOP
class: pagetop
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pagetop {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	z-index: 99;
	background-color: var(--navy-blue);
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
	opacity: 0.9;
	transition: all .3s ease;
}
.pagetop:hover {
	opacity: .5;
}
.pagetop-arrow {
	display: block;
	width: 20px;
	height: 25px;
	background: url("../images/common/ico_arrow_top.svg") no-repeat center center;
	background-size: 20px auto;
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.pagetop {
		bottom: 15px;
		right: 15px;
		width: 40px;
		height: 40px;
		box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
	}
	.pagetop-arrow {
		display: block;
		width: 12px;
		height: 18px;
		background-size: 12px auto;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
問い合わせ誘導
class: guid～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.guid-wrap {
	display: flex;
	flex-wrap: wrap;
	border: 2px solid var(--navy-blue);
	background-color: var(--lavender-blue); 
	border-radius: 15px;
	padding: 30px 45px;
	width: 100%;
}
.guid-wrap.no-fiex {
	display: block;
	flex-wrap:nowrap;
	border: 2px solid var(--navy-blue);
	background-color: var(--lavender-blue); 
	border-radius: 15px;
	padding: 30px 50px;
	width: 100%;
}
.guid-txt {
	width: calc(100% - 260px);
	padding-right: 50px;
	font-size: 2.1rem;
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.guid-wrap {
		padding: 20px 40px;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.guid-wrap {
		padding: 15px 20px;
		text-align: center;
	}
	.guid-txt {
		width: 100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.guid-wrap .btn-contact {
		margin-left: auto;
		margin-right: auto;
	}
	
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {


}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
強み
class: feat～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.feat-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5vw;
}
.feat-box-1 {
	width: auto;
	background-color: var(--navy-blue);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 30px;
}
.feat-box-1 h3 {
	width: 100%;
}
.feat-box-2 {
	width: calc(100% - 210px);
	padding: 30px 30px 20px;
	background-color: var(--white);
	list-style: none;
}

.feat-wrap_en .feat-box-2 {
	width: calc(100% - 270px);
	padding: 30px 30px 20px;
	background-color: var(--white);
	list-style: none;
}

.feat-box-2 li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 1rem;
}
.feat-box-2 li::before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 3px;
	position: absolute;
	top: 12px;
	left: 0;
	background-color: var(--orange);
}



/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	.feat-box-1 {
		width: 200px;
		padding: 20px;
	}
	.feat-box-2 {
		width: calc(100% - 200px);
		padding: 20px 20px 10px;
	}
	.feat-wrap_en .feat-box-2 {
		width: calc(100% - 240px);
		padding: 30px 30px 20px;
		background-color: var(--white);
		list-style: none;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.feat-box-1 {
		width: 100%;
		padding: 10px 15px;
	}
	.feat-box-2 {
		width: 100%;
		padding: 15px 15px 10px;
	}
	.feat-wrap_en .feat-box-2 {
		width: 100%;
		padding: 15px 15px 10px;
	}
	
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	.feat-box-2 {
		padding: 10px 15px 5px;
	}

}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ニュースINDEX
class: news-arv～
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.news-arv-ttl-box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.news-arv-ttl-en {
	margin-right: 30px;
	font-size: 5.6rem;
	color: var(--orange);
	font-weight: 500;
	line-height: 1;
}

/********** ニュースリスト **********/
.news-arv-list > li {
	list-style: none;
	border-bottom: 1px solid var(--cloud-gray);
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
.news-arv-list > li::before {
	content: '';
}
.news-arv-list > li:first-of-type {
	border-top: 1px solid var(--cloud-gray);
}
.news-arv-date {
	width: 120px;
}
.news-arv-cat-box {
	width: 200px;
}
.news-arv-txt {
	width: calc(100% - 320px);
	color: var(--black);
}

/* ニュースカテゴリー */
.news-arv-cat-1, .news-arv-cat-2 {
	display: inline-block;
	min-width: 130px;
	padding: 4px 15px;
	border-radius: 15px;
	text-align: center;
	color: var(--white);
	font-size: 1.4rem;
}
.news-arv-cat-1 {
	background-color: rgb(232, 105, 41, 0.7);
}
.news-arv-cat-2 {
	background-color: rgb(41, 61, 163, 0.7);
}
.news-arv-cat-new {	/* NEW */
	color: var(--orange);
	font-size: 1.5rem;
	margin-left: 10px;
	margin-right: 10px;
}

/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {
	.news-arv-ttl-en {
		font-size: 3.6rem;
		margin-right: 20px;
	}
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.news-arv-ttl-en {
		font-size: 3rem;
		margin-right: 10px;
	}
	
	/********** ニュースリスト **********/
	.news-arv-date {
		width: 100px;
	}
	.news-arv-cat-box {
		width: 180px;
	}
	.news-arv-txt {
		width: 100%;
	}
	/* ニュースカテゴリー */
	.news-arv-cat-1, .news-arv-cat-2 {
		min-width: 100px;
		padding: 1px 12px;
		
	}
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
	.news-arv-ttl-en {
		font-size: 2.4rem;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通設定　※CSS下部に設置 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/********** 共通マージン設定 **********/
/*.mt50-lg20-xs5 {
	margin-top: 50px;
}
.mt30-lg15-md10-xs0 {
	margin-top: 30px;
}*/
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.mt30-mb10-mdt15 {
	margin-top: 30px;
	margin-bottom: 10px;
}
.ml30-mr30 {
	margin-left: 30px;
	margin-right: 30px;
}
.pl30-pr30 {
	padding-left: 30px;
	padding-right: 30px;
}
.pl50-pr50 {
	padding-left: 50px;
	padding-right: 50px;
}
.ml20 {
	margin-left: 20px
}
.mb40-md20 {
	margin-bottom: 40px;
}
.mb30-md20 {
	margin-bottom: 30px;
}
.mb30-md20-sm15 {
	margin-bottom: 30px;
}
.mb20-md10 {
	margin-bottom: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb0 {
	margin-bottom: 0;
}


/********** 共通パディング設定 **********/
.pt3per-pb3per {
	padding-top: 3%;
	padding-bottom: 3%;
}
.pt15 {
	padding-top: 15px;
}
.pb3per {
	padding-bottom: 3%;
}

/********** テキスト配置指定 **********/
.txt-center {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}

/********** フォントカラー **********/
.color-white {
	color: var(--white);
}
.color-orange {
	color: var(--orange);
}
.color-navy-blue {
	color: var(--navy-blue);
}
.color-red {
	color: var(--red);
}

/********** 見出し **********/
.dot-ttl {
	background: url("../images/common/ico-dot.svg") no-repeat;
	background-position: 0 21%;
	padding-left:2.5rem;
}

.obi-ttl {
	color: var(--white);
	background:var(--navy);
	font-weight: bold;
	text-align: center;
	padding: 0.5rem 0.5rem;
	font-size: 2.4rem;
}

.obi-center-ttl {
	text-align: center;
}

.obi-center-ttl span {
	color: var(--white);
	background:var(--navy);
	font-weight: bold;
	text-align: center;
	padding: 0.5rem 0.5rem 0.9rem 0.5rem ;
	font-size: 2.4rem;
	border-radius: 100px;
	padding-left: 2rem;
	padding-right: 2rem;
	display: inline-block;
	font-feature-settings: "palt";
}

.obi-logo-ttl {
	color: var(--white);
	background: url("../images/common/logo_ttl.svg") no-repeat center left,linear-gradient(to bottom, #212952 0% ,#9b9eac 100%);
	font-weight: bold;
	padding: 2.9rem 0.5rem 2.8rem;
	background-position: 1.5rem center;
	font-size: 3.4rem;
	background-size: 200px;
	width: auto;
	margin-top: 6rem;
	border-radius: 10rem;
	text-align: center;
}

.obi-orenge-ttl {
	color: var(--white);
	background:var(--orange);
	font-weight: bold;
	text-align: center;
	padding: 0.5rem 0.5rem;
	font-size: 2.4rem;
}

.obi-orenge-center-ttl {
}

.obi-orenge-center-ttl span {
	color: var(--white);
	background:var(--orange);
	font-weight: bold;
	text-align: center;
	padding: 0.5rem 0.5rem;
	font-size: 2.4rem;
	display: block;
	margin: 0 auto;
	width: 650px;
}

.label-ttl {
	color: var(--navy-blue);
	display: inline-block;
	border-bottom: 2px solid var(--navy-blue);
	font-weight: 600;
	width: 100%;
	padding: .7rem 3rem .5rem 0rem;
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
	/* 共通マージン設定 */
	.mt30-mb10-mdt15 {
		margin-top: 15px;
	}
	.mb40-md20, .mb30-md20, .mb30-md20-sm15 {
		margin-bottom: 20px;
	}
	.mb20-md10 {
		margin-bottom: 10px;
	}

	.obi-orenge-center-ttl span {
		color: var(--white);
		background:var(--orange);
		font-weight: bold;
		text-align: center;
		padding: 0.5rem 0.5rem;
		font-size: 2.4rem;
		display: block;
		margin: 0 auto;
		width: 100%;
	}

}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
	.mb30-md20-sm15 {
		margin-bottom: 15px;
	}
	.obi-logo-ttl {
		color: var(--white);
		background: url("../images/common/logo_ttl.svg") no-repeat center left,linear-gradient(to bottom, #212952 0% ,#9b9eac 100%);
		font-weight: bold;
		padding: 2.1rem 2rem 1.8rem;
		background-position: 1.5rem center;
		font-size: 2.1rem;
		background-size: 100px;
		width: auto;
		margin-top: 6rem;
		border-radius: 10rem;
		text-align: center;
	}

	.obi-center-ttl span {
		font-weight: bold;
		background-position: 1.5rem center;
		font-size: 2.1rem;
		background-size: 100px;
		width: auto;
		border-radius: 10rem;
		text-align: center;
	}

	.obi-orenge-center-ttl span {
		font-weight: bold;
		background-position: 1.5rem center;
		font-size: 2.1rem;
		background-size: 100px;
		width: auto;
		text-align: center;
	}
}


/*********************** ▼▼▼デバイス対応 1366px以下▼▼▼ ***********************/
@media screen and (max-width: 1365.98px) {
}

/*********************** ▼▼▼デバイス対応 1024px以下▼▼▼ ***********************/
@media screen and (max-width: 1023.98px) {
}

/*********************** ▼▼▼デバイス対応 896px以下▼▼▼ ***********************/
@media screen and (max-width: 895.98px) {
}

/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
@media screen and (max-width: 575.98px) {
}


/*ナビゲーション*/
.nav-container {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.9);
}

.logo {
	font-size: 24px;
	font-weight: bold;
	color: #0066cc;
}

.nav-menu {
	display: flex;
	list-style: none;
}

.nav-item {
	position: relative;
	padding-left: 0rem;
	text-align: center;
}

.nav-item::before {
    content: '';
    clear: both;
}

.nav-item ul li::before {
    content: '';
    clear: both;
}

.nav-link {
	color: #333;
	text-decoration: none;
	font-size: 16px;
	display: block;
	padding: 10px;
	cursor: pointer;
	transition: color 0.3s;
	font-weight: 500;
	min-width: 120px;
}

.nav-link:hover {
	color: #0066cc;
	text-decoration: none;
}

.active-nav > .nav-link {
	color: #0066cc;
}

.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	min-width: 200px;
	border-radius: 4px;
	display: none;
	z-index: 1001;
}

.dropdown-item {
	list-style: none;
	padding-left: 0;
}

.dropdown-link {
	color: #333;
	text-decoration: none;
	padding: 12px 20px;
	display: block;
	font-size: 14px;
	transition: background-color 0.3s;
}

.dropdown-link:hover {
	background-color: #f5f5f5;
	color: #0066cc;
}

.show {
	display: block;
}

.nav-toggle {
	display: none;
	cursor: pointer;
}

.bar {
	display: block;
	width: 25px;
	height: 3px;
	margin: 5px auto;
	background-color: #333;
	transition: all 0.3s;
}

.content {
	padding: 100px 20px 20px;
	max-width: 1200px;
	margin: 0 auto;
}

@media (max-width: 1023.98px) {
	.nav-menu {
		position: fixed;
		left: -100%;
		top: 70px;
		flex-direction: column;
		background-color: #fff;
		width: 100%;
		border-top: 1px solid #eee;
		box-shadow: 0 5px 15px rgba(0,0,0,0.1);
		transition: 0.3s;
		padding: 20px 0;
	}
	
	.nav-menu.active {
		left: 0;
	}
	
	.nav-item {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	.dropdown {
		position: static;
		box-shadow: none;
		min-width: 100%;
		padding-left: 20px;
		margin-bottom: 10px;
		background-color: #f9f9f9;
	}
	
	.nav-toggle {
		display: block;
	}
	
	.nav-toggle.active .bar:nth-child(2) {
		opacity: 0;
	}
	
	.nav-toggle.active .bar:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	
	.nav-toggle.active .bar:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
}


/*********************** ▼▼▼デバイス対応 1400px以下▼▼▼ ***********************/
/*@media screen and (max-width: 1399.98px) {
}*/
/*********************** ▼▼▼デバイス対応 1200px以下▼▼▼ ***********************/
/*@media screen and (max-width: 1199.98px) {
}*/
/*********************** ▼▼▼デバイス対応 992px以下▼▼▼ ***********************/
/*@media screen and (max-width: 991.98px) {
}*/
/*********************** ▼▼▼デバイス対応 768px以下▼▼▼ ***********************/
/*@media screen and (max-width: 767.98px) {
}*/
/*********************** ▼▼▼デバイス対応 576px以下▼▼▼ ***********************/
/*@media screen and (max-width: 575.98px) {
}*/
/*********************** ▼▼▼デバイス対応 480px以下▼▼▼ ***********************/
/*@media screen and (max-width: 479.98px) {
}*/