@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

#all { top:0; left:0; width:100%; position:absolute; z-index:1; }
.br__sp{ display:none; }
.br__pc{ display:inline; }

.side{ width:200px; height:94%; position:fixed; left:0; top:0; z-index:10; overflow:visible; visibility:visible; }
.side__logo{ width:200px; height:16%; float:left; background:#fff; position:relative; }
.side__logo span{ width:180px; float:left; margin:10px 0 0 10px; font-size:10px; line-height:1.2em;  position:absolute; top:5%; left:0; transform: translate(0, -5%); display:none; }
.side__logo img{ width:140px; float:left; margin:0 0 0 30px; position:absolute; top:50%; left:0; transform: translate(0, -50%); }
.side__menu{ width:200px; height:12%; float:left; background:#111826; cursor:pointer; position:relative; overflow:visible; color:#fff; font-weight:bold; }
a.side__menuButton{ width:200px; height:100%; float:left; background:#111826; color:#fff; position:relative; z-index:10; line-height:1.2; vertical-align:middle; }
.side__menu:hover .side__menuButton{ background:#f0f0f0; color:#111826; transition:0.3s; }
.side__menuButton span{ width:180px; position:absolute; top:50%; left:10px; transform: translate(0, -50%); }
.side__menuButton span strong{ width:150px; float:left; font-weight:bold; line-height:1.5em; }
.side__menuButton span em{ width:150px; float:left; font:normal normal normal 10px/1.5 'Lato'; color:#758297; }
.side__menuButton img{ width:4px; float:right; margin:-4px 0 0 0; position:absolute; top:50%; right:10px; }
.side__menuButton .side__menuButton--off{ display:inline; }
.side__menuButton .side__menuButton--on{ display:none; }
.side__menu:hover .side__menuButton--off{ display:none; }
.side__menu:hover .side__menuButton--on{ display:inline; }
.side__menuContent{ width:230px; height:auto; float:left; margin:0 0 0 -230px; position:absolute; top:0; left:auto; opacity:0; transition:0.7s; }
.side__menu:hover .side__menuContent{ margin:0 0 0 200px; opacity:1.0; transition:0.7s; }
.side__menuList{ width:230px; float:left; margin:0; z-index:0; }
.side__menuList a{ width:200px; height:50px; display:block; float:left; padding-left:15px; background:#1b2940; color:#fff; line-height:50px; }
.side__menuList a:hover{ background:#d6dbdf; color:#1b2940; transition:0.3s ; }
.side__menuList a img{ width:4px; float:right; margin:21px 10px 0 0; vertical-align:middle; }
.side__menuList a img.side__menuListButton--off{ display:inline; }
.side__menuList a img.side__menuListButton--on{ display:none; }
.side__menuList a:hover img.side__menuListButton--off{ display:none; }
.side__menuList a:hover img.side__menuListButton--on{ display:inline; }


.side__menuContentCompany{ top:auto; bottom:0; }
.side__menuContentInformation{ top:auto; bottom:0; }

.footer{ width:100%; height:6%; position:fixed; left:0; bottom:0; z-index:5; background:#d6dbdf; overflow:visible; visibility:visible; }
.footer__contact{ width:200px; height:100%; float:left; cursor:pointer; position:relative; z-index:5; overflow:visible; text-align:center; color:#111826; font-weight:bold; }
.footer__contactButton{ width:200px; height:100%; float:left; background:#094581; color:#fff; position:relative; z-index:10; line-height:1.2; vertical-align:middle; }
.footer__contact:hover .footer__contactButton{ background:#7395b8; transition:0.3s; }
.footer__contactButton span{ width:200px; position:absolute; top:50%; left:0; transform: translate(0, -50%); }
.footer__contactButton img{ width:20px; margin:0 10px 0 0; vertical-align:middle; }
.footer__contactContent{ width:230px; height:100px; float:left; margin:0 0 0 -230px; position:absolute; bottom:0; left:auto; opacity:0; transition:0.7s; }
.footer__contact:hover .footer__contactContent{ margin:0 0 0 200px; opacity:1.0; transition:0.7s; }
.footer__contactList{ width:230px; float:left; margin:0; text-align:left; z-index:0; }
.footer__contactList a{ width:200px; height:50px; display:block; float:left; padding-left:30px; background:#094581; color:#fff; line-height:50px; }
.footer__contactList a:hover{ background:#7395b8; transition:0.3s ; }
.footer__contactList a img{ width:4px; float:right; margin:21px 20px 0 0; vertical-align:middle; }
.footer__helpdesk{ width:auto; float:right; margin:0 2.5% 0 0; padding-left:35px; position:absolute; top:50%; right:0; z-index:0; transform: translate(0, -50%); }
.footer__helpdesk small { float:right; clear:none; margin:10px 0 0 0; }
.footer__helpdeskList{ float:right; border-right:1px solid #24110a; margin:10px 0 0 0; display:block; }
.footer__helpdeskLink{ float:left; border-left:1px solid #24110a; color:#24110a; font-size:11px; line-height:1.3; }
.footer__helpdeskLink a{ margin:0 5px; color:#24110a; }
.footer__helpdeskLink a:hover{ text-decoration:underline; }
.footer__helpdeskCopyright{ float:right; margin-right:10px; font-size:11px; line-height:1.3; margin:10px 10px 0 0; }

.footer__helpdeskFacebook{ float:right; margin:15px 10px 0 0;  transform: translate(0, -50%); }
a.footer__helpdeskFacebook:hover{ opacity:0.7; }
.footer__helpdeskFacebook img{ width:25px; vertical-align:middle; }

.footer__helpdeskINSTAGRAM{ float:right; margin:15px 10px 0 0; transform: translate(0, -50%); }
a.footer__helpdeskINSTAGRAM:hover{ opacity:0.7; }
.footer__helpdeskINSTAGRAM img{ width:25px; vertical-align:middle; }

.headSmartphone{ display:none; }
#p-btn{ display:none; }

/*トップページ以外の共通部分*/
.top{ width:100%; position:relative; overflow:visible; }
.top .top__bg{ width:100%; float:left; position:relative; }
.top ul.top__nav{ width:100%; position:absolute; top:0; left:0; padding:5px 0 5px 210px; box-sizing:border-box; background:rgba(0,0,0,0.5); }
.top ul.top__nav li{ width:auto; float:left; margin:0 5px; color:#fff; font-size:12px; line-height:1.2; }
.top ul.top__nav li a{ color:#fff; }
.top ul.top__nav li a:hover{ text-decoration:underline; }
.top .top__black{ width:100%; }
.top h1.top__title span{ width:100%; float:left; clear:none; font-style:normal; font-weight:bold; font-size:14px; line-height:1.2; font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, '小塚ゴシック Pro L','Kozuka Gothic Pro Light', "ＭＳ ゴシック", sans-serif; margin:10px 0 0 0; }

.top h1.top__title{ position:absolute; top:0; left:0; padding:15px 0 0 200px; margin:50px 0 0 5%; font-style:italic; font-size:50px; line-height:1.2; font-family:'Lato'; text-shadow:1px 1px 1px #111826; }



.copy{ width:100%; position:relative; padding:0 0 0 200px; box-sizing:border-box; }
.copy__text{ width:100%; float:left; margin:50px 0 10px 5%; color:#111826; font-size:24px; line-height:2em; }
hr{ width:80px; margin:10px 0 30px 5%; background:none; border-bottom:2px solid #b00f26; }
.copy__comment{ width:100%; margin:20px 0 50px 5%; color:#111826; font-size:12px; line-height:2em; }





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

#all{ overflow:visible; padding-bottom: 147px;}
.br__sp{ display:inline; }
.br__pc{ display:none; }

.side{ display:none; }
.side__logo { height:auto; }
.side__logo img{ width:140px; float:left; margin:5px 0 5px 2.5%; position:relative; top:0; left:0; transform: translate(0, 0%); }

.footer__contact{ width:100%; }
.footer__contactButton{ display:none; }
.footer__contactContent{ width:100%; height:auto; margin:0; line-height:50px; position:fixed; bottom:0; left:0; opacity:1.0; z-index:20; }
.footer__contact:hover .footer__contactContent{ margin:0; opacity:1.0; transition:0.7s; }
.footer__contactList{ width:50%; margin:0; }
.footer__contactList a{ width:90%; padding:0 5%; height:50px; line-height:50px; }
.footer__contactList a img{ margin:-4px 0 0 0; position:relative; top:50%; }
.footer__contactlong { width:100%; float:left; clear:none; }

.headSmartphone{ display:inline; width:100%; float:left; background:#fff; position:fixed; z-index:25; }
.headSmartphone #panel-btn{ display:inline-block; position:relative; width:40px; height:40px; float:right; margin:15px 2.5% 0 0; }
.headSmartphone #panel-btn:hover{}
.headSmartphone #panel-btn-icon{ display:block; position:absolute; top:50%; left:0; width:40px; height: 4px; margin:-2px 0 0 0; background:#111826; transition:.2s; }
.headSmartphone #panel-btn-icon:before, #panel-btn-icon:after{ display:block; content:""; position:absolute; top:50%; left:0; width:40px; height:4px; background:#111826; transition:.3s; }
.headSmartphone #panel-btn-icon:before{ margin-top:-17px; }
.headSmartphone #panel-btn-icon:after{ margin-top:13px; }
.headSmartphone #panel-btn .close{ background:transparent; }
.headSmartphone #panel-btn .close:before, #panel-btn .close:after{ width:45px; margin-top:0; }
.headSmartphone #panel-btn .close:before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.headSmartphone #panel-btn .close:after{ transform:rotate(-135deg); -webkit-transform: rotate(-135deg); }

#p-btn	{ width:100%; height:100%; display:none; float:left; background:#fff; border-bottom:none; box-sizing:border-box; padding-top:65px; position:fixed; top:0; z-index:20; text-align:left; overflow-y:scroll; }
.p-btn__list{ width:100%; float:left; clear:both; border-bottom:1px solid #5f5f5f; }
.p-btn__list	{ width:100%; float:left; clear:both; border-bottom:1px solid #5f5f5f; }
.p-btn__list a	{ width:95%; height:30px; padding:0 2.5%; float:left; line-height:30px; }
.p-btn__list a:hover	{ background:#111826; color:#fff; }
a.side__menuButtonSales{ height:40px; line-height:40px; }
.side__menuContent li	{ width:100%; clear:none;}
.side__menuContent li a	{ width:90%; height:40px; padding:0 5%; line-height:40px; font-size:12px; }
.side__menuContent li a:hover	{ background:#1b2940; }
.side__menuContent .side__menuButton--off{ display:inline; }
.side__menuContent .side__menuButton--on{ display:none; }

.side__menuButton img{ position:relative; margin:-4px 0 0 0; right:0; }
.side__menuContent{ display:inline; width:100%; margin:0; background:#f0f0f0; position:relative; opacity:1.0; }
.side__menuContentHelpdesk{ border-top:1px solid #5f5f5f; }
.side__menuContentContact li a{ background:#094581; }
.side__menuContentContact li a:hover{ background:#094581; color:#fff; }
.side__menuList a img{ margin:-4px 0 0 0; position:relative; top:50%; }

.footer_contactlong { width:100%; height:auto; float:left; clear:none; margin:20px 0 0 0;}

/*トップページ以外の共通部分*/
.top{ margin-top:65px; box-sizing:border-box; }
.top ul.top__nav{ display:none; }
.top .top__black{ width:100%; }
.top h1.top__title{ padding:15px 0 0 0; margin:10px 0 0 5%; font-style:italic; font-size:28px; line-height:1.2; font-family:'Lato'; text-shadow:1px 1px 1px #111826; }
.top h1.top__title span{ width:auto; float:none; margin:0 0 0 10px; font-size:14px; line-height:1.2; font-family:"Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, '小塚ゴシック Pro L','Kozuka Gothic Pro Light', "ＭＳ ゴシック", sans-serif; }

.copy{ padding:0; }
.copy__text{ width:90%; margin:20px 0 10px 5%; color:#111826; font-size:18px; line-height:1.5em; }
hr{ width:80px; margin:10px 0 30px 5%; background:none; border-bottom:2px solid #b00f26; }
.copy__comment{ width:90%; margin:20px 0 50px 5%; color:#111826; font-size:12px; line-height:2em; }
.copy__comment br{ display:none; }
.footer__helpdeskList { display:none; }
.footer__helpdeskCopyright{ width:100%; float:left;font-size:9px; line-height:1.3; margin: 0 0 10px 0;  text-align:center; }
.footer{ width:100%; height:100px; position:fixed; left:0; bottom:0; z-index:15; background:#d6dbdf; overflow:visible; visibility:visible; }
a.footer__helpdeskFacebook { width:50%; height:auto; float:left; clear:none; margin:0; text-align:right; }
a.footer__helpdeskFacebook  img { width:35px; margin:20px 10px 0 10px; }
a.footer__helpdeskINSTAGRAM { width:50%; float:left; clear:none; margin:0; text-align:left; }
a.footer__helpdeskINSTAGRAM  img { width:35px; margin:20px 10px 0 10px; }
.footer__helpdesk{ width:100%; float:left; margin:0; padding-left:0; top:50px;  display:none; }





}