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


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0;padding:0;border-top: 23px solid transparent;background: #f2f2f2;}
#wrap{ width:950px; margin:0 auto; }
#wrap #totp{position: fixed;bottom: 5px;right: 10px;z-index:999;}
/*----- 宮崎さんここから -----*/
.sideBtn3 {position: fixed; top: 16em; right: 0; z-index: 999;}
.sideBtn {position: fixed; top: 26.5em; right: 0; z-index: 999;}
.sideBtn2 {position: fixed; top: 38em; right: 0; z-index: 999;}
.sideBtn4 {position: fixed; top: 2.2em; right: 0; z-index: 999;}
/*----- 宮崎さんここまで -----*/
/*.sideBtn {position: fixed; top: 15em; right: 0; z-index: 999;}
.sideBtn2 {position: fixed; top: 26.5em; right: 0; z-index: 999;}*/
/*----------------------------------------------------------------------------
 ***                                                                   Header
----------------------------------------------------------------------------*/
#headerArea{ position:relative; height:132px; }
#headerAreaInner{
    background: #fff;
    padding: 10px 0 6px;
}
#headerAreaInBox{width:1200px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;position: relative;}
#headerLink{ width:742px; padding-top:8px; }
#headerLink ul{ text-align:right; padding-top:8px; }
#headerLink li{ display:inline; }
#headerArea h1{}
#headerArea h1 .ttlImg{position:relative; z-index:1;}
#headerAreaLogo .ttlTxt {font-size: 12px;color: #333333;font-weight: normal;position: absolute;top: -32px;line-height: 1.6;margin: 0;padding: 0;}
#headerAreaLogo .ttlSub {position: absolute;top: -32px;right: 0;color: #01b8cc;font-size: 12px;text-align: right;width: 400px;line-height: 1.6;margin: 0;padding: 0;}
#headerTxt{ width: 230px; height: 51px; position: absolute; left: 444px; top: 11px; }
#sapriBar{ position:absolute; left:542px; top:44px; }
#headerTxt p{ margin:0; padding:0;}
#hNavi{ width:205px; position: fixed; z-index: 999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}
#headerTop{ position: fixed; z-index: 999; top:28px; margin-left:700px;}

#headerLinkInner{
    padding: 0 0 4px;
}
#headerLinkInner ul{text-align:right;padding-top: 0px;}
#headerLinkInner li{display: block;}
#headerLinkInner .listBox{display: flex;justify-content: space-between;align-items: center;}
#headerLinkInner .listBox li{padding: 0 0 0;margin-left: 0.5em;}
#headerLinkInner .listBox li a{
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#headerLinkInner .listBox .txtArrow{font-size: 125%;}
#headerLinkInner .listBox li.loginLink{border-left:1px solid #c8c8c8;padding: 0 0.5em 0 1em;margin-left: 1em;}
#headerLinkInner .listBox li.loginLink a{padding: 0 0;}
#headerLinkInner .listBox li.nbkLink a{color: #ec7e92;padding: 0.1em 1.5em 0 0;background: url(/common_images/2023/header_kids_arrow01.png) no-repeat center right 0.5em / 9px auto;}
#headerLinkInner .listBox li.nbkLink a:before{content:"";display:inline-block;width: 17px;height: 20px;margin: 0 4px 3px 0;background: url(/common_images/2023/header_kids_icon01.png) no-repeat center / cover;}
#headerLinkInner .listBox li.houjinLink{margin-left: 1.5em;}
#headerLinkInner .listBox li.houjinLink a{color: #00698a;padding: 0.1em 1.5em 0 0;background: url(/common_images/2023/header_biz_arrow01.png) no-repeat center right 0.5em / 9px auto;}
#headerLinkInner .listBox li.houjinLink a:before{content:"";display:inline-block;width: 25px;height: 20px;margin: 0 4px 3px 0;background: url(/common_images/2023/header_biz_icon01.png) no-repeat center / cover;}
#headerLinkInner .listBox li.eigosenkaLink{margin-left: 1.5em;}
#headerLinkInner .listBox li.eigosenkaLink a{color: #532E8E;padding: 0.1em 1.5em 0 0;background: url(/common_images/2023/header_ceisen_arrow01.png) no-repeat center right 0.5em / 9px auto;}
#headerLinkInner .listBox li.eigosenkaLink a:before{content:"";display:inline-block;width: 18px;height: 18px;margin: 0 4px 3px 0;background: url(/common_images/2023/header_ceisen_icon01.png) no-repeat center / cover;}

