@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Judson&display=swap"); * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-weight: 400;
margin: 0px;
padding: 0px;
line-height: 1.7;
color: #000;
-webkit-text-size-adjust: 100%;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.roboto {
font-family: 'Roboto', sans-serif;
}
.judson {
font-family: 'Judson', serif;
}
html {
font-size: 62.5%;
height: 100%;
}
body {
font-size: 100%;
background: #fff;
background-size: cover;
}
body.opmenu {
overflow: hidden;
}
body img {
vertical-align: bottom;
border-style: none;
max-width: 100%;
}
body img.full {
width: 100%;
}
a {
text-decoration: none;
}
a.arrow_link:after {
content: "\25b8";
padding-left: 1ex;
}
a:hover {
text-decoration: underline;
}
table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0px;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.sp_br {
display: none;
}
.para {
margin-bottom: 1.5em;
}
.para-half {
margin-bottom: 1em;
}
.nomal_size {
font-size: 1.5rem;
}
.mid_size {
font-size: 1.3rem;
}
.small_size {
font-size: 1.2rem;
}
.komelist li {
padding-left: 1em;
position: relative;
list-style: none;
}
.komelist li:before {
content: "※";
position: absolute;
left: 0px;
top: 0px;
}
.inlineblock {
display: inline-block;
} body #allcontents {
margin-top: 60px;
} header {
width: 100%;
height: 60px;
padding: 0 15px;
z-index: 1000;
position: fixed;
margin: auto;
left: 0px;
top: 0px;
background: #fff;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
header .logo_header img {
width: auto;
height: 30px;
}
header .headmenu {
max-width: 1100px;
}
header .headinfo {
background: #fff;
margin: 15px 15px 30px;
padding-bottom: 10px;
}
header .headinfo * {
color: #000;
}
header .headinfo .headinfo_title {
font-size: 1.6rem;
font-weight: bold;
padding: 10px;
text-align: center;
border-bottom: solid 1px #147fa4;
}
header .headinfo table {
font-size: 1.6rem;
text-align: left;
margin: 10px auto 0;
}
header .headinfo table th {
line-height: 1.2;
vertical-align: top;
padding-bottom: 5px;
width: 20px;
}
header .headinfo table th img {
vertical-align: middle;
}
header .headinfo table td {
line-height: 1.4;
padding: 0 0 5px 5px;
}
header .headinfo a {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
display: block;
}
header .headinfo a.roboto {
font-size: 1.8rem;
}
header .headinfo small {
line-height: 1.4;
} section {
clear: both;
margin: 0px auto;
position: relative;
padding-bottom: 50px;
} section article {
margin-top: 50px;
}
section article:first-child {
margin-top: 0px;
}
section article > div {
padding: 0px 15px;
max-width: 1260px;
margin: auto;
} section article.pagetitle {
background: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/headimg.jpg) no-repeat center center;
background-size: cover;
height: 150px;
margin-bottom: 30px;
position: relative;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
section article.pagetitle h2 {
font-size: 3rem;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
}
section article.pagetitle .title_j {
font-size: 1.6rem;
color: #fff;
font-weight: 500;
text-align: center;
}
section article.top_pickup{
margin-top: 100px;
} a.bt_green {
font-size: 1.6rem;
color: #fff;
font-weight: bold;
background: #9fd411;
width: 260px;
padding: 0.5em 20px;
margin: auto;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items: center;
}
a.bt_green:hover {
text-decoration: none;
}
a.bt_green:after {
content: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_arrow3_rw.png);
margin-left: 1em;
}
@media (min-width: 360px) {
}
@media (min-width: 520px) {
}
@media (min-width: 768px) {
.nomal_size {
font-size: 1.6rem;
}
.mid_size {
font-size: 1.4rem;
}
.small_size {
font-size: 1.3rem;
} body #allcontents {
margin-top: 80px;
} header {
width: 100%;
height: 80px;
padding: 0 30px;
}
header .logo_header {
}
header .logo_header img {
width: auto;
height: 39px;
}
header .headmenu {
height: 80px;
}
header .headmenu h1 {
width: 160px;
height: auto;
}
header .headinfo {
margin: 0 30px 50px;
}
header .headinfo * {
font-size: 1.4rem;
line-height: 1.2;
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end;
}
header .headinfo .headinfo_title {
padding: 15px;
}
header .headinfo table {
margin-top: 15px;
}
header .headinfo table tr,
header .headinfo table th,
header .headinfo table td,
header .headinfo table td a {
display: inline-block;
}
header .headinfo table td a {
margin-right: 10px;
}
section article {
margin-top: 100px;
} section article.pagetitle {
height: 240px;
}
section article.pagetitle h2 {
font-size: 4rem;
}
section article.pagetitle .title_j {
font-size: 2.2rem;
} section article > div {
padding: 0px 30px;
}
a.bt_green {
font-size: 2rem;
width: 400px;
padding: 0.8em 30px;
margin: auto;
}
a.bt_green:after {
content: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_arrow4_rw.png);
line-height: 15px;
}
section article.top_pickup{
margin-top: 180px;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
body.opmenu {
overflow: visible;
height: auto;
}
.nomal_size {
font-size: 1.8rem;
}
.mid_size {
font-size: 1.6rem;
}
.small_size {
font-size: 1.4rem;
} body #allcontents {
margin-top: 100px;
} section {
position: static;
padding-bottom: 80px;
}
section article {
margin-top: 150px;
}
body #allcontents section article {
} section article.pagetitle {
height: 300px;
margin-bottom: 50px;
}
section article.pagetitle h2 {
font-size: 5rem;
}
section article.pagetitle .title_j {
font-size: 3rem;
} header {
padding: 0px 280px 0px 50px;
height: 100px;
}
header .headmenu {
height: 100px;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
header .headinfo {
width: 260px;
background: #147fa4;
margin: 0px;
padding: 20px 0;
position: fixed;
top: 0px;
right: 0px;
border: none;
}
header .headinfo * {
color: #fff;
}
header .headinfo .headinfo_title {
padding: 0 0 10px;
border-bottom: none;
}
header .headinfo table {
margin-bottom: 0px;
border-top: solid 1px #fff;
}
header .headinfo table tr {
display: table-row;
padding: 0;
}
header .headinfo table th img {
display: none;
}
header .headinfo table .headinfo_mail th {
background: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_mail_w.svg) no-repeat center 17px;
background-size: contain;
}
header .headinfo table .headinfo_tel th {
background: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_tel_w.svg) no-repeat center 3px;
background-size: contain;
}
header .headinfo table th,
header .headinfo table td {
display: table-cell;
}
header .headinfo table tr:first-child th,
header .headinfo table tr:first-child td {
padding-top: 15px;
}
header .headinfo table td {
padding-left: 10px;
}
header .headinfo table td a {
display: block;
}
header .headinfo table td a {
margin-right: 10px;
}
header .headinfo table td small {
font-size: 1.2rem;
}
header .headinfo table {
}
header .headinfo th img {
width: auto;
}
header .headinfo tr:last-child th {
padding-top: 9px;
}
header .headinfo a.roboto {
font-size: 2rem;
} a.bt_green {
font-size: 2.4rem;
width: 500px;
padding: 0.8em 30px;
}
} footer {
position: relative;
clear: both;
}
footer .contast_area {
background: #9fd411;
padding: 50px 0;
}
footer .contast_area > div {
padding: 0px 15px;
max-width: 1260px;
margin: auto;
}
footer .contast_area > div h2 {
text-align: left;
margin-bottom: 10px;
}
footer .contast_area > div h2 * {
color: #fff;
}
footer .contast_area > div h2 strong {
font-size: 2em;
font-weight: 500;
line-height: 1.2;
display: block;
}
footer .contast_area > div h2 span {
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
}
footer .contast_area > div .contast_note {
color: #fff;
}
footer .contast_area > div .contast_bt a.bt_green {
color: #9fd411;
background: #fff;
width: 100%;
margin-top: 10px;
}
footer .contast_area > div .contast_bt a.bt_green:after {
content: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_arrow3_rg.png);
margin-left: 0;
}
footer .contast_area > div .contast_bt a small {
font-size: 70%;
color: #9fd411;
margin-right: auto;
}
footer .footer_add {
text-align: center;
padding: 30px 15px;
border-bottom: solid 1px #ebebeb;
}
footer .footer_add .footer_logo {
width: 160px;
margin: 0px auto 15px;
}
footer .footer_add .footer_catch span {
color: #147fa4;
font-weight: bold;
}
footer .footer_menu {
padding: 15px;
max-width: 1260px;
margin: auto;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
footer .footer_menu .copyright,
footer .footer_menu .menu_item a {
font-weight: 200;
}
footer .pagetop {
width: 60px;
height: 60px;
position: absolute;
right: 15px;
}
footer .pagetop a {
display: block;
width: 60px;
height: 60px;
text-indent: -9999em;
background: #fff url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_arrow4_ug.png) no-repeat center center;
border: solid 2px #ebebeb;
}
@media (min-width: 414px) {
}
@media (min-width: 768px) {
footer .contast_area {
padding: 100px 0;
}
footer .contast_area > div {
padding: 0px 30px;
}
footer .contast_area > div h2 {
margin-bottom: 20px;
}
footer .contast_area > div h2 strong {
display: inline-block;
margin-right: 1ex;
font-size: 5rem;
line-height: 1.2;
}
footer .contast_area > div h2 span {
font-size: 1.8rem;
}
footer .contast_area > div .contast_note {
margin-bottom: 30px;
}
footer .contast_area > div .contast_bt {
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
footer .contast_area > div .contast_bt a {
}
footer .contast_area > div .contast_bt a.bt_green {
width: 48%; widht: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px);
margin: 0;
}
footer .contast_area > div .contast_bt a.bt_green:after {
content: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_arrow4_rg.png);
vertical-align: bottom;
}
footer .contast_area > div .contast_bt a small {
font-size: 70%;
color: #9fd411;
margin-right: auto;
}
footer .footer_add div {
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items: center;
}
footer .footer_add .footer_logo {
width: 170px;
margin: 0px 15px 0px 0px;
}
footer .footer_menu {
padding: 20px 30px;
}
footer .pagetop {
width: 70px;
height: 70px;
right: 30px;
}
footer .pagetop a {
width: 70px;
height: 70px;
}
}
@media (min-width: 1500px) {
footer .contast_area {
padding: 150px 0;
}
footer .contast_area > div h2 strong {
font-size: 5.5rem;
line-height: 1.2;
}
footer .contast_area > div h2 span {
font-size: 2.4rem;
}
footer .footer_add {
padding: 40px 0;
}
footer .pagetop {
width: 80px;
height: 80px;
}
footer .pagetop a {
width: 80px;
height: 80px;
}
}  #menu-box {
display: block;
width: auto;
list-style: none;
z-index: 1000;
}
#menu-box * {
}
#toggle {
display: inline-block;
cursor: pointer;
padding: 0px;
position: absolute;
z-index: 1000;
top: 0px;
right: 0px;
width: 60px;
height: 60px;
}
#toggle a {
display: block;
height: 60px;
position: relative;
margin: 0px;
color: #fff;
text-align: center;
vertical-align: bottom;
text-decoration: none;
font-size: 1rem;
transition: .3s;
font-weight: 500;
outline: none;
}
.opmenu #toggle a {
}
#toggle span {
display: block;
width: 30px;
height: 3px;
background: #147fa4;
text-align: center;
position: absolute;
left: 15px;
transition: .3s;
}
#toggle span.menu_first {
top: 19px;
}
#toggle span.menu_mid {
top: 29px;
}
#toggle span.menu_last{
top: 39px;
}
.opmenu #toggle span:before {
display: none;
}
.opmenu #toggle span.menu_first {
background: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 29px;
transition: .3s;
}
.opmenu #toggle span.menu_last {
background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 29px;
transition: .3s;
}
#toggle span.menu_mid.close {
background: transparent;
}
.opmenu #toggle span.menu_first,.opmenu #toggle span.menu_last {
}
#menu-box #menu {
display: none;
width: 100%;
padding: 0px;
left: 0px;
top: 0px;
border-top: solid 60px #147fa4;
z-index: 999;
position: absolute;
height: 100vh;
background: #147fa4;;
overflow: auto;
}
#menu nav {
padding: 0 0 15px;
}
#menu .menu_main > ul {
}
#menu .menu_main > ul li {
padding: 0 15px;
list-style: none;
border-bottom: solid 1px #fff;
}
#menu .menu_main > ul li a {
font-size: 1.6rem;
color: #fff;
padding: 1em 0em;
font-weight: bold;
display: block;
text-decoration: none;
}
#menu .menu_main > ul li.sub_menu > a {
position: relative;
}
#menu .menu_main > ul li.sub_menu > a:after {
content: "＋";
display: block;
width: 1.5em;
position: absolute;
right: 0px;
top: 1em;
}
#menu .menu_main > ul li.sub_menu > a.active:after {
content: "−";
}
#menu .menu_main > ul li.sub_menu ul {
padding: 0;
background: #fff;
margin-bottom: 25px;
}
#menu .menu_main > ul li.sub_menu ul li {
padding: 0;
border: none;
}
#menu .menu_main > ul li.sub_menu ul li a {
font-size: 1.5rem;
color: #000;
font-weight: normal;
padding: 0.5em 1em;
}
#menu form {
font-size: 1.6rem;
margin: 20px 15px 0;
padding-bottom: 10px;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; border-bottom: solid 1px #fff;
}
#menu form input#search {
font-size: 1.6rem;
color: #fff;
background-color: transparent;
width: 95%; widht: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px);
border: none;
outline: none;
}
#menu form input.search-submit {
display: inline-block;
width: 40px;
border: none;
text-indent: -9999em;
background: url(//www.ihdc.co.jp/wp-content/themes/ihdc2021/assets/images/icon_zoom_w.svg) no-repeat center center;
background-size: 60%;
}
#menu form label {
display: none;
}
@media (min-width: 360px) {
#toggle a {
//	font-size: 1.2rem;
}
} @media (min-width: 768px) { #menu-box {
display: block;
width: auto;
}
#toggle {
width: 80px;
height: 80px;
right: 10px;
}
#toggle a {
height: 80px;
}
#toggle span {
display: block;
width: 40px;
left: 20px;
}
#toggle span.menu_first{
position: absolute;
top: 24px; 
transition: .3s;
}
.opmenu #toggle span.menu_first {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: .3s;
top: 38px;
}
#toggle span.menu_mid {
top: 38px;
}
#toggle span.menu_last{
top: 52px;
}
.opmenu #toggle span.menu_last {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: 38px;
transition: .3s;
}
#menu-box #menu {
border-top-width: 80px;
}
#menu-box #menu nav {
padding: 0 0 30px;
}
#menu .menu_main > ul li {
padding: 0 30px;
}
#menu .menu_main ul li a {
font-size: 2rem;
}
#menu form {
font-size: 2rem;
margin: 30px 30px 0;
}
} @media (min-width: 1500px) { #menu-box {
position: relative;
z-index: 800;
clear: both;
text-align: right;
height: 100px;
}
#toggle {
display: none;
}
#menu-box #menu {
position: static;
padding: 0px;
display: block !important;
background: none;
height: auto;
border-top: none;
overflow: visible;
}
#menu-box #menu nav {
width: auto;
background: none;
padding: 0;
height: auto;
margin-bottom: 0px;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items: center;
}
#menu-box #menu .menu_main {
display: block;
padding: 0px;
}
#menu nav .menu_main {
}
#menu-box #menu .menu_main > ul {
height: 100px;
padding: 0px;
padding-bottom: 0px;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items: center;
}
#menu-box #menu .menu_main > ul li {
padding: 0;
border-bottom: none;
position: relative;
overflow: visible;
}
#menu-box #menu .menu_main > ul li a {
color: #000;
border-bottom: none;
padding: 0 1em;;
display: table-cell;
height: 100px;
vertical-align: middle;
white-space: nowrap;
}
#menu .menu_main > ul li a {
font-size: 1.6rem;
}
#menu .menu_main > ul li.sub_menu ul {
display: none;
}
#menu .menu_main > ul li.sub_menu > a:after {
display: none;
}
#menu .menu_main > ul li.sub_menu:hover ul {
display: block;
position: absolute;
left: 0px;
top: 100px;
text-align: left;
}
#menu-box #menu .menu_main > ul li.sub_menu:hover ul a {
font-size: 1.6rem;
display: block;
padding: 0;
margin: 0 1em 0.5em;
height: auto;
}
#menu-box #menu .menu_main > ul li.sub_menu:hover ul a:hover {
text-decoration: underline;
}
#menu form {
font-size: 1.6rem;
margin: 0px;
padding-left: 0.5em;
padding-bottom: 0px;
border-left: solid 1px #000;
display: flex;
display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; -webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items: center;
border-bottom: none;
}
#menu form label {
margin: 0 5px;
}
#menu form input#search {
font-size: 1.6rem;
color: #000;
width: 0px;
border: none;
border-bottom: solid 1px #000;
transition: all 0.5s;
}
#menu form input#search:focus {
width: 150px;
transition: all 0.5s;
outline: none;
}
#menu form input.search-submit {
display: none;
}
#menu form label {
display: inline;
}
} .clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;zoom:1;}/*\*/* html .clearfix {height: 1%;}
.clearfix {display: block;}/**/  .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}