@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Frutiger Pro 55 Roman by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Frutiger Pro 65 Bold by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Frutiger Pro 45 Light by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry
 
 * © 2025 MyFonts Inc. */

@font-face{
  font-family: "FrutigerLigh";
  src: url("/-/media/fonts/FrutigerPro45Light/font.woff2") format("woff2"), url("/-/media/fonts/FrutigerPro45Light/font.woff") format("woff");
}
@font-face{
  font-family: "FrutigerRoma";
  src: url("/-/media/fonts/FrutigerPro55Roman/font.woff2") format("woff2"), url("/-/media/fonts/FrutigerPro55Roman/font.woff") format("woff");
}
@font-face{
  font-family: "FrutigerBold";
  src: url("/-/media/fonts/FrutigerPro65Bold/font.woff2") format("woff2"), url("/-/media/fonts/FrutigerPro65Bold/font.woff") format("woff");
}
.cf,.cf:after{display:block}
html{font-size:62.5%}
body{color:#333;font-size:10px;font-size:1rem;background-color:#FFF;line-height:1.4;font-family:"UD Shin Go Regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;overflow:hidden}
a{-webkit-transition:.5s;transition:.5s}
a:link,a:visited{color:#333;text-decoration:none}
a:active,a:hover{color:#333;text-decoration:underline}
img{max-width:100%;height:auto;vertical-align:middle}
.cf:after{visibility:hidden;font-size:0;content:" ";clear:both;height:0}
.container{border-top:1px solid #e6e6e6}
.container#index{border:none}
.inner{max-width:1028px;margin:0 auto;padding:0 10px}
.sp{display:none}
#header{text-align:right;padding:25px 0 0;}
#header .inner{max-width:1280px; position:relative;}
#header .logo{position:absolute;top:0;left:10px}
#header .header-menu{font-size:0;margin-bottom:15px;padding-top:5px}
#header .header-menu li{display:inline-block;font-size:14px;font-size:1.4rem;color:#a1a1a1;font-weight:700;margin-left:5px}
#header .header-menu li a{color:#a1a1a1}
#header .header-menu li.active span,#header .header-menu li.contact a{color:#333}
#header .header-menu li.contact{margin-left:35px}
#header .header-menu li.cpn{color: #000; padding-right: 15px; margin-right: 15px; border-right: 1px solid #6b6b6b;}
#header .header-menu li.btn{margin-left: 15px;}
#footer,#footer .footer-col dl dt a{color:#FFF}
#header .header-menu li.contact a:before{content:"";display:inline-block;vertical-align:middle;margin-right:5px;width:26px;height:26px;background:url(/jp/~/Media/phchd/common/image/question_ico.png) no-repeat}
#header .header-menu li.search{margin-left:35px;width:176px}
#header .header-menu li.search .search-form .input-text{width:75%;font-size:14px;font-size:1.4rem;font-weight:400;padding:5px 14px}
#header .header-menu li.search .search-form .search-btn-wrapper{width:44px}
#header .header-menu li.search .search-form .search-btn-wrapper .search-btn{font-size:13px;font-size:1.3rem}
#header .header-menu li.search .search-form .search-btn-wrapper .search-btn i{padding-right:4px}
#header .gnavi{font-size:0; height: 40px; position: relative;}
#header .gnavi > li{display:inline-block;font-size:14px;font-size:1.4rem;font-weight:700;padding: 0 20px; height: 40px;}
#header .gnavi > li:last-child{padding-right: 0;}
#header .gnavi > li > a{position:relative;display:block;-webkit-transition:.3s;transition:.3s; height: 40px;}
#header .gnavi > li > span{display: none}
/*#header .gnavi > li > a:after{position:absolute;bottom:-5px;left:0;content:'';width:100%;height:2px;background-color:#003894;opacity:0;filter:alpha(opacity=0);-webkit-transition:.3s;transition:.3s}*/
#footer .footer-col .footer-menu li:before,#footer .footer-col dl dd ul li:before{font-family:FontAwesome;content:"\f054";margin-right:7px;vertical-align:middle;left:0;top:0}
#header .gnavi > li > a:hover{position:relative;text-decoration:none}
/*#header .gnavi > li > a:hover:after{bottom:-8px;opacity:1;filter:alpha(opacity=100)}*/
#header .gnavi > li:hover > a::after {opacity:1;filter:alpha(opacity=100);-webkit-transition:.1s;transition:.1s;transition-delay:.4s;}
#header .gnavi > li > a::after {width: 0;height: 0;content: "";position: absolute;bottom: 0;  left: 0;  right: 0;  margin: 0 auto;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-bottom: 10px solid #3d3d3d;  opacity: 0;  filter: alpha(opacity=0);-webkit-transition:.1s;transition:.1s;transition-delay:.2s;}
#header .gnavi > li > div{text-align: left;background: #3d3d3d;width: 100vw;height: 0;  position: absolute;top: 40px;  left: 50%;  margin-left: -50vw;box-sizing: border-box;z-index: 99999;overflow: hidden; -webkit-transition:.1s;transition:.1s;transition-delay:.2s;}
@media screen and (min-width:769px){#header .gnavi > li > div{	height: 0;	display: block;}
	#header .gnavi > li:hover > div{ height: 405px !important;-webkit-transition:.3s;transition:.3s;transition-delay:.4s;}
}
#header .gnavi > li > div ul{max-width:1280px;margin: 0 auto;display: flex;}
#header .gnavi > li > div ul li{padding: 0 80px 0 60px;margin-top: 50px;box-sizing: border-box;}
#header .gnavi > li > div ul li:first-child{padding-left: 35px;}
#header .gnavi > li > div ul li + li{border-left: 1px solid #999;}
#header .gnavi > li > div ul li a{font-family:"UD Shin Go Regular","ヒラギノ角ゴ Pro W3";font-size: 14px;line-height: 23px;color: #FFF;font-weight: 700;display: block;-webkit-transition:.3s;transition:.3s}
#header .gnavi > li > div ul li a:hover{text-decoration: none;opacity: 0.6;}
#header .gnavi > li > div ul li > a + a{margin-top: 15px;}
#header .gnavi > li > div ul li > div{display: flex;}
#header .gnavi > li > div ul li > div + div{margin-top: 15px;}
#header .gnavi > li > div ul li > div a{line-height: 1}
#header .gnavi > li > div ul li > div a img{display: block;margin-bottom: 10px;}
#header .gnavi > li > div ul li > div a + a{margin-left: 1px;}
#header .menu-btn{display:none}
#topcontrol{bottom:20px!important;right:20px!important;width:51px;height:50px;background:url(/jp/~/Media/phchd/common/image/pagetop.png) no-repeat}
#footer{background-color:#003894;padding-top:100px}
#footer .inner{max-width:1280px; position:relative}
#footer .footer-col{width:25%;float:left;padding-right:1.5%}
#footer .footer-col dl{margin-bottom:35px}
#footer .footer-col dl dt{font-weight:700;font-size:15px;font-size:1.5rem;margin-bottom:10px}
#footer .footer-col dl dd ul li{position:relative;font-size:13px;font-size:1.3rem;padding-left:20px;margin-bottom:10px}
#footer .footer-col dl dd ul li:before{position:absolute;display:inline-block;color:#4d74b4}
#footer .footer-col .footer-menu li a,#footer .footer-col dl dd ul li a{color:#FFF}
#footer .footer-col .footer-menu{margin-bottom:10px}
#footer .footer-col .footer-menu li{position:relative;font-size:15px;font-size:1.5rem;padding-left:20px;margin-bottom:25px}
#footer .footer-col .footer-menu li:before{position:absolute;display:inline-block;color:#4d74b4}
#footer .footer-col .social-btn{margin-bottom:60px}
#footer .footer-col .social-btn li{display:inline-block;margin-right:13px}
#footer .footer-col .social-btn li:last-child{margin-right:0}
#footer .footer-col .social-btn li img{height: 28px; width: auto;}
#footer .sns{position: absolute; bottom:70px; right: 10px;}
#footer .sns a + a{margin-left: 13px;}
#footer .copyright{font-size:14px;font-size:1.4rem;text-align:center;padding:20px;border-top:1px solid #4d74b4}
.page-head .page-ttl{font-size:24px;font-size:2.4rem;font-weight:700;text-align:center;padding:20px 0}
.breadcrumb{font-size:14px;font-size:1.4rem;padding-top:15px}
#corporate .gnav_div,#group .gnav_div,#privacy .gnav_div{width:100%;background:#f4f4f4;z-index:2}
#corporate .gnav_div .gnav_g,#group .gnav_div .gnav_g,#privacy .gnav_div .gnav_g{max-width:1020px;padding:0 10px;height:60px;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
#corporate .gnav_div .gnav_g li,#group .gnav_div .gnav_g li,#privacy .gnav_div .gnav_g li{float:none;border-left:2px solid #e6e6e6;height:35px}
#corporate .gnav_div .gnav_g li:first-child,#group .gnav_div .gnav_g li:first-child,#privacy .gnav_div .gnav_g li:first-child{border-left:none}
#corporate .gnav_div .gnav_g li:first-child a,#group .gnav_div .gnav_g li:first-child a,#privacy .gnav_div .gnav_g li:first-child a{padding-left:0}
#corporate .gnav_div .gnav_g li.active a,#group .gnav_div .gnav_g li.active a,#privacy .gnav_div .gnav_g li.active a{color:#3c5ba2}
#corporate .gnav_div .gnav_g li a,#group .gnav_div .gnav_g li a,#privacy .gnav_div .gnav_g li a{font-size:14px;font-size:1.4rem;line-height:1.5;padding:5px 20px;text-decoration:none;width:100%;height:35px;vertical-align:middle;text-align:center;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-transition:0s!important;transition:0s!important}
.p_ttl,.sec_com .ttl_h2{line-height:2;font-weight:700}
#corporate .gnav_div .gnav_g li a:hover,#group .gnav_div .gnav_g li a:hover,#privacy .gnav_div .gnav_g li a:hover{color:#003894}
.nav_ps .gnav_pos{position:relative;height:60px}
.nav_ps .breadcrumb{padding-bottom:15px}
.nav_ps .page-head{margin-top:53px}
.p_ttl{text-align:center;margin-bottom:20px}
.p_ttl.p_ttl01{font-size:16px;font-size:1.6rem}
.p_ttl.p_ttl02{font-size:24px;font-size:2.4rem;margin-bottom:15px;padding:0}
.hr_sty{border:2px solid #333;width:40px;margin-bottom:20px}
.sec_com .ttl_h2{font-size:22px;font-size:2.2rem;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:35px}
.sec_com .ttl_p{font-size:15px;font-size:1.5rem;font-weight:700;line-height:2}
.sec_com .list_ol li,.sec_com .list_ol011 li{font-size:15px;line-height:2;counter-increment:count-number}
.sec_com .list_ol{margin-bottom:30px}
.sec_com .list_ol li{padding-left:25px;position:relative;font-size:1.5rem;margin-bottom:5px}
.sec_com .list_ol li:before{position:absolute;left:0;top:0;content:counters(count-number,".") "."}
.sec_com .list_ol011{margin-bottom:30px}
.sec_com .list_ol011 li{padding-left:35px;position:relative;font-size:1.5rem;margin-bottom:5px}
.sec_com .list_ol011 li:before{position:absolute;left:0;top:0;content:"1" "-" counters(count-number,"1.") "."}
.sec_com .list_ol021{margin-bottom:30px}
.sec_com .list_ol021 li{padding-left:35px;position:relative;font-size:15px;font-size:1.5rem;margin-bottom:5px;line-height:2;counter-increment:count-number}
.sec_com .list_ol021 li:before{position:absolute;left:0;top:0;content:"2" "-" counters(count-number,"1.") "."}
.sec_com .list_ol031{margin-bottom:30px}
.sec_com .list_ol031 li{padding-left:35px;position:relative;font-size:15px;font-size:1.5rem;margin-bottom:5px;line-height:2;counter-increment:count-number}
.sec_com .list_ol041 li,.sec_com .list_ol051 li{padding-left:35px;font-size:15px;line-height:2;counter-increment:count-number}
.sec_com .list_ol031 li:before{position:absolute;left:0;top:0;content:"3" "-" counters(count-number,"1.") "."}
.sec_com .list_ol041{margin-bottom:30px}
.sec_com .list_ol041 li{position:relative;font-size:1.5rem;margin-bottom:5px}
.sec_com .list_ol041 li:before{position:absolute;left:0;top:0;content:"4" "-" counters(count-number,"1.") "."}
.sec_com .list_ol051{margin-bottom:30px}
.sec_com .list_ol051 li{position:relative;font-size:1.5rem;margin-bottom:5px}
.sec_com .blue-btn a,.sec_com .more-btn a{font-size:15px;border:1px solid #003894;text-align:center}
.sec_com .list_ol051 li:before{position:absolute;left:0;top:0;content:"5" "-" counters(count-number,"1.") "."}
.sec_com .list_ol01 li{padding-left:50px}
.sec_com .list_ol01 li:before{padding-left:15px;content:"1" "-" counters(count-number,"1.")}
.sec_com .list_ol02 li{padding-left:50px}
.sec_com .list_ol02 li:before{padding-left:15px;content:"2" "-" counters(count-number,"1.")}
.sec_com .list_ol03 li{padding-left:50px}
.sec_com .list_ol03 li:before{padding-left:15px;content:"3" "-" counters(count-number,"1.")}
.sec_com .list_ol04 li{padding-left:50px}
.sec_com .list_ol04 li:before{padding-left:15px;content:"4" "-" counters(count-number,"1.")}
.sec_com .list_ol05 li{padding-left:50px}
.sec_com .list_ol05 li:before{padding-left:15px;content:"5" "-" counters(count-number,"1.")}
.sec_com .list_ol06 li{padding-left:50px}
.sec_com .list_ol06 li:before{padding-left:15px;content:"6" "-" counters(count-number,"1.")}
.sec_com .list_ol07 li{padding-left:50px}
.sec_com .list_ol07 li:before{padding-left:15px;content:"7" "-" counters(count-number,"1.")}
.sec_com .list_ol .list_fl{counter-increment:none}
.sec_com .list_ol .list_fl:before{content:"※"}
.sec_com .link a:before,.sec_com .more-btn a:before{content:"\f054";vertical-align:middle;font-family:FontAwesome}
.sec_com a[href$=".pdf"]{color:#0067b6;padding:3px 22px 3px 0;background:url(/jp/~/Media/phchd/common/image/pdf_ico.png) right 4px top 6px no-repeat}
.sec_com .link{padding:0 20px}
.sec_com .link.link01{padding:0}
.sec_com .link a:before{display:inline-block;margin-right:7px}
.sec_com .more-btn{max-width:210px;margin-left:auto;margin-right:auto}
.sec_com .more-btn a{display:block;padding:13px 0;background:#003894;color:#FFF;font-weight:700;font-size:1.5rem;line-height:1.5}
.sec_com .more-btn a:before{display:inline-block;margin-right:7px}
.sec_com .more-btn a:hover{background-color:#FFF;text-decoration:none;color:#003894}
.sec_com .blue-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.sec_com .blue-btn .pdf[href$=pdf]:after{font-family:FontAwesome;content:"\f1c1";font-weight:lighter;margin-left:7px}
.sec_com .blue-btn a{min-width:320px;background-color:#003894;background-image:none;color:#fff;font-size:1.5rem;font-weight:bolder;text-decoration:none;padding:14px;display:block;margin:0 auto}
.sec_com .blue-btn a:before{font-family:FontAwesome;content:"\f054";margin-right:7px}
.sec_com .blue-btn a:focus,.sec_com .blue-btn a:hover{background-color:#fff;-webkit-transition:.3s;transition:.3s;color:#003894}
.main-visual-video{display:block;width:100%;height:-webkit-calc(100% - 145px);height:calc(100% - 145px)}
.group-more{display:block;width:100%;max-width:700px;margin:20px auto 100px}
.group-more .more-btn{width:48%;max-width:100%}
.group-more .more-btn.left{float:left}
.group-more .more-btn.right{float:right}
.gnav_te{margin:40px 0}
.gnav_th{width:100%;margin-left:-1%}
.gnav_th li{width:24%;text-align:center;margin-left:1%;margin-bottom:1%;float:left;overflow:hidden;display:table}
.gnav_th li a,.gnav_th li span{width:100%;height:4.5em;font-size:15px;font-size:1.5rem;line-height:1.4;color:#FFF;padding:0 10px;display:table-cell;vertical-align:middle;box-sizing:border-box;overflow:hidden;background:#666}
.search-form,.search-form .search-btn-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}
.gnav_th li span{background:#999}
.search-form{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.search-form .input-text{width:91.32%;background-color:#e6e6e6;font-size:16px;font-size:1.6rem;line-height:1.667;padding:7px 16px;border-radius:21px 0 0 21px;border:1px solid #e6e6e6;-webkit-appearance:none}
.search-form .input-text:focus{outline:0;background-color:#fff}
.search-form .search-btn-wrapper{cursor:pointer;width:50px;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.search-form .search-btn-wrapper .search-btn{cursor:inherit;background:#003894;font-family:FontAwesome;font-style:normal;font-size:15px;font-size:1.5rem;line-height:1.778;color:#fff;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:0 21px 21px 0;border:1px solid #003894;height:100%;padding:0}
.search-form .search-btn-wrapper .search-btn i{font-style:inherit;font-size:inherit;line-height:inherit;margin:0 auto;padding-right:6px}
.search-form .search-btn-wrapper .search-btn:active,.search-form .search-btn-wrapper .search-btn:focus,.search-form .search-btn-wrapper .search-btn:hover{color:#003894;background-color:#fff}
@media screen and (max-width:768px){.container{margin-top:60px}
.container#index{padding-top:60px;margin-top:0}
.inner{padding:0 4%}
.pc{display:none}
.sp{display:block}
#header{position:fixed;z-index:9999;top:0;left:0;width:100%;height:60px;background:#FFF;padding:17px 0 0}
#header .inner,#header .logo{position:static}
#header .logo{width:75px}
#header .header-menu{text-align:center;padding:0;margin-bottom:20px}
#header .header-menu li{margin:0 10px 30px;font-size:15px;font-size:1.5rem}
#header .header-menu li.contact{display:block;margin:0 0 30px}
#header .header-menu li.contact a:before{background:url(/jp/~/Media/phchd/common/image/question_ico_sp.png) no-repeat;background-size:100% auto}
#header .header-menu li.search{margin:0 auto 30px;width:95.94%}
#header .header-menu li.search .search-form .input-text{width:100%}
#header .gnavi-wrap{display:none;position:fixed;top:60px;left:0;width:100%;background:#FFF;padding:0 4% 60px;border-top:1px solid #dcdcdc;max-height:-webkit-calc(100vh - 60px);max-height:calc(100vh - 60px);overflow:auto}
#header .gnavi{margin-bottom:30px; height: auto; position: static;}
#header .gnavi > li{display:block;margin:0;padding: 0; text-align:left;font-size:15px;font-size:1.5rem; height: auto;}
#header .gnavi > li:last-child{padding: 0;}
#header .gnavi > li + li{margin-top: -1px; border-top:1px solid #dcdcdc;}
#header .gnavi > li > a{display:none;}
#header .gnavi > li > a:hover:after{display:none}
#header .gnavi > li > span{display:block;padding:15px 0; height: auto; cursor: pointer; position: relative;}
#header .menu-btn{cursor:pointer;display:block;width:24px;height:24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:4%;background:url(/jp/~/Media/phchd/common/image/menu_btn.png) no-repeat;background-size:100% auto}
#header .menu-btn.active{background-image:url(/jp/~/Media/phchd/common/image/close_btn.png)}
#header .gnavi > li > div{text-align: left;background: #EAEAEA;width: 108%;height: auto;  position: static;top: auto;  left: auto;margin-left: -4%;border-bottom:1px solid #dcdcdc;display: none;-webkit-transition: auto;transition: auto;}
#header .gnavi > li span::before {font-family:FontAwesome;content:"\f054";font-size: 3vw;line-height: 4vw;margin-top: -2vw;color: #003894;position: absolute;top: 50%;right: 3vw;-moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -o-transform: rotate(90deg);  -ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition:.3s;transition:.3s}
	#header .gnavi > li span.act::before {-moz-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition:.3s;transition:.3s}
#header .gnavi > li > div ul{display: block;padding-bottom: 15px;}
#header .gnavi > li > div ul li{padding: 2vw 3vw;margin-top: 0;max-height: none;}
#header .gnavi > li > div ul li:first-child{padding: 2vw 4vw 0;border-bottom:1px solid #dcdcdc;}
#header .gnavi > li > div ul li + li{border: none;padding: 2vw 6vw 0;}
#header .gnavi > li > div ul li a{font-family:"UD Shin Go Regular","ヒラギノ角ゴ Pro W3";font-size: 15px; line-height: 1; color: #3B3B3B;}
#header .gnavi > li > div ul li a:hover{opacity: 1;}
#header .gnavi > li > div ul li a{padding:15px 0; display: block;}
#header .gnavi > li > div ul li > a + a{margin-top: 0;}
#header .gnavi > li > div ul li > div{display: block;margin-top: -2vw;}
#header .gnavi > li > div ul li > div + div{margin-top: 0;}
#header .gnavi > li > div ul li > div a img{display: none;}
#header .gnavi > li > div ul li > div a + a{margin-left: 0;}
#topcontrol{width:40px;height:40px;background-size:100% auto;right:10px!important;bottom:10px!important}
#footer{padding:70px 0 0}
#footer .footer-col{width:100%;padding:0;float:none}
#footer .footer-col dl dd ul li,#footer .footer-col dl dt{margin:0 0 15px}
#footer .footer-col .social-btn{text-align:center;padding-top:10px;margin-bottom:50px}
#footer .footer-col .social-btn li{margin:0 10px}
/*#footer .footer-col .social-btn li:first-child{width:29px}
#footer .footer-col .social-btn li:last-child{width:99px}*/
#footer .footer-col .social-btn li img{height: 25px; width: auto;}
#footer .sns{position: static; bottom:auto; right: auto; margin: 10px 0;}
#footer .sns a + a{margin-left: 15px;}
#footer .copyright{font-size:12px;font-size:1.2rem;padding:10px 0}
.page-head .page-ttl{font-size:25px;font-size:2.5rem}
.breadcrumb{display:none}
#corporate .gnav_div,#group .gnav_div,#privacy .gnav_div{width:100%;padding:0}
#corporate .gnav_div .gnav_g,#group .gnav_div .gnav_g,#privacy .gnav_div .gnav_g{margin:0;height:auto;display:block;padding:0}
#corporate .gnav_div .gnav_g li,#group .gnav_div .gnav_g li,#privacy .gnav_div .gnav_g li{width:50%;border-bottom:2px solid #e6e6e6;display:table;float:left;height:60px}
#corporate .gnav_div .gnav_g li:last-child,#group .gnav_div .gnav_g li:last-child,#privacy .gnav_div .gnav_g li:last-child{width:100%}
#corporate .gnav_div .gnav_g li:first-child a,#group .gnav_div .gnav_g li:first-child a,#privacy .gnav_div .gnav_g li:first-child a{padding-left:20px}
#corporate .gnav_div .gnav_g li a,#group .gnav_div .gnav_g li a,#privacy .gnav_div .gnav_g li a{width:100%;height:60px}
.nav_ps .gnav_pos{height:auto}
.nav_ps .breadcrumb{padding-bottom:0}
.nav_ps .page-head{margin-top:75px}
.p_ttl{margin-bottom:0}
.p_ttl.p_ttl02{font-size:25px;font-size:2.5rem;margin-bottom:10px}
.sec_com .ttl_h2{font-size:19px;font-size:1.9rem;margin-bottom:15px}
.sec_com .more-btn{max-width:230px}
.sec_com .more-btn a{padding:18px 0}
.sec_com .more-btn a:hover{background:#003894;color:#FFF}
}
@media screen and (min-width:769px){#header .gnavi-wrap{display:block!important}
}
@media screen and (max-width:768px) and (min-width:251px){.sec_com .blue-btn a{min-width:230px}
}
@media screen and (max-width:250px){.sec_com .blue-btn a{min-width:100%}
}
@media (max-width:768px){.main-visual-video{height:auto}
.main-visual-video video{display:none}
.group-more .more-btn{width:100%;margin:0 auto 20px}
.gnav_th li{width:49%}
.search-form .input-text{min-width:0}
}

.link-blank:after{
  content: '新規ウィンドウが開きます';
  display: inline-block;
  position: relative;
  top: -1px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: 100%;
  background-position: 0 -183px;
  background-image: url('/~/media/images/sprite/common.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .link-blank:after {
    width: 15px;
    height: 15px;
    background-position: 0 -183px;
    -webkit-background-size: 32px 694px;
            background-size: 32px 694px;
    background-image: url('/~/media/images/sprite/common-2x.png');
  }
}
#contact.index h2,#contents-404 .inner #ttl-text .ttl-404,#corporate .corporate-list li .ttl,#corporate .dl-btn a,#corporate.about .about_dl dd,#corporate.about .about_txt01,#corporate.about .about_txt02,#corporate.history .history_tb_blue .history_event p,#corporate.history .history_tb_blue .year .year_txt,#corporate.history .history_tb_gray table tr th,#corporate.philosophy .philo_bdy .ttl_sm,#corporate.profile .profile_tb table tr th,#corporate.publicity .page_sec .ad-ttl .ttl,#corporate.publicity .page_sec .blue-ttl,#corporate.publicity .page_sec .img-ttl,#corporate.publicity .page_sec .sub-ttl,#footer .footer-col dl dt,#group .gp_tb table tr th,#group .pg_section dl dt,#group .sec_com .group_bl .col_02 .col_02_item dl dt,#group.gunma .col_02 .col_02_item dl dt,#group.gunma .matsuyama_tb table tr th,#group.matsuyama .col_02 .col_02_item dl dt,#group.matsuyama .matsuyama_tb table tr th,#group.phci .col_02 .col_02_item dl dt,#group.phci .matsuyama_tb table tr th,#group.wakimachi .col_02 .col_02_item dl dt,#group.wakimachi .gp_tb table tr th,#group.wakimachi .ttl_h2,#header .gnavi li,#header .header-menu li,#index #business-area .bus-box .intro-area .more-btn,#index #business-area .bus-box .intro-area .ttl,#index #mainimg-area .concept .concept-ttl,#index #news-area .news-ttl,#index #philosophy-area .message-bnr,#index .more-btn a,#products .page-top-menu .menu-item .menu-txt-wrapper .txt,#products .ttl-h3,#search .inner #ttl-text .ttl-search,.bold,.list-detail li,.p_ttl,.page-head .page-ttl,.sec_com .blue-btn a,.sec_com .more-btn a,.sec_com .ttl_h2,.sec_com .ttl_p{font-family:'UD Shin Go DemiBold',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 700}


#header_re{
  height: 105px;
  position: relative;
  z-index: 99999999;
  border-bottom: 1px solid #e4e4e4;
}

#header_re .inner{
  max-width: 1280px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#header_re .hed_nav{
  font-size: 14px;
  line-height: 1;
  color: #3d3d3d;
  overflow: visible;
  position: absolute;
  top: 20px;
  right: 0;
}

#header_re .hed_nav .web_list,
#header_re .hed_nav > a{
  color: #3d3d3d;
  display: inline-block;
  overflow: visible;
}

#header_re .hed_nav > a + a{
  margin-left: 15px;
}

#header_re .hed_nav > a:last-child{
  padding-left: 20px;
  font-weight: bold;
  background: url("/~/Media/phchd/common/image/icon_language.png") left center no-repeat;
  background-size: 14px auto;
}

#header_re .hed_nav > a span{
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 3px;
}

#header_re .hed_nav > a:last-child:hover{
  text-decoration: none;
}

#header_re .hed_nav .web_list{
  margin-right: 15px;
  position: relative;
}

#header_re .hed_nav .web_list p{
  cursor: pointer;
  position: relative;
  z-index: 2;
}

#header_re .hed_nav .web_list p::after{
  content: ">";
  transform: scale(1,0.6) rotate(90deg);
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: middle;
}
  
#header_re .hed_nav ul{
  position: absolute;
  top: 20px;
  right: 0;
  padding: 15px 30px 15px 15px;
  border-left: 3px solid #1e365f;
  background: #FFF;
  z-index: 9999;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.18);
  display: none;
}

#header_re .hed_nav ul li + li{
  margin-top: 10px;
}

#header_re .hed_nav ul li a{
  font-size: 12px;
  line-height: 1;
  color: #003692;
  white-space: nowrap;
  vertical-align: top;
}

#header_re .hed_nav ul li a::before{
  content: ">";
  display: inline-block;
  margin-right: 0.5em;
}


#header_re .float{
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
  transition: 0.5s;
}

#header_re .float h1{
  font-family: 'UD Shin Go DemiBold',"UD Shin Go Regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:700;
  font-size: 14px;
  line-height: 1;
  vertical-align: bottom;
  color: #2f2f2f;
}

#header_re .float h1 img{
  width: auto;
  vertical-align: bottom;
  display: inline-block;
  margin-right: 15px;
  transition: 0.5s;
}

.fixed{
  width: 100%;
  position: fixed !important;
  top: 0;
  left: 0;
  background: #FFF;
}

#header_re .float.fixed {
  height: 70px;
  transition: 0.5s;
}

