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

body {margin: 0;font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; line-height: 1.8rem; }
/*topページスタイル*/
/*グローバルメニュー*/
header {width: 100%; margin: 0;}
div.header_box {display: flex; background-image: url("../images/bg01.jpg");width: 100%; margin: 0; color: #fff;background-attachment: fixed;}
div.header_box2 {display: flex; width: 100%; background-color: #202529;}
div.header_box {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-column-gap: 20px;font-size: .8em; justify-content: center;}
div.header_box2 {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-column-gap: 20px;font-size: .9em; justify-content: center;}
h1.main_logo {display: inline-block; letter-spacing: 3px;font-family: 'Montserrat', sans-serif;font-size: 3rem; font-weight: 200;padding: 15px;margin-bottom: 10px;}
.sub-titlep-box {display: flex; align-items:center}
p.sub-title {font-size: .9em; letter-spacing: .1rem;padding: 15px; vertical-align: center;}
.menu {font-size: .9em;padding: 5px 10px;}
.menu > a > p {text-align: center;}
.menu p i:hover {color: #ccc;}
.menu > a {color: #fff; text-decoration: none;}
.menu > a:hover {color: #405FA6; text-decoration: none;}
.menu > a > p >i.fa-square-caret-right {color:  #405FA6; font-size: 1.3rem; vertical-align: middle;}

/*説明*/
.top_lead {background-color: #C3CFE2; width: 100%;}
.top_lead p {font-size: .8rem;padding: 10px 15px;margin: 0;}

/*submenu*/
div.sub_menu {display: flex;align-items: center;}
div.sub_menu {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); font-size: .9em; justify-content: center;}
.menu_box  {background-color: #333;     margin: 7px 3px 0 3px; padding: 5px; border: 1px solid #333; text-align: center;}
.menu_box > a  {font-size: .8rem; text-decoration: none; color: #fff;}
.menu_box:hover {background-color: #405FA6; border: 1px solid #405FA6;}

/*タイトル*/
h2.title {border-bottom: solid 3px #cce4ff;position: relative;}
h2.title:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #5472cd;bottom: -3px;width: 20%;}

main {padding: 15px;}


/*ヒーター製品の概要*/
div.outline_box {display: flex; width: 100%;}
div.outline_box {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-column-gap: 10px; justify-content: center;}
div.outline_wrap {background-color: #f1f1f1; margin-bottom: 20px;}
div.outline_wrap2 {background-color: #fff;}
img {width: 100%; display: block;}
.outline {padding: 10px;}
h3 {color: #333;padding: 0.5em 0;border-bottom: solid 2px #fff;}
h2.title_01 {padding: 0.25em 0.5em;color: #494949;background: transparent;border-left: solid 5px #7db4e6;font-size: 24px;}
h4.sub-title_01 {border-bottom: solid 2px #BFCFEF;position: relative; font-size: 18px; font-weight: 600;color: #779BE0; }
h4.sub-title_01:after {position: absolute;content: " ";display: block;border-bottom: solid 2px #6682BC;bottom: -2px;width: 20%;}
.underline_y {background: linear-gradient(transparent 50%, yellow 50%); font-weight: 600;}
.outline > p {font-size: .9rem;}
.outline > ul li {font-size: .9rem;}
.outline > table {font-size: .9rem;width: 100%;text-align: left; padding: 15px;}
.outline > th {font-weight: bold;}
.outline td {padding: 10px 0;margin: 0;}
.outline td {border-top: 1px solid #fff;}
.fa-angles-right {color: #405FA6; text-align: right;}
.fa-angles-right:hover {color: #fff; text-align: right;}
.link_summary {padding: 15px 20px;font-size: .9rem; border-top: 1px solid #fff;}
.outline_wrap2_box {background-color: #f1f1f1; margin: 0 0 8px 0;}
.email_link > a {text-decoration: none; color: #e32d1a; letter-spacing: 3px; font-size: 18px; font-family: 'Montserrat', sans-serif;font-weight: 400;}
.email_link  { text-align: center;}
.story {padding: 30px;margin-bottom: 50px;}

/*フッター*/
footer {background: #f0ebeb;text-align: center;position: absolute;width: 100%;}
footer .wrap {padding: 15px 0;}
p.footer-copy {text-align: center;color: #807171;font-size: 12px;}