@charset "utf-8";

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";

/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{/* min-width:1040px; */}

/* font settings */
html,
body{color:#333;font-size:16px;line-height:1.7;}
body{margin:0;font-family:"游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","Verdana","Osaka","ＭＳ Ｐゴシック","sans-serif";font-weight:500;}

/* chat bot */
.editMode .ibqa_chatbutton{z-index:999;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{max-width:1100px;margin:0 auto;padding:0 10px;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}



/* ===========================================================
 module
=========================================================== */
.-device-pc > section{display:block;}
.-device-sp > section{display:none;}



/* ===========================================================
 header
=========================================================== */

/*========================================================
 header
========================================================*/
#header{position:fixed;top:0;left:0;z-index:100;width:100%;margin:0;padding:0;background-color:#fff;}
#header:before{content:"";display:block;opacity:0;position:absolute;top:100%;right:0;left:0;width:100%;height:1px;background:#ccc;transition:opacity 0.3s ease-in-out;}
#header.scrolled:before{opacity:1;}
.editMode #header{position:relative;}

/* headTop
------------------------------ */
#header .headTop{margin:0;padding:10px 0;}
#header .headTop > .inner{display:flex;justify-content:space-between;align-items:center;}
#header .headTop > .inner > .left .logo a{display:block;}
#header .headTop > .inner > .left .logo img{display:block;}

/* burgerMotion
------------------------------ */
header .burgerMotion{display:none;}



/*========================================================
 globalNav
========================================================*/
.globalNav ul{display:flex;list-style-type:none;margin:0 auto;padding:0;align-items:flex-start;justify-content:flex-end;/* max-width: 70%; */}
.globalNav ul li{display:none;margin:0 2%;padding:0;}
.globalNav ul li.Tab101,
.globalNav ul li.Tab102,
.globalNav ul li.Tab110,
.globalNav ul li.Tab114,
.globalNav ul li.Tab130,
.globalNav ul li.Tab185{display:block;}
.globalNav ul li a{display:block;padding: 5px 0 5px;color:#222;font-weight:700;line-height:1.25;text-decoration:none;text-align:center;letter-spacing:0.05em;}
.globalNav ul ul{display:block;}
.globalNav ul ul li{display:none;}



/* ===========================================================
 content
=========================================================== */
/* breadcrumb
------------------------------ */
.breadcrumb{margin:1em 0;padding:0;color:#222;font-size:87.5%;}
.breadcrumb > .inner > span{display:block;}
.breadcrumb > .inner > span span{display:inline;}
.breadcrumb > .inner > span span:not(.breadcrumbItem){display:inline-block;margin:0 0.75em;}
.breadcrumb a{display:inline-block;color:#222;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}

/* main
------------------------------ */
#main{overflow:hidden;}
.editMode #main{overflow:visible;}

/* ===========================================================
 footer
=========================================================== */
#footer{position:relative;margin:200px 0 0;padding:0;background-color:#c8d0d6;}
._miraicamera #footer{margin-top:0;}
#footer .PaneName{color:#222;}

/* footTop
------------------------------ */
footer .footTop{padding:28px 0 0;}

/* footBottom
------------------------------ */
footer .footBottom{padding:0 0;}

/* pagetop
------------------------------ */
.pagetop{overflow:hidden;position:fixed;right:20px;bottom:20px;z-index:90;margin:0;padding:0;border-radius:80px;}
.pagetop.fix{bottom:calc(100% - 40px);}
.pagetop a{display:block;overflow:hidden;width:80px;height:80px;border-radius:100px;background-color:#354573;white-space:nowrap;text-indent:200%;}
.pagetop a:before{content:"PAGE \A TOP";display:block;position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);margin:auto;color:#fff;font-size:87.5%;line-height:1.4;text-align:center;white-space:pre;text-indent:0;}

/* copyright
------------------------------ */
.copyright{margin:0;padding:1em 0;font-size:87.5%;text-align:center;}



/* ===========================================================
 contents
=========================================================== */








/*========================================================
 headTitleArea
========================================================*/
/* headTitleArea
------------------------------ */
.headTitleArea{overflow:hidden;position:relative;}
.headTitleArea > .inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:auto;}
.headTitleArea h1{position:absolute;top:50%;transform:translateY(-50%);min-width:430px;margin:auto 0;padding:1em 4.5em 1em 1em;background-color:#354573;color:#fff;font-size:187.5%;/*30px*/line-height:1.2;}
.headTitleArea .pageTitleColorGreen h1{background-color:#afc03d;}
.headTitleArea .pageTitleColorPink h1{background-color:#eb6d76;}
.headTitleArea .pageTitleColorLightBlue h1{background-color:#4b809a;}
.headTitleArea .pageTitleBorderType h1{margin:0;padding:37px 20px;border-left:20px solid #354573;background-color:transparent;color:#354573;}
.headTitleArea .pageTitleBorderType.lightBlue h1,
.headTitleArea .pageTitleBorderType.blueGreen h1{border-color:#4b809a;color:#fff;}
.headTitleArea .pageTitleBorderType.normalGreen h1{border-color:#afc03d;color:#fff;}
.editMode .headTitleArea{overflow:inherit;}
.editMode .headTitleArea > .inner{position:static;}
.editMode .headTitleArea h1{position:static;transform:inherit;}
.editMode .headTitleArea .pageTitleBorderType.lightBlue h1,
.editMode .headTitleArea .pageTitleBorderType.blueGreen h1{color:inherit;}
.editMode .headTitleArea .pageTitleBorderType h1{color:#333 !important;}

/* contentTop
------------------------------ */
.contentTop{margin:0 0 100px;}
.contentTop > .inner{max-width:inherit;padding:0;}

/* contentBottom
------------------------------ */
.contentBottom{margin:0;}
._miraicamera .contentBottom{margin-top:200px;}
.contentBottom > .inner{max-width:inherit;padding:0;}






@media screen and (max-width:768px){/**/

/* size settings */
html,
body{min-width:320px;}


/* ===========================================================
 skin
=========================================================== */
.inner{max-width:inherit;margin:0 auto;padding:0 3%;}

/*========================================================
 header
========================================================*/
#header{min-height:56px;}

/* headTop
------------------------------ */
#header .headTop{position:relative;margin:0;padding:0 56px 0 0;}
#header .headTop > .inner > .left .logo{padding:2px 0 4px;}
#header .headTop > .inner > .left .logo img{display:block;max-height:50px;}
#header .headTop > .inner > .right{display:none;}

/* headBottom
------------------------------ */
#header .headBottom{display:none;overflow:auto;position:absolute;top:100%;right:0;left:0;z-index:50;width:100%;max-height:calc(100vh - 100px);padding:94px 10%;background-color:#354573;color:#fff;}
#header .headBottom > .inner{padding:0;}

/* burgerMotion
------------------------------ */
header .burgerMotion{display:block;position:absolute;top:0;right:0;width:56px;height:56px;background-color:#354573;cursor:pointer;transition:opacity 0.3s ease-in-out;}
header .burgerMotion:hover{opacity:0.7;}
header .burgerMotion p{position:relative;width:100%;height:100%;margin:0 auto;padding:0;}
header .burgerMotion p span{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:26px;height:2px;margin:auto;border-radius:3px;background-color:#fff;vertical-align:middle;transition:background 0.25s ease-in-out 0.25s;}
header .burgerMotion p span:before,
header .burgerMotion p span:after{content:"";display:block;position:absolute;left:0;width:100%;height:2px;margin-top:-10px;background-color:#fff;transition:transform ease-in-out 0.25s 0s,margin ease-in-out 0.25s 0.25s;}
header .burgerMotion p span:after{margin-top:10px;}
/* active */
header .burgerMotion.active p span{background-color:rgba(255, 255, 255, 0);transition:background 0.25s ease-in-out 0.0s;}
header .burgerMotion.active p span:before{transform:rotate(45deg);margin-top:0;transition:transform ease-in-out 0.25s 0.25s,margin ease-in-out 0.25s;}
header .burgerMotion.active p span:after{transform:rotate(-45deg);margin-top:0;transition:transform ease-in-out 0.25s 0.25s,margin ease-in-out 0.25s;}
/* --- burgerOverlay --- */
div.burgerOverlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.75);}



/*========================================================
 globalNav
========================================================*/
.globalNav ul{display:block;border-top:1px solid #000;text-align:left;}
.globalNav ul li{display:block;margin:0;padding:0;}
.globalNav ul li a{display:block;padding:15px 12px;border-bottom:1px solid #000;color:#fff;font-size:175%;text-align:left;}
.globalNav ul li a.toggleSwitch{position:relative;padding-right:40px;}
.globalNav ul li a.toggleSwitch span{display:block;position:absolute;top:0;right:10px;bottom:0;width:20px;height:20px;margin:auto 0;}
.globalNav ul ul li a.toggleSwitch span{width:16px;height:16px;}
.globalNav ul li a.toggleSwitch span:before,
.globalNav ul li a.toggleSwitch span:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:2px;margin:auto;background-color:#fff;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.globalNav ul li a.toggleSwitch span:after{transform:rotate(90deg);}
.globalNav ul li a.toggleSwitch.open span:before{opacity:0;}
.globalNav ul li a.toggleSwitch.open span:after{transform:rotate(180deg);}
.globalNav ul ul{display:none;border:none;}
.globalNav ul ul li{display:block;margin-left:1em;}
.globalNav ul ul li a{font-weight:500;font-size:125%;}
.globalNav ul ul li a{font-size:100%;}
.globalNav ul li.Tab133,
.globalNav ul li.Tab134{display:none !important;}



/*========================================================
 headTitleArea
========================================================*/
/* headTitleArea
------------------------------ */
.headTitleArea > .inner{position:static;max-width:100%;padding:0;}
.headTitleArea h1,
.headTitleArea .pageTitleBorderType h1{position:static;top:inherit;left:inherit;transform:inherit;min-width:inherit;padding:1.25em 6%;border:none;background-color:#354573;color:#fff;font-size:125%;}
.headTitleArea .pageTitleColorGreen h1{background-color:#afc03d;}

/* contentTop
------------------------------ */
.contentTop{margin:0 0 50px;}

/* contentBottom
------------------------------ */
.contentBottom{margin:0;}
._miraicamera .contentBottom{margin-top:100px;}



/* ===========================================================
 footer
=========================================================== */
#footer{margin:100px 0 0;}
._miraicamera #footer{margin-top:0;}

/* copyright
------------------------------ */
.copyright{padding:1em 0.5em;line-height:1.4;text-align:left;}

/**/}