@charset "utf-8";
/*--------------------------------------------------
基本ルール
--------------------------------------------------*/
html {
font-size: 62.5%;
}
body {
font-size: 15px;
font-size: 1.5rem;
font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
font-weight: 500;
color: #333;
line-height: 1.7;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd {
margin: 0;
padding: 0;
}
ul, li, ol, dl, dt, dd {
list-style: none;
}
a {
color: #ff9c00;
}
a:hover {
text-decoration: none;
}
strong {
color: #f00;
}
address,em {
font-style: normal;
}
img {
vertical-align: baseline;
}
/*--------------------------------------------------
基本のレイアウト・共通要素
--------------------------------------------------*/
body {
padding: 40px 0 0;
color: #313131;
background: #fff url(../img/bg.jpg) no-repeat;
background-attachment: fixed;
background-size: contain;
border-top: 24px solid #ff6000;
}
.wrapper {
width: 620px;
margin: 0 auto;
box-sizing: border-box;
}
.maintext {
margin: 0 0 48px;
text-align: center;
}
.contact {
margin: 0 0 48px;
}
.info {
width: 100%;
margin: 0 0 48px;
box-sizing: border-box;
}
.access {
width: 100%;
margin: 0 0 64px;
}
.copyright {
padding: 16px 0;
text-align: center;
color: #fff;
background: #ff6000;
}
h2 {
padding: 0 0 0 24px;
margin: 0 0 1em;
font-size: 2.4rem;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 12px 2em;
}
/*------------------------------------------------*/
.maintext .gaiyo {
margin-bottom: 16px;
font-size: 2.0rem;
}
.maintext .logo {
margin: 0 auto 16px;
}
.maintext .logo img {
width: 304px;
height: auto;
}
.maintext h1 {
margin: 0 0 8px;
font-size: 5rem;
line-height: 1.2;
}
.maintext h2 {
padding: 0;
font-size: 3rem;
font-weight: normal;
background: none;
}
.maintext .lead {
padding: 32px 0;
font-size: 1.5rem;
text-align: left;
border-top: 1px solid #ffd798;
border-bottom: 1px solid #ffd798;
}
.maintext .lead p {
}
.maintext .lead p em {
color: #fa0a2c;
}
/**/
.contact ul {
display: flex;
flex-flow: wrap;
justify-content: space-between;
width: 90%;
margin: 0 auto;
}
.contact li {
width: 50%;
margin-bottom: 8px;
font-size: 2.2rem;
font-weight: normal;
}
.contact li a {
text-decoration: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: left 94%;
background-size: 100% 1px;
}
.contact li a:hover {
background: none;
}
.contact li img {
margin-right: 8px;
vertical-align: -0.1em;
}
.contact li.mail {
padding-top: 8px;
}
.contact li.mail img {
display: block;
width: 56px;
float: left;
}
.contact li.mail a {
display: block;
margin-left: 64px;
text-indent: -7777px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 213px 21px;
}
.contact li.mail a:hover {
background-image: url('data:image/svg+xml;utf8,');
}
/**/
.info dl {
width: 90%;
margin: 0 auto;
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.info dt {
width: 22%;
padding: 8px 16px;
padding-left: 0;
box-sizing: border-box;
border-bottom: 1px solid #ffe2b7;
}
.info dd {
width: 78%;
padding: 8px 16px;
box-sizing: border-box;
border-bottom: 1px solid #ffe2b7;
}
.info dd li {
padding-left: 12px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 0 0.65em;
background-size: 4px 4px;
}
.info dd li:after {
}
.info dd li:last-child:after {
content: none;
}
.info dd a {
}
/**/
.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin: 0 0 1em;
height: 0;
overflow: hidden;
}
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}