/*----------------------------------------------------------------------------
 ***                                                           Header - gNavi
----------------------------------------------------------------------------*/
/*----- ★新TOP -----*/
#navAreaInner{
    width: 1200px;
    margin: 10px auto 10px;
    position: relative;
}
#navAreaInner .listBox{display:flex;justify-content:space-between;align-items: center;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
#navAreaInner .listBox li{width: calc(100% / 6);}
#navAreaInner .listBox a{display:block;color: #4d4d4d;font-weight: 500;font-size: 16px;padding: 0.9em 0.5em 0.9em;text-align:center;width:100%;position:relative;box-sizing: border-box;text-decoration: none;}
#navAreaInner .listBox a:before{content:"";display:block;width: 1px;height: 2em;background: #c8c8c8;position:absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
#navAreaInner .listBox .listItem06 a{padding-left: calc(0.5em + 17px);background: url(/common_images/2023/gnav_contents01.png) no-repeat center left 35px / 17px auto, #b2eaf0;}
#navAreaInner .listBox .listItem06 a:before{display:none;}

/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{width: 1200px;margin: 10px auto 10px;}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
#wrap{min-width: 1200px;width: 100%;margin:0 auto;}
.mainSection{width: 960px;position:relative;float:left;}
.mainSection > .mainSectionInner{margin: 0 auto; padding: 0px 0 0px;}
.mainSection .secBox > .sectionInner{max-width: 960px;margin: 0 auto 20px;padding: 20px 20px 20px;background:#fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
.mainSection .secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}
.mainSection .secBox .inSec{width:auto;margin:0 auto;}
.mainSection .titleBox{margin: 0 0 20px;}
.mainSection .titleBox .ttl-h2{text-align:center;color: #242424;}
.mainSection .titleBox .txtTop{font-size:22px; display:block; line-height:1.2;}
.mainSection .titleBox .txtBottom{font-size:12px; display:block; line-height:1.2;}
.mainSection .titleBox .subTtl{text-align:center;font-size:16px;line-height: 1.5;}
.mainSection .moreBtn{text-align:center;margin:1em 0 0;padding:0;/* position:absolute; *//* right:95px; *//* top:-3.2em; */width: 100%;order: 3;}
.mainSection .moreBtn a{border: 1px solid #4d4d4d;color: #4d4d4d;display:inline-block;font-size:13px;line-height:1;padding: 0.5em 2.5em 0.6em 2em;border-radius:30px;text-decoration:none;background: url(/images/top_230801/arrow_gray_r.png) no-repeat center right 1em / 0.6em auto;}

#a8sales img{width:0; height:0;}

/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{float:right;width: 220px;}
#rightFd{ margin:-9px 0 10px 0; padding:0;}
#rightFd2{ margin:-7px 0 10px 0;}

/*----------------------------------------------------------------------------
 ***                                                                   footer
----------------------------------------------------------------------------*/
#footerAreaLogo{ float:left;}
#footerAreaLogo li{ display:inline; padding-left:20px; font-size:12px;}
#footerCopyright{ float:right;}

/*----------------------------------------------------------------------------
 ***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ width:950px; }
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(../common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}
.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}

/*----------------------------------------------------------------------------
 ***                                                                  section
----------------------------------------------------------------------------*/