#header_re .float.fixed h1 img{
  width: 60px;
  height: auto;
  padding-top: 20px;
  transition: 0.5s;
}

#header_re .float ul.nav{
  position: absolute;
  bottom: -20px;
  right: 0;
  padding-left:  120px;
  padding-bottom: 20px;
}

#header_re .float ul.nav li{
  font-family: 'UD Shin Go DemiBold',"UD Shin Go Regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:700;
  font-size: 16px;
  line-height: 1;
  color: #003692;
  display: inline-block;
  position: relative;
}

#header_re .float ul.nav li a{
  color: #003692;
}

#header_re .float ul.nav li a:hover{
  text-decoration: none;
}

#header_re .float ul.nav li.active::after{
  content: "";
  border-top: 20px solid #FFF;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  position: absolute;
  bottom:  -33px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

#header_re .float ul.nav li + li{
  margin-left: 35px;
}

#header_re .float ul.nav li:last-child a::before{
  font-family:'FontAwesome';
  content: "\f002";
  font-weight: 100;
  color: #003692;
}

#header_re .float .nav_box{
  width: 100%;
  height: 0;
  box-sizing: border-box;
  position: absolute;
  top: 77px;
  left: 0;
  background: #1e365f;
  display: none;
}

#header_re .float.fixed .nav_box{
  top: 70px;
}

