@charset "UTF-8";

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

body { font:16px 'Noto Sans JP', sans-serif; line-height:1.6em; word-wrap:break-word; }
* { box-sizing: border-box !important; }

/*img ------------------------------*/
img { vertical-align:bottom; }
.wAuto { width: auto; }

/*align ------------------------------*/
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtCenter { text-align: center; }

/*table ------------------------------*/
table{ border-collapse:collapse; }

/*a ------------------------------*/
a { color:#000000; text-decoration:none; transition:opacity 0.3s ease-out; }
a:link { outline:none; }
a:hover { opacity:0.6; filter:alpha(opacity=60); }
a img { transition:opacity 0.3s ease-out; }

/*テキスト色 ------------------------------*/
.txtColor1 { color: #ff0000; }

/*下線リンク*/
a.bLine { color:#2175b5; border-bottom: 1px solid #2175b5; }

/*背景青ボタン*/
.arrowBtnB { text-align: center; display: inline-block; min-width: 150px; color: #fff; margin-top: 25px; padding: 9px 30px 12px; position: relative; background: -moz-linear-gradient(135deg, #13acaa, #2175b5); background: -webkit-linear-gradient(135deg, #13acaa, #2175b5); background: linear-gradient(135deg, #13acaa, #2175b5); }
.arrowBtnB::after { position: absolute; content: url("/en/common/images/arrow.png"); right: 7px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.arrowBtnB.wide { min-width: 200px; padding: 9px 40px 12px; }
.arrowBtnB.wideL { min-width: 300px; padding: 9px 40px 12px; }
.arrowBtnB.sizeL { font-size: 120%; min-width: 390px; padding: 20px 40px 22px; }

table .arrowBtnB { margin-top: 0; }

/*背景白ライン青ボタン*/
.arrowBtnLB { border: 1px solid #2175b5; text-align: center; display: inline-block; min-width: 150px; color: #000; margin-top: 5px; padding: 5px 30px 8px; position: relative; }
.arrowBtnLB::after { position: absolute; content: url("/en/common/images/arrow_blue.png"); right: 7px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

/*もどるボタン*/
a.backBtn { color: #000 !important; display: inline-block; border: 1px solid #ccc !important; font-size: 100%; padding: 5px 10px 5px 20px; width: 150px; margin: 60px 0 0; text-align: center; border-radius: 6px; transition:opacity 0.3s ease-out; background: url("/en/common/images/arrow_blue_l.png") no-repeat left 10px center; }

/*アイコン*/
a.iconWin::after { content: url("/en/common/images/icon_win.png") !important; margin-left: 4px; }
a.iconWinW::after { content: url("/en/common/images/icon_win_w.png") !important; margin-left: 4px; }
a.iconPdf::after { content: url("/en/common/images/icon_pdf.png") !important; margin-left: 4px; }

/*display ------------------------------*/
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayNone { display:none !important; }
.pcSDisplayBlock { display: none !important; }
.spDisplayBlock { display: none !important; }

/*注釈 ------------------------------*/
.atComment { padding-left: 1em; text-indent: -1em; margin-top: 10px; }

/*------------------------------------------------------------
  ヘッダー
-------------------------------------------------------------*/
#headerWrap #headerSec,
#headerWrap #headerSec #headerLinkArea,
#headerWrap #headerSec #headerLinkArea ul { display: flex; justify-content: space-between; align-items: center; }
#headerWrap #headerSec { width: 100%; min-width: 1100px; background: rgba(255,255,255,0.95); font-size: 95%; position: fixed; z-index: 100; }
#headerWrap #headerSec #logo { padding-left: 20px; }

/*グローバルナビ*/
#headerWrap #headerSec #headerLinkArea { padding-right: 15px;}
#headerWrap #headerSec #headerLinkArea nav > ul > li { padding: 20px 18px 20px 0; }
#headerWrap #headerSec #headerLinkArea nav > ul > li::before { left: -2px; content: "/"; font-size: 120%; margin: 0 18px 0 0; }
#headerWrap #headerSec #headerLinkArea nav > ul > li:first-child::before { content: none; }
#headerWrap #headerSec #headerLinkArea nav > ul > li a:hover { color: #2175b5; }
#headerWrap #headerSec #headerLinkArea nav > ul > li.current > a { color: #2175b5; border-bottom: 2px solid #2175b5; }

#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox { visibility:hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0 65px; position: absolute; width: 100%; background: rgba(255,255,255,0.95); left: 0; margin-top: 20px; opacity:0; transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease; }
#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox p.topLink a { display: block; width: 90%; max-width: 1160px; margin: 20px auto; font-size: 120%; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox .secondLinkUnit { width: 90%; max-width: 1160px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox .secondLinkUnit > p { margin-top: 15px; }
#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink { width: 920px; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: flex-start; }
#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink li { border-bottom: 1px solid #ccc; font-size: 90%; margin: 5px 0 5px 45px; }
#headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink li a { width: 260px; padding: 5px 0 7px; display: block; }
#headerWrap #headerSec #headerLinkArea ul li:hover .secondLinkBox { visibility:visible; opacity: 1; }
  
/*言語切替及びお問い合わせボタンエリア*/
#headerWrap #headerSec #headerLinkArea #headLinkBox { display: flex; }

/*言語切替ボタン*/
#headerWrap #headerSec #headerLinkArea #headLinkBox ul#langList { border-left: 1px solid #333; padding: 5px 8px; margin-left: 20px; line-height: 1; }
#headerWrap #headerSec #headerLinkArea #headLinkBox ul#langList li a { padding: 2px 15px; margin-left: 2px; border-radius: 30px; transition: all .4s; }
#headerWrap #headerSec #headerLinkArea #headLinkBox ul#langList li.current a { background: #bed3e3; }
#headerWrap #headerSec #headerLinkArea #headLinkBox ul#langList li a:hover { background: #ddebf3; }

/*お問い合わせボタン*/
#headerWrap #headerSec #headerLinkArea #contactBtn a { display: block; color: #fff; padding: 8px 40px 10px 20px; background: url("/en/common/images/arrow.png") no-repeat right 10px center, -moz-linear-gradient(135deg, #13acaa, #2175b5); background: url("/en/common/images/arrow.png") no-repeat right 10px center, -webkit-linear-gradient(135deg, #13acaa, #2175b5); background: url("/en/common/images/arrow.png") no-repeat right 10px center, linear-gradient(135deg, #13acaa, #2175b5);  }

/*ハンバーガーメニュー(非表示処理)*/
#headerWrap #headerSec p#smpMenuBtn { display:none; }

/*パンくずナビ*/
#panNavi { background: #ebf2f6; padding-top: 70px; }
#panNavi ul { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 0; padding: 4px 20px 8px; line-height: 1; font-size: 80%; }
#panNavi ul li { padding: 2px 0; line-height: 1.3; }
#panNavi ul li::after { content: ">"; margin: 0 10px; }
#panNavi ul li:last-child::after { content: none; margin: 0; }

/*------------------------------------------------------------
  フッター
-------------------------------------------------------------*/
#footerWrap { width:100%; margin:130px auto 0; min-width: 1200px; }
#footerWrap.posFix { position: fixed; bottom: 0; }

/*フッターサイトマップ*/
#footerWrap #footerLinkSec { background: #2175b5; color: #fff; font-size: 90%; position: relative; }
#footerWrap #footerLinkSec > ul { max-width:1200px; margin: 0 auto; padding: 50px 0 70px; display: flex; justify-content: space-between; }
#footerWrap #footerLinkSec > ul li { margin-top: 30px; }
#footerWrap #footerLinkSec > ul > li:nth-child(1) { width: 70px; }
#footerWrap #footerLinkSec > ul > li:nth-child(1) > ul li:first-child { margin-top: 0; }
#footerWrap #footerLinkSec > ul > li:nth-child(2) { width: 300px; }
#footerWrap #footerLinkSec > ul > li:nth-child(3) { width: 530px; }
#footerWrap #footerLinkSec > ul > li:nth-child(3) div { display: flex; justify-content: space-between; }
#footerWrap #footerLinkSec > ul > li:nth-child(4) { margin-left: 20px; }
#footerWrap #footerLinkSec > ul > li:nth-child(4) ul li:first-child { margin-top: 0; }
#footerWrap #footerLinkSec ul a { color: #fff; display: inline-block; line-height: 1.6; }
#footerWrap #footerLinkSec ul.secondLink { margin-top: 15px; }
#footerWrap #footerLinkSec ul.secondLink li { margin-top: 7px; }
#footerWrap #footerLinkSec ul.secondLink li:first-child { margin-top: 0; }
#footerWrap #footerLinkSec ul.secondLink li a { color: #75a9d1; font-size: 90%; }

/*コピーライト*/
#footerWrap #footerCopyrightSec { display: flex; justify-content: space-between; align-items: center; padding: 35px; }
#footerWrap #footerCopyrightSec p#footerLogo { width: 180px; }
#footerWrap #footerCopyrightSec p#copyrightTxt { text-align: right; font-size: 80%; }

/*ページトップボタン*/
#footerWrap p#pageTopBtn { position:fixed; bottom: 30px; right: 30px; z-index: 10; }
#footerWrap p#pageTopBtn.btnStop { position: absolute; }

@media screen and (max-width:1280px){
  /*------------------------------------------------------------
  ヘッダー
  -------------------------------------------------------------*/
  /*グローバルナビ*/
  #headerWrap #headerSec #headerLinkArea nav > ul > li { padding: 20px 10px 20px 0; }
  #headerWrap #headerSec #headerLinkArea nav > ul > li::before { margin: 0 10px 0 0; }
  
  /*言語切替ボタン*/
  #headerWrap #headerSec #headerLinkArea #headLinkBox ul#langList { padding: 5px 8px 5px 0; margin-left: 5px; border: none; }
  #headerWrap #headerSec #headerLinkArea #headLinkBox ul#langList li a { padding: 2px 10px; }
  
  /*------------------------------------------------------------
		フッター
	-------------------------------------------------------------*/
  #footerWrap { min-width: auto; }
  
  /*フッターサイトマップ*/
  #footerWrap #footerLinkSec > ul { width:100%; padding: 50px 20px 70px; }
}


@media screen and (max-width:1100px){
  
  /*display ------------------------------*/
  .pcSDisplayBlock { display: block !important; }
  
  /*img ------------------------------*/
  .wAuto { width: 100%; }
  
 /*------------------------------------------------------------
		ヘッダー
	-------------------------------------------------------------*/
  #headerWrap #headerSec,
  #headerWrap #headerSec #headerLinkArea,
  #headerWrap #headerSec #headerLinkArea ul { display: block; }  
  #headerWrap #headerSec { min-width: 100%; }
  #headerWrap #headerSec #logo { padding: 10px; width: 200px; }

  /*グローバルナビ*/
  #headerWrap #headerSec #headerLinkArea { display: none; position: absolute; width: 100%; }
  #headerWrap #headerSec #headerLinkArea { padding-right: 0; background: #fff; border-bottom: 1px solid #ccc; }
  #headerWrap #headerSec #headerLinkArea nav > ul { border-top: 1px solid #ccc; }
  #headerWrap #headerSec #headerLinkArea nav > ul > li { padding: 0; border-bottom: 1px solid #ccc; }
  #headerWrap #headerSec #headerLinkArea nav > ul > li > a { font-weight: bold; }
  #headerWrap #headerSec #headerLinkArea nav > ul > li::before { content: none; }
  #headerWrap #headerSec #headerLinkArea nav > ul > li a { display: block; padding: 10px 20px; }
  #headerWrap #headerSec #headerLinkArea nav > ul > li.current > a { color: #000; border: none; }
  
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox { display: none; visibility:visible; padding: 0; position: static; border-top: none; width: 100%; margin-top: 0; opacity: 1; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox p.topLink a { width: 90%; margin: 0 auto; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 90%; padding: 10px 0; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox .secondLinkUnit { width: 100%; display: block; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox .secondLinkUnit > p { display: none; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink { width: 100%; display: block; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink li { width: 90%; font-size: 90%; margin: 5px auto; border-bottom: 1px solid #dedede; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink li:last-child { border-bottom: none; }
  #headerWrap #headerSec #headerLinkArea ul li .secondLinkBox ul.secondLink li a { width: 100%; display: block; }

  #headerWrap #headerSec #headerLinkArea nav > ul > li.menuOpen { border-bottom: none; }
  
  #headerWrap #headerSec #headerLinkArea nav li.hasChild { position: relative; }
  #headerWrap #headerSec #headerLinkArea nav li.hasChild span.openBtn { position:absolute; top:10px; right:10px; display:block; width:26px; height:26px; cursor:pointer; pointer-events: none; }
  #headerWrap #headerSec #headerLinkArea nav li.hasChild span.openBtn::before,
  #headerWrap #headerSec #headerLinkArea nav li.hasChild span.openBtn::after { position:absolute; top:0; right:0; bottom:0; left:0; display:block; margin:auto; transition:transform 0.1s ease; background-color:#333; content:""; }
  #headerWrap #headerSec #headerLinkArea nav li.hasChild span.openBtn::before { width:13px; height:1px; }
  #headerWrap #headerSec #headerLinkArea nav li.hasChild span.openBtn::after { width:1px; height:13px; }
  #headerWrap #headerSec #headerLinkArea nav li.hasChild.menuOpen span.openBtn::after { transform:rotate(-90deg); }
  
  /*言語切替及びお問い合わせボタンエリア*/
  #headerWrap #headerSec #headerLinkArea #headLinkBox { padding: 10px; justify-content: space-between; }
  
  /*言語切替ボタン*/
  #headerWrap #headerSec #headerLinkArea #headLinkBox #langList { display: flex; border: none; margin: 0; }
  
  /*ハンバーガーメニュー*/
  #headerWrap #headerSec p#smpMenuBtn { display:block; width:40px; height:40px; cursor:pointer; transition:transform 0.3s ease; position:absolute; right: 5px; top: 5px; background: -moz-linear-gradient(135deg, #13acaa, #2175b5); background: -webkit-linear-gradient(135deg, #13acaa, #2175b5); background: linear-gradient(135deg, #13acaa, #2175b5); }
  #headerWrap #headerSec p#smpMenuBtn span { position:absolute; left:0; right:0; margin:auto; width:20px; height:3px; background-color:#fff; transition:all .3s; }
  #headerWrap #headerSec p#smpMenuBtn span.line01 { top:15px;  }
  #headerWrap #headerSec p#smpMenuBtn span.line02 { top:24px; }
  
  body.gnaviOpen #headerWrap #headerSec { overflow-y: auto; height: 100vh; } 
  body.gnaviOpen #headerWrap #headerSec p#smpMenuBtn span.line01 { transform:rotate(45deg); top:19px; background-color:#fff; }
  body.gnaviOpen #headerWrap #headerSec p#smpMenuBtn span.line02 { transform:rotate(-45deg); top:19px; background-color:#fff; }
  
  /*パンくずナビ*/
  #panNavi { background: #ebf2f6; padding-top: 53px; min-width: auto; }
  #panNavi ul { width: 100%; margin: 0; padding: 4px 20px 8px; }
  
  /*------------------------------------------------------------
		フッター
	-------------------------------------------------------------*/
  #footerWrap { margin-top: 120px; min-width: auto; background: #fff; }
  #footerWrap #footerLinkSec ul { display: none; }

  /*コピーライト*/
  #footerWrap #footerCopyrightSec { display: block; border-top: 1px solid #ccc; padding: 15px; text-align: center; }
  #footerWrap #footerCopyrightSec p#footerLogo { width: 180px; margin: 0 auto; }
  #footerWrap #footerCopyrightSec p#copyrightTxt { text-align: center; }

  /*ページトップボタン*/
  #footerWrap p#pageTopBtn { bottom: 10px; right: 10px; }
  
}

@media screen and (max-width:750px){

  body { font-size: 15px; min-width: 100%; }
  body.gnaviOpen { overflow: hidden; }
  
  /*img ------------------------------*/
  img { width: 100%; }
  
	/*a ------------------------------*/
  /*背景青ボタン*/
  a.arrowBtnB { min-width: 150px; }
  a.arrowBtnB.wide { min-width: 200px; }
  a.arrowBtnB.sizeL { min-width: 300px; padding: 15px 20px 17px; }

	/*display ------------------------------*/
  .pcSDisplayBlock { display: none !important; }
	.spDisplayBlock { display:block !important; }
  .spDisplayNone { display: none !important; }

}