- Scan ID:
- 09afae8c-ce72-4c5c-b9b6-5cb96d320afaFinished
- Submitted URL:
- https://i-mobile.co.jpRedirected
- Report Finished:
Links · 17 found
The outgoing links identified from the page
Link | Text |
---|---|
https://furunavi.jp/ | ふるなび |
https://adpf-info.i-mobile.co.jp/ | 国内最大級のアドネットワーク |
https://affiliate.i-mobile.co.jp/ | 高報酬、好条件のアフィリエイト |
https://greenenergy.i-mobile.co.jp/ | グリーンエネルギー事業グリーンエネルギー事業ふるさと納税事業で培った地方自治体や宿泊施設との連携を活用し環境にやさしい太陽光発電などの発電事業を推進しています。 |
https://media-radar.jp/contents/meditsubu/sp_adnetwork/ | メディアレーダーにて「i-mobile Ad Network」が紹介されました |
https://prtimes.jp/main/html/rd/p/000001096.000007821.html | アイモバイル、SNSマーケティング領域のブランド価値向上サポートツール「ブランドレーダー」を提供開始 |
https://prtimes.jp/main/html/rd/p/000001088.000007821.html | 株式会社アイモバイル、全国の厳選宿を掲載する旅行予約サイト「ふるなびトラベル予約」を今秋開始 |
https://twitter.com/imobile_PR | |
https://www.facebook.com/imobile01/ | |
https://cyberconsultant.co.jp/ | CYBER CONSULTANT |
JavaScript Variables · 20 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
dataLayer | object |
$ | function |
jQuery | function |
objectFitImages | function |
regeneratorRuntime | object |
requirejs | function |
require | function |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html><head><script async="" src="https://www.xj-storage.jp/public-list/GetList.aspx?callback=jQuery1113014455742468557453_1728318733099&doctype=1%2C2%2C3%2C4%2C16%2C17%2C18%2C19%2C20%2C21%2C0%2C5%2C6%2C8%2C9%2C13%2C24%2C25%2C28%2C99%2C105%2C106%2C107%2C108%2C1030%2C1040%2C1080%2C1090%2C1100%2C1120%2C1130%2C1135%2C1136%2C1140%2C1150%2C1160%2C1170%2C1180%2C1190%2C1200%2C1210%2C1220%2C1230%2C1235%2C1236%2C1240%2C1250%2C1260%2C1270%2C1280%2C1290%2C1300%2C1310%2C1320%2C1350%2C1360%2C34%2C90%2C91%2C92%2C93%2C95%2C96%2C97%2C98%2C101%2C102%2C103%2C104%2C110%2C111%2C112%2C113%2C114%2C115%2C116%2C117%2C118%2C119%2C120%2C14%2C200&fileType=&category=&fdate=&pdate=&len=3&browser=&browserType=&company=AS02942&output=json&_=1728318733100"></script>
<link rel="canonical" href="/index.html">
<title>株式会社アイモバイル|国内最大級のPC/スマホ アドネットワーク広告</title>
<meta name="description" content="“ひとの未来に貢献する”マーケティング”を。アイモバイルはPC/スマートフォン/アプリ対応の国内最大級のアドネットワーク広告を主軸にインターネット広告事業、ふるさと納税事業、レストランPR事業に取り組むマーケティング企業です。">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<!-- Google Tag Manager -->
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-NSBJTSH"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'{{head}}l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NSBJTSH');</script>
<!-- End Google Tag Manager -->
<link rel="icon" type="image/x-icon" href="/assets/img/common/favicon.ico">
<link rel="apple-touch-icon" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/common/apple-icon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/common/apple-icon.png">
<link href="//fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
<!-- polyfills -->
<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.4/fetch.min.js"></script>
<!-- jquery -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- object-fit-images -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.3/ofi.js"></script>
<script>
$(function() {objectFitImages("img");});
</script>
<script src="/js/index.js?20241007-033016"></script><style type="text/css">@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);</style><style type="text/css">@charset "UTF-8";
/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
input, select, textarea {
font-family: -apple-system, BlinkMacSystemFont, Montserrat, Avenir,"Helvetica Neue", "Yu Gothic", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", Hiragino Kaku Gothic ProN, Arial, "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
font-weight: 500; }
a {
font-family: -apple-system, BlinkMacSystemFont, Montserrat, Avenir,"Helvetica Neue", "Yu Gothic", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", Hiragino Kaku Gothic ProN, Arial, "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
font-weight: 500;
text-decoration: none;
color: #333; }
html {
font-size: 62.5%; }
body {
background: #FFF;
font-family: -apple-system, BlinkMacSystemFont, Montserrat, Avenir,"Helvetica Neue", "Yu Gothic", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", Hiragino Kaku Gothic ProN, Arial, "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
font-size: 1.6em;
font-weight: 500;
line-height: 1.6;
word-wrap: break-word;
overflow-wrap: break-word;
color: #333;
font-feature-settings: "palt"; }
body {
position: relative; }
body::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
content: '';
background: #8bd140;
transform: scale(0, 1);
animation: start-in .4s ease 0s forwards alternate, start-out .4s ease .4s forwards alternate; }
@media only screen and (max-width: 768px) {
body::before {
display: none; } }
body::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999998;
content: '';
background: #fff;
transform: scale(0, 1);
animation: start-bg .4s 0s forwards; }
@media only screen and (max-width: 768px) {
body::after {
display: none; } }
@keyframes start-bg {
0%,
99% {
transform: scale(1, 1); }
100% {
transform: scale(0, 1); } }
@keyframes start-in {
0% {
transform-origin: left top;
transform: scale(0, 1); }
100% {
transform-origin: left top;
transform: scale(1, 1); } }
@keyframes start-out {
0% {
transform-origin: right top;
transform: scale(1, 1); }
100% {
transform-origin: right top;
transform: scale(0, 1); } }
.wrap {
position: relative; }
.title {
position: relative;
width: 100%;
height: 120px;
margin: 0 auto 96px;
border-top: 1px solid #f0f0f0; }
@media only screen and (max-width: 768px) {
.title {
height: 128px;
margin: 0 auto 40px;
overflow: hidden; } }
.title::after {
content: '';
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiY2E1MzM0Mi0wNzZkLWIzNDctYTIxNi1jOGI3MTYwYjIxOGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk0ODA3RkM2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk0ODA3RkI2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWJiMTBkM2MtNTUyMy03ZjQzLWJjNmMtNzE5YTRjMmFjZTYxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWZlMjAzODctMDBkYy1iYjRmLWJiOWEtZTBkNzNiZTE2NzNmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JVJthgAAAH5JREFUeNpiXNiQz3DeYQ0DAfAfiBmRBfrtn2AoKjwo85+JgTDAMAwbABkGtISRiZqGgdhM1DQMbCAjIyPVDMPlQrINw2YgUYaB1GEzDN1Aog3Dp46JmoaBDTxnv5pqhoENNDoYykjNxD0Sc8r///9Hc8pgyynA4p+qOQUgwACpDFjflrPN+QAAAABJRU5ErkJggg==);
background-repeat: repeat;
width: 90%;
height: 16px;
right: 0;
left: 0;
bottom: -16px;
margin: auto; }
.title__bg {
height: 120px;
background-repeat: no-repeat;
background-position: left center;
background-size: cover; }
@media only screen and (max-width: 768px) {
.title__bg {
width: 100%; } }
@media only screen and (max-width: 768px) {
.title__bg::before {
content: '';
background: inherit;
filter: blur(4px);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
z-index: 1; } }
.title__textwrap {
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
z-index: 2; }
@media only screen and (min-width: 769px) and (max-width: 1024px), only screen and (min-width: 400px) and (max-width: 768px) {
.title__textwrap {
width: 30%; } }
.title__head {
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
word-wrap: normal; }
@media only screen and (max-width: 768px) {
.title__head {
font-size: 2.6rem;
margin: 0 0 4px; } }
.title__en {
font-size: 1.6rem;
font-weight: 700; }
@media only screen and (max-width: 768px) {
.title__en {
font-size: 1.4rem; } }
.title--sml {
height: 128px; }
.title--sml .title__head {
margin: 0; }
.common__btn {
position: relative;
display: block;
margin: auto;
width: 168px;
height: 38px;
background: #fff;
color: #333;
font-size: 1.4rem;
font-weight: 700;
line-height: 38px;
text-align: center;
border-radius: 60px;
overflow: hidden;
z-index: 99; }
.common__btn::after {
content: '';
position: absolute;
top: 15px;
right: 16px;
margin: auto;
width: 6px;
height: 6px;
border-top: 2px solid #999;
border-right: 2px solid #999;
transform: rotate(45deg);
transition: all .15s; }
.common__btn::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: '';
background: #8bd140;
transform-origin: right top;
transform: scale(0, 1);
transition: transform .3s; }
.common__btn:hover {
color: #fff; }
.common__btn:hover::after {
border-top: 2px solid #fff;
border-right: 2px solid #fff; }
.common__btn:hover::before {
transform-origin: left top;
transform: scale(1, 1); }
.hover__border,
.hover__border::after {
position: absolute;
display: block;
background: #f0f0f0;
z-index: 10; }
.hover__border--top {
top: 2%;
left: 2%;
width: 96%;
height: 4px; }
.hover__border--top::after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 4px; }
.hover__border--right {
top: 2%;
right: 2%;
width: 4px;
height: 96%; }
.hover__border--right::after {
content: '';
top: 0;
right: 0;
width: 4px;
height: 100%; }
.hover__border--bottom {
bottom: 2%;
right: 2%;
width: 96%;
height: 4px; }
.hover__border--bottom::after {
content: '';
bottom: 0;
right: 0;
width: 100%;
height: 4px; }
.hover__border--left {
bottom: 2%;
left: 2%;
width: 4px;
height: 96%; }
.hover__border--left::after {
content: '';
bottom: 0;
left: 0;
width: 4px;
height: 100%; }
@keyframes animation-width {
0% {
width: 0%; }
100% {
width: 100%; } }
@keyframes animation-height {
0% {
height: 0%; }
100% {
height: 100%; } }
.common__btnarrow {
display: block;
width: 40px;
height: 2px;
background: #fff;
position: relative; }
.common__btnarrow::after {
content: '';
position: absolute;
right: -3px;
bottom: 4px;
display: block;
width: 12px;
height: 2px;
background: #fff;
transform: rotate(45deg); }
@media only screen and (max-width: 768px) {
.common__btnarrow {
width: 24px;
height: 1px; }
.common__btnarrow::after {
width: 6px;
height: 1px;
right: 0px;
bottom: 2px; } }
.header {
height: 114px;
background: #fff;
z-index: 9999; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.header {
height: 75px;
background: none; } }
.logo__pc {
display: block; }
@media only screen and (max-width: 768px) {
.logo__pc {
display: none; } }
.logo__sp {
display: none; }
@media only screen and (max-width: 768px) {
.logo__sp {
display: block; } }
.header__logo {
width: 180px;
height: 34px;
position: relative;
left: 5%;
top: 38px;
z-index: 9999; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.header__logo {
width: 147px;
height: 28px;
top: 26px; } }
@media only screen and (max-width: 768px) {
.header__logo {
width: 140px;
height: 21px;
top: 26px;
left: 18px; } }
.header__logo a {
display: block;
width: 100%;
height: 100%; }
.gnav {
width: 100%;
position: absolute;
top: 0;
right: 0;
height: 114px; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.gnav {
height: 100%; } }
.gnav__menu {
position: absolute;
right: 5%;
top: 0;
bottom: 0;
margin: auto;
height: 1rem;
line-height: 1rem;
display: flex; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.gnav__menu {
display: none; } }
.gnav__list {
margin: 0 0 0 32px; }
@media only screen and (min-width: 1025px) {
.gnav__list--en, .gnav__list--sp {
display: none; } }
.gnav__list a {
font-size: 1.4rem;
font-weight: 600; }
.gnav__list a::after {
content: '';
display: block;
width: 100%;
height: 2px;
background: #8bd140;
opacity: 0;
position: relative;
top: 0; }
@media only screen and (min-width: 1025px) {
.gnav__list a:hover::after {
opacity: 1;
top: 10px;
transition: all 0.3s; } }
.gnav__lang {
position: absolute;
top: 0;
right: 5%;
background: #999;
display: flex; }
.gnav__lang--jp {
color: #fff;
background: #999;
pointer-events: none; }
.gnav__lang--en {
color: #333;
background: #f0f0f0; }
.gnav__lang--en:hover {
color: #fff;
background: #ccc;
transition: all 0.15s; }
.gnav__lang li a {
display: block;
padding: 5px 10px;
font-size: 1.2rem;
font-weight: 600;
text-align: center; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.gnav__menu {
display: block;
opacity: 0;
visibility: hidden;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
width: 100%;
height: 100%;
padding: 45px 5% 0;
background: #333;
box-sizing: border-box;
z-index: 9999; }
.gnav__list {
margin: auto; }
.gnav__list a {
display: block;
font-size: 1.6rem;
font-weight: 400;
padding: 3rem 0;
border-bottom: 1px solid #fff;
color: #fff; }
.gnav__list--en a {
border-bottom: none; }
.gnav__menu.toggle {
transition: all .4s;
opacity: 1;
visibility: visible; }
.gnav__lang {
display: none; }
.gnav__burger {
width: 75px;
height: 75px;
background: #fff;
cursor: pointer;
display: block;
position: fixed;
right: 0;
top: 0;
border: 1px solid #f0f0f0;
z-index: 9999;
box-sizing: border-box; }
.burger__inner,
.burger__inner span {
display: inline-block;
transition: all .4s;
box-sizing: border-box; }
.burger__inner {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 30px;
height: 26px; }
.burger__inner span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #333; }
.burger__inner span:nth-of-type(1) {
top: 0; }
.burger__inner span:nth-of-type(2) {
top: 12px; }
.burger__inner span:nth-of-type(3) {
bottom: 0; }
.burger__inner.nav-active span:nth-of-type(1) {
-webkit-transform: translateY(12px) rotate(-45deg);
transform: translateY(12px) rotate(-45deg); }
.burger__inner.nav-active span:nth-of-type(2) {
opacity: 0; }
.burger__inner.nav-active span:nth-of-type(3) {
-webkit-transform: translateY(-12px) rotate(45deg);
transform: translateY(-12px) rotate(45deg); } }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.gnav__list a {
padding: 5rem 0; } }
.pagetop {
display: block;
cursor: pointer;
width: 100%;
height: 48px;
background: #999;
position: relative;
transition: all 0.3s; }
.pagetop span {
position: absolute;
top: 22px;
right: 0;
left: 0;
margin: auto;
width: 12px;
height: 12px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(-45deg); }
.pagetop:hover {
background: #8bd140; }
.pagetop:hover > span {
top: 19px;
transition: all 0.3s; }
.footer__inner {
background: #333;
padding: 0 0 60px; }
.footer__inner a {
color: #fff; }
.footer__head {
width: 90%;
max-width: 1160px;
margin: 0 auto;
position: relative;
height: 35px;
padding: 60px 0; }
.footer__logo {
width: 180px;
height: 35px;
position: absolute;
left: 0; }
.footer__logo a {
transition: all 0.2s; }
.footer_logo-w {
position: absolute;
top: 0;
opacity: 1;
transition: all 0.2s; }
.footer_logo-w2 {
position: absolute;
top: 0;
opacity: 0;
transition: all 0.2s; }
.footer__logo a:hover > .footer_logo-w {
opacity: 0; }
.footer__logo a:hover > .footer_logo-w2 {
opacity: 1; }
.footer__sns {
position: absolute;
left: 210px;
display: flex;
align-items: center; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__sns {
left: auto;
right: 0; } }
.footer__sns a {
font-size: 2.2rem;
margin: 0px 0 0 10px;
line-height: 35px;
transition: all 0.3s; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__sns a {
font-size: 2.8rem; } }
.footer__tw {
width: 25px; }
.footer__tw svg {
fill: #fff; }
.footer__tw svg:hover {
fill: #aaa; }
.footer__fb {
width: 30px; }
.footer__fb svg {
fill: #fff; }
.footer__fb svg:hover {
fill: #415CA0; }
.footer__sitemap {
width: 90%;
max-width: 1160px;
margin: 0 auto;
display: flex;
justify-content: space-between; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__sitemap {
display: block; } }
.sitemap__list {
flex: 1;
position: relative; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list {
display: block;
width: 100%; } }
.sitemap__list--service {
flex: 2.5; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list--service {
width: 100%; } }
.sitemap__list--ir {
flex: 1.4; }
.sitemap__list--sustainability {
flex: 2.7; }
.sitemap__list ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 20em; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list ul {
display: none;
height: auto;
padding: 1.6rem 0 0; } }
.sitemap__list--service ul {
height: 16em; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list--service ul {
height: auto; } }
.sitemap__list--recruit ul {
height: 15em; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list--recruit ul {
height: auto; } }
.sitemap__list ul li {
font-size: 1.2rem;
font-weight: 400;
margin: 0 0 8px; }
.sitemap__list ul li::before {
content: "-";
color: #fff;
padding: 0 1rem 0 0; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list ul li {
font-size: 1.6rem;
padding: 2.6rem 0 2.2rem;
margin: 0; }
.sitemap__list ul li:last-child {
border-bottom: 1px solid #fff;
padding: 2.6rem 0 2.8rem; } }
.sitemap__list ul li a:hover {
color: #999; }
.sitemap__title {
position: relative; }
.sitemap__title a {
display: inline-block;
font-size: 1.4rem;
font-weight: 700;
position: relative;
margin: 0 0 16px; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__title a {
display: block;
font-size: 1.6rem;
padding: 3.2rem 0 3rem;
border-bottom: 1px solid #fff;
margin: 0; } }
.sitemap__title a:hover {
color: #999; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list .sitemap__title--sp a {
pointer-events: none; } }
.sitemap__list .sitemap__hub {
display: none; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__list .sitemap__hub {
display: block; } }
.sitemap__title--news,
.sitemap__title--company {
margin: 0 0 48px; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__title--news,
.sitemap__title--company {
margin: 0; } }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.sitemap__arrow {
width: 100%;
height: 88px;
position: absolute;
right: 0;
top: 0;
z-index: 10; }
.sitemap__arrow::after {
content: "";
cursor: pointer;
position: absolute;
top: 36px;
right: 16px;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(135deg);
transition: all 0.4s; }
.sitemap__arrow.slide-active::after {
top: 42px;
transition: all 0.4s;
transform: rotate(-45deg); }
.slide-title-active a {
border-bottom: 1px solid #aaa; } }
.footer__foot {
background: #121212;
height: 60px;
padding: 0 5%;
font-size: 1.1rem;
position: relative; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__foot {
height: 100%;
padding: 0 5% 20px; } }
.footer__other {
position: absolute;
right: 260px;
line-height: 60px; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__other {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
right: 0; } }
.footer__other li {
display: inline-block;
margin-right: 24px; }
.footer__other li:last-child {
margin-right: 0; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__other li:last-child {
margin-right: 0;
line-height: 3em;
margin: 0 24px; } }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__other li {
margin-right: 0;
line-height: 3em;
margin: 0 24px; } }
.footer__other li a {
color: #fff; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__other li a {
font-size: 1.4rem;
font-weight: 400; } }
.footer__other li a:hover {
color: #999; }
.footer__cr {
text-align: right;
line-height: 60px;
color: #aaa; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.footer__cr {
text-align: center;
line-height: 1rem; } }
.test_x {
fill: #fff; }
.test_x:hover {
fill: red; }
.mv {
width: 100%;
height: 640px;
position: relative;
color: #000; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.mv {
height: 680px; } }
@media only screen and (max-width: 768px) {
.mv {
height: 100vh;
top: 0;
color: #fff;
position: absolute; } }
.mv::after {
content: "";
position: absolute;
width: 100%;
height: 478px;
background: #f0f0f0;
top: 478px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.mv::after {
top: 413px; } }
@media only screen and (max-width: 768px) {
.mv::after {
display: none; } }
.mv__slider {
width: 100%;
margin: auto;
position: relative; }
.slide__list {
position: relative;
padding: 0 0 48px; }
@media only screen and (max-width: 768px) {
.slide__list {
padding: 0; } }
.slide__textwrap {
position: relative;
z-index: 10;
left: 0;
width: 600px;
height: 560px;
font-size: 4.8rem;
font-weight: 500;
line-height: 8.6rem;
display: flex; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__textwrap {
width: 380px;
font-size: 3.2rem;
line-height: 5.2rem; } }
@media only screen and (max-width: 768px) {
.slide__textwrap {
width: 100%;
height: 100vh;
font-size: 2.8rem;
line-height: 5.2rem; } }
.slide__textwrap::before {
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiY2E1MzM0Mi0wNzZkLWIzNDctYTIxNi1jOGI3MTYwYjIxOGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk0ODA3RkM2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk0ODA3RkI2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWJiMTBkM2MtNTUyMy03ZjQzLWJjNmMtNzE5YTRjMmFjZTYxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWZlMjAzODctMDBkYy1iYjRmLWJiOWEtZTBkNzNiZTE2NzNmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JVJthgAAAH5JREFUeNpiXNiQz3DeYQ0DAfAfiBmRBfrtn2AoKjwo85+JgTDAMAwbABkGtISRiZqGgdhM1DQMbCAjIyPVDMPlQrINw2YgUYaB1GEzDN1Aog3Dp46JmoaBDTxnv5pqhoENNDoYykjNxD0Sc8r///9Hc8pgyynA4p+qOQUgwACpDFjflrPN+QAAAABJRU5ErkJggg==);
background-repeat: repeat;
display: block;
position: absolute;
right: 0;
bottom: 65px;
margin: auto;
width: 460px;
height: 16px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__textwrap::before {
width: 108px;
left: -192px;
bottom: 132px; } }
@media only screen and (max-width: 768px) {
.slide__textwrap::before {
display: none; } }
.slide__textinner {
margin: 140px 0 0 80px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__textinner {
margin: 152px 0 0 0;
width: 400px;
height: 260px;
background: #fff;
position: absolute;
left: 0; } }
@media only screen and (max-width: 768px) {
.slide__textinner {
margin: auto;
width: 100%;
height: 320px;
background: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0; } }
.slide__catch {
margin: 0 0 24px;
text-indent: -0.5em; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__catch {
margin: 40px 0 8px 48px; } }
@media only screen and (max-width: 768px) {
.slide__catch {
display: flex;
justify-content: center;
text-shadow: 0px 1px 4px #000000; } }
.slide__catch--imobile {
margin: 17px 0 0 0; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__catch--imobile {
margin: 80px 0 0 50px;
line-height: 5.2rem; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__catch--furunavi {
margin: -6px 0 0 50px; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__catch--adpf {
margin: -6px 0 0 50px; } }
.slide__catch--greenenergy {
margin: 0 0 24px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__catch--greenenergy {
margin: -6px 0 0 50px; } }
.slide__text {
display: inline-block;
width: 75%;
position: relative; }
@media only screen and (max-width: 768px) {
.slide__text {
display: block;
width: 275px;
margin: auto; } }
.slide__text::before {
content: "";
display: block;
width: 360px;
height: 80px;
position: absolute;
top: 0;
left: 0;
border: 4px solid #f0f0f0; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__text::before {
width: 260px;
height: 40px;
left: 32px; } }
@media only screen and (max-width: 768px) {
.slide__text::before {
width: 210px;
height: 38px;
left: 0;
background: #fff;
border: 2px solid #fff; } }
.slide__text img {
position: relative;
z-index: 100; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__text--furunavi {
margin: 80px 0 0px 8px; } }
.slide__text--furunavi img {
width: 386px;
height: 77.6px;
left: -10px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__text--adpf {
margin: 80px 0 0px 8px; } }
.slide__text--adpf img {
width: 338px;
height: 99.1px;
top: -5px;
left: 12px;
margin-bottom: -21px; }
.slide__text--warajin img {
width: 348px;
height: 100.5px;
top: -5px;
left: 12px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__text--greenenergy {
margin: 80px 0 0px 8px; } }
.slide__text--greenenergy img {
width: 348px;
height: 78px;
top: -5px;
left: 12px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__text--furunavi img {
width: 88%;
height: auto;
left: 35px;
top: -4px; }
.slide__text--adpf img {
width: 82%;
height: auto;
left: 35px;
top: -8px;
margin-bottom: -13px; }
.slide__text--warajin img {
width: 90%;
height: auto;
left: 32px; }
.slide__text--greenenergy img {
width: 82%;
height: auto;
left: 35px;
top: -8px;
margin-bottom: -13px; } }
@media only screen and (max-width: 768px) {
.slide__text--furunavi img {
width: 220px;
height: auto;
left: -2px; }
.slide__text--adpf img {
width: 200px;
height: auto;
left: 6px;
margin-bottom: -8px; }
.slide__text--warajin img {
width: 200px;
height: auto;
left: 6px; }
.slide__text--greenenergy img {
width: 200px;
height: auto;
left: 6px; } }
.slide__period {
position: absolute;
top: 0;
left: 376px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__period {
top: 2px;
left: 310px; } }
@media only screen and (max-width: 768px) {
.slide__period {
top: 2px;
left: 220px;
text-shadow: 0px 1px 4px #000000; } }
.slide__img {
position: absolute;
right: 0;
top: 0;
width: calc(100% - 600px);
height: 560px;
z-index: 5;
font-size: 0;
overflow: hidden; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__img {
width: calc(100% - 148px); } }
@media only screen and (max-width: 768px) {
.slide__img {
width: 100%;
height: 100%;
bottom: 0;
top: 0; } }
@media only screen and (max-width: 768px) {
.slide__img:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFRTgxRjRFQTlEMTExRTk5QjlEQzhFM0YyNkIwMzhCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFRTgxRjRGQTlEMTExRTk5QjlEQzhFM0YyNkIwMzhCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkVFODFGNENBOUQxMTFFOTlCOURDOEUzRjI2QjAzOEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkVFODFGNERBOUQxMTFFOTlCOURDOEUzRjI2QjAzOEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YDz5AAAAAE0lEQVR42mJgYGD4z4AE/gMEGAAPAwH/OpmqsgAAAABJRU5ErkJggg==); } }
.slide__img::after {
position: absolute;
height: 560px;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999998;
content: "";
background: #fff;
transform: scale(0, 1);
transition: transform 300ms;
animation: slide-img-out 0.6s ease-in-out 0.01s forwards alternate,slide-img-in 0.4s ease-in-out 4.5s forwards alternate; }
@media only screen and (max-width: 768px) {
.slide__img::after {
height: 100vh; } }
@keyframes slide-img-out {
0% {
transform-origin: right top;
transform: scale(1, 1); }
100% {
transform-origin: right top;
transform: scale(0, 1); } }
@keyframes slide-img-in {
0% {
transform-origin: left top;
transform: scale(0, 1); }
100% {
transform-origin: left top;
transform: scale(1, 1); } }
.slide__img img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
object-position: center center;
animation: slide-img-scale 5s linear 0.01s forwards alternate; }
.slide__img img:-ms-lang(x) {
animation: none; }
@keyframes slide-img-scale {
0% {
transform-origin: center center;
transform: scale(1, 1) rotate(0.1deg); }
100% {
transform-origin: center center;
transform: scale(1.06, 1.06) rotate(0.1deg); } }
.slide__btn {
display: flex;
justify-content: center;
align-items: center;
width: 480px;
height: 120px;
position: absolute;
right: 5%;
bottom: 0;
z-index: 15; }
.slide__btn--adpf {
background: #5aa10f; }
.slide__btn--furunavi {
background: #cc8f2c; }
.slide__btn--greenenergy {
background: #8bd140; }
.slide__btn--greenenergy .slide__btntext {
font-size: 30px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btn--greenenergy .slide__btntext {
font-size: 18px;
display: block; } }
@media only screen and (max-width: 768px) {
.slide__btn--greenenergy .slide__btntext {
font-size: 18px;
display: block; } }
.slide__btn--warajin {
background: #389ac5; }
.slide__btn--imobile {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiY2E1MzM0Mi0wNzZkLWIzNDctYTIxNi1jOGI3MTYwYjIxOGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk0ODA3RkM2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk0ODA3RkI2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWJiMTBkM2MtNTUyMy03ZjQzLWJjNmMtNzE5YTRjMmFjZTYxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWZlMjAzODctMDBkYy1iYjRmLWJiOWEtZTBkNzNiZTE2NzNmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JVJthgAAAH5JREFUeNpiXNiQz3DeYQ0DAfAfiBmRBfrtn2AoKjwo85+JgTDAMAwbABkGtISRiZqGgdhM1DQMbCAjIyPVDMPlQrINw2YgUYaB1GEzDN1Aog3Dp46JmoaBDTxnv5pqhoENNDoYykjNxD0Sc8r///9Hc8pgyynA4p+qOQUgwACpDFjflrPN+QAAAABJRU5ErkJggg==);
background-repeat: repeat;
background-position: left top;
pointer-events: none; }
@media only screen and (max-width: 768px) {
.slide__btn--imobile {
display: none; } }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btn {
width: 280px;
height: 80px; } }
@media only screen and (max-width: 768px) {
.slide__btn {
width: 68%;
height: 68px;
margin: 0 auto;
bottom: 200px;
left: 0;
right: 0; } }
@media only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btn {
height: 120px; } }
.slide__btn--adpf {
background: none; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btn--adpf {
height: 80px; } }
@media only screen and (max-width: 768px) {
.slide__btn--adpf {
display: block;
width: 68%;
bottom: 208px; } }
@media only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btn--adpf {
height: 120px;
display: flex; } }
.slide__btn--adpf .slide__btnhalf {
display: flex;
justify-content: center;
align-items: center;
width: 45%;
height: 100%;
padding: 0 2.5%; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btn--adpf .slide__btnhalf {
width: 45%; } }
@media only screen and (max-width: 768px) {
.slide__btn--adpf .slide__btnhalf {
width: 100%;
height: 68px;
margin: 0 auto;
bottom: 200px;
left: 0;
right: 0;
padding: 0; } }
@media only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btn--adpf .slide__btnhalf {
width: 50%;
height: 120px; } }
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div {
width: 70%;
margin: 0 8px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div {
width: 120%;
margin: 0 8px 0 0; } }
@media only screen and (max-width: 768px) {
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div {
width: 50%;
margin: 0 16px 0 0; } }
@media only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div {
width: 75%;
margin: 0 8px; } }
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div .slide__btntext {
text-align: center;
margin: 0 0 8px; }
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div .slide__btnimg {
width: 100%;
margin: 0 0 4px; }
@media only screen and (min-width: 769px) and (max-width: 1024px), only screen and (max-width: 768px), only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btn--adpf .slide__btnhalf .slide__btnhalf-div .slide__btnimg {
margin: 0; } }
.slide__btn--adpf .slide__btn--adnw {
background: #5aa10f;
margin: 0 8px 0 0; }
@media only screen and (max-width: 768px) {
.slide__btn--adpf .slide__btn--adnw {
margin: 0 auto 8px; } }
@media only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btn--adpf .slide__btn--adnw {
margin: 0 8px 0 0; } }
.slide__btn--adpf .slide__btn--adnw:hover {
transition: all 0.2s;
filter: brightness(120%); }
.slide__btn--adpf .slide__btn--af {
background: #1595c5; }
.slide__btn--adpf .slide__btn--af:hover {
transition: all 0.2s;
filter: brightness(120%); }
.slide__btn:hover {
transition: all 0.2s;
filter: brightness(120%); }
.slide__btn::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
content: "";
background: #f0f0f0;
transform: scale(0, 1);
animation: slide-btn-out 0.4s ease-in-out 0.01s forwards alternate, slide-btn-in 0.4s ease-in-out 4.6s forwards alternate; }
@keyframes slide-btn-out {
0% {
transform-origin: right top;
transform: scale(1, 1); }
100% {
transform-origin: right top;
transform: scale(0, 1); } }
@keyframes slide-btn-in {
0% {
transform-origin: left top;
transform: scale(0, 1); }
100% {
transform-origin: left top;
transform: scale(1, 1); } }
.slide__btntext {
color: #fff;
font-weight: 500;
font-size: 1.6rem;
line-height: 1.4;
margin: 0 16px 0 0; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btntext {
display: none; } }
.slide__btnimg {
width: 35%;
display: block;
margin: 0 16px 0 0; }
.slide__btnimg--adpf {
width: 28%; }
.slide__btnimg--warajin {
position: relative;
top: 8px;
margin: 0 24px 0 0; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.slide__btnimg {
width: 50%; }
.slide__btnimg--warajin {
width: 46%;
top: 8px; } }
@media only screen and (max-width: 768px) {
.slide__btnimg {
width: 50%; }
.slide__btnimg--warajin {
width: 46%;
top: 8px; } }
@media only screen and (min-width: 400px) and (max-width: 768px) {
.slide__btnimg--warajin {
top: 14px; } }
.mv__scroll {
position: absolute;
bottom: -40px;
left: 50%;
width: 1px;
height: 100px;
background: #333;
z-index: 999;
transition: 0.6s all 1s ease; }
@media only screen and (max-width: 768px) {
.mv__scroll {
height: 160px;
bottom: -30px; } }
.mv__scroll:after {
content: "";
position: absolute;
display: block;
width: 7px;
height: 7px;
border-radius: 100%;
top: 0;
left: -3px;
background: #8bd140;
animation: scroll 1s linear 0s infinite; }
@keyframes scroll {
0% {
top: 0;
bottom: auto; }
100% {
top: 100%;
bottom: 0; } }
.service {
width: 100%;
position: relative;
background: #f0f0f0;
padding: 96px 0 80px; }
@media only screen and (max-width: 768px) {
.service {
padding: 100vh 0 48px; } }
.service::after {
content: "";
display: block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiY2E1MzM0Mi0wNzZkLWIzNDctYTIxNi1jOGI3MTYwYjIxOGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk0ODA3RkM2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk0ODA3RkI2RUQ2MTFFOEJBNkNDOUY2MDg5MTgwQzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWJiMTBkM2MtNTUyMy03ZjQzLWJjNmMtNzE5YTRjMmFjZTYxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWZlMjAzODctMDBkYy1iYjRmLWJiOWEtZTBkNzNiZTE2NzNmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JVJthgAAAH5JREFUeNpiXNiQz3DeYQ0DAfAfiBmRBfrtn2AoKjwo85+JgTDAMAwbABkGtISRiZqGgdhM1DQMbCAjIyPVDMPlQrINw2YgUYaB1GEzDN1Aog3Dp46JmoaBDTxnv5pqhoENNDoYykjNxD0Sc8r///9Hc8pgyynA4p+qOQUgwACpDFjflrPN+QAAAABJRU5ErkJggg==);
background-repeat: repeat;
width: 90%;
height: 16px;
position: absolute;
right: 0;
left: 0;
bottom: -16px;
margin: auto; }
.service__inner {
width: 90%;
max-width: 1220px;
margin: 0 auto;
position: relative;
box-sizing: border-box; }
.service__title {
font-size: 2.6rem;
font-weight: 700;
text-align: center;
position: relative; }
.service__title::after {
content: "";
display: block;
margin: 24px auto;
width: 30px;
height: 2px;
background: #8bd140; }
.service__list {
width: 960px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto 32px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.service__list {
width: 100%;
overflow: hidden; } }
@media only screen and (max-width: 768px) {
.service__list {
width: 100%;
justify-content: flex-start; } }
.service__list li {
width: 320px;
height: 226px;
margin: 8px; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.service__list li {
width: 210px;
height: 210px; } }
@media only screen and (max-width: 768px) {
.service__list li {
width: 50%;
height: 180px;
margin: 0;
padding: 0; } }
.service__list li a {
position: relative;
display: block;
height: 100%;
background: #fff;
border: 4px solid #f0f0f0;
padding: 0;
box-sizing: border-box;
transition: all 0.2s; }
@media only screen and (max-width: 768px) {
.service__list li a {
padding: 26px 8px; } }
@media only screen and (min-width: 1025px) {
.service__list li a:hover {
transition: all 0.2s;
border: 4px solid #8bd140;
background: #8bd140;
top: -5px; }
.service__list li a:hover > .service__icon {
color: #fff; }
.service__list li a:hover > .service__icon:before {
transform: scale(1); } }
.service__icon {
position: relative; }
.service__icon:before {
content: "";
display: block;
width: 120px;
height: 120px;
border-radius: 100px 100px;
background: #fff;
margin: 0 auto;
position: relative;
top: 32px;
transition: all 0.2s;
transform: scale(0); }
@media only screen and (max-width: 768px) {
.service__icon:before {
display: none; } }
.service__icon img {
position: absolute;
width: 80px;
height: 80px;
margin: 0 auto;
display: block;
top: 52px;
right: 0;
left: 0; }
@media only screen and (max-width: 768px) {
.service__icon img {
position: relative;
top: 0;
margin: 0 auto 8px; } }
.service__icon figcaption {
text-align: center;
font-size: 1.6rem;
font-weight: 700;
position: relative;
top: 32px; }
@media only screen and (max-width: 768px) {
.service__icon figcaption {
display: flex;
height: 4rem;
align-items: center;
justify-content: center;
top: 0;
line-height: 1.2; } }
.service__text {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 100; }
@media only screen and (max-width: 768px) {
.service__text {
display: none; } }
.service__text dl {
position: relative;
width: 320px;
padding: 16px 24px;
background: #fff;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
transform: scale(0.7); }
.service__text dl:before {
content: "";
position: absolute;
top: 30%;
left: -20px;
margin-top: -10px;
border: 10px solid transparent;
border-right: 10px solid #fff; }
.service__list li a:hover > .service__text {
visibility: visible; }
.service__list li a:hover > .service__text dl {
transform: scale(1);
transition: all 0.2s; }
.service__text--gcpp dd {
width: 200px; }
.gcpp_img {
display: block;
position: absolute;
top: 10px;
right: 10px; }
.service__text dt {
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 8px; }
.service__text dd {
font-size: 1.4rem;
font-weight: 500;
line-height: 2.1rem; }
@media only screen and (max-width: 768px) {
.service__text dd {
font-size: 1.4rem;
font-weight: 500; } }
@media only screen and (max-width: 768px) {
.service__btn {
left: 0;
right: 0;
margin: auto; } }
.news {
width: 968px;
margin: 68px auto 116px;
display: flex; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.news {
width: 90%; } }
@media only screen and (max-width: 768px) {
.news {
width: 100%;
display: block;
margin: 0;
padding: 40px 0 60px; } }
.news__wrap {
width: 50%;
position: relative;
align-self: stretch; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.news__wrap {
display: block;
padding: 42px 64px; } }
@media only screen and (max-width: 768px) {
.news__wrap {
width: auto;
display: block;
padding: 42px 24px; } }
.news__wrap--nw {
padding: 24px 32px 24px 0;
border-right: 1px solid #f0f0f0; }
@media only screen and (max-width: 768px) {
.news__wrap--nw {
border-right: none;
padding: 24px; } }
.news__wrap--ir {
padding: 24px 0 24px 32px; }
@media only screen and (max-width: 768px) {
.news__wrap--ir {
padding: 24px; } }
.news__title {
font-size: 2.6rem;
font-weight: 700; }
.news__title::after {
content: "";
display: block;
margin: 24px 0;
width: 30px;
height: 2px;
background: #8bd140; }
.news__list {
font-size: 1.4rem; }
.news__list ul li {
line-height: 1.6em;
padding: 0 0 24px;
margin: 0 0 24px;
border-bottom: 1px solid #f0f0f0; }
.newslist__tag {
margin: 0 0 6px; }
.newslist__tag time {
font-size: 1.4rem;
color: #999;
margin: 0 8px 0 0;
display: inline-block;
font-style: italic; }
.newslist__text {
display: block;
font-size: 1.6rem;
line-height: 1.6;
text-align: left;
font-weight: 500;
padding: 0 0 0 1em; }
.newslist__text:hover {
color: #8bd140;
text-decoration: underline; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.newslist__text {
display: block;
font-weight: 500; } }
.newslist__text__nolink {
display: block;
font-size: 1.6rem;
line-height: 1.6;
text-align: left;
font-weight: 500;
padding: 0 0 0 1em; }
@media only screen and (max-width: 768px), only screen and (min-width: 769px) and (max-width: 1024px) {
.newslist__text__nolink {
display: block;
font-weight: 500; } }
.newslist__text span:hover {
color: #8bd140;
text-decoration: underline; }
.newslist__category2 {
font-size: 1.2rem;
margin-right: 16px;
padding: 2px 5px; }
.newslist__category2--announcement {
color: #e5690d;
border: 1px solid #e5690d; }
.newslist__category2--release {
color: #58a10a;
border: 1px solid #58a10a; }
.newslist__category2--broadcast {
color: #0b88b5;
border: 1px solid #0b88b5; }
.newslist__category2--print {
color: #e5960d;
border: 1px solid #e5960d; }
.newslist__category2--web {
color: #b50b0b;
border: 1px solid #b50b0b; }
.newslist__category2--default {
color: #e5690d;
border: 1px solid #e5690d; }
.news__link {
display: block;
position: absolute;
right: 0;
bottom: 0;
font-size: 1.4rem;
font-weight: 500;
text-align: right;
margin: 0 16px 0 0; }
@media only screen and (max-width: 768px) {
.news__link {
margin: 0 40px 0 0;
font-size: 1.6rem; } }
.news__link:hover {
color: #8bd140; }
.news__link::after {
content: "";
position: absolute;
top: 8px;
right: -16px;
margin: auto;
width: 6px;
height: 6px;
border-top: 2px solid #999;
border-right: 2px solid #999;
transform: rotate(45deg); }
.news__wrap--nw .news__link {
right: 24px; }
@media only screen and (max-width: 768px) {
.news__wrap--nw .news__link {
right: 0; } }
.information {
width: 100%;
height: auto;
position: relative;
background: #f0f0f0;
padding: 0 0 48px; }
@media only screen and (max-width: 768px) {
.information {
padding: 40px 0 10px; } }
.information__inner {
width: 968px;
margin: 0 auto;
position: relative;
top: -24px;
display: flex;
justify-content: space-between; }
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.information__inner {
width: 90%; } }
@media only screen and (max-width: 768px) {
.information__inner {
display: block;
width: 100%;
top: 0; } }
.information__list {
width: 48%;
position: relative; }
@media only screen and (max-width: 768px) {
.information__list {
width: 90%;
margin: 0 auto; } }
.information__list a {
display: block;
position: relative;
background: #fff;
transition: all 0.2s;
top: 0;
overflow: hidden; }
.information__list a::after {
content: "";
display: block;
width: 100%;
height: 100%;
background: #8bd140;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: scaleX(0);
transform-origin: right top;
transition: transform 300ms; }
@media only screen and (max-width: 768px) {
.information__list a {
width: 100%;
margin: 0 auto 32px; } }
.information__list a:hover {
color: #fff; }
.information__list a:hover::after {
transform: scaleX(1);
transform-origin: left top; }
.information__list a:hover > .information__textwrap > .common__btnarrow--information {
background: #fff;
right: 25px; }
.information__list a:hover > .information__textwrap > .common__btnarrow--information:after {
background: #fff; }
.information__list a:hover > .information__textwrap > .information__title--blank:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNGRTQ5QTZGQTkzMDExRTlCNTREQkYzRDJEMERDODREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNGRTQ5QTcwQTkzMDExRTlCNTREQkYzRDJEMERDODREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0ZFNDlBNkRBOTMwMTFFOUI1NERCRjNEMkQwREM4NEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0ZFNDlBNkVBOTMwMTFFOUI1NERCRjNEMkQwREM4NEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mU6e9AAACpElEQVR42uzdwQ2CMBiAUTAc3MIV3AA2cCQYrY7iFt5qUThiIngo9L3kP2KU8iUlwVDHGCtgn05OAQgYEDAgYBAwIGBAwICAQcCAgAEBQ7maHX/3bhooURhn7wH31pGSI7aFBvfAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYEDAgIBBwICAAQGDgAEBAwIGBAwCBgQMCBh4awr6rffq80pGyFGXphXwsjHewXVCpoY1AdtCg3tgQMCAgEHAgIABAQMCBgEDAga2mh+l7Kb5Vag8XwxZBNyv/AwBgy00IGAQMCBgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGBAwCBgQMCBgEDAgYEDAgIBBwICAAQEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgYEDAIGBAwICAQcCAgAEBAwIGAQMCBgQMAgYEDAgYEDAIGBAwIGBAwCBgQMCAgEHAgIABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIBBwE4BCBgQMCBgEDAgYEDAgIBBwICAAQGDgAEBAwIGBAwCBgQMCBgQMAgYEDAgYBAwIGBAwICAQcCAgAEBAwIGAQMCBgQMAgYEDAgYEDAcT1PQb+3SDJacjK9PAX/RTgO20ICAAQGDgAEBAwIGBAwCBgQMCBiY7PlRymD5KFg4QsAixhYaEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBua3E57TPFYcf00zOI0cXKgyfRPmHPAzzWXF8eMxN+tLIRHbQgMCBgQMAgYEDAgYBAwIGBAwIGAQMCBg4A/mPzMEpwIWZdtHHWO0PGALDQgYEDAIGBAwIGBAwCBgQMDAFi8BBgCvfh5MABjtqAAAAABJRU5ErkJggg==); }
.information__list img {
display: block;
position: relative;
top: 0;
width: 100%;
z-index: 10; }
.information__textwrap {
position: relative;
z-index: 10;
padding: 32px; }
.information__title {
font-size: 2.1rem;
font-weight: 700;
position: relative; }
@media only screen and (max-width: 768px) {
.information__title {
font-size: 2.1rem; } }
.information__title--blank:after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAACXBIWXMAAAsSAAALEgHS3X78AAADkUlEQVR4nO3dsW3bQBiA0XPgIltkhRTXWxtkJGs0ptcS3iKdAhpSlTRiI37me4BKAT/F+4ArTriX6/U6gKZv3ht0CRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGGv1dHnnKcxxmkHo8AzLJfLZckGfIv3fQdzwLMsttAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxh5dsJH/V7vc2tNTIHst62+fbo4x4p4PU+1fMO5oB/zDnPWwK2hYYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ9jnUco55+l2FvNR6/FE54vhSe5nodd43zeOIGB4EltoCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMJeD/TyTnPO8w7mgP85bflVjhTw2+0DX4YtNIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwspHKZcdzADP8rn+swFfLpdFxBydLTSECRjCBAxhAoYwAUOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAhTMAQJmAIEzCECRjCBAxhAoYwAUPY/XbC72OMjw2P8XPOebYA+OKW222Yu3MP+M8Y48eG4dbv/LJ6OYBdBmwLDWEChjABQ5iAIUzAECZgCBMwhAkYwgQMYQKGMAFDmIAh7P5nhl0e1Iad2G0fL9frdQdjAFvYQkOYgCFMwBAmYAgTMIQJGMIEDGEChjABQ9UY4y8aIy1MCi2eFwAAAABJRU5ErkJggg==);
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: -8px;
right: -8px; }
.common__btnarrow--information {
background: #999;
position: absolute;
right: 32px;
bottom: 45px;
transition: all 0.2s; }
.common__btnarrow--information::after {
background: #999; }
</style>
<script src="/js/xj/require.min.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="/js/xj/xjstorage-config.js" src="/js/xj/xjstorage-config.js"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="xjstorage" src="/js/xj/xjstorage.js"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="/js/xj/jquery.min.js"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="moment" src="/js/xj/moment.min.js"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jsrender" src="/js/xj/jsrender.min.js"></script></head>
<body>
<div class="wrap">
<div id="header"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSBJTSH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<h1 class="header__logo"><a href="/index.html">
<img class="logo__pc" src="/assets/img/common/i-mobile_logo.svg" alt="株式会社アイモバイル i-mobile">
<img class="logo__sp" src="/assets/img/common/i-mobile_logo-w2.svg" alt="株式会社アイモバイル i-mobile"></a></h1>
</header>
<nav class="gnav">
<ul class="gnav__menu">
<li class="gnav__list gnav__list--top"><a href="/index.html">TOP</a></li>
<li class="gnav__list"><a href="/service.html">SERVICE</a></li>
<li class="gnav__list"><a href="/notice.html">NEWS</a></li>
<li class="gnav__list"><a href="/ir/index.html">IR</a></li>
<li class="gnav__list"><a href="/sustainability/index.html">SUSTAINABILITY</a></li>
<li class="gnav__list"><a href="/company.html">COMPANY</a></li>
<li class="gnav__list"><a href="/recruit/index.html" target="_blank">RECRUIT</a></li>
<li class="gnav__list"><a href="/inquiry.html">CONTACT</a></li>
<!-- <li class="gnav__list gnav__list--en"><a href="/en/index.html">English</a></li>-->
</ul>
<!--
<ul class="gnav__lang">
<li><a class="gnav__lang--jp" href="/index.aspx">JP</a></li>
<li><a class="gnav__lang--en" href="/en/index.html">EN</a></li>
</ul>
-->
<div class="gnav__burger">
<div class="burger__inner">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav></div>
<section id="mv" class="mv">
<div class="mv__slider">
<div class="bx-wrapper" style="max-width: 100%;"><div class="bx-viewport" aria-live="polite" style="width: 100%; overflow: hidden; position: relative; height: 608px;"><ul class="slider" style="width: auto; position: relative;">
<!--imobile-->
<li class="slide__list" aria-hidden="false" style="float: none; list-style: none; position: absolute; width: 790px; z-index: 50; display: block;">
<div class="slide__textwrap">
<div class="slide__textinner slide__textinner--imobile">
<h2 class="slide__catch slide__catch--imobile">“ひとの未来”に貢献する<br>事業を創造し続ける</h2>
</div>
</div>
<div class="slide__img slide__img--imobile">
<img src="/assets/img/top/slide_rurulolo.png" alt="i-mobile">
</div>
<a class="slide__btn slide__btn--imobile" href="imobile"></a>
</li>
<!--furunavi-->
<li class="slide__list" aria-hidden="true" style="float: none; list-style: none; position: absolute; width: 790px; z-index: 0; display: none;">
<div class="slide__textwrap">
<div class="slide__textinner">
<div class="slide__text slide__text--furunavi">
<img src="/assets/img/top/mvtext_furunavi.svg" alt="ふるさと納税"><span class="slide__period">で、</span>
</div>
<h2 class="slide__catch slide__catch--furunavi">“ひとの未来”に貢献する</h2>
</div>
</div>
<div class="slide__img slide__img--furunavi">
<img src="/assets/img/top/slide_furunavi.png" alt="ふるなび">
</div>
<a class="slide__btn slide__btn--furunavi" href="https://furunavi.jp/" target="_blank">
<p class="slide__btntext">ふるさと納税を<br>もっと身近に、より便利に</p>
<img class="slide__btnimg slide__btnimg--furunavi" src="/assets/img/common/logo_furunavi-w.svg" alt="ふるなび">
<span class="common__btnarrow"></span>
</a>
</li>
<!--adpf-->
<li class="slide__list" aria-hidden="true" style="float: none; list-style: none; position: absolute; width: 790px; z-index: 0; display: none;">
<div class="slide__textwrap">
<div class="slide__textinner">
<div class="slide__text slide__text--adpf"><img src="/assets/img/top/mvtext_adpf.svg" alt="インターネット広告"><span class="slide__period">で、</span></div>
<h2 class="slide__catch slide__catch--adpf">“ひとの未来”に貢献する</h2>
</div>
</div>
<div class="slide__img slide__img--adpf">
<img src="/assets/img/top/slide_adpf.png" alt="インターネット広告">
</div>
<div class="slide__btn slide__btn--adpf">
<a class="slide__btnhalf slide__btn--adnw" href="https://adpf-info.i-mobile.co.jp/" target="_blank">
<div class="slide__btnhalf-div">
<p class="slide__btntext">国内最大級の<br>アドネットワーク</p>
<img class="slide__btnimg slide__btnimg--adnw" src="/assets/img/common/logo_adnw-w.svg" alt="アドネットワーク">
</div>
<span class="common__btnarrow"></span>
</a>
<a class="slide__btnhalf slide__btn--af" href="https://affiliate.i-mobile.co.jp/" target="_blank">
<div class="slide__btnhalf-div">
<p class="slide__btntext">高報酬、好条件の<br>アフィリエイト</p>
<img class="slide__btnimg slide__btnimg--af" src="/assets/img/common/logo_af-w.svg" alt="アフィリエイト">
</div>
<span class="common__btnarrow"></span>
</a>
</div>
</li>
<!--GreenEnergy-->
<li class="slide__list" aria-hidden="true" style="float: none; list-style: none; position: absolute; width: 790px; z-index: 0; display: none;">
<div class="slide__textwrap">
<div class="slide__textinner">
<div class="slide__text slide__text--greenenergy">
<img src="/assets/img/top/mvtext_greenenergy.svg" alt="グリーンエネルギー事業"><span class="slide__period">で、</span>
</div>
<h2 class="slide__catch slide__catch--greenenergy">“ひとの未来”に貢献する</h2>
</div>
</div>
<div class="slide__img slide__img--greenenergy">
<img src="/assets/img/top/slide_greenenergy.png" alt="グリーンエネルギー事業">
</div>
<a class="slide__btn slide__btn--greenenergy" href="https://greenenergy.i-mobile.co.jp/" target="_blank">
<p class="slide__btntext">グリーンエネルギー事業</p>
<span class="common__btnarrow"></span>
</a>
</li>
</ul></div></div>
</div>
<span class="mv__scroll"></span>
</section>
<section id="service" class="service">
<div class="service__inner">
<div class="service__wrap">
<div>
<h2 class="service__title">SERVICE</h2>
</div>
<ul class="service__list">
<li>
<a href="/service.html#serviceAd">
<figure class="service__icon">
<img src="/assets/img/top/icon_adnetwork2.svg" alt="アドネ
ットワーク広告">
<figcaption>アドネットワーク広告<br>アフィリエイト広告</figcaption>
</figure>
<div class="service__text">
<dl>
<dt>アドネットワーク広告</dt>
<dd>スマートフォン・PC対応の国内最大規模の広告配信ネットワーク。WEBサイトやアプリ内広告を配信しています。</dd>
</dl>
</div>
</a>
</li>
<li>
<a href="/service.html#serviceAd">
<figure class="service__icon">
<img src="/assets/img/top/icon_gcpp2.svg" alt="メディアソリューション事業">
<figcaption>メディアソリューション事業</figcaption>
</figure>
<div class="service__text service__text--gcpp">
<dl>
<dt>メディアソリューション事業</dt>
<dd>自社アドネットワークとGoogle Ad Managerなどの外部ソリューションを活用しメディアの収益最大化をサポートします。
<img class="gcpp_img" src="/assets/img/common/logo_gcpp.png" alt="Google Certified Publishing Partner">
</dd>
</dl>
</div>
</a>
</li>
<li>
<a href="/service.html#serviceFurunavi">
<figure class="service__icon">
<img src="/assets/img/top/icon_furunavi2.svg" alt="ふるさと納税事業">
<figcaption>ふるさと納税事業</figcaption>
</figure>
<div class="service__text">
<dl>
<dt>ふるさと納税事業</dt>
<dd>ふるさと納税応援サイト『ふるなび』を軸に、『ふるなびトラベル』などの独自サービスを展開しています。</dd>
</dl>
</div>
</a>
</li>
<li>
<a href="https://greenenergy.i-mobile.co.jp/">
<figure class="service__icon">
<img src="/assets/img/top/icon_greenenergy.svg" alt="グリーンエネルギー事業">
<figcaption>グリーンエネルギー事業</figcaption>
</figure>
<div class="service__text">
<dl>
<dt>グリーンエネルギー事業</dt>
<dd>ふるさと納税事業で培った地方自治体や宿泊施設との連携を活用し環境にやさしい太陽光発電などの発電事業を推進しています。</dd>
</dl>
</div>
</a>
</li>
</ul>
<a class="common__btn service__btn" href="https://greenenergy.i-mobile.co.jp/">more</a>
</div>
</div>
</section>
<section id="news" class="news">
<!--NEWS-->
<div class="news__wrap news__wrap--nw">
<h3 class="news__title">NEWS</h3>
<div class="news__list">
<ul id="news_ul">
<li>
<div class="newslist__tag">
<time>2024.09.30</time>
<span class="newslist__category2 newslist__category2--web">Web媒体</span>
</div>
<a class="newslist__text" href="https://media-radar.jp/contents/meditsubu/sp_adnetwork/" target="_blank">メディアレーダーにて「i-mobile Ad Network」が紹介されました</a>
</li><li>
<div class="newslist__tag">
<time>2024.09.19</time>
<span class="newslist__category2 newslist__category2--release">リリース</span>
</div>
<a class="newslist__text" href="https://prtimes.jp/main/html/rd/p/000001096.000007821.html" target="_blank">アイモバイル、SNSマーケティング領域のブランド価値向上サポートツール「ブランドレーダー」を提供開始</a>
</li><li>
<div class="newslist__tag">
<time>2024.09.12</time>
<span class="newslist__category2 newslist__category2--release">リリース</span>
</div>
<a class="newslist__text" href="https://prtimes.jp/main/html/rd/p/000001088.000007821.html" target="_blank">株式会社アイモバイル、全国の厳選宿を掲載する旅行予約サイト「ふるなびトラベル予約」を今秋開始</a>
</li></ul>
</div>
<a class="news__link" href="/notice.html">more</a>
</div>
<!--IR-->
<div class="news__wrap news__wrap--ir">
<h3 class="news__title">IR</h3>
<!-- XJ-Storage読み込みエリア -->
<div class="news__list" id="list"></div>
<script id="tpl-list" type="text/x-jsrender">
{{if length}}
<ul>
{{for items}}
<li>
<div class="newslist__tag">
<time>{{date:publishDate format='YYYY.MM.DD'}}</time>
<span class="newslist__category newslist__category--disclosure">{{label:disclosureCode}}</span>
</div>
<span class="newslist__text">{{link:files fileType='PDF-GENERAL' text=title unitPrefix='(' unitSuffix=')' showPage=false}}</span>
</li>
{{/for}}
</ul>
{{else}}
<p>ただいま掲載する事項はございません。</p>
{{/if}}
</script>
<!-- / XJ-Storage読み込みエリア -->
<a class="news__link" href="/ir/index.html">more</a>
</div>
</section>
<section id="information" class="information">
<div class="information__inner">
<div class="information__list information__list--company">
<a href="/company.html">
<img src="/assets/img/top/company2.png" alt="会社概要">
<div class="information__textwrap">
<h2 class="information__title">COMPANY</h2>
<span class="common__btnarrow common__btnarrow--information"></span>
</div>
</a>
</div>
<div class="information__list information__list--recruit">
<a href="/recruit/index.html" target="_blank">
<img src="/assets/img/top/recruit.png" alt="採用情報">
<div class="information__textwrap">
<h2 class="information__title information__title--blank">RECRUIT</h2>
<span class="common__btnarrow common__btnarrow--information"></span>
</div>
</a>
</div>
</div>
</section>
<script type="text/javascript">
require(['/js/xj/xjstorage-config.js'], function(xj) {
(function($) {
xj.render('list', 'tpl-list', {
doctype: [].concat(xj.groupCode['決算短信'], xj.groupCode['適時開示'], xj.groupCode['法定開示'], xj.groupCode['IR資料'], xj.groupCode['お知らせ']),
len: 3
}); })(xj.jQuery);
});
</script>
<div id="footer"><footer class="footer">
<a class="pagetop" href="#header"><span></span></a>
<div class="footer__inner">
<div class="footer__head">
<h2 class="footer__logo"><a href="/index.html"><img class="footer_logo-w" src="/assets/img/common/i-mobile_logo-w.svg" alt="株式会社アイモバイル i-mobile"><img class="footer_logo-w2" src="/assets/img/common/i-mobile_logo-w2.svg" alt="株式会社アイモバイル i-mobile"></a></h2>
<div class="footer__sns">
<a href="https://twitter.com/imobile_PR" target="_blank" class="footer__tw"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 2H1L9.26086 13.0145L1.44995 21.9999H4.09998L10.4883 14.651L16 22H23L14.3917 10.5223L21.8001 2H19.1501L13.1643 8.88578L8 2ZM17 20L5 4H7L19 20H17Z"></path></svg>
</a>
<a href="https://www.facebook.com/imobile01/" target="_blank" class="footer__fb"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.4024 21V14.0344H17.7347L18.0838 11.3265H15.4024V9.59765C15.4024 8.81364 15.62 8.27934 16.7443 8.27934L18.1783 8.27867V5.85676C17.9302 5.82382 17.0791 5.75006 16.0888 5.75006C14.0213 5.75006 12.606 7.01198 12.606 9.32952V11.3265H10.2677V14.0344H12.606V21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H15.4024Z"></path></svg></a>
</div>
</div>
<nav class="footer__sitemap">
<div class="sitemap__list sitemap__list--service">
<h4 class="sitemap__title sitemap__title--sp"><a href="/service.html">SERVICE</a><span class="sitemap__arrow"></span></h4>
<ul>
<li class="sitemap__hub"><a href="/service.html">SERVICE</a></li>
<li><a href="https://adpf-info.i-mobile.co.jp/" target="_blank">i-mobile Ad Network</a></li>
<li><a href="https://affiliate.i-mobile.co.jp/" target="_blank">i-mobile Affiliate</a></li>
<li><a href="https://cyberconsultant.co.jp/" target="_blank">CYBER CONSULTANT</a></li>
<li><a href="https://furunavi.jp/" target="_blank">ふるなび</a></li>
<li><a href="https://furunavi.jp/premium/index.html" target="_blank">ふるなびプレミアム</a></li>
<li><a href="https://tp.furunavi.jp/" target="_blank">ふるなびトラベル</a></li>
<li><a href="https://fcf.furunavi.jp/" target="_blank">ふるなびクラウドファンディング</a></li>
<li><a href="https://gp.furunavi.jp/" target="_blank">ふるなびグルメポイント</a></li>
<li><a href="https://furunavi.jp/tamaru/Advertisement/List" target="_blank">たまるモール by ふるなび</a></li>
<li><a href="https://ohte.co.jp/" target="_blank">オーテ</a></li>
<li><a href="https://greenenergy.i-mobile.co.jp/" target="_blank">グリーンエネルギー事業</a></li>
</ul>
</div>
<div class="sitemap__list">
<h4 class="sitemap__title"><a href="/notice.html">NEWS</a></h4>
</div>
<div class="sitemap__list sitemap__list--ir">
<h4 class="sitemap__title sitemap__title--sp"><a href="/ir/index.html">IR</a><span class="sitemap__arrow"></span></h4>
<ul>
<li class="sitemap__hub"><a href="/ir/index.html">IR</a></li>
<li><a href="/ir/management/index.html">経営情報</a></li>
<li><a href="/ir/library/index.html">IRライブラリ</a></li>
<li><a href="/ir/calendar.html">IRカレンダー</a></li>
<li><a href="/ir/news/index.html">IRニュース</a></li>
<li><a href="/ir/stock/index.html">株式情報</a></li>
<li><a href="/ir/governance/index.html">コーポレート・ガバナンス</a></li>
<li><a href="/ir/policy.html">IRポリシー</a></li>
<li><a href="/ir/notice/index.html">電子公告</a></li>
<li><a href="/ir/disclaimer.html">免責事項</a></li>
<li><a href="/ir/faq.html">FAQ</a></li>
</ul>
</div>
<div class="sitemap__list sitemap__list--sustainability">
<h4 class="sitemap__title sitemap__title--sp"><a href="/sustainability/index.html">SUSTAINABILITY</a><span class="sitemap__arrow"></span></h4>
<ul>
<li class="sitemap__hub"><a href="/sustainability/index.html">SUSTAINABILITY</a></li>
<li><a href="/sustainability/basicpolicy.html">サステナビリティ基本方針</a></li>
<li><a href="/sustainability/basicpolicy.html#materiality">「持続可能な開発目標(SDGs)」に関する4つのマテリアリティ</a></li>
<li><a href="/sustainability/tcfd.html">TCFD提言に基づく情報開示</a></li>
<li><a href="/sustainability/hurusatonouzei.html"> ふるさと納税地方創生協働ラボ</a></li>
<li><a href="/sustainability/diversity.html">人的資本経営の推進</a></li>
</ul>
</div>
<div class="sitemap__list">
<h4 class="sitemap__title"><a href="/company.html">COMPANY</a></h4>
</div>
<div class="sitemap__list sitemap__list--recruit">
<h4 class="sitemap__title sitemap__title--sp"><a href="/recruit/index.html" target="_blank">RECRUIT</a><span class="sitemap__arrow"></span></h4>
<ul>
<li class="sitemap__hub"><a href="/recruit/index.html" target="_blank">RECRUIT</a></li>
<li><a href="/recruit/company.html" target="_blank">会社を知る</a></li>
<li><a href="/recruit/interview.html" target="_blank">社員を知る</a></li>
<li><a href="/recruit/support.html" target="_blank">環境を知る</a></li>
<li><a href="https://hrmos.co/pages/i-mobile/jobs" target="_blank">中途採用</a></li>
</ul>
<h4 class="sitemap__title"><a href="/inquiry.html">CONTACT</a></h4>
</div>
</nav>
</div>
<div class="footer__foot">
<ul class="footer__other">
<li><a href="/rule.html">利用規約</a></li>
<li><a href="/privacy.html">プライバシーポリシー</a></li>
<li><a href="/assets/pdf2/privacy-treatment.pdf" target="_blank">行動履歴情報等の取扱方針</a></li>
</ul>
<p class="footer__cr">ⓒ 2018 i-mobile Co., Ltd.</p>
</div>
</footer></div>
</div>
</body></html>