#header_re .nav_box .inner > div{
  display: none;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
}

#header_re .nav_box div a{
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  color: #FFF;
}

#header_re a.cudef{
  cursor: default;
}

#header_re .nav_box div > a{
  padding-right: 150px;
  margin-bottom: 25px;
  border-left: 1px solid #FFF;
  padding-left: 20px;
}
#header_re .nav_box div.n1 a {
  padding-right: 60px;
}
#header_re .nav_box div.n2 a{
  padding-right: 60px;
}

#header_re .nav_box div.n3 a{
  padding-right: 50px;
}

#header_re .nav_box div.n4 > div{
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px;
}

#header_re .nav_box div.n4 > div > div{
  width: 375px;
}

#header_re .nav_box div.n4 div.pic{
  width: 410px;
}

#header_re .nav_box div.n4 div.pic ul{
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  padding-left: 30px;
}

#header_re .nav_box div.n4 div.pic ul li{
  width: 160px;
  margin: 0;
}

#header_re .nav_box div.n4 div.pic ul li:nth-of-type(n+3){
  margin-top: 20px;
}

#header_re .nav_box div.n4 div.pic ul li div{
  margin-bottom: 10px;
}

#header_re .nav_box div.n5 > div{
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

#header_re .nav_box h2{
  display: none;
}

