@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0;padding:0;min-width: 1100px;position: relative;}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
a{cursor:pointer;}
body:not(.side_box_pc_none){padding-left: 280px;}

.pcNone{display:none;}
/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea.headerAreaCommon{display:none;}/*下層+PCの時は、汎用ヘッダーを非表示とする。*/

/*----------------------------------------------------------------------------
***                                                    　         gnav
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{transform: translate(0px, -30px);font-size: 14px;}
#breadcrumbArea *{color:#fff;}
#breadcrumbArea li.listItem:after {content: ">"; display: inline; padding: 0 0.5em; color: #fff;}
#breadcrumbArea .breadcrumbInner {padding:0;margin-left: 0;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#mainArea{}
.mainSection > .mainSectionInner{margin: 0 auto;padding: 0px 0 0px;overflow: hidden;}
.secBox{padding-left:20px; padding-right:20px;}
.secBox > .sectionInner{max-width: 1000px;margin:0 auto;padding: 30px 0 55px;}
.secBox > .sectionInner .contentsBox{max-width: 100%;margin: 0 auto;}
.secBox .inSec{width:auto;margin:0 auto;}
.commonW{width:1000px; margin:0 auto;}
.titleBox{border-left:10px solid #e84709; background:#f1f1f1;}
.ttl-h2{font-size:24px; padding:0.5em 0.5em 0.5em;}
.ttl-h3{font-size:20px; margin:0 0 0.3em;}

.style02 .titleBox{border-left:none; background:#f1f1f1;}
.style02 .titleBox .ttl-h2{text-align:center;}

.contentsBox{padding:40px 30px 40px;}


/* 汎用ボタン */
.commonBtnBox {}
.commonBtnBox .textBtn {text-align: center;margin: 2em 0 0em;}
.commonBtnBox .btn {display: inline-block;padding: 0.5em 0;background: #e9470b;color: #fff;max-width: 450px;width: 30em;text-align: center;}


/* 動画16：9 */
.movieBox{max-width:810px; margin:0 auto 1em;}
.movieBox .movieInBox{position:relative; padding-bottom:56.25%; height:0;overflow: hidden;}
.movieBox .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}

/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/
/*ファストビュー*/
#mainView{height: 256px;background: url(/images/common/img_under_main01.jpg) no-repeat center/ auto 100%;}
#mainView *{color: #fff;}
#mainView .mainViewInner{padding: 0 0;height: 100%;display: flex;justify-content: center;align-items: center;}
#mainView .ttl{line-height: 1.5em;font-size: 44px;}
#mainView .subTtl{font-size:36px;text-align:center;color:#fff;margin:.5em 0 0;}
#mainView .subTtl .text{display:block;font-size:20px;line-height:1;}


/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                    　         footerArea
----------------------------------------------------------------------------*/
#footerSec {background-color: #ffffff;padding: 80px 20px 80px 20px;font-weight: 300;font-style: normal;font-size: 16px;line-height: 1.5;letter-spacing: 0.05em;color: #ffffff;}
#footerSec .menuList li {display: block;margin-bottom: 10px;}
#footerSec {border-top: 4px solid #FFF5EA;background-color: #ffffff;color: #000000;}
#footerSec * {color: #000000;}
#footerSec .footerInenr {margin: 0 auto;}
#footerSec .footerInenr .txtBox {margin: 0 0 0 0%;padding: 0 20px;}
#footerSec .footerInenr .logoBox {margin: 0 auto 0 0;}
#footerSec .footerInenr .contentsBox {padding: 0;width: 100%;}
#footerSec .footerInenr .logoBox {padding-left: 0;}
#footerSec .footerInenr .logoBox a{display:inline-block;}
#footerSec .footerInenr .logoBox .logoLink{background: url(/images/common/hdfa_logo3_black@2x.png) no-repeat center / cover;}
#footerSec .footerInenr .logoBox img{opacity:0;}
#footerSec .sns-icons {padding-right: 0;max-width: max-content;}
#footerSec .sns-icons a {color: #0C3484;font-weight: 500;display: block;}
#footerSec .sns-icons a:after {content: none;}
#footerSec .sns-icons a img {margin-right: 0px; opacity:0;}
#footerSec .sns-icons .instagram{background: url(/images/common/icon_inst01.png) no-repeat center / cover;}
#footerSec .sns-icons .twitter{background: url(/images/common/icon_twitter.01.png) no-repeat center / cover;}

#copyrightSec{}
#copyrightSec:before {content: "";display: block;width: 100%;height: 10px;border-top: 5px solid #E9470B;}
#copyrightSec .copyrightInenr{background: #E9470B;padding: 1em 0;}
#copyrightSec *{color:#fff;margin: 0;}
#copyrightSec .privacypolicy{margin:0 2em 0 0;}




/*----- 【ページトップへスライド】 -----*/
#totp{
    width: 40px;
    height: 40px;
    z-index: 9;
    position:fixed;
    right: 2%;
    bottom: 2%;
    margin: 0;
}
#totp a {display: flex;justify-content: center;align-items: center;width:100%;height:100%;background: #00afad;}
#totp a svg{display:block;fill: #fff;width: 1em;}

/*----- 【フッター】 -----*/
#footerSec *{}


/*モーダルウインドウのオーバーレイ*/
#modal-overlay {z-index: 99999;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color: rgba( 0,0,0, 0.4 );}

/*----------------------------------------------------------------------------
***                                                                  sideBox
----------------------------------------------------------------------------*/
/*----- 【汎用型】 -----*/
.side_box_pc_none #sideBox{display:none;}