html,body,div,span,iframe,h1,h2,h3,h4,h5,p,a,img,ul,li,table,tr,th,td,tbody,footer,header,main,nav,section {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
list-style: none;
text-decoration: none;
}
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
width: 100%;
background-image: url("../img/bg.jpg");
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
} #header_inner,.main_contact,#section02_inner,#company {
max-width: 960px;
margin: 0 auto;
}
img{width:100%;}
/* Margin-Top & Padding-Top */
.mt00 { margin-top: 0px; } .pt00 { padding-top: 0px; }
.mt04 { margin-top: 4px; } .pt05 { padding-top: 4px; }
.mt05 { margin-top: 5px; } .pt05 { padding-top: 5px; }
.mt06 { margin-top: 6px; } .pt06 { padding-top: 6px; }
.mt07 { margin-top: 7px; } .pt07 { padding-top: 7px; }
.mt08 { margin-top: 8px; } .pt08 { padding-top: 8px; }
.mt09 { margin-top: 9px; } .pt09 { padding-top: 9px; }
.mt10 { margin-top: 10px; } .pt10 { padding-top: 10px; }
.mt15 { margin-top: 15px; } .pt15 { padding-top: 15px; }
.mt20 { margin-top: 20px; } .pt20 { padding-top: 20px; }
.mt25 { margin-top: 25px; } .pt25 { padding-top: 25px; }
.mt30 { margin-top: 30px; } .pt30 { padding-top: 30px; }
.mt35 { margin-top: 35px; } .pt35 { padding-top: 35px; }
.mt40 { margin-top: 40px; } .pt40 { padding-top: 40px; }
.mt45 { margin-top: 45px; } .pt45 { padding-top: 45px; }
.mt50 { margin-top: 50px; } .pt50 { padding-top: 50px; }
.mt55 { margin-top: 55px; } .pt55 { padding-top: 55px; }
.mt60 { margin-top: 60px; } .pt60 { padding-top: 60px; }
.mt65 { margin-top: 65px; } .pt65 { padding-top: 65px; }
.mt70 { margin-top: 70px; } .pt70 { padding-top: 70px; }
.mt75 { margin-top: 75px; } .pt75 { padding-top: 75px; }
.mt80 { margin-top: 80px; } .pt80 { padding-top: 80px; }
.mt85 { margin-top: 85px; } .pt85 { padding-top: 85px; }
.mt90 { margin-top: 90px; } .pt90 { padding-top: 90px; }
.mt95 { margin-top: 95px; } .pt95 { padding-top: 95px; }
.mt100{ margin-top:100px; } .pt100{ padding-top:100px; }
.mt110{ margin-top:110px; } .pt110{ padding-top:110px; }
.mt120{ margin-top:120px; } .pt120{ padding-top:120px; }
.mt130{ margin-top:130px; } .pt130{ padding-top:130px; }
.pt40_s { padding-top: 40px; }
.pt60_s { padding-top: 60px; }
.pt80_s { padding-top: 80px; }
.pt100_s { padding-top: 100px; }
.mt20_s{margin-top: 20px;}
.mt10_s{margin-top: 10px;}
/* Margin-Right & Padding-Right */
.mr00 { margin-right: 0px; } .pr00 { padding-right: 0px; }
.mr01 { margin-right: 1px; } .pr01 { padding-right: 1px; }
.mr02 { margin-right: 2px; } .pr02 { padding-right: 2px; }
.mr03 { margin-right: 3px; } .pr03 { padding-right: 3px; }
.mr04 { margin-right: 4px; } .pr04 { padding-right: 4px; }
.mr05 { margin-right: 5px; } .pr05 { padding-right: 5px; }
.mr06 { margin-right: 6px; } .pr06 { padding-right: 6px; }
.mr07 { margin-right: 7px; } .pr07 { padding-right: 7px; }
.mr08 { margin-right: 8px; } .pr08 { padding-right: 8px; }
.mr09 { margin-right: 9px; } .pr09 { margin-right: 9px; }
.mr10 { margin-right: 10px; } .pr10 { padding-right: 10px; }
.mr15 { margin-right: 15px; } .pr15 { padding-right: 15px; }
.mr20 { margin-right: 20px; } .pr20 { padding-right: 20px; }
.mr25 { margin-right: 25px; } .pr25 { padding-right: 25px; }
.mr30 { margin-right: 30px; } .pr30 { padding-right: 30px; }
.mr35 { margin-right: 35px; } .pr35 { padding-right: 35px; }
.mr40 { margin-right: 40px; } .pr40 { padding-right: 40px; }
.mr45 { margin-right: 45px; } .pr45 { padding-right: 45px; }
.mr50 { margin-right: 50px; } .pr50 { padding-right: 50px; }
.mr55 { margin-right: 55px; } .pr55 { padding-right: 55px; }
.mr60 { margin-right: 60px; } .pr60 { padding-right: 60px; }
.mr65 { margin-right: 65px; } .pr65 { padding-right: 65px; }
.mr70 { margin-right: 70px; } .pr70 { padding-right: 70px; }
.mr75 { margin-right: 75px; } .pr75 { padding-right: 75px; }
.mr80 { margin-right: 80px; } .pr80 { padding-right: 80px; }
.mr85 { margin-right: 85px; } .pr85 { padding-right: 85px; }
.mr90 { margin-right: 90px; } .pr90 { padding-right: 90px; }
.mr95 { margin-right: 95px; } .pr95 { padding-right: 95px; }
.mr100{ margin-right:100px; } .pr100{ padding-right:100px; }
/* Margin-Bottom & Padding-Bottom */
.mb00 { margin-bottom: 0px; } .pb00 { padding-bottom: 0px; }
.mb01 { margin-bottom: 1px; } .pb01 { padding-bottom: 1px; }
.mb02 { margin-bottom: 2px; } .pb02 { padding-bottom: 2px; }
.mb03 { margin-bottom: 3px; } .pb03 { padding-bottom: 3px; }
.mb04 { margin-bottom: 4px; } .pb04 { padding-bottom: 4px; }
.mb05 { margin-bottom: 5px; } .pb05 { padding-bottom: 5px; }
.mb06 { margin-bottom: 6px; } .pb06 { padding-bottom: 6px; }
.mb07 { margin-bottom: 7px; } .pb07 { padding-bottom: 7px; }
.mb08 { margin-bottom: 8px; } .pb08 { padding-bottom: 8px; }
.mb09 { margin-bottom: 9px; } .pb09 { padding-bottom: 9px; }
.mb10 { margin-bottom: 10px; } .pb10 { padding-bottom: 10px; }
.mb15 { margin-bottom: 15px; } .pb15 { padding-bottom: 15px; }
.mb20 { margin-bottom: 20px !important; } .pb20 { padding-bottom: 20px; }
.mb25 { margin-bottom: 25px; } .pb25 { padding-bottom: 25px; }
.mb30 { margin-bottom: 30px; } .pb30 { padding-bottom: 30px; }
.mb35 { margin-bottom: 35px; } .pb35 { padding-bottom: 35px; }
.mb40 { margin-bottom: 40px; } .pb40 { padding-bottom: 40px; }
.mb45 { margin-bottom: 45px; } .pb45 { padding-bottom: 45px; }
.mb50 { margin-bottom: 50px; } .pb50 { padding-bottom: 50px; }
.mb55 { margin-bottom: 55px; } .pb55 { padding-bottom: 55px; }
.mb60 { margin-bottom: 60px; } .pb60 { padding-bottom: 60px; }
.mb65 { margin-bottom: 65px; } .pb65 { padding-bottom: 65px; }
.mb70 { margin-bottom: 70px; } .pb70 { padding-bottom: 70px; }
.mb75 { margin-bottom: 75px; } .pb75 { padding-bottom: 75px; }
.mb80 { margin-bottom: 80px; } .pb80 { padding-bottom: 80px; }
.mb85 { margin-bottom: 85px; } .pb85 { padding-bottom: 85px; }
.mb90 { margin-bottom: 90px; } .pb90 { padding-bottom: 90px; }
.mb95 { margin-bottom: 95px; } .pb95 { padding-bottom: 95px; }
.mb100{ margin-bottom:100px; } .pb100{ padding-bottom:100px; }
/* Margin-Left & Padding-Left */
.ml00 { margin-left: 0px !important; } .pl00 { padding-left: 0px; }
.ml05 { margin-left: 5px; } .pl05 { padding-left: 5px; }
.ml06 { margin-left: 6px; } .pl06 { padding-left: 6px; }
.ml07 { margin-left: 7px; } .pl07 { padding-left: 7px; }
.ml08 { margin-left: 8px; } .pl07 { padding-left: 8px; }
.ml09 { margin-left: 9px; } .pl07 { padding-left: 9px; }
.ml10 { margin-left: 10px; } .pl10 { padding-left: 10px; }
.ml15 { margin-left: 15px; } .pl15 { padding-left: 15px; }
.ml20 { margin-left: 20px; } .pl20 { padding-left: 20px; }
.ml25 { margin-left: 25px; } .pl25 { padding-left: 25px; }
.ml30 { margin-left: 30px; } .pl30 { padding-left: 30px; }
.ml35 { margin-left: 35px; } .pl35 { padding-left: 35px; }
.ml40 { margin-left: 40px; } .pl40 { padding-left: 40px; }
.ml45 { margin-left: 45px; } .pl45 { padding-left: 45px; }
.ml50 { margin-left: 50px; } .pl50 { padding-left: 50px; }
.ml55 { margin-left: 55px; } .pl55 { padding-left: 55px; }
.ml60 { margin-left: 60px; } .pl60 { padding-left: 60px; }
.ml65 { margin-left: 65px; } .pl65 { padding-left: 65px; }
.ml70 { margin-left: 70px; } .pl70 { padding-left: 70px; }
.ml75 { margin-left: 75px; } .pl75 { padding-left: 75px; }
.ml80 { margin-left: 80px; } .pl80 { padding-left: 80px; }
.ml85 { margin-left: 85px; } .pl85 { padding-left: 85px; }
.ml90 { margin-left: 90px; } .pl90 { padding-left: 90px; }
.ml95 { margin-left: 95px; } .pl95 { padding-left: 95px; }
.ml100{ margin-left:100px; } .pl100{ padding-left:100px; }
.ml11 { margin-left: 11px; } .pl63{ padding-left:63px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
/* Margin & Padding */
.m00 { margin: 0px; } .p00 { padding: 0px; }
.m05 { margin: 5px; } .p05 { padding: 5px; }
.m10 { margin: 10px; } .p10 { padding: 10px; }
.m15 { margin: 15px; } .p15 { padding: 15px; }
.m20 { margin: 20px; } .p20 { padding: 20px; }
.m25 { margin: 25px; } .p25 { padding: 25px; }
.m30 { margin: 30px; } .p30 { padding: 30px; }
.m35 { margin: 35px; } .p35 { padding: 35px; }
.m40 { margin: 40px; } .p40 { padding: 40px; }
.m45 { margin: 45px; } .p45 { padding: 45px; }
.m50 { margin: 50px; } .p50 { padding: 50px; }
.m55 { margin: 55px; } .p55 { padding: 55px; }
.m60 { margin: 60px; } .p60 { padding: 60px; }
.m65 { margin: 65px; } .p65 { padding: 65px; }
.m70 { margin: 70px; } .p70 { padding: 70px; }
.m75 { margin: 75px; } .p75 { padding: 75px; }
.m80 { margin: 80px; } .p80 { padding: 80px; }
.m85 { margin: 85px; } .p85 { padding: 85px; }
.m90 { margin: 90px; } .p90 { padding: 90px; }
.m95 { margin: 95px; } .p95 { padding: 95px; }
.m100{ margin:100px; } .p100{ padding:100px; }
.mt20s{
margin-top: 20px;
}
/* width & height */
.width00 { width: 0px; } .height00 { height: 0px; }
.width05 { width: 5px; } .height05 { height: 5px; }
.width10 { width: 10px; } .height10 { height: 10px; }
.width15 { width: 15px; } .height15 { height: 15px; }
.width20 { width: 20px; } .height20 { height: 20px; }
.width25 { width: 25px; } .height25 { height: 25px; }
.width30 { width: 30px; } .height30 { height: 30px; }
.width35 { width: 35px; } .height35 { height: 35px; }
.width40 { width: 40px; } .height40 { height: 40px; }
.width45 { width: 45px; } .height45 { height: 45px; }
.width50 { width: 50px; } .height50 { height: 50px; }
.width55 { width: 55px; } .height55 { height: 55px; }
.width60 { width: 60px; } .height60 { height: 60px; }
.width65 { width: 65px; } .height65 { height: 65px; }
.width70 { width: 70px; } .height70 { height: 70px; }
.width75 { width: 75px; } .height75 { height: 75px; }
.width80 { width: 80px; } .height80 { height: 80px; }
.width85 { width: 85px; } .height85 { height: 85px; }
.width90 { width: 90px; } .height90 { height: 90px; }
.width95 { width: 95px; } .height95 { height: 95px; }
.width100{ width:100px; } .height100{ height:100px; }
.width150{ width:150px; } .height150{ height:150px; }
.width300{ width:300px; } .height300{ height:300px; }
.width350{ width:350px; } .height350{ height:350px; }
.width400{ width:400px; } .height400{ height:400px; }
.width450{ width:450px; } .height450{ height:450px; }
.width500{ width:500px; } .height500{ height:500px; }
.width550{ width:550px; } .height550{ height:550px; }
.f_110{font-size: 110%;}
.f_120{font-size: 120%;}
.f_130{font-size: 130%;}
.f_140{font-size: 140%;}
.f_150{font-size: 150%;}
.f_160{font-size: 160%;}
.f_170{font-size: 170%;}
.f_180{font-size: 180%;}
.f_190{font-size: 190%;}
.f_200{font-size: 200%;}
.f_250{font-size: 250%;}
.f_300{font-size: 300%;}
.main_container{
max-width:960px;
}
header{
position: relative;
background-color:rgba(255,255,255,0.7);
padding:40px 0;
}
.txt_underline{
-moz-box-shadow: 0 -0.6em 0 rgba(255,210,77,0.28) inset;
-webkit-box-shadow: 0 -0.6em 0 rgba(255,210,77,0.28) inset;
box-shadow: 0 -0.6em 0 rgba(255,210,77,0.28) inset;
display: inline;
font-size: 24px;
margin-top: 30px;
}
#header_inner {
text-align:center;
} #header_logo,#header_contact,#header_text {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
} #header_logo {
width: 194px;
height: 40px;
left: 19px;
} #header_contact {
width: 155px;
height: 51px;
right: 0;} #header_contact_inner {
display: block;
width: 102px;
height: 24px;
text-align: center;
padding: 14px 26px 13px 27px;
background-color: #ff0600;
transition: 0.4s;
} #header_contact_inner:hover {
transform: scale(1.1,1.1);
} #header_contact_inner p {
color: #fff;
} #header_text {
width: 243px;
height: 29px;
right: 155px;
} #header_text p {
font-size: 0.9rem;
} #main_image {
display: table;
width: 100%;
height: 482px;
background-size: cover;
} #main_image_inner {
width: 100%;
height: 482px;
position: relative;
background: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432841/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg) no-repeat;
background-size:cover;
}
h1 {
margin: auto;
font-size: 4.3rem;
text-align: center;
line-height: 110%;
}
.scroll {
height: 87px;
width: 100%;
background-color: #aaa;
position: relative;
display: table;
}
.scroll:after {
content: "";
display: block;
width: 0px;
height: 0px;
bottom: -14px;
border-top: 43px solid #aaa;
border-right: 60px solid transparent;
border-left: 60px solid transparent;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
h2 {
color: #fff;
font-size: 1.9rem;
text-align: center;
display: table-cell;
vertical-align: middle;
}
nav {
height: 396px;
width: 100%;
margin: 0 auto;
} #main_nav {
width: 67.5%;
min-width: 687px;
height: 396px;
overflow: hidden;
margin: 0 auto;
padding: 88px 0;
} #main_nav li {
float: left;
height: 225px;
width: 225px;
border: 2px solid #000;
border-radius: 50%;
position: relative;
} #main_nav li:after {
content: "";
display: block;
position: absolute;
bottom: 22px;
right: 0;
left: 0;
width: 21px;
height: 21px;
margin: auto;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
transform: rotate(45deg);
} #main_nav li:last-of-type {
float: none;
margin: 0 auto;
} #main_nav li:nth-of-type(2) {
float: right;
} #main_nav a {
color: #000;
font-size: 1.5rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 50%;
text-align: center;
padding: 83px 0 100px;
} #div03 {
margin-bottom: 100px;
}
.contents {
height: 400px;
overflow: hidden;
}
.left {
float: left;
height: 400px;
width: 50%;
background-repeat: no-repeat;
background-size: cover;
} #photo01 {
background-image: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432843/picture_pc_0c274de1b76f4063c7ce088be3b57004.jpg);
} #photo02 {
background-image: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432845/picture_pc_3d21e88b8ee49951e3c0931173a8f8ed.jpg);
} #photo03 {
background-image: url(https://d2l930y2yx77uc.cloudfront.net/production/uploads/images/6432848/picture_pc_c61a50ca0b2335d65a46645b73a2a480.jpg);
}
.right {
float: right;
width: 50%;
height: 400px;
}
.text {
background-color: #aaa;
}
.contents p,h4 {
margin: 30px 120px 0 21px;
color: #fff;
}
h4 {
font-size: 1.25rem;
}
.main_contact {
height: 233px;
margin-bottom: 200px;
overflow: hidden;
text-align: center;
padding: 40px 0px;
background-color:rgba(255,255,255,0.85);
}
.main_contact_inner {
width: 50%;
height: 163px;
position: relative;
}
.contact_left {
float: left;
}
.contact_left_inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 307px;
height: 53px;
margin: auto;
overflow: hidden;
}
.contact_left_inner img {
float: left;
}
.contact_left_inner p {
float: right;
font-size: 1.4rem;
line-height: 20px;
margin: 9px 0 5px;
}
.contact_left_inner span {
font-size: 0.9rem;
}
.contact_right {
float: right;
}
.contact_right_inner {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 243px;
height: 33px;
margin: auto;
padding: 25px 85px 25px 41px;
background-color: #ff0600;
transition: 0.4s;
}
.contact_right_inner:hover {
transform: scale(1.1,1.1);
}
.contact_right p {
float: right;
color: #fff;
font-size: 1.3rem;
}
footer {
height: 93px;
background-color: #fff;
text-align:center;
position: fixed;
bottom: 0;
width: 100%;
}
footer p {
line-height: 93px;
}
@media ( max-width : 767px ){
img{width:90%;}
}