#header_re .nav_box div h3{
  font-size: 17px;
  line-height: 1;
  color: #7c7c7c;
  margin-bottom: 15px;
}

#header_re .nav_box div ul{
  border-left: 1px solid #FFF;
  padding-left: 20px;
}

#header_re .nav_box div ul li + li{
  margin-top: 15px;
}

#header_re .nav_box div.n5 > div > div > a{
  padding-right: 0;
  margin-bottom: 0;
  display: block;
  border-left: 1px solid #FFF;
  padding-left: 20px;
}

#header_re .nav_box div.n5  a + a{
  border-left: none;
  padding-left: 0;
  margin-top: 15px;
}

#header_re .nav_box div.n5 > a{
  border: none;
  padding: 0;
}

#header_re .nav_box div.n5 > a::before{
  font-family:'FontAwesome';
  content: "\f105";
  padding-right: 15px;
}

.footer_box{
  background: #003894;
  padding: 30px 0;
}

.footer_box div{
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.footer_box div a{
  font-size: 14px;
  line-height: 1;
  color: #FFF;
  display: inline-block;
}

.footer_box div a + a{
  margin-left: 30px;
}

.footer_box div a:nth-child(3) + a{
  margin-left: 20px;
}

.footer_box div small{
   font-size: 14px;
  line-height: 1;
  color: #FFF;
  position: absolute;
  top: 0;
  right: 0;
}



@media screen and (max-width:768px){
  
  .container{
    padding-top: 10vw;
  }
  
  .btn_m{
    width: 15vw;
    height: 15vw;
    position:fixed;
    top: 0;
    right: 0;
    z-index:9999;
    opacity:1;
    cursor:pointer;
		display: block;
    transition: 0.3s;
  }
  
  .btn_menu {
    width: 15vw;
    height: 15vw;
    display: block;
    z-index:99999;
    cursor: pointer;
  }

  .btn_menu span {
    width: 8vw;
    height: 1px;
    display: block;
    background: #2b2b2b;
    position: absolute;
    right: 3.5vw;
    top: 50%;
    margin-left:0;
    cursor:pointer;
    transition: all 0.6s;
    transform: rotate(0deg);
  }
  
  .btn_menu span:not(:target) {
    display: block;
  }

  .btn_menu .top {
    transform: translateY(-1vw);
  }

  .btn_menu .bottom {
    transform: translateY(1vw);
  }

  .btn_menu.is-open .top {
    transform: rotate(-210deg) translateY(0px);
    background: #FFF;
  }

  .btn_menu.is-open .bottom {
    transform: rotate(210deg) translateY(0px);
    background: #FFF;
  }
  
  #header_re{
    width: 100%;
    height: 15vw;
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.6s;
    background: #FFF;
  }
  
  #header_re.open{
    background: #1e365f;
    transition: 0.6s;
  }

  #header_re .inner{
    padding: 0 4vw;
    min-width: inherit;
  }

  #header_re .float{
    width: 100%;
    position: static;
    bottom: auto;
    left: auto;
  }

  #header_re .float h1{
    width: 100%;
    font-size: 3vw;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    color: #2f2f2f;
    display: block;
    padding: 3vw 0;
    box-sizing: border-box;
    white-space: nowrap;
    transition: 0.6s;
  }
  
  #header_re.open .float h1{
    color: #FFF;
    transition: 0.6s;
  }
  
  #header_re .float h1 img{
    width: 18%;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5vw;
    transition: 0.6s;
  }
  
  #header_re.open .float h1 img{
    transition: 0.6s;
    filter: invert(100%) saturate(0) brightness(200%);
  }
  
  #header_re .float ul.nav{
    display: none;
  }

  #header_re .float .nav_box{
    width: 100%;
    height: 100vh;
    padding-top: 18vw;
    padding-bottom: 10vw;
    box-sizing: inherit;
    position: absolute;
    top: 15vw;
    left: 0;
    background: #1e365f;
    z-index: 99999;
    overflow: auto;
    display: none;
  }
  
  #header_re .nav_box .inner{
    padding: 0 0 0 10vw;
  } 
  
  #header_re .nav_box .inner > div{
    display: none;
    width: 100%;
    position: static;
    top: auto;
    left: auto
  }
  
  #header_re .nav_box .inner > div + h2{
    margin-top: 5vw;
  }

  #header_re .nav_box div a{
    font-size: 4vw;
    line-height: 1;
    display: block;
    color: #FFF;
    padding: 3vw;
    background: #375fa2;
  }
  
  #header_re .nav_box div a:hover{
    text-decoration: none;
  }
  
  #header_re .nav_box div a.sp{
    display: inline-block;
    background: none;
    position: absolute;
    top: -13vw;
    right: 7vw
  }
  
  #header_re .nav_box div a.sp::before{
    font-family:'FontAwesome';
    content: "\f002";
    font-weight: 100;
    color: #FFF;
  }


  #header_re .nav_box div > a{
    padding: 3vw;
    margin-bottom: 0;
    border-left: none;
  }
  
  #header_re .nav_box div > a + a{
    padding: 3vw;
    margin-bottom: 0;
    border-left: none;
    margin-top: 1px;
  }
  
  #header_re .nav_box div.n2 a{
    padding: 3vw;
  }

  #header_re .nav_box div.n3 a{
    padding: 3vw;
  }

  #header_re .nav_box div.n3 a:nth-child(6){
    padding: 3vw;
  }

  #header_re .nav_box div.n4 > div{
    display: block;
    padding-bottom: 0;
  }

  #header_re .nav_box div.n4 > div > div{
    width: 100%; 
  }
  #header_re .nav_box div.n4 > div > div + div{
    margin-top: 1px !important; 
  }
  
  #header_re .nav_box div.n4 div.pic{
    width: 100%;
  }
  
  #header_re .nav_box div.n4 div.pic ul{
    width: 100%;
    display: block;
    padding: 0;
  }

  #header_re .nav_box div.n4 div.pic ul li{
    width: 100%;
  }

  #header_re .nav_box div.n4 div.pic ul li:nth-of-type(n+2){
    margin-top: 1px;
  }

  #header_re .nav_box div.n4 div.pic ul li div{
    display: none;
  }
  
  #header_re .nav_box div.n5 > div{
    display: block;
    padding-bottom:0;
  }
  
  #header_re .nav_box div.n5  div + div{
    margin-top: 5vw;
  }
  
  #header_re .nav_box h2{
    font-size: 4.5vw;
    line-height: 1;
    color: #FFF;
    display: block;
    position: relative;
    padding: 3vw 0;
    white-space: nowrap;
    cursor: pointer
  }
  
  #header_re .nav_box h2::after{
    content: ">";
    position: absolute;
    top: 30%;
    right: 8vw;
    transform: rotate(90deg) scale(0.6, 1);
    transform-origin: center;
    transition: 0.3s;
  }
  
  #header_re .nav_box h2.open::after{
    transform: rotate(-90deg) scale(0.6, 1);
    
    transition: 0.3s;
  }

  #header_re .nav_box div h3{
    font-size: 4vw;
    line-height: 1;
    color: #7c7c7c;
    margin-bottom: 0;
    padding: 3vw 0;
    white-space: nowrap;
  }

  #header_re .nav_box div ul{
    border-left: none;
    padding-left: 0;
  }

  #header_re .nav_box div ul li + li{
    margin-top: 1px;
  }

  #header_re .nav_box div.n5 > div > div > a{
    margin-bottom: 0;
    display: block;
    border-left: 0;
    padding: 3vw;
  }

  #header_re .nav_box div.n5  a + a{
    border-left: none;
    padding-left: 0;
    margin-top: 1px;
  }
  
  #header_re .nav_box div.n5 > a{
    background: none;
    padding: 3vw 0;
  }
  
  #header_re .hed_nav{
    width: 100%;
    font-size: 4vw;
    line-height: 1;
    text-align: center;
    color: #FFF;
    overflow: visible;
    position: static;
    top: auto;
    right: auto;
    display: block;
    border-top:1px solid #FFF;
    padding-top: 10vw;
    padding-bottom: 15vw;
    margin-top: 15vw;
  }

  #header_re .nav_box .hed_nav .web_list,
  #header_re .nav_box .hed_nav .web_list > a,
  #header_re .nav_box .hed_nav > a{
    color: #FFF;
    display: inline-block;
    overflow: visible;
    padding: 0;
    background: none;
  }

  #header_re .nav_box .hed_nav > a + a{
    margin-left: 4vw;
    padding-left: 4vw;
    border-left: 1px solid #FFF;
  }

  #header_re .nav_box .hed_nav .web_list > a{
    padding-left: 5vw;
    font-weight: bold;
    background: url("/~/Media/phchd/common/image/icon_language.png") left center no-repeat;
    background-size: 4vw auto;
  }

  #header_re .nav_box .hed_nav .web_list > a span{
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 3px;
  }

  #header_re .hed_nav .web_list{
    margin-right: 0;
    position: relative;
    margin-top: 10vw;
  }

  #header_re .hed_nav .web_list p{
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 2;
    margin-left: 5vw;
    padding-bottom: 3px;
    border-bottom: 1px solid #d8d8d8;
  }

  #header_re .hed_nav .web_list p::after{
    content: ">";
    transform: scale(1,0.6) rotate(90deg);
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: middle;
  }

  #header_re .hed_nav ul{
    position: static;
    top: auto;
    right: auto;
    padding: 4vw;
    border-left: none;
    background: #FFF;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.5);
    display: none;
    text-align: left;
    margin-top: 2vw;
  }

  #header_re .hed_nav ul li + li{
    margin-top: 1px;
  }

  #header_re .hed_nav ul li a{
    font-size: 3vw;
    line-height: 1;
    color: #003692;
    white-space: nowrap;
    vertical-align: top;
    background: none;
  }

  #header_re .hed_nav ul li a::before{
    content: ">";
    display: inline-block;
    margin-right: 0.5em;
  }
  
  .footer_box{
    background: #003894;
    padding: 8vw 0 5vw;
  }

  .footer_box div{
    width: 100%;
    text-align: center;
  }

  .footer_box div a{
    font-size: 3.3vw;
    line-height: 1;
    color: #FFF;
    display: inline-block;
  }

  .footer_box div a + a{
    margin-left: 8vw;
  }

  .footer_box div a:nth-child(3) + a{
    margin-left: 6vw;
  }
  
  .footer_box div a img{
    width: 7vw;
  }

  .footer_box div small{
    font-size: 3vw;
    line-height: 1;
    color: #FFF;
    margin-top: 13vw;
    display: block;
    position: static;
    top: auto;
    right: auto;
  }  
  
}