@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: 0;
padding: 0;
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: 0;
}
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: 0;
top: 0;
}
.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: 0;
top: 0;
background: #fff;
box-shadow: 0 0 5px 0 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: 0 auto;
position: relative;
padding-bottom: 50px;
}
section article {
margin-top: 50px;
}
section article:first-child {
margin-top: 0;
}
section article > div {
padding: 0 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: 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 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: 0 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) {
body.opmenu {
overflow: visible;
height: auto;
}
.nomal_size {
font-size: 1.7rem;
}
.mid_size {
font-size: 1.5rem;
}
.small_size {
font-size: 1.35rem;
}
body #allcontents {
margin-top: 100px;
}
section {
position: static;
padding-bottom: 80px;
}
section article {
margin-top: 130px;
}
section article.pagetitle {
height: 280px;
margin-bottom: 50px;
}
section article.pagetitle h2 {
font-size: 4.6rem;
}
section article.pagetitle .title_j {
font-size: 2.6rem;
}
header {
height: 100px;
padding: 0 clamp(215px, 19vw, 280px) 0 30px;
}
header .logo_header img {
height: 39px;
}
header .headmenu {
height: 100px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .headinfo {
width: clamp(200px, 18vw, 260px);
background: #147fa4;
margin: 0;
padding: 16px 0;
position: fixed;
top: 0;
right: 0;
border: none;
}
header .headinfo * {
color: #fff;
}
header .headinfo .headinfo_title {
padding: 0 0 8px;
border-bottom: none;
font-size: 1.4rem;
}
header .headinfo table {
margin-bottom: 0;
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: 12px;
}
header .headinfo table td {
padding-left: 8px;
}
header .headinfo table td a {
display: block;
margin-right: 0;
}
header .headinfo table td small {
font-size: 1.1rem;
}
header .headinfo tr:last-child th {
padding-top: 9px;
}
header .headinfo a.roboto {
font-size: 1.8rem;
}
a.bt_green {
font-size: 2.2rem;
width: 460px;
padding: 0.8em 30px;
}
} @media (min-width: 1500px) {
.nomal_size {
font-size: 1.8rem;
}
.mid_size {
font-size: 1.6rem;
}
.small_size {
font-size: 1.4rem;
}
section article {
margin-top: 150px;
}
section article.pagetitle {
height: 300px;
}
section article.pagetitle h2 {
font-size: 5rem;
}
section article.pagetitle .title_j {
font-size: 3rem;
}
header {
padding: 0 280px 0 50px;
}
header .headinfo {
width: 260px;
padding: 20px 0;
}
header .headinfo .headinfo_title {
padding: 0 0 10px;
}
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 small {
font-size: 1.2rem;
}
header .headinfo a.roboto {
font-size: 2rem;
}
a.bt_green {
font-size: 2.4rem;
width: 500px;
}
} footer {
position: relative;
clear: both;
}
footer .contast_area {
background: #9fd411;
padding: 50px 0;
}
footer .contast_area > div {
padding: 0 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: 0 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: 768px) {
footer .contast_area {
padding: 100px 0;
}
footer .contast_area > div {
padding: 0 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.bt_green {
width: 48%;
width: -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: 0 15px 0 0;
}
footer .footer_menu {
padding: 20px 30px;
}
footer .pagetop {
width: 70px;
height: 70px;
right: 30px;
}
footer .pagetop a {
width: 70px;
height: 70px;
}
}
@media (min-width: 1200px) {
footer .contast_area {
padding: 130px 0;
}
footer .contast_area > div h2 strong {
font-size: 5.2rem;
line-height: 1.2;
}
footer .contast_area > div h2 span {
font-size: 2.1rem;
}
footer .footer_add {
padding: 40px 0;
}
footer .pagetop {
width: 80px;
height: 80px;
}
footer .pagetop a {
width: 80px;
height: 80px;
}
}
@media (min-width: 1500px) {
footer .contast_area {
padding: 150px 0;
}
footer .contast_area > div h2 strong {
font-size: 5.5rem;
}
footer .contast_area > div h2 span {
font-size: 2.4rem;
}
}  #menu-box {
display: block;
width: auto;
list-style: none;
z-index: 1000;
}
#toggle {
display: inline-block;
cursor: pointer;
padding: 0;
position: absolute;
z-index: 1000;
top: 0;
right: 0;
width: 60px;
height: 60px;
}
#toggle a {
display: block;
height: 60px;
position: relative;
margin: 0;
color: #fff;
text-align: center;
vertical-align: bottom;
text-decoration: none;
font-size: 1rem;
transition: .3s;
font-weight: 500;
outline: none;
}
#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;
}
#menu-box #menu {
display: none;
width: 100%;
padding: 0;
left: 0;
top: 0;
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 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 0;
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: 0;
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%;
width: -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: 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: 1200px) {
#menu-box {
position: relative;
z-index: 800;
clear: both;
text-align: right;
height: 100px;
}
#toggle {
display: none;
}
#menu-box #menu {
position: static;
padding: 0;
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: 0;
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: 0;
}
#menu-box #menu .menu_main > ul {
height: 100px;
padding: 0;
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 0.55em;
display: table-cell;
height: 100px;
vertical-align: middle;
white-space: nowrap;
}
#menu .menu_main > ul li a {
font-size: 1.35rem;
}
#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: 0;
top: 100px;
text-align: left;
min-width: 180px;
background: #fff;
padding: 12px 0;
box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}
#menu-box #menu .menu_main > ul li.sub_menu:hover ul a {
font-size: 1.4rem;
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.4rem;
margin: 0;
padding-left: 0.5em;
padding-bottom: 0;
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 {
display: inline;
margin: 0 5px;
}
#menu form input#search {
font-size: 1.4rem;
color: #000;
width: 0;
border: none;
border-bottom: solid 1px #000;
transition: all 0.5s;
}
#menu form input#search:focus {
width: 120px;
transition: all 0.5s;
outline: none;
}
#menu form input.search-submit {
display: none;
}
} @media (min-width: 1500px) {
#menu-box #menu .menu_main > ul li a {
padding: 0 1em;
}
#menu .menu_main > ul li a {
font-size: 1.6rem;
}
#menu-box #menu .menu_main > ul li.sub_menu:hover ul a {
font-size: 1.6rem;
}
#menu form {
font-size: 1.6rem;
}
#menu form input#search {
font-size: 1.6rem;
}
#menu form input#search:focus {
width: 150px;
}
} .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));
}