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, menu, nav, output, ruby, section, summary, time, mark, audio, video {
padding: 0;
margin: 0;
font-size: 100%;
vertical-align: baseline;
border: 0
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%
}
html{
font-size: 62.5%;
font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
}
body {
font-size: 1.0rem;
line-height: 1.0;
font-weight: 400;
color: #333;
background: url(../img/common/back.png);
}
ol, ul {
list-style: none
}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: ""
}
.clearfix:after {
clear: both
}
body>.clearfix {
zoom: 1
}
img {
height: auto;
vertical-align: middle;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-ms-interpolation-mode: bicubic;
max-width: 100%
}
.container {
position: relative;
margin-right: auto;
margin-left: auto;
font-size: 1.6rem;
line-height: 1.5;
}
.container:after, .container:before {
display: table;
content: " "
}
.container:after {
clear: both
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
position: relative;
float: left;
min-height: 1rem;
padding:1.0rem;
}
@media (max-width: 767px){
.container {
padding-right: 3%;
padding-left: 3%
}
.col-sm-1 {
width: 8.333333333%
}
.col-sm-2 {
width: 16.666666667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.333333333%
}
.col-sm-5 {
width: 41.666666667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.333333333%
}
.col-sm-8 {
width: 66.666666667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.333333333%
}
.col-sm-11 {
width: 91.666666667%
}
.col-sm-12 {
width: 100%
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.container {
max-width: 960px;
padding-right: 3%;
padding-left: 3%
}
.col-md-1 {
width: 8.333333333%
}
.col-md-2 {
width: 16.666666667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.333333333%
}
.col-md-5 {
width: 41.666666667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.333333333%
}
.col-md-8 {
width: 66.666666667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.333333333%
}
.col-md-11 {
width: 91.666666667%
}
.col-md-12 {
width: 100%
}
}
@media (min-width: 1280px) {
.container {
max-width: 1200px;
padding-right: 3%;
padding-left: 3%
}
.col-lg-1 {
width: 8.333333333%
}
.col-lg-2 {
width: 16.666666667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.333333333%
}
.col-lg-5 {
width: 41.666666667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.333333333%
}
.col-lg-8 {
width: 66.666666667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.333333333%
}
.col-lg-11 {
width: 91.666666667%
}
.col-lg-12 {
width: 100%
}
}
@media (max-width: 767px) {
.col-sm-offset-1 {
margin-left: 8.333333333%
}
.col-sm-offset-2 {
margin-left: 16.666666667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.333333333%
}
.col-sm-offset-5 {
margin-left: 41.666666667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.333333333%
}
.col-sm-offset-8 {
margin-left: 66.666666667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.333333333%
}
.col-sm-offset-11 {
margin-left: 91.666666667%
}
.col-sm-offset-12 {
margin-left: 100%
}
footer ul li{
padding:1.2rem 0;
}
}
@media (min-width: 768px) and (max-width: 1279px){
.col-md-offset-1 {
margin-left: 8.333333333%
}
.col-md-offset-2 {
margin-left: 16.666666667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.333333333%
}
.col-md-offset-5 {
margin-left: 41.666666667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.333333333%
}
.col-md-offset-8 {
margin-left: 66.666666667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.333333333%
}
.col-md-offset-11 {
margin-left: 91.666666667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1280px) {
.col-lg-offset-1 {
margin-left: 8.333333333%
}
.col-lg-offset-2 {
margin-left: 16.666666667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.333333333%
}
.col-lg-offset-5 {
margin-left: 41.666666667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.333333333%
}
.col-lg-offset-8 {
margin-left: 66.666666667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.333333333%
}
.col-lg-offset-11 {
margin-left: 91.666666667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
.clearfix:after, .clearfix:before {
display: table;
content: " "
}
.clearfix:after {
clear: both
}
h1, h2, h3, h4, h5, h6 {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: 500;
}
p{
margin: 0;
padding: 0
}
small {
font-size: 1.2rem;
line-height:1.0;
color: #333;
text-align:center;
}
a {
text-decoration: none;
color: inherit;
margin:0;
padding:0;
}
a:hover {
color: #7d4c2c;
}
table {
width: 100%;
border-spacing: 0;
border-collapse: collapse
}
address{
font-style: normal;
}