@charset "utf-8";

header .title{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1080px;padding-left:65px;height:200px;margin-left:-1px;background-color:#EEEEEE; background:url(/img/common/title_bg.jpg) no-repeat left top;box-sizing:border-box}
header .title h2{color:#10286d;font-size:2.25em;font-weight:bold;line-height:1;letter-spacing:normal}
header #breadcrumbs{float:left}
header .btn-search-allergy{float:right;margin-top:24px;margin-right:30px;color:#10286d;display: none;}
header .btn-search-allergy a{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:8px 20px 8px 13px;border:solid 1px #10286d;border-radius:6px;background-color:#fff;transition:background-color 0.2s ease-out}
header .btn-search-allergy a .icon{width:24px;height:24px;margin-right:8px;line-height:0}
header .btn-search-allergy a .icon svg{width:100%;height:auto}
header .btn-search-allergy a .icon svg path{fill:#003f97;transition:fill 0.2s ease-out}
header .btn-search-allergy a p{color:#10286d;line-height:1;transition:color 0.2s ease-out}
header .btn-search-allergy a:hover{background-color:#10286d}
header .btn-search-allergy a:hover .icon svg path{fill:#fff}
header .btn-search-allergy a:hover p{color:#fff}
section{width:1040px;margin:24px auto 45px}
section #conts h3{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 80px;padding-left: 20px;color: #fff;font-size: 1.5em;font-weight: bold;background-color: #003f97;margin-bottom: 20px}
section #conts h4{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding-bottom: 6px;color: #10286d;font-size: 1.125em;font-weight: bold;border-bottom: solid 2px #003f97;margin: 20px 0 10px}
section #conts h4::before {content: "";display: block;width: 16px;height: 16px;margin-left: 1px;margin-right: 8px;background: url(/img/common/iconH4.png) no-repeat left top;background-size: 100% 100%;}
section #conts h4 a{color:#10286d;width: 100%}
section #conts h5{border-left: solid 7px #10286d;border-bottom: dashed thin #10286d;margin: 15px 0;padding: 2px 0px 2px 10px;}
section #conts a{color:#10286d;text-decoration: underline;}
section #conts a:hover{text-decoration: none;}

#hg-sitemap-body .naviList{display: -webkit-flex;display: -ms-flexbox;display: flex;}
#hg-sitemap-body .naviList .lBox,#hg-sitemap-body .naviList .rBox{width:48%;margin: 0 1%}
#hg-sitemap-body #conts .naviList div>ul {border-bottom: dashed #000 thin;	padding: 4px 0 8px 40px;margin: 0 4%}
#hg-sitemap-body #conts .naviList .ulInner {background: none;	margin: 5px 0 0 20px;	padding: 0;}
#hg-sitemap-body #conts .naviList .ulInner li {font-size: 0.9em;	margin-bottom: 5px;}
#hg-sitemap-body #conts .naviList ul .title {background-image: url(/sitemap/img/icon01.gif);background-repeat: no-repeat;background-position: 0 4px;background-size: 4%;	font-size: 1em;	padding: 0 0 0px 25px;}
#hg-sitemap-body #conts .naviList .ulInner li a {padding: 0 0 1px 10px;}

#hg-sitepolicy-body #conts dt {	clear: left;	font-size: 1.2em;	float: left;}
#hg-sitepolicy-body #conts dd {	font-size: 1.2em;	padding: 5px 0 0 11em;	margin-bottom: 15px;		text-indent: -3px;}

#hg-privacy-body #conts dl {	margin: 10px 0 15px 10px;}
#hg-privacy-body #conts dt {	clear: left;	font-size: 0.9em;	float: left;}
#hg-privacy-body #conts dd {	font-size: 0.9em;	padding: 0px 0 0 2em;	margin-bottom: 15px;text-indent: -3px;}
#hg-privacy-body #conts .taRight{text-align: right}
#hg-privacy-body #conts .comBoder05 { border: 4px solid #D9D8DC}
#hg-privacy-body #conts .tableBox {	margin: 0 0 15px 20px;}
#hg-privacy-body #conts .tableBox td {	line-height: 1.5;	padding: 5px 5px 5px 10px;	vertical-align: top;border-bottom: 1px solid #D9D8DC;	border-left: 1px solid #D9D8DC;font-size: 0.9em}
#hg-privacy-body #conts .tableBox th {	border-left: 1px solid #D9D8DC;	text-align: center; background-color: #F3F3F3;padding: 3px 0}
#hg-privacy-body #conts .tableBox .boderLeft {	border-left: none;}
#hg-privacy-body #conts h6 {	font-size: 1em;	margin: 15px 0px 5px;}
#hg-privacy-body #conts .taCenter{text-align: center;}

#hg-privacy-body #privacy_inquiry {width:850px;margin:20px auto 25px;padding:3px;border:solid 1px #003f97; }
#hg-privacy-body #privacy_inquiry h1 {width:100%;height:42px;background-color:#D1DEEE;text-align:center;height:42px;line-height:42px;font-size:20px;color:#000; }
#hg-privacy-body #privacy_inquiry div {width:100%;padding:10px 0; }
#hg-privacy-body #privacy_inquiry div div {display: table-cell;width:50%;text-align:center;padding:0 18px;font-size:0.9em;font-weight:bold; }
#hg-privacy-body #privacy_inquiry div div:first-child {border-right:solid 1px #bfbfbf;padding-bottom:16px;vertical-align: bottom; }
#hg-privacy-body #privacy_inquiry div div img {margin-bottom:8px; }
#hg-privacy-body #privacy_inquiry div div ul {display: table-cell;width:474px;padding:10px 0;background-color:#E9F0F7;border-radius:10px;text-align:center;font-size: 0.9em}


@media all and (min-width: 641px){#hg-contents{border-left:solid 1px #bfbfbf}}
@media all and (max-width: 640px){body{font-size: 2.8125vw}
header .title{width:100%;height:25vw;padding-left:6.5625%;background:url(/img/common/sp/title_bg_sp.jpg) no-repeat left top;background-size: cover;margin-left: 0;}
header .title h2{font-size:4vw}
header .title p{font-size:2.5vw}
header .btn-search-allergy{display:none}
section{width: 100%;margin-top:3.125%;margin-bottom:7.03125%}
section p{margin: auto 2vw}
section dl{margin: auto 4vw}
section #conts h3{height: 12.5vw;padding-left: 3.28125%;font-size: 3.75vw;}
section #conts h4{padding-bottom: .9375%;font-size: 2.8125vw;}
section #conts h4::before{width: 2.5vw;height: 2.5vw;margin-left: 3.28125%;margin-right: 1.40625%;}
section #conts h5{margin: 15px 2vw;font-size: 2.8125vw;}

#hg-sitemap-body #conts .naviList div>ul {padding: 7px 0 10px 3vw}
#hg-sitemap-body #conts .naviList .ulInner {margin: 5px 0 0 2vw;}
#hg-sitemap-body #conts .naviList ul .title {background-image:none;	padding: 0 0 0px 2vw;}
#hg-sitemap-body #conts .naviList .ulInner li a {padding: 0 0 1px 0px;}

#hg-privacy-body #conts dl{margin: 10px 3vw 15px 4vw;}
#hg-privacy-body #conts h6 {	font-size: 2.8125vw;	margin: 15px 2vw 5px;}
#hg-privacy-body #conts p a img{width: 70vw;margin: 10px 0}
#hg-privacy-body #conts .tableBox{margin: 3vw}
#hg-privacy-body #privacy_inquiry {width:94% }
#hg-privacy-body #privacy_inquiry h1 {height:12vw;font-size:4vw; }
#hg-privacy-body #privacy_inquiry div {padding:2vw 3vw;font-size:3vw; width: 93%}
#hg-privacy-body #privacy_inquiry div div {display:block;padding:4vw 0 0vw}
#hg-privacy-body #privacy_inquiry div div:first-child {border-right:none;border-bottom:solid 1px #bfbfbf;width:98%;padding:2vw 1vw 4vw;text-align:center;;}
#hg-privacy-body #privacy_inquiry div div img {width:70%}
#hg-privacy-body #privacy_inquiry div div p {white-space:pre-wrap; /* sp の時は \n 改行で改行する */ }
#hg-privacy-body #privacy_inquiry div div ul {display: block;width:76vw;padding:6vw;text-align:left; }
#hg-privacy-body #privacy_inquiry div div ul li {white-space:pre-wrap; /* sp の時は \n 改行で改行する */ }

}
/* for IE9 */
header .title h2{padding-top:80px\9}
header #breadcrumbs p{float:left\9;margin-left: 10px\9}
header .btn-search-allergy a{display: block\9;overflow: hidden\9}
header .btn-search-allergy a .icon{float: left\9}
header .btn-search-allergy a p{margin-top: 6px\9}