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

/*---------------------------------------------------------------------------------------------------------------------
	ベーススタイル
---------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

html,body { width:100%; }
body { font-size:16px; font-family: 'Noto Sans JP', sans-serif; letter-spacing:0; color:#0a273f; line-height:1.5; min-width:1300px; }
body.locked { height:100vh; overflow:hidden; }

/*------------------------------
	a
-------------------------------*/
a { color:#0a273f; text-decoration:none; }
a img { transition:all 1s; }
a:link { color:#0a273f; } 
a:visited { color:#0a273f; }
a:hover { text-decoration:underline; }
a:active { color:#0a273f; }
a:hover img { opacity:0.7; }
a:focus { outline:none; }

/*------------------------------
	margin
-------------------------------*/
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }

img { max-width: 100%; }

.w100per { width: 100%; }

/*------------------------------
	font-size
-------------------------------*/
.f14 { font-size: 88% !important; }
.f18 { font-size: 120% !important; }


/*---------------------------------------------------------------------------------------------------------------------
	レイアウト
---------------------------------------------------------------------------------------------------------------------*/
/* テキスト */
.txtCenter { text-align: center !important; }
.txtRight { text-align: right !important; }
.txtBold { font-weight: bold; }

/* リスト（頭落とし） */
ul.atComment { margin-left:0; padding:0; }
ul.atComment li { text-indent:-1em; margin:0 0 0 1em; padding:0; list-style:none; }
ul.atComment2 { margin-left:0; padding:0; }
ul.atComment2 li { text-indent:-2em; margin-left:2em; padding:0; list-style:none; }
ul.atComment3 { margin-left:0; padding:0; }
ul.atComment3 li { text-indent:-3em; margin-left:3em; padding:0; list-style:none; }

.numList li,
.numOneHalfList li { display: flex; }
.numList .listTxt,
.numOneHalfList .listTxt { flex: 1; }
.numList .listNum { width: 1em; }
.numOneHalfList .listNum { width: 1.8em; }

/* リスト（枠線あり） */
ul.borderList li { border: solid 1px #e3e8ea; border-radius: 15px; }

/* リスト（ニュース） */
ul.newsList { border-bottom: solid 1px #e3e8ea; }
ul.newsList li { border-top: solid 1px #e3e8ea; }
ul.newsList li .newsDate { color: #008ed8; }
ul.newsList li .newsTitle { flex: 1; }

/* リスト（頭に-） */
ul.lineList li a { padding-left: 25px; position: relative; }
ul.lineList li a::before { content: ""; display: flex; width: 15px; height: 1px; background-color: #0090db; position: absolute; left: 0; top: 0.5em; }

/* リスト（頭に●） */
ul.circleList li { padding-left: 20px; position: relative; }
ul.circleList li::before { content: ""; width: 10px; height: 10px; background-color: #008cd8; border-radius: 50%; position: absolute; top: 0.45em; left: 0; }

/* リスト（横振り） */
ul.flexList { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
ul.flexList li { width: 480px; }
ul.flexList li:nth-child(n+3) { margin-top: 30px; }
ul.flexList li img { border-radius: 15px; overflow: hidden; }
ul.flexList li img + span { display: block; margin-top: 15px; font-size: 87%; }

ul.radiusImgList .borderImg,
ul.flexList .borderImg,
ul.flexList3 .borderImg,
ul.radiusImgList .modalImg,
ul.flexList .modalImg,
ul.flexList3 .modalImg { margin-top: 0; }

ul.flexList3 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
ul.flexList3 li { width: 313px; }
ul.flexList3 li:nth-child(n+4) { margin-top: 30px; }
ul.flexList3 li img { border-radius: 15px; overflow: hidden; }
ul.flexList3 li img + span { display: block; margin-top: 15px; font-size: 87%; }

ul.radiusImgList li img { border-radius: 15px; overflow: hidden; }
ul.borderImgList li img { border: solid 1px #e5e5e5; border-radius: 15px; overflow: hidden; position: relative; }
ul.borderImgList li .arrowLink img { border: none; }


/* テキスト */
p.atComment { text-indent:-1em; margin-left:1em; padding:0; }
p.atComment2 { text-indent:-2em; margin-left:2em; padding:0; }
p.atComment3 { text-indent:-3em; margin-left:3em; padding:0; }
.txtGradation > span { color: #001b50; background: -webkit-linear-gradient(0deg, #001b50, #008cd6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: bold; letter-spacing: 0.03em; }

/* 表示 */
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayNone { display:none !important; }
.pcDisplayBlock { display:block !important; }
.pcDisplayNone { display:none !important; }

/* ボタン */
button { border:none; margin-top:5px; background:none; padding:0; width: 100%; }

.txtBtn { margin: 0 auto; border-radius: 30px; overflow: hidden; }
.txtBtn a,
.txtBtn button { color: #fff; background-color: #0790d8; display: block; text-align: center; transition: all 1s; }
.txtBtn a:hover,
.txtBtn button:hover { opacity: 0.7; text-decoration: none; }
.txtBtn a span,
.txtBtn button span { padding: 0 30px; background: url("/common/images/bg_arrow_white.png") no-repeat right center; }

.txtBtn.txtBlueBtn a,
.txtBtn.txtBlueBtn button { color: #008ed8; background-color: #eef5f8; }
.txtBtn.txtBlueBtn a span,
.txtBtn.txtBlueBtn button span { background-image: url("/common/images/bg_arrow_blue.png"); }

.txtBtn.txtWhiteBtn { border: solid 2px #038ed8; margin: 0; }
.txtBtn.txtWhiteBtn a,
.txtBtn.txtWhiteBtn button { color: #038ed8; background-color: #fff; }
.txtBtn.txtWhiteBtn a span,
.txtBtn.txtWhiteBtn button span { background-image: url("/common/images/bg_arrow_blue.png"); }

.txtBtn a.iconPdf { background-image: none; }
.txtBtn a.iconPdf span { background-image: url("/common/images/icon_pdf.png"); background-repeat: no-repeat; background-position: right center; background-size: 13px; }

.txtBtnL { margin-top: 65px; font-size: 127%; width: 350px; }
.txtBtnL a,
.txtBtnL a.iconPdf,
.txtBtnL button,
.txtBtnL button.iconPdf { padding: 18px 0; }

.txtBtnBack a span,
.txtBtnBack button span { padding: 0 30px; background: url("/common/images/bg_arrow_back.png") no-repeat left center; }

.txtBtn.txtBlueBtn.txtBtnBack a span,
.txtBtn.txtBlueBtn.txtBtnBack button span { padding: 0 30px; background: url("/common/images/bg_arrow_back_blue.png") no-repeat left center; }

.txtBtnInline { display: inline-block; margin-left: 0; }
.txtBtnInline a { padding: 10px 25px; }

/* タイトル */
.borderTopTitle { font-size: 225%; border-top: solid 2px #e3e8ea; position: relative;  padding-top: 30px; line-height: 1.7; }
.borderTopTitle::before { content: ""; position: absolute; top: -2px; left: 0; width: 100px; height: 2px; background-color: #008cd8; }

.borderTopTitle + p { margin-top: 20px; line-height: 1.8; }

.borderLeftTitle { padding-left: 20px; font-size: 163%; position: relative; line-height: 1.3; }
.borderLeftTitle::before { content: ""; width: 4px; height: 100%; border-radius: 2px; background-color: #008ed8; position: absolute; left: 0; top: 0; }
.borderLeftTitle + p,
.borderLeftTitle + ul { margin-top: 36px; }

.bgTitle { background-color: #eef5f8; padding: 10px 15px; font-size: 133%; color: #008ed8; border-radius: 10px; }
.bgTitle span { display: block; border-left: solid 3px #008cd8;  padding-left: 10px; }

.enTitle { font-size: 186%; text-align: center; }
.enTitle span { font-size: 57%; color: #0090db; display: block; margin-bottom: 8px; }

.colorTitle { text-align: center; font-size: 259%; color: #008ed8; }

.circletitle { font-size: 130%; margin-top: 50px; position: relative; padding-left: 20px; }
.circletitle::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 11px; height: 11px; border-radius: 50%; background-color: #008ed8; }

.hasBtnTitle { display: flex; align-items: center; }
.hasBtnTitle .txtBtn { margin-left: 20px; width: 200px; font-size: 78%; }
.hasBtnTitle .txtBtn a { padding: 10px; }

/* リンク */
a[target="_blank"] { background-image: url("/common/images/icon_win.png"); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }
a[target="_blank"].noIconWin { background-image: none; padding-right: 0; }
a.iconDl { background-image: url("/common/images/icon_dl.png"); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }
a.iconPdf { background-image: url("/common/images/icon_pdf.png"); background-repeat: no-repeat; background-position: right center; padding: 2px 25px 2px 0; background-size: 13px; }
a.iconPdf span { background: none; }

.arrowLink { display: inline-block; }

a.arrowLink { color: #0a273f; display: flex; align-items: center; }
a.arrowLink img { width: 38px; margin-left: 10px; }

.arrowLink > div { display: flex; align-items: center; }
.arrowLink img { margin-left: 15px; }

div.arrowLink { display: flex; align-items: center; }
div.arrowLink img { margin-left: 15px; width: 38px; }

.arrowIcon > a { color: #008ed8; padding-right: 20px; background: url("/common/images/bg_arrow_blue.png") no-repeat right center / 13px; }

/* コンテンツ幅 */
.contentsOuter { width: 1280px; margin: 0 auto; padding: 0 20px; }

/* テーブル */
table { width: 100%; border-collapse: collapse; }
table.commonTable { border-bottom: solid 1px #b9cbd2; }
table.commonTable tr th,
table.commonTable tr td { border-top: solid 1px #b9cbd2; padding: 47px 0 45px; }
table.commonTable tr th { width: 200px; }

table.grayTable th,
table.grayTable td { border: solid 1px #e5e4e5; text-align: center; padding: 7px; vertical-align: middle; }
table.grayTable th { background-color: #f5f6f5; }

/* 定義リスト */
dl.borderDl dt { color: #008ed8; font-size: 113%; padding-left: 27px; font-weight: normal; position: relative; }
dl.borderDl dt::before { content: ""; position: absolute; left: 3px; top: 0.6em; width: 11px; height: 2px; background-color: #008ed8; }
dl.borderDl dd { margin-top: 10px; line-height: 1.8; }

dl.circleDl dt { font-size: 113%; padding-left: 20px; position: relative; }
dl.circleDl dt::before { content: ""; width: 10px; height: 10px; background-color: #008cd8; border-radius: 50%; position: absolute; top: 0.45em; left: 0; }

/* 背景 */
.bgColor { background-color: #eef5f8; border-radius: 15px; }
.bgBorder { border: solid 1px #e5e5e5; border-radius: 15px; }
.bgWhite { background-color: #fff; border-radius: 15px; }

/* レイアウト */
.flexInner { display: flex; justify-content: space-between; align-items: flex-start; }
.flexInner > div,
.flexInner > p,
.flexInner > dl { width: 480px; }
.flexInner > .borderImg { margin-top: 0; }

.imgInner img + span { display: block; margin-top: 15px; font-size: 87%; }

/* PDF */
#attentionInner { margin-top: 55px; padding: 45px 50px; background-color: #eef5f8; overflow: hidden; line-height: 1.8; border-radius: 15px; }
#attentionInner #attentionImg { float: right; padding: 0 0 10px 10px; }
#attentionInner a { color: #0c9fde; padding-right: 20px; background: url("/common/images/bg_arrow_blue.png") no-repeat right center / 12px; }

/* 画像タイトル */
.imgTitle div.imgTitleTxt { color: #008ed8; display: block; font-size: 113%; }
.imgTitle div.imgTitleImg { margin-top: 10px; }
.imgTitle div.imgTitleImg.borderImg,
.imgTitle div.imgTitleImg.modalImg { margin-top: 10px; }
.imgTitle div.imgTitleImg img + span { display: block; margin-top: 15px; font-size: 87%; }

/* キャプション */
.captionTxt { display: block; margin-top: 15px !important; font-size: 87%; }
.imgCaption span { display: block; margin-top: 15px !important; font-size: 87%; }

/*-------------------
	form
--------------------*/
input,
textarea { border:solid 1px #e5e5e5; border-radius:5px; font-size: 93%; max-width: 100%; }
textarea { width:858px; max-width: 100%; padding:10px; }

/* テキストボックス */
input[type='text'] { color:#939393; line-height:2.7; padding:0 10px; width:310px; min-height:37px; }

/* ラジオ */
input[type="radio"] { opacity: 0; position: absolute; }
input[type="radio"] + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; min-height: 28px; }
input[type="radio"] + label::before { position: absolute; content: ""; display: block; top: 50%; left: 0; width: 18px; height: 18px; border-radius: 50%; background-color: #e6e7e7; transform: translateY(-50%); }
input[type="radio"]:checked + label::before { background-color: #008cd8; }

/* セレクトボックス */
.selectBg { margin-top:20px; width: 303px; position: relative; cursor: pointer; border:solid 1px #e5e5e5; border-radius:5px; font-size: 93%; }
.selectBg::before,
.selectBg::after { content: ''; position: absolute; width: 4px; height: 4px; z-index: 1; right: 10px; }
.selectBg::before { border: 5px solid transparent; border-top: 8px solid #4b4b4b; top: 50%; margin-top: 1px; }
.selectBg::after { border: 5px solid transparent; border-bottom: 8px solid #4b4b4b; bottom: 50%; margin-bottom: 1px; }
.selectBg select { width: 100%; line-height: 2.7; padding: 0 10px; }

/* エラー */
span.error { color: red; /*display: block;*/ margin-top: 10px; display: none; }
p + p span.error { margin-top: 0; }

/* 必須 */
.requiredColor { color: #c7474d; padding-left:5px; }

/*---------------------------------------------------------------------------------------------------------------------
	プラグインCSSの上書き
---------------------------------------------------------------------------------------------------------------------*/
/* slick */
.slick-arrow { position: absolute; z-index: 1; top: 48%; transform: translateY(-50%); margin: 0; width: auto; }
.slick-disabled img { opacity: 0.3; }
#slick-prev { left: -55px; }
#slick-next { right: -55px; }

.slick-dots { display: flex; justify-content: center; margin-top: 10px; }
.slick-dots li { margin: 0 10px; cursor: pointer; }
.slick-dots li span { display: block; background: #ccc; border-radius: 50%; width: 20px; height: 20px; }
.slick-dots li.slick-active span { background: #0085cc; }

/* colorbox */
#colorbox,
#cboxOverlay,
#cboxWrapper { overflow: visible !important; }
#cboxOverlay { background-color: #3ca0cd; }
#cboxContent { margin: 25px; background: #fff; }
#cboxLoadedContent { padding: 0; background-color: transparent; }
#cboxLoadingOverlay { background-color: transparent; }

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose { text-indent: 0; width: auto; height: auto; top: 0; }

#cboxClose { width: 58px; height: 58px; top: -70px; right: 0; background: url("/common/images/common_modal_close.png") no-repeat center center / contain; }
#cboxClose:hover { background-position: center center; }

/*---------------------------------------------------------------------------------------------------------------------
	コンテンツ部分
---------------------------------------------------------------------------------------------------------------------*/
/*------------------------------
  headerWrap
-------------------------------*/
#headerWrap #headerSection { background-color: #ffffff; padding: 0 30px; padding-right: 114px; width: 100%; box-sizing: border-box; position: fixed; left: 0; top: 0; z-index: 10; /*transition: all 0.3s ease-out;*/  min-width:1300px; }
#headerWrap h1 { margin-top: 23px; width: 184px; }

#headerWrap #headerSection #headerArea { display: flex; justify-content: space-between; }
#headerWrap #headerSection #headerArea #headerLink { display: flex; align-items: center; }
#headerWrap #headerSection #headerArea #headerLink > ul { display: flex; align-items: center; margin-top: 20px; }
#headerWrap #headerSection #headerArea #headerLink > ul > li > a { font-size: 106%; padding: 25px 20px 40px; display: block; transition: all .5s ease; border-radius: 5px 5px 0 0; }
#headerWrap #headerSection #headerArea #headerLink > ul > li > a span { color: #0c283f; padding-bottom: 5px; font-weight: bold; }
#headerWrap #headerSection #headerArea #headerLink > ul > li:hover > a { background-color: #eef5f8; text-decoration: none; }
#headerWrap #headerSection #headerArea #headerLink > ul > li:hover > a > span { color: #008ed8; border-bottom: solid 2px #008ed8; }

#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail { position: absolute; top: 110px; left: 0; width: 100vw; height: 0; min-height: 0; overflow: hidden; transition: all .5s ease; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail.slideDown { z-index: 3; }
#headerWrap #headerSection #headerArea #headerLink ul li.singleLine .naviDetail.slideDown { height: 210px; }
#headerWrap #headerSection #headerArea #headerLink ul li.twoLines .naviDetail.slideDown { height: 330px; }
#headerWrap #headerSection #headerArea #headerLink ul li.threeLines .naviDetail.slideDown { height: 350px; }


#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner { background-color: #eef5f8; display: flex; justify-content: center;padding: 20px 0 45px; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner a[target="_blank"] { background: none; padding-right: 0; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner a[target="_blank"] span { background-image: url("/common/images/icon_win.png"); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }

#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox { width: 100%; max-width: 1240px; margin: 0 auto; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox h2 { margin: 10px 0; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox h2 a { display: flex; align-items: center; border-bottom: none; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox h2 a .titleEn { font-size: 218%; color: #008ed8; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox h2 a .titleJa { color: #0a273f; font-weight: normal; margin-left: 15px; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox h2 a img { margin-left: 18px; width: 39px; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox ul { display: flex; align-items: center; flex-wrap: wrap; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox ul li { margin-top: 20px; width: 25%; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox ul li a { display: flex; align-items: center; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox ul li a span { margin-left: 10px; color: #0a273f; font-weight: bold; }
#headerWrap #headerSection #headerArea #headerLink ul li .naviDetail .naviInner .naviBox ul li a img { width: 50px; }

#headerWrap #headerSection #headerArea #headerLink #naviLanguage { width: 118px; margin: 0 20px; position: relative; }
#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageSelect { text-align: center; border: solid 1px #000; border-radius: 20px; font-size: 75%; position: relative; padding: 7px 0 10px; margin-top: 5px; line-height: 1; }
#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageSelect::after { content: ''; position: absolute; top: calc(50% - 3px); right: 10px; border-top: 6px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent;  }

#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageList { height: 0; transition: all .5s ease; position: absolute; left: 1px; right: 1px; overflow: hidden; padding-top: 7px; }
#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageList ul { background-color: #fff; border: solid 1px #000; border-radius: 8px; text-align: center; padding: 7px 0; }
#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageList ul li a { padding: 3px 0; display: block; }
#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageList ul li a[target="_blank"] { background: none; }

#headerWrap #headerSection #headerArea #headerLink #naviLanguage #languageList.slideDown { z-index: 3; height: 113px; }

#headerWrap #headerSection #headerArea #headerLink #naviSearch { display: flex; align-items: center; margin-left: 10px; }

#headerWrap #menuBtn { position: fixed; right: 1.4vw; top: 15px; cursor: pointer; z-index: 21; transition: all 1s; }
#headerWrap #menuBtn:hover { opacity: 0.7; }

/* 検索 */
.searchPos { display: none; }
.searchPos .coverArea { background-color: #0085cc; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; z-index: 101; cursor: pointer; }
.searchPos .coverArea img { position: fixed; right: 1.4vw; top: 15px; }
.searchPos form { margin: 0; background-color: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; }
.searchPos form input { outline: none; }
.searchPos form .txtInput { flex: 1; padding: 0 10px; font-size: 171%; height: 60px; border: none; border-radius: 7px 0 0 7px; }
.searchPos form .btnInput { vertical-align: bottom; border: none; }

#pcSearch .searchCenter { position: absolute; top: 355px; left: 0; right: 0; margin: 0 auto; width: 610px; z-index: 102; }


/* メニュー */
#inMenu { position:fixed; left:0; top:0; z-index:20; background-color:rgba(4, 143, 216, 0.9); width:100vw; height:100vh; transform:translateX(100%); transition:all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1); opacity:0; }
#inMenu.show { transform:translateX(0); opacity:1; pointer-events:visible; }

#inMenu > div { width: 93%; background-color: #ffffff; position: absolute; right: 0; top: 0; height: 100%; overflow-y: scroll; padding: 65px 80px 50px 90px; }
#inMenu > div a { color: #0a273f; }
#inMenu > div #logoArea img { width: 170px; }

#inMenu > div .inMenuFlexArea { display: flex; }
#inMenu > div .inMenuFlexArea .linkIndex a { display: flex; align-items: center; color: #008ed8; }
#inMenu > div .inMenuFlexArea .linkIndex img { margin-left: 14px; }

#inMenu > div #inMenuTopArea { margin-top: 35px; align-items: center; flex-wrap: wrap; }
#inMenu > div #inMenuTopArea .linkIndex { margin: 10px 0; }
#inMenu > div #inMenuTopArea ul { display: flex; align-items: center; margin-left: 93px; margin-right: 10px; }
#inMenu > div #inMenuTopArea ul li { margin-left: 30px; }
#inMenu > div #inMenuTopArea ul li:first-child { margin-left: 0; }
#inMenu > div #inMenuTopArea #contactBtn { width: 190px; margin-left: auto; text-align: center; }
#inMenu > div #inMenuTopArea #contactBtn a { display: block; border-radius: 30px; color: #008ed8; background-color: #eef5f8; font-weight: bold; transition: all 1s; }
#inMenu > div #inMenuTopArea #contactBtn a:hover {opacity: 0.7; }
#inMenu > div #inMenuTopArea #contactBtn a span { display: inline-block; background-image: url("/common/images/icon_mail.png"); background-repeat: no-repeat; background-position: left center; padding: 9px 3px 9px 30px; }

#inMenu > div #inMenuPageArea { margin-top: 40px; }
#inMenu > div #inMenuPageArea > div:first-child { width: 22%; }
#inMenu > div #inMenuPageArea > div:nth-child(2) { width: 31%; }
#inMenu > div #inMenuPageArea > div:nth-child(3) { width: 31%; }
#inMenu > div #inMenuPageArea .categoryInner + .categoryInner { margin-top: 40px; }
#inMenu > div #inMenuPageArea .categoryInner ul { margin-top: 30px; font-size: 81%; }
#inMenu > div #inMenuPageArea .categoryInner ul li { margin-top: 20px; }
#inMenu > div #inMenuPageArea .categoryInner ul li:first-child { margin-top: 0; }

#inMenu > div #inMenuSpArea { display: none; }

#inMenu > div #inMenuBgArea { background-color: #eef5f8; padding: 20px 35px; margin-left: auto; border-radius: 30px; }
#inMenu > div #inMenuBgArea ul { display: flex; align-items: center; margin: 0; }
#inMenu > div #inMenuBgArea ul li { margin-left: 40px; }
#inMenu > div #inMenuBgArea ul li:first-child { margin-left: 0; }
#inMenu > div #inMenuBgArea ul li a { color: #0085cc; font-size: 94%; font-weight: bold; }

#inMenu > div #inMenuBottomArea { margin-top: 45px; font-size: 75%; display: flex; justify-content: space-between; align-items: center; }
#inMenu > div #inMenuBottomArea ul { display: flex; align-items: center; }
#inMenu > div #inMenuBottomArea ul li { display: flex; align-items: center; border-left: solid 1px #e3e8ea; line-height: 1; padding: 3px 0 3px 20px; margin-left: 20px; }
#inMenu > div #inMenuBottomArea ul li:first-child { padding-left: 0; margin-left: 0; border-left: none; }

@media screen and (max-width: 1400px) {
	#headerWrap #headerSection #headerArea #headerLink > ul > li > a { padding: 25px 15px 40px; }
}


/*------------------------------
  footer
-------------------------------*/
/* バナー */
#bnSec { background-color: #eef5f8; padding: 35px 0 25px; }
#bnSec .contentsOuter { width: 1200px; padding: 0 5px; }
#bnSec #bnSlider .slick-slide { margin: 0 15px; max-width: 290px; }
#bnSec #bnSlider .slick-slide a[target="_blank"] { background: none; padding-right: 0; }
#bnSec #bnSlider .bnSliderItem img { width: 100%; }

#footerWrap { background-color: #fff; position: relative; min-width: 1300px; }
#footerWrap #footerMainArea { padding: 63px 0 70px; }
#footerWrap #footerMainArea .contentsOuter { display: flex; justify-content: space-between; }
#footerWrap #footerMainArea #footerLogo { width: 185px; }
#footerWrap #footerMainArea #footerListInner { flex: 1; margin-left: 55px; }
#footerWrap #footerMainArea #footerListInner ul { display: flex; font-size: 94%; }
#footerWrap #footerMainArea #footerListInner ul li a { color: #0a273f; display: inline-block; }
#footerWrap #footerMainArea #footerListInner ul li:first-child { width: 175px; }
#footerWrap #footerMainArea #footerListInner ul li:nth-child(2) { width: 145px; }
#footerWrap #footerMainArea #footerListInner ul#footerMainList { justify-content: space-between; }
#footerWrap #footerMainArea #footerListInner ul#footerMainList li a { padding-right: 20px; background: url("/common/images/bg_arrow_blue.png") no-repeat right center / 13px; }
#footerWrap #footerMainArea #footerListInner ul#footerMainList li:first-child { flex-basis: 175px; flex-grow: 0; }
#footerWrap #footerMainArea #footerListInner ul#footerMainList li:nth-child(2) { flex-basis: 145px; flex-grow: 0; }
#footerWrap #footerMainArea #footerListInner ul#footerMainList li { flex-grow: 1; flex-basis: auto; }
#footerWrap #footerMainArea #footerListInner ul#footerMainList li:last-child { flex-grow: 0; }
#footerWrap #footerMainArea #footerListInner ul#footerWinList { margin-top: 25px; }
#footerWrap #footerMainArea #footerListInner ul#footerWinList li:nth-child(3) { width: auto; }
#footerWrap #footerMainArea #footerListInner ul#footerLanguageList { margin-top: 35px; }

#footerWrap #footerCopyArea { font-size: 75%; border-top: solid 1px #e3e8ea; padding: 21px 0 25px; }
#footerWrap #footerCopyArea .contentsOuter { display: flex; justify-content: space-between; }
#footerWrap #footerCopyArea ul { display: flex; }
#footerWrap #footerCopyArea ul li { margin-left: 50px; }
#footerWrap #footerCopyArea ul li:first-child { margin-left: 0; }
#footerWrap #footerCopyArea ul li a { color: #0a273f; }


/*------------------------------
  タイトル
-------------------------------*/
.mainWrap #titleSec { position: relative; min-width: 1300px; height: 440px; background-size: cover; background-repeat: no-repeat; }
.mainWrap #titleSec > div { position: absolute; left: 80px; bottom: 50px; color: #fff; font-weight: bold; }
.mainWrap #titleSec #titleCate { font-size: 262%; }
.mainWrap #titleSec #titleCate span { font-size: 57%; display: block; }
.mainWrap #titleSec #pageTitle { font-size: 300%; margin-top: 15px; display: flex; align-items: center; }
.mainWrap #titleSec #pageTitle img { margin-top: 7px; width: 60px; }
.mainWrap #titleSec #pageTitle span { margin-left: 12px; }

.mainWrap #titleSec.indexMv { display: flex; justify-content: center; align-items: center; text-align: center; }
.mainWrap #titleSec.indexMv > div { position: static; }
.mainWrap #titleSec.indexMv .mvIcon { width: 88px; margin: 0 auto; }
.mainWrap #titleSec.indexMv #titleCate { font-size: 356%; margin-top: 5px; }
.mainWrap #titleSec.indexMv #titleCate span { font-size: 49%; }

.mainWrap #titleSec.commonMv { height: 193px; background: #edf5f8 url("/common/images/pages_title_bg.png") no-repeat right top; }
.mainWrap #titleSec.commonMv > div { bottom: auto; top: 50%; transform: translateY(-50%); color: #138edb; }
.mainWrap #titleSec.commonMv #titleCate { font-size: 212%; }
.mainWrap #titleSec.commonMv #pageTitle { margin-top: 5px; }
.mainWrap #titleSec.commonMv #pageTitle img { margin-bottom: 0; width: 53px; }

/*------------------------------
  パンくずナビ
-------------------------------*/
.breadcrumbNavi { margin-top: 60px; font-size: 88%; }
.breadcrumbNavi ul { display: flex; justify-content: flex-end; flex-wrap: wrap; }
.breadcrumbNavi ul li { position: relative; padding-left: 35px; line-height: 1.9; }
.breadcrumbNavi ul li::before { content: ""; position: absolute; top: 0.8em; left: 12px; width: 6px; height: 6px; border-top: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; transform: rotate(45deg); }
.breadcrumbNavi ul li a { color: #8f969e; }
.breadcrumbNavi ul li:first-child { padding: 0; }
.breadcrumbNavi ul li:first-child::before { content: none; }

/*------------------------------
  1カラム
-------------------------------*/
.singleColumn { min-width: 1280px; width: 1280px; margin: 0 auto; }
.singleColumn .mainContents { padding-bottom: 100px; }
.singleColumn .mainContents .breadcrumbNavi { width: 1280px; padding: 0 20px; margin: 50px auto 0; }
.singleColumn .mainContents .breadcrumbNavi + div { margin-top: 58px; padding: 0 20px; font-size: 94%; }

/*------------------------------
  2カラム
-------------------------------*/
.twoColumn { display: flex; flex-direction: row-reverse; justify-content: space-between; min-width: 1300px; }

/* サイドメニュー */
.twoColumn .sideMenu { color: #fff; width: 260px; position: relative; }
.twoColumn .sideMenu::before { content: ""; height: 100%; width: 1px; background-color: #e3e8ea; position: absolute; top: 0; right: 0; z-index: -1; }
.twoColumn .sideMenu > div { background: url("/common/images/side_bg.png") repeat left top; padding-bottom: 70px; }
.twoColumn .sideMenu::after { content: url(/common/images/main_bg.png); height: 140px; left: 260px; display: block; position: absolute; top: 0; }
.twoColumn .sideMenu .sideTitle { height: 140px; position: relative; z-index: 1; }
.twoColumn .sideMenu .sideTitle h3 { font-size: 150%; left: 40px; width: 100%; display: flex; align-items: center; height: 100%; position: absolute; }
.twoColumn .sideMenu .sideTitle h3 a { color: #fff; }
.twoColumn .sideMenu > div > ul { padding-top: 140px; padding-left: 58px; }
.twoColumn .sideMenu .sideTitle + ul { padding-top: 0; }
.twoColumn .sideMenu ul li { font-size: 106%; margin-top: 16px; }
.twoColumn .sideMenu ul li:first-child { margin-top: 0; }
.twoColumn .sideMenu ul li a { color: #92cae7; }
.twoColumn .sideMenu > div > ul > li.current { position: relative; }
.twoColumn .sideMenu > div > ul > li.current::before { content: ""; width: 48px; height: 1px; background-color: #fff; position: absolute; left: -58px; top: 0.7em; }
.twoColumn .sideMenu > div > ul > li.current > a { color: #fff; }
.twoColumn .sideMenu ul li ul { margin-top: 20px; padding-left: 0; }
.twoColumn .sideMenu ul li ul li { padding-left: 1em; position: relative; font-size: 88%; }
.twoColumn .sideMenu ul li ul li.current a { color: #fff; }
.twoColumn .sideMenu ul li ul li.current::before { content: ""; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; position: absolute; top: 0.6em; left: 0; }
.twoColumn .sideMenu ul li ul li ul li.current::before { width: 5px; height: 1px; border-radius: 0; }

.twoColumn .sideMenu ul li a[target="_blank"] { background: url("/common/images/icon_win_white.png") no-repeat right center / 13px; }
.twoColumn .sideMenu ul li a.iconPdf { background-image: url("/common/images/icon_pdf.png"); }


/* メインコンテンツ */
.twoColumn .mainContents { width: 980px; margin: 0 auto; padding-bottom: 100px; }
.twoColumn .mainContents .breadcrumbNavi { margin-left: 320px; }
.twoColumn .mainContents .breadcrumbNavi + div { margin-top: 40px; padding-top: 75px; font-size: 94%; }

/*------------------------------
  タブ
-------------------------------*/
.tabList { display: flex; justify-content: flex-end; }
.tabList li { margin-left: 10px; }
.tabList li:first-child { margin-left: 0; }
.tabList li a { display: block; background-color: #eef5f8; color: #324658; border-radius: 5px; width: 140px; text-align: center; font-size: 88%; padding: 20px 0; text-decoration: none; transition: all 1s; }
.tabList li a:hover,
.tabList li a.tabOn { background-color: #008ed8; color: #fff; }

.contentsInner > div { display: none; }
.contentsInner > div:first-child { display: block; }

/*------------------------------
  ニュース
-------------------------------*/
#newsContentsArea .contentsInner > div { margin-top: 27px; }
#newsContentsArea .contentsInner > div ul.newsList li { display: flex; align-items: flex-start; padding: 27px 0; }
#newsContentsArea .contentsInner > div ul.newsList li .newsCate { width: 120px; padding: 8px 0; border-radius: 3px; text-align: center; color: #fff; font-size: 75%; margin-top: 1px; line-height: 1; }
#newsContentsArea .contentsInner > div ul.newsList li .newsRelease { background-color: #5ecedb; }
#newsContentsArea .contentsInner > div ul.newsList li .newsTopics { background-color: #f470a1; }
#newsContentsArea .contentsInner > div ul.newsList li .newsIr { background-color: #ebc77f; }
#newsContentsArea .contentsInner > div ul.newsList li .newsDate { font-size: 75%; margin-left: 25px; padding: 8px 0; font-weight: bold; margin-top: 1px; line-height: 1; }
#newsContentsArea .contentsInner > div ul.newsList li .newsTitle { margin-left: 37px; font-size: 106%; line-height: 1.8; }
#newsContentsArea .contentsInner > div ul.newsList li .newsTitle a[target="_blank"].pdfLink { background: none; padding-right: 0; }
#newsContentsArea .contentsInner > div ul.newsList li .newsTitle a.pdfLink .iconPos { margin-left: 15px; width: 13px; vertical-align: middle; }


/*------------------------------
  扉ページ共通01
-------------------------------*/
.indexSec { margin-top: 160px; background-color: #eef5f8; position: relative; }
.indexSec::after { content: ""; position: absolute; background-color: #fff; height: auto; width: calc(100% - 1240px); top: 50px; right: 0; bottom: 50px; z-index: 1; }
.indexSec .indexArea { width: 1280px; padding: 50px 20px; margin: 0 auto; position: relative; z-index: 10; }
.indexSec + .indexSec { margin-top: 195px; }
.indexSec .indexImg { position: absolute; top: -95px; border-radius: 15px; overflow: hidden; }
.indexSec .indexInfo { background-color: #fff; width: 642px; margin-left: auto; position: relative; border-radius: 15px 0 0 15px; }
.indexSec .indexInfo a { display: block; padding: 40px 0 67px 75px; }
.indexSec .indexInfo a:hover { text-decoration: none; opacity: 0.7; }
.indexSec .indexInfo a > div { color: #008cd8; font-size: 140%; font-weight: bold; display: flex; align-items: flex-end; }
.indexSec .indexInfo a > div img { margin-right: 15px; width: 50px; }
.indexSec .indexInfo h3 { margin-top: 20px; font-size: 200%; line-height: 1.6; }
.indexSec .indexInfo p { margin-top: 22px; line-height: 1.8; }

.indexSec:nth-child(2n+1)::after { left: 0; right: auto; }
.indexSec:nth-child(2n+1) .indexImg { right: 20px; }
.indexSec:nth-child(2n+1) .indexInfo { margin-left: 0; margin-right: auto; border-radius: 0 15px 15px 0; }
.indexSec:nth-child(2n+1) .indexInfo a { padding: 40px 75px 67px 0; }

/*------------------------------
  扉ページ共通02
-------------------------------*/
.indexCont { position: relative; }
.indexCont + .indexCont { margin-top: 100px; }
.indexCont::after { content: ""; background-color: #eef5f8; position: absolute; z-index: -1; top: 60px; left: 0; right: 0; width: 100%; height: calc(100% - 60px); }
.indexCont .contentsOuter { position: relative; padding: 110px 20px 60px; }
.indexCont .indexContImg { position: absolute; left: 0; top: 0; }
.indexCont .indexContImg img { border-radius: 15px; overflow: hidden; }
.indexCont .indexContTxt { position: relative; width: 645px; padding: 75px 15px 100px 75px; margin-left: auto; background-color: #fff; border-radius: 15px; }
.indexCont .indexContTxt h4 { font-size: 175%; text-align: left; }
.indexCont .indexContTxt h4 span { margin-bottom: 10px; }
.indexCont .indexContTxt p { margin-top: 18px; line-height: 2.2; }
.indexCont .indexContTxt div { margin-top: 30px; }
.indexCont .indexContTxt div a { font-size: 106%; }

.indexCont:nth-of-type(2n) .indexContImg { right: 0; left: auto; padding-bottom: 70px; }
.indexCont:nth-of-type(2n) .indexContTxt { margin-left: 0; padding-bottom: 60px; }


/*------------------------------
  画像
-------------------------------*/
.radiusImg { border-radius: 15px; overflow: hidden; }
.borderImg,
.modalImg { margin-top: 35px; border: solid 1px #e5e5e5; border-radius: 15px; overflow: hidden; position: relative; }
.modalImg a::after { content: url("/common/images/btn_zoom.png"); position: absolute; right: 24px; top: 20px; }
.modalImg a img { width: 100%; }

/*------------------------------
  3つの取り組み
-------------------------------*/
ul#sustainabilityFeatureList { margin-top: 25px; display: flex; justify-content: center; border-radius: 15px; overflow: hidden; border: solid 1px #e3e8ea; border-right: 0; }
ul#sustainabilityFeatureList li { width: calc((100% - 2px) / 3); border-left: solid 1px #e3e8ea; }
ul#sustainabilityFeatureList li:first-child { border-left: none; }
ul#sustainabilityFeatureList li div { font-size: 113%; padding: 18px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; }
ul#sustainabilityFeatureList li div span { background: none; }
ul#sustainabilityFeatureList li div img { width: 38px; }

/*------------------------------
  commonDl
-------------------------------*/
dl.commonDl { border-bottom: solid 1px #b9cbd2; padding-bottom: 45px; }
dl.commonDl dt { color: #008ed8; padding-top: 45px; border-top: solid 1px #b9cbd2; font-size: 140%; }
dl.commonDl dd + dt { margin-top: 45px; }
dl.commonDl dd { margin-top: 5px; line-height: 1.8; }

dl.commonNumDl { margin-top: 45px; }
dl.commonNumDl dd { display: flex; margin-top: 8px; }
dl.commonNumDl dd .listNum { width: 1.8em; }
dl.commonNumDl dd .listTxt { flex: 1; } 

.policyName { text-align: right; margin-top: 43px; line-height: 2; }

/*------------------------------
  フォーム共通
-------------------------------*/
.error { color: #c00 !important; }
.formArea .contentsBox { margin-top:35px; line-height:1.8; }

.formArea ol#inquiriesFlowList { margin-top:30px; display: flex; justify-content: space-between; }
.formArea ol#inquiriesFlowList li { margin-left:5%; width:30%; font-size:113%; display: flex; align-items: center; justify-content: center; text-align: center; border:solid 2px #d8d8d8; padding:13px 0; position: relative; border-radius: 15px; }
.formArea ol#inquiriesFlowList li::before { content: ""; position: absolute; left: -9.5%; width: 4px; height: 4px; border: 5px solid transparent; border-left: 8px solid #73b3e4; }
.formArea ol#inquiriesFlowList li:first-child { margin-left:0; }
.formArea ol#inquiriesFlowList li:first-child::before { content: none; }
.formArea ol#inquiriesFlowList li.nowPage { color:#ffffff; border:solid 1px #0387cd; background-color: #0387cd; }
.formArea ol#inquiriesFlowList + p#attentionTxt { margin-top:33px; }

/* テーブル共有 */
.formArea .commonTable { margin-top:35px; table-layout:fixed; }
.formArea .commonTable tr th,
.formArea .commonTable tr td { padding: 47px 0 50px; vertical-align: middle; }
.formArea .commonTable tr td ul li { margin-top:17px; }
.formArea .commonTable tr td span.inquiriesAttention { font-size:80%; margin-left:20px; }
.formArea .commonTable tr td span.inquiriesEx { margin-left: 5px; }

/* テーブル個別 */
.formArea .commonTable tr th.contactItemCell { background:#eaf8ff; }
.formArea .commonTable tr td.contactItemCell { padding:30px; }

.formArea .commonTable tr td.addressCell .postalCodeTxt,
.formArea .commonTable tr td.addressCell #postalCodeTxt { margin-top:0; }
.formArea .commonTable tr td.addressCell .postalCodeTxt input,
.formArea .commonTable tr td.addressCell #postalCodeTxt input { width:118px; margin:0 10px; }
.formArea .commonTable tr td.addressCell .postalCodeTxt span.codetoaddress,
.formArea .commonTable tr td.addressCell #postalCodeTxt span.codetoaddress { font-size: 119%; margin-left: 10px; }
.formArea .commonTable tr td.addressCell .postalCodeTxt span.codetoaddress a,
.formArea .commonTable tr td.addressCell #postalCodeTxt span.codetoaddress a { color: #0c9fde; }
.formArea .commonTable tr td.addressCell .postalCodeTxt span.inquiriesAttention,
.formArea .commonTable tr td.addressCell #postalCodeTxt span.inquiriesAttention { font-size:86%; margin-left:10px; }
.formArea .commonTable tr td.addressCell .addressDetail,
.formArea .commonTable tr td.addressCell #addressDetail { margin-top: 20px; }
.formArea .commonTable tr td.addressCell .addressDetail input,
.formArea .commonTable tr td.addressCell #addressDetail input { width:583px; }

.formArea .commonTable tr td.companyNameCell #companyName { margin-left: 10px; }


.formArea .commonTable tr td p + p textarea { margin-top: 20px; }

/* btnBox */
.formArea #btnBox { margin-top: 55px; text-align: center; }
.formArea #btnBox > div { margin-top: 35px; display: flex; justify-content:  center; }
.formArea #btnBox > div .txtBtnL { margin: 0 20px; border: none; }
.formArea #btnBox > div .txtBtnL button { border-radius: 50px; margin: 0; border: solid 2px #038ed8; padding: 18px 25px; }
.formArea #btnBox > div .txtBtnL button span { display: block; }
.formArea #btnBox > div .txtBtnL button.linkBtnOff { background-color: #aeaeae; border: none; }
.formArea #btnBox > div .txtWhiteBtn button span { background: none; }