@charset "UTF-8";

@import url(//www.itoden.co.jp/wp/wp-content/themes/itoden/assets/css/normalize.css);   body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote {
padding: 0;
margin: 0; }
h1, h2, h3, h4, h5, h6 {
font-size: 100%; }
ul, ol {
list-style: none inside; }
img, a img {
border: 0;
vertical-align: middle;
width: auto; }
table, tr, td, th {
border-collapse: collapse;
vertical-align: top; }
　
* {
margin: 0;
padding: 0; }
html {
font-size: 10px;
font-weight: normal;
font-family: Helvetica,Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
border-style: none; }
body {
width: 100%;
border-style: none;
background-color: #fff;
position: relative;
text-align: center; }
#wrapper {
text-align: center;
margin: 0 auto; }
#container {
position: relative; }
.page-content {
max-width: 1200px;
margin-right: auto;
margin-left: auto; }
img {
display: block;
margin: 0 auto;
max-width: 100%;
width: auto;
height: auto; }
p {
font-size: 1.6rem;
font-weight: normal;
text-align: center;
color: #333333; }
h1 {
font-size: 7.2rem;
font-weight: bold;
font-style: italic;
color: #333;
text-shadow: 0 0 10px #fff;
text-align: center;
margin-bottom: 30px;
font-family: 'Raleway', sans-serif; }
h2 {
width: 600px;
font-size: 2.6rem;
letter-spacing: 0.1em;
font-weight: 600;
text-align: center;
color: #fff;
background-color: #2ea965;
padding: 10px;
margin: 0 auto; }
h3 {
font-size: 3.0rem;
font-weight: bold;
text-align: center;
color: #333; }
h4 {
font-size: 2.4rem;
color: #333;
font-weight: normal;
letter-spacing: 0.1em; }
h5 {
font-size: 1.4rem;
font-style: italic;
color: #f7931e;
font-weight: normal;
letter-spacing: 0.1em;
margin-top: 8px; }
.pc {
display: block; }
.sp {
display: none; }
.sp_br {
display: none; } .mv {
background-image: url(//www.itoden.co.jp/wp/wp-content/themes/itoden/assets/img/itoden_top_pc_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
padding-top: 160px;
padding-bottom: 40px;
position: relative; }
.mv .page-content .mv-text {
margin-top: 140px; }
.mv .page-content .mv-text .title {
margin-top: 30px;
margin-bottom: 140px; } .info {
padding-top: 60px;
padding-bottom: 80px; }
.info .title {
font-size: 4.8rem;
text-align: left;
font-weight: 500;
font-style: italic;
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS PMincho", serif; }
.info span {
font-size: 2.2rem;
letter-spacing: 0.1em;
font-weight: normal;
color: #f7931e;
margin-left: 10px;
font-style: normal;
background: none;
font-family: Helvetica,Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif; }
.info .news_list {
list-style: none;
padding: 0;
margin-top: 40px; }
.info .news_list .news_item {
display: flex;
align-items: flex-start;
gap: 60px;
font-size: 1.8rem;
margin-bottom: 16px;
color: #333;
text-align: left; }
.info .news_list .news_item time {
white-space: nowrap; }
.info .news_list .news_item .cat_label {
font-size: 1.4rem;
padding: 2px 10px;
border-radius: 4px;
white-space: nowrap; }
.info .news_list .news_item .cat_label.cat_news {
background-color: #333;
color: #fff; }
.info .news_list .news_item .cat_label.cat_results {
background-color: #d4f3ff;
color: #0071bc; }
.info .news_list .news_item .text {
color: #333;
line-height: 1.6;
text-align: left; }
.info .more_wrapper {
text-align: center;
margin-top: 30px; }
.info .more_wrapper a {
display: inline-block;
background-color: #2ea965;
color: #fff;
font-weight: bold;
padding: 10px 60px;
font-size: 1.4rem;
border-radius: 4px;
text-decoration: none;
transition: background 0.3s ease; }
.info .more_wrapper a:hover {
background-color: #175533; } .about {
padding: 60px 0; }
.about .page-content hr {
width: 1000px; }
.about .page-content .text_img {
margin-top: 20px; }
.about .page-content .about-text {
margin-top: 20px; }
.about .page-content .about-text p {
line-height: 40px; }
.about .page-content .about-link {
margin: 60px auto 0 auto; }
.about .page-content .about-link .btn {
display: inline-block;
width: 280px;
padding: 18px 24px;
background-color: #00a066;
color: #fff;
font-weight: bold;
text-decoration: none;
position: relative;
transition: all 0.3s ease;
font-size: 1.6rem;
letter-spacing: 0.1em;
text-align: left; }
.about .page-content .about-link .btn::after {
content: '';
position: absolute;
top: 50%;
right: 22px;
width: 50px;
height: 1px;
background-color: #fff;
transform: translateY(-50%); }
.about .page-content .about-link .btn::before {
content: '';
position: absolute;
top: 50%;
right: 24px;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translateY(-50%) rotate(45deg); }
@media (hover: hover) and (pointer: fine) {
.about .page-content .about-link .btn:hover {
background-color: #175533; }
.about .page-content .about-link .btn:hover::after {
height: 2px; }
.about .page-content .about-link .btn:hover::before {
border-top: 2px solid #fff;
border-right: 2px solid #fff; } } .business {
background-color: #e6f5ec;
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
padding-top: 60px;
padding-bottom: 80px; }
.business .page-content hr {
width: 40px;
margin-top: 8px; }
.business .page-content .business-list {
margin: 40px auto 0 auto;
display: flex;
justify-content: space-between; }
.business .page-content .business-list .img-box {
position: relative;
display: inline-block;
overflow: hidden; }
.business .page-content .business-list .img-box .img-link {
position: relative;
display: block; }
.business .page-content .business-list .img-box .img-link img {
width: 100%;
display: block; }
.business .page-content .business-list .img-box .img-link .overlay-bg {
position: absolute;
bottom: 0;
right: 0;
height: 50px;
width: 50px;
background-color: #f48020;
transition: width 0.4s ease;
z-index: 1; }
.business .page-content .business-list .img-box .img-link .overlay-arrow {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
font-size: 2.4rem;
font-weight: normal;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
.business .page-content .business-list .img-box .img-link:hover .overlay-bg {
width: 100%; } }
.business .page-content .business-list .img-box .caption {
text-align: left;
margin-top: 10px;
font-size: 2.4rem;
letter-spacing: 0.1em;
color: #333; }
.business .page-content .business-list .img-box .caption span {
font-size: 1.6rem;
font-style: italic; } .access {
background-color: #fff;
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
padding-top: 60px;
padding-bottom: 80px; }
.access .page-content {
width: 1000px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto; }
.access .page-content .company-text {
width: 440px; }
.access .page-content .company-text .name {
font-size: 2.6rem;
font-weight: bold;
color: #2ea965;
margin-bottom: 8px;
text-align: left; }
.access .page-content .company-text hr {
border: none;
height: 1px;
background-color: #2ea965;
margin: 8px auto;
text-align: left; }
.access .page-content .company-text .address-title {
margin-top: 10px;
font-weight: bold;
font-size: 2.0rem;
margin-bottom: 5px;
text-align: left; }
.access .page-content .company-text .address-zip,
.access .page-content .company-text .address-main,
.access .page-content .company-text .address-contact {
font-size: 2.0rem;
text-align: left;
color: #333;
margin-bottom: 5px; }
.access .page-content .company-text .access-link {
margin-top: 60px;
text-align: left; }
.access .page-content .company-text .access-link .btn {
display: inline-block;
width: 280px;
padding: 18px 24px;
background-color: #00a066;
color: #fff;
font-weight: bold;
text-decoration: none;
position: relative;
transition: all 0.3s ease;
font-size: 1.6rem;
letter-spacing: 0.1em;
text-align: left; }
.access .page-content .company-text .access-link .btn::after {
content: '';
position: absolute;
top: 50%;
right: 22px;
width: 60px;
height: 1px;
background-color: #fff;
transform: translateY(-50%); }
.access .page-content .company-text .access-link .btn::before {
content: '';
position: absolute;
top: 50%;
right: 24px;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translateY(-50%) rotate(45deg); }
@media (hover: hover) and (pointer: fine) {
.access .page-content .company-text .access-link .btn:hover {
background-color: #175533; }
.access .page-content .company-text .access-link .btn:hover::after {
height: 2px; }
.access .page-content .company-text .access-link .btn:hover::before {
right: 24px;
border-top: 2px solid #fff;
border-right: 2px solid #fff; } }
.access .page-content .access-map {
width: 520px;
height: 320px; }
.access .page-content .access-map iframe {
width: 100%;
height: 100%;
border: none; } @media screen and (max-width: 768px) {  body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote {
padding: 0;
margin: 0; }
h1, h2, h3, h4, h5, h6 {
font-size: 100%; }
ul, ol {
list-style: none inside; }
img, a img {
border: 0;
vertical-align: middle;
width: auto; }
table, tr, td, th {
border-collapse: collapse;
vertical-align: top; }
　
* {
margin: 0;
padding: 0; }
html {
font-size: 10px;
font-weight: normal;
font-family: Helvetica,Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
border-style: none; }
body {
width: 100%;
border-style: none;
background-color: #fff;
position: relative;
text-align: center; }
#wrapper {
text-align: center;
margin: 0 auto; }
#container {
position: relative; }
.page-content {
max-width: 96vw;
margin-right: auto;
margin-left: auto; }
img {
display: block;
margin: 0 auto;
max-width: 100%;
width: auto;
height: auto; }
p {
font-size: 1.8rem;
font-weight: normal;
text-align: center;
color: #333333; }
h1 {
font-size: 5.2rem;
font-weight: bold;
font-style: italic;
color: #333;
text-shadow: 0 0 10px #fff;
text-align: center;
margin-bottom: 30px;
margin: 0 auto;
font-family: 'Raleway', sans-serif; }
h2 {
width: 96%;
font-size: 2.2rem;
letter-spacing: -0.01em;
font-weight: 600;
text-align: center;
color: #fff;
background-color: #2ea965;
padding: 6px;
margin: 0 auto; }
h3 {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
color: #333; }
h4 {
font-size: 2.4rem;
color: #333;
font-weight: normal;
letter-spacing: 0.1em; }
h5 {
font-size: 1.4rem;
font-style: italic;
color: #f7931e;
font-weight: normal;
letter-spacing: 0.1em;
margin-top: 8px; }
.pc {
display: none; }
.sp {
display: block; }
.sp_br {
display: block; } .mv {
background-image: url(//www.itoden.co.jp/wp/wp-content/themes/itoden/assets/img/itoden_top_pc_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
padding-top: 60px;
padding-bottom: 40px;
position: relative; }
.mv .page-content .mv-text {
margin-top: 100px; }
.mv .page-content .mv-text .title {
margin-top: 30px;
margin-bottom: 100px; } .about {
padding: 40px 0; }
.about .page-content hr {
width: 90vw; }
.about .page-content .text_img {
width: 90%;
margin: 10px auto 0 auto; }
.about .page-content .about-text {
margin-top: 20px; }
.about .page-content .about-text p {
line-height: 34px; }
.about .page-content .about-link {
margin: 60px auto 0 auto;
position: relative;
z-index: 1; }
.about .page-content .about-link .btn {
display: inline-block;
width: 80%;
padding: 18px 24px;
background-color: #00a066;
color: #fff;
font-weight: bold;
text-decoration: none;
position: relative;
transition: all 0.3s ease;
font-size: 1.6rem;
letter-spacing: 0.1em;
text-align: left;
z-index: 1; }
.about .page-content .about-link .btn::after {
content: '';
position: absolute;
top: 50%;
right: 22px;
width: 60px;
height: 1px;
background-color: #fff;
transform: translateY(-50%);
pointer-events: none; }
.about .page-content .about-link .btn::before {
content: '';
position: absolute;
top: 50%;
right: 24px;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translateY(-50%) rotate(45deg);
pointer-events: none; } .business {
background-color: #e6f5ec;
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
padding-top: 40px;
padding-bottom: 60px; }
.business .page-content hr {
width: 40px;
margin-top: 8px; }
.business .page-content .business-list {
margin: 40px auto 0 auto;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
gap: 40px; }
.business .page-content .business-list .img-box {
position: relative;
display: inline-block;
overflow: hidden; }
.business .page-content .business-list .img-box .img-link {
position: relative;
display: block; }
.business .page-content .business-list .img-box .img-link img {
width: 100%;
display: block; }
.business .page-content .business-list .img-box .img-link .overlay-bg {
position: absolute;
bottom: 0;
right: 0;
height: 50px;
width: 50px;
background-color: #f48020;
transition: width 0.4s ease;
z-index: 1; }
.business .page-content .business-list .img-box .img-link .overlay-arrow {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
font-size: 2.4rem;
font-weight: normal;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
pointer-events: none; }
.business .page-content .business-list .img-box .caption {
text-align: left;
margin-top: 10px;
font-size: 2.4rem;
letter-spacing: 0.1em;
color: #333; }
.business .page-content .business-list .img-box .caption span {
font-size: 1.6rem;
font-style: italic; } .access {
background-color: #fff;
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
padding-top: 40px;
padding-bottom: 60px; }
.access .page-content {
width: 96vw;
margin: 0 auto; }
.access .page-content .company-text {
width: 96%; }
.access .page-content .company-text .name {
font-size: 2.4rem;
font-weight: bold;
color: #2ea965;
margin-bottom: 8px;
text-align: center; }
.access .page-content .company-text hr {
border: none;
height: 1px;
background-color: #2ea965;
margin: 8px auto;
text-align: left; }
.access .page-content .company-text .address-title {
margin-top: 10px;
font-weight: bold;
font-size: 2.0rem;
margin-bottom: 5px;
text-align: center; }
.access .page-content .company-text .address-zip,
.access .page-content .company-text .address-main,
.access .page-content .company-text .address-contact {
font-size: 1.8rem;
text-align: center;
color: #333;
margin-bottom: 5px; }
.access .page-content .company-text .access-link {
margin-top: 40px;
text-align: center;
position: relative;
z-index: 1; }
.access .page-content .company-text .access-link .btn {
display: inline-block;
width: 80%;
padding: 18px 24px;
background-color: #00a066;
color: #fff;
font-weight: bold;
text-decoration: none;
position: relative;
transition: all 0.3s ease;
font-size: 1.6rem;
letter-spacing: 0.1em;
text-align: left;
z-index: 1; }
.access .page-content .company-text .access-link .btn::after {
content: '';
position: absolute;
top: 50%;
right: 22px;
width: 60px;
height: 1px;
background-color: #fff;
transform: translateY(-50%);
pointer-events: none; }
.access .page-content .company-text .access-link .btn::before {
content: '';
position: absolute;
top: 50%;
right: 24px;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translateY(-50%) rotate(45deg);
pointer-events: none; }
.access .page-content .access-map {
margin: 40px auto 0 auto;
width: 90%;
height: 300px; }
.access .page-content .access-map iframe {
width: 100%;
height: 100%;
border: none; } }