@charset "utf-8";

@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&subset=japanese");
@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";



/* ===========================================================
 html
=========================================================== */
/* size settings */
body{min-width:1140px;}
.inner{width:1100px;}
/* font settings */
html,
body{color:#333;line-height:1.7;}
/* font settings */
body,
input,
textarea,
select{font-family:"Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";font-weight:400;}
/* font-family-set-example
font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
font-family:"游ゴシック", "Yu Gothic", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";font-weight:500;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','Verdana','Osaka','ＭＳ Ｐゴシック','sans-serif
font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;*/

/* anchor settings */
a{color:#006cdc;text-decoration:underline;transition:color 0.25s ease-in-out;}
a:hover{text-decoration:none;}

/* ===========================================================
 common
=========================================================== */
.inner{margin:0 auto;}
/* pcsp settings */
.pcArea{display:block;}
.spArea{display:none;}
/* z-index settings */
#main{z-index:1;}
#footer{z-index:2;}
#header{z-index:3;}

/* ===========================================================
 skin
=========================================================== */
#skin{position:relative;}
#blockskip{display:none;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 header
=========================================================== */
#header{position:relative;padding-bottom:3px;border-bottom:2px solid #d80c18;background-color:#fff;}
#header:before{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:3px;background:#004098;}
.headTop{position:relative;}
.headTop a{text-decoration:none;}
.headTop a:hover{text-decoration:none}
.headTop .inner{position:relative;display:flex;justify-content:space-between;}
.headTop .left{flex-shrink:0;display:flex;align-items:center;margin:0;padding:0;transition:all ease-in-out 0.25s;}
.headTop .headLogo{margin:0;padding:0 20px 0 10px;}
.headTop .headLogo a{display:block;}
.headTop .headLogo img{display:block;max-width:100%;}
.headTop .headLogo img:hover{opacity:0.5;transition:all ease-in-out 0.25s;}
.headTop .right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding:5px 0 0;}
.headTop .HeadSearchPane{min-width:200px;}
.headTop .headSpWrap{position:relative;width:100%;}
.headBottom{position:relative;}
.headBottom a{text-decoration:none;}
.headBottom a:hover{text-decoration:none}
.headBottom .inner{width:100%;}
.headBottom .headMegaWrap{position:relative;}
.HeadSpPane [id$="_ContentPane"]{display:none;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{display:flex;justify-content:flex-end;width:100%;margin:0;padding:0 0 0.5em;}
#gNav .tokenMenu{margin:0;padding:0;}
#gNav .tokenMenu ul{margin:0;padding:0;}
#gNav .tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
#gNav .tokenMenu a{display:block;padding:0.5em 0;color:#333;text-decoration:none;line-height:1.2;transition:all ease-in-out 0.25s;}
#gNav .tokenMenu a:hover{text-decoration:none;}
#gNav .tokenMenu > ul > li > ul{display:flex;justify-content:space-around;}
#gNav .tokenMenu > ul > li > ul > li{position:relative;transition:all ease-in-out 0.25s;flex-grow:1;}
#gNav .tokenMenu > ul > li > ul > li:before{content:"";position:absolute;top:0;left:0;bottom:0;display:block;width:3px;height:16px;margin:auto;background:#ddd;border-radius:1.5px;}
#gNav .tokenMenu > ul > li > ul > li:first-child:before{display:none;}
#gNav .tokenMenu > ul > li > ul > li > a{position:relative;margin:0;padding:15px 25px 15px 65px;font-weight:500;}
#gNav .tokenMenu > ul > li > ul > li > a:before{content:"";position:absolute;top:11px;left:30px;width:28px;height:28px;margin:auto;background-repeat:no-repeat;background-position:0 0;}
#gNav .tokenMenu > ul > li > ul > li > ul{display:none;}
#gNav .tokenMenu > ul > li > ul > li:hover > ul{display:block;}
#gNav .tokenMenu > ul > li > ul > li > ul{position:absolute;top:100%;left:0;width:250px;padding:10px;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 5px 10px 0 rgba(0,0,0,0.15);z-index:5;}
#gNav .tokenMenu > ul > li > ul > li > ul > li > a.currentLink,
#gNav .tokenMenu > ul > li > ul > li > ul > li > a.parentLink,
#gNav .tokenMenu > ul > li > ul > li > ul > li > a:hover{color:#d80c18;}
#gNav .tokenMenu > ul > li > ul > li > ul li{display:block;}
#gNav .tokenMenu > ul > li > ul > li > ul li ul{display:block;margin:0 0 0 2em;font-size:80%;opacity:0.65;}
#gNav .tokenMenu > ul > li > ul > li > ul > li > ul{display:none;}
#gNav .tokenMenu > ul > li > ul > li.Tab103 > ul > li > ul{display:block;}
#gNav .tokenMenu > ul > li > ul > li.Tab103 > ul > li > ul > li > a.currentLink,
#gNav .tokenMenu > ul > li > ul > li.Tab103 > ul > li > ul > li > a.parentLink,
#gNav .tokenMenu > ul > li > ul > li.Tab103 > ul > li > ul > li > a:hover{color:#d80c18;}

/* ===========================================================
 content
=========================================================== */
#main{position:relative;overflow:hidden;}
/* pagetitle */
.pagetitle{position:relative;padding:0;background:#f7f7f7;}
.editMode .pagetitle{padding:0;}
.PagetitlePane{position:relative;z-index:2;}
.PagetitleBgPane{}
/* breadcrumb */
.breadcrumb{margin:0 auto 6em;padding:0.5em 0;font-size:75%;color:#999;}
.breadcrumb a{color:#999;text-decoration:none;transition:color ease-in-out 0.25s;}
.breadcrumb a:hover{color:#000;}
.breadcrumb span span:not(.breadcrumbItem){display:inline-block;padding:0 6px;}
/* content */
.TopPane{background:#eee;}
.content{padding:0 0 120px;}
.ContentTopPane{padding:0 0 100px;}
.contentMiddle .mainArea{display:flex;flex-wrap:wrap;justify-content:space-between;}
.contentMiddle .mainArea [class$="Pane"]{width:100%;}
.contentMiddle .mainArea .ContentLeftPane,
.contentMiddle .mainArea .ContentRightPane{width:47%;}

/* ===========================================================
 footer
=========================================================== */
#footer{position:relative;margin:0;padding:0;}
.footTop{position:relative;padding:0;}
.footTop a{text-decoration:none;transition:all ease-in-out 0.25s;}
.footTop a:hover{text-decoration:none;opacity:0.5;}

.footTop .pagetop{position:absolute;right:4%;bottom:0;z-index:5;padding:0 0 10px;color:#fff;font-size:10px;text-align:center;}
.footTop .pagetop a{position:relative;top:0;display:block;overflow:hidden;position:relative;width:100px;height:100px;color:#fff;background:url(IYH-I/images/pagetop.png) no-repeat center;background-size:contain;white-space:nowrap;text-indent:9999px;transition:all ease-in-out 0.25s;}
.footTop .pagetop a:hover{top:-10px;opacity:1;}
.footTop .pagetop a:before,
.footTop .pagetop a:after{content:"";display:block;position:absolute;right:0;left:0;margin:auto;}
.footTop .pagetop a:before{content:"";bottom:4.5em;transform:rotate(-45deg);width:0.75em;height:0.75em;border-top:2px solid #fff;border-right:2px solid #fff;}
.footTop .pagetop a:after{content:"PAGE TOP";bottom:2.5em;text-indent:0;}
.footTop .pagetop.fix{bottom:calc(100% - 45px);}

.footMiddle{padding:50px 0;background:#d5cdcd;}
.footBottom{padding:30px 0;}
.footBottom .inner{display:flex;align-items:center;justify-content:space-between;}
.footBottom .inner .FootLogoPane{}
.footBottom .inner .FootBottomPane{margin:0 0 0 50px;}
.footCopyright{margin:0;padding:15px 0;color:rgba(255,255,255,0.5);font-size:70%;font-family:'Century Gothic' ,'arial' , 'Verdana';line-height:1.2;text-align:right;letter-spacing:0.05em;flex-shrink:0;background:#d80c18;}
.footCopyright .inner{display:flex;justify-content:flex-end;}

/* ===========================================================
 css for each skin
=========================================================== */
/* _index */
._Index .contentMiddle .inner{width:100%;}
._Index #header{border:none;}
._Index #header:before{display:none;}
._Index .pagetitle{background:none;}
._Index .ContentPictbgPane{}
._Index .ContentPictbgPane{position:relative;padding-bottom:150px;background-image:url(IYH-I/images/bg_contentpict_l.png) , url(/Portals/0/Skins/IYH-I/images/bg_contentpict_r.png);background-repeat:no-repeat,no-repeat;background-position:left top , right top;}
._Index .contentRed{position:relative;width:100%;min-height:400px;padding:0 0 50px;background:#d80c18;background:#d80c18 url(IYH-I/images/bg_contentred.jpg) no-repeat center top;z-index:2;}
._Index .contentRed:before{content:"";position:absolute;top:-100px;left:0;right:0;display:block;width:500px;height:500px;margin:auto;background:#d80c18;border-radius:50%;}
._Index .contentRed .contentRedBox{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;width:1040px;margin:0 auto;color:#fff;z-index:3;}
._Index .contentMiddle .mainArea .contentRed .contentRedBox .ContentRedbgPane{width:100%;}
._Index .contentMiddle .mainArea .contentRed .contentRedBox .ContentRedbg01Pane,
._Index .contentMiddle .mainArea .contentRed .contentRedBox .ContentRedbg02Pane{width:49%;}
._Index .contentMiddle .mainArea .contentRed .contentRedBox .ContentRedbg03Pane{width:100%;}
._Index .contentRed .contentWhiteBox{position:relative;display:flex;flex-wrap:wrap;width:1040px;margin:0 auto;padding:50px 45px;background:#fff;border-radius:15px;z-index:3;}
._Index .contentMiddle .mainArea .contentRed .contentWhiteBox .ContentWhiteboxPane{width:100%;}
._Index .contentMiddle .mainArea .contentRed .contentWhiteBox .ContentWhitebox01Pane{width:calc(100% - 380px);}
._Index .contentMiddle .mainArea .contentRed .contentWhiteBox .ContentWhitebox02Pane{width:160px;margin:0 0 0 50px;}
._Index .contentMiddle .mainArea .contentRed .contentWhiteBox .ContentWhitebox03Pane{width:160px;margin:0 0 0 10px;}
._Index .contentMiddle .mainArea .contentRed .contentWhiteBox .ContentWhitebox04Pane{width:100%;}

/* _Admin */
._Admin #header,
._Admin #main{border:none;}

/* _2Columns */
._2Columns .content .contentMiddle .inner{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;}
._2Columns .content .contentMiddle .inner .mainArea{width:70%;}
._2Columns .content .contentMiddle .inner .subArea{width:23%;}

/* _Pole */
._Pole{min-width:1120px;}
._Pole{font:13px "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka－等幅", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;line-height:1.5;}
._Pole a{}
._Pole a:hover{text-decoration:underline;}
._Pole .inner{width:unset;max-width:unset;min-width:unset;}
._Pole .headCorpMainLogo{display:none;}
._Pole .HeadSearchPane [id$="_ContentPane"]{display:none;}
._Pole #header{background:url(IYH-I/images/pole/bg_header.jpg) repeat-x center top;width:100%;min-height:198px;}
._Pole #header .headTop,
._Pole #header .headBottom,
._Pole #footer .footMiddle{width:1120px;margin:0 auto;}
._Pole #header .headTop{padding:0 80px 0 70px;min-height:120px;}
._Pole #header .headTop .left{width:580px;align-items:flex-start;}
._Pole #header .headTop .left h1,
._Pole #header .headTop .left p{margin:0;padding:0;}
._Pole #header .headTop .left img{display:block;}
._Pole #header .headTop .left .headLogo{margin:30px 20px 0 0;padding:0;width:205px;}
._Pole #header .headTop .left .headLead{margin:69px 10px 0 0;width:194px;}
._Pole #header .headTop .left .headPhoto{width:149px;margin-top:auto;}
._Pole #header .headTop .right{width:400px;flex-wrap:wrap;justify-content:flex-end;}
._Pole #header .headTop .right .headCorpLogo{margin:48px 0 7px 20px;}
._Pole #header .headTop .right .HeadPane{display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;margin:0 0 10px;}
._Pole #header .headTop .right .HeadLPane{width:calc(100% - 154px);margin:55px 0 0 0;}
._Pole #header .headTop .right .HeadSnsPane{flex:1;margin:50px 0 0;}
._Pole #header .headBottom{padding:0;}
._Pole #gNav{display:none;}
._Pole #gNavPole > div{display:none;}
._Pole #gNavPole ul{display:flex;justify-content:space-around;width:1067px;margin:-1px auto 0;padding:0 37px;list-style:none;background:url(IYH-I/images/pole/bg_navi.gif) no-repeat 0 0;}
._Pole #gNavPole ul li{margin:0;padding:0;list-style:none;}
._Pole #gNavPole ul li a{display:block;height:38px;white-space:nowrap;text-indent:200%;overflow:hidden;background:url(IYH-I/images/pole/navi.gif) no-repeat 0 0;transition:unset;}
._Pole #gNavPole ul li.nav01 a{width:192px;background-position:0 0;}
._Pole #gNavPole ul li.nav02 a{width:215px;background-position:-192px 0;}
._Pole #gNavPole ul li.nav03 a{width:88px;background-position:-407px 0;}
._Pole #gNavPole ul li.nav04 a{width:186px;background-position:-495px 0;}
._Pole #gNavPole ul li.nav01 a:hover,
._Pole #gNavPole ul li.nav01.currentItem a,
._Pole #gNavPole ul li.nav01.parentitem a{width:192px;background-position:0 -38px;}
._Pole #gNavPole ul li.nav02 a:hover,
._Pole #gNavPole ul li.nav02.currentItem a,
._Pole #gNavPole ul li.nav02.parentitem a{width:215px;background-position:-192px -38px;}
._Pole #gNavPole ul li.nav03 a:hover,
._Pole #gNavPole ul li.nav03.currentItem a,
._Pole #gNavPole ul li.nav03.parentitem a{width:88px;background-position:-407px -38px;}
._Pole #gNavPole ul li.nav04 a:hover,
._Pole #gNavPole ul li.nav04.currentItem a,
._Pole #gNavPole ul li.nav04.parentitem a{width:186px;background-position:-495px -38px;}
._Pole #main{background:url(IYH-I/images/pole/bg_content.gif);}
._Pole #main .content{padding:0;}
._Pole #main .content .mainArea .ContentPane,
._Pole #main .content .subArea .ContentSubPane{width:1096px;margin:0 auto;}
._Pole #main .content .mainArea{padding:0 0 30px;}
._Pole #main .content .subArea{padding:0 0 8px;background:url(IYH-I/images/pole/bg_footer_1.gif) repeat-x center 33px;}
._Pole #main .pagetopPole{margin:0 0 33px;padding:0;}
._Pole #main .pagetopPole a{display:block;width:154px;height:34px;margin:auto;text-indent:200%;white-space:nowrap;overflow:hidden;background:url(IYH-I/images/pole/page_top.gif);}
._Pole #footer{background:url(IYH-I/images/pole/bg_footer_2.gif);}
._Pole #footer .footMiddle{padding:20px 50px;background:none;}
._Pole #footer .footCopyright{padding:0;color:inherit;font-size:inherit;font-family:inherit;letter-spacing:inherit;text-align:inherit;background:none;}

/* _IYH-I-en */
._IYH-I-en #header .SearchInput.submitArea{position:relative;}
._IYH-I-en #header .SearchInput.submitArea input[type="submit"].notice{text-indent:200%;overflow:hidden;white-space:nowrap;background-image:url(/Portals/0/images/english/common/img_search.png);background-repeat:no-repeat;background-position:center;}
._IYH-I-en #dnn_dnnBREADCRUMB_lblBreadCrumb > a:nth-child(1),
._IYH-I-en #dnn_dnnBREADCRUMB_lblBreadCrumb > a:nth-child(1) + span{display:none;}
._IYH-I-en._Index .ContentPictbgPane{padding-bottom:50px;}
._IYH-I-en._Index .contentRed{min-height:unset;padding:0;}
._IYH-I-en._Index .contentRed:before{display:none;}

/* ===========================================================
 css for admin
=========================================================== */
form[actiong="/?ctl=login"] .pagetitle{display:none;}
/*環境ログイン時フォーム調整*/
form[action$="login"] #skin > #header{display:flex;position:relative;flex-direction:column;}
._Index form[action$="login"] .mainArea,
._Index form[action$="login"] .mainArea .inner{background:none;}
/*ログイン中デザイン調整*/
.editMode .zeroTitle .Head{text-overflow:ellipsis;max-width:113px;white-space:nowrap;overflow:hidden;}
.PaneName{display:inline-block;margin:1px;padding:1px 5px;font-size:11px;line-height:1;}
.adminMode div.divSettings > div:not([id]):not([class]),
.adminMode div.divSettings.HostSettings > .tableSettings > tbody > tr > td > div:not([id]):not([class]){font-size:150%;}
img[src^="/Images/"]{display:block;max-width:unset;}
/*編集ナビ*/
.ModuleTitle_MenuContainer,
.ModuleTitle_MenuContainer td{width:auto !important;}
.ModuleTitle_MenuContainer img[src^="/Images/"]{display:block;position:relative;z-index:auto;}
[id$="_dnnACTIONS_ctldnnACTIONS_divOuterTables"]{position:relative;z-index:100;}
._Index .TopPane .ModuleTitle_MenuContainer img[src^="/Images/"]{z-index:2;}
._Index .TopPane .moduleZero .moduleTitle .Head{z-index:2;}
/*ポータルCSS初期化ボタン無効化*/
.adminMode a.CommandButton#dnn_ctr354_SiteSettings_cmdRestore,
.adminMode a.CommandButton#dnn_ctr354_SiteSettings_cmdRestoreSmart,
.adminMode a.CommandButton#dnn_ctr354_SiteSettings_cmdRestoreTablet{display:none;}
/*スマホプレビュー調整*/
.fancybox-desktop.prevVertical{box-sizing: content-box !important;}
/**/
._Index form[action="/?ctl=login"] .contentRed,
._Index form[action="/?Ctl=login"] .contentRed{display:none;}
._Index form[action="/?ctl=login"] .ContentPictbgPane:before,
._Index form[action="/?Ctl=login"] .ContentPictbgPane:before{display:none;}
form[action="/?ctl=login"] #dnn_ctr_Login_pnlLogin,
form[action="/?Ctl=login"] #dnn_ctr_Login_pnlLogin{text-align:center;padding:75px;}
form[action="/?ctl=login"] #dnn_ctr_Login_pnlLoginContainer,
form[action="/?Ctl=login"] #dnn_ctr_Login_pnlLoginContainer{display:inline-block;}
form[action="/?ctl=login"] #dnn_ctr_Login_pnlLoginContainer+span,
form[action="/?Ctl=login"] #dnn_ctr_Login_pnlLoginContainer+span{display:block;}
/**/
.controlPanel h2:before,
.controlPanel h2:after{display:none;}