@charset 'utf-8';

* {
box-sizing: inherit;
margin: 0;
border: 0;
padding: 0;
}
html,
body,
*:before,
*:after {
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
font-size: 100%;
font-weight: bold;
}
small {
font-weight: normal;
}
ul,
ol {
list-style: none;
}
img {
max-width: 100%;
vertical-align: bottom;
}

html {
line-height: 1.5;
font-size: 10px;
}
body {
position: relative;
min-width: 900px;
background-color: #fff;
color: #000;
font-size: 1.6em;
font-family: Arial, sans-serif;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
a {
text-decoration: none;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
}

#header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
padding-bottom: 1px;
background-color: #fff;
}
#header .inner {
position: relative;
max-width: 900px;
margin: 0 auto;
}
#header .header-01 {
margin-bottom: 1px;
background-color: #ed6d1f;
}
#header .header-01 .hdg-01 {
padding: .2325em 190px .2325em 20px;
color: #fff;
font-size: 2.8rem;
}
#header .header-01 .logo {
position: absolute;
top: 50%;
right: 20px;
margin-top: -13px;
}
#header .header-01 .logo img {
display: block;
}
#header .header-02 {
background-color: #f90;
}
#header .header-02 nav ul {
display: table;
width: 100%;
}
#header .header-02 nav ul li {
display: table-cell;
height: 100%;
border-right: 1px solid #fff;
vertical-align: middle;
}
#header .header-02 nav ul li:first-child {
border-left: 1px solid #fff;
}
#header .header-02 nav ul li a {
display: table;
width: 100%;
height: 100%;
border: 1px solid #f90;
padding: .6675em 5px;
background-color: #f90;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
-webkit-transition: background-color 200ms, color 200ms;
transition: background-color 200ms, color 200ms;
}
#header .header-02 nav ul li a:hover,
#header .header-02 nav ul li a:focus,
#header .header-02 nav ul li a:active {
background-color: #fff;
color: #f90;
text-decoration: none;
}
#header .header-02 nav ul li a span {
display: table-cell;
text-align: center;
vertical-align: middle;
}

#main {
max-width: 900px;
margin: 0 auto;
padding-top: 110px;
}
#main > .section {
margin-top: -80px;
padding-top: 120px;
}

.section#section-01 {
margin-top: -120px;
}

.hdg-02 {
margin: -110px 0 20px 0;
padding-top: 110px;
}

.hdg-03 {
margin: -80px 0 20px 0;
padding-top: 120px;
}
.hdg-02 + .hdg-03 {
margin-top: -110px;
}

.hdg-04 {
position: relative;
margin: 20px 32px 15px 32px;
padding-left: 20px;
font-size: 1.6rem;
font-weight: normal;
}
.hdg-04:before {
content: "";
position: absolute;
top: .375em;
left: 0;
display: block;
width: 12px;
height: 12px;
background-color: #f90;
}

.box-attention-01 {
margin: 30px 50px;
border-radius: 5px;
padding: 20px 30px;
background-color: #fff1d1;
font-size: 1.6rem;
}
.box-attention-01 .hdg {
display: inline-block;
margin-bottom: .5em;
border-top: 3px double #ed6d1f;
border-bottom: 3px double #ed6d1f;
padding: 0 .5em;
color: #ed6d1f;
font-size: 1.5rem;
}
.box-attention-01 .lead {
padding: .5em 0;
color: #f90;
font-size: 2rem;
font-weight: bold;
text-align: center;
}

.box-memo-01 {
margin: 30px 0;
border-radius: 5px;
padding: 20px 30px;
background-color: #f5f3f3;
font-size: 1.6rem;
}
.box-memo-01 .hdg {
display: inline-block;
margin-bottom: .5em;
border-radius: 5px;
padding: .125em .625em;
background-color: #535353;
color: #fff;
font-size: 1.5rem;
}

.list-bullet-01 > li,
.list-bullet-02 > li {
position: relative;
padding-left: 20px;
}
.list-bullet-01 > li + li,
.list-bullet-02 > li + li {
margin-top: .25em;
}
.list-bullet-01 > li:before,
.list-bullet-02 > li:before {
content: "";
position: absolute;
top: .525em;
left: 6px;
display: block;
width: 7px;
height: 7px;
background-color: #ed6d1f;
}
.list-bullet-02 > li:before {
background-color: #535353;
}
.list-bullet-01 .notice-01,
.list-bullet-02 .notice-01 {
margin: .25em 0 0 0;
}

.list-1col-01 {
margin-top: 1.5em;
font-size: 1.6rem;
}
.list-1col-01.margin {
margin-left: 20px;
margin-right: 20px;
}
.list-1col-01 > li + li {
margin-top: .25em;
}

.list-2col-01 {
overflow: hidden;
margin: -.25em 32px 0 32px;
font-size: 1.6rem;
}
.list-2col-01 > li {
float: left;
width: 50%;
margin-top: .25em;
}
.list-2col-01 > li:nth-child(2n) {
padding-left: 16px;
}
.list-2col-01 > li:nth-child(2n+1) {
padding-right: 16px;
}

.img-01 {
margin-bottom: 10px;
text-align: center;
}

.img-02 {
overflow: hidden;
}
.img-02 > .img {
float: right;
}
.img-02 > .img .caption {
display: block;
margin-top: .5em;
font-size: 1.4rem;
text-align: center;
}
.img-02 > .content {
overflow: hidden;
padding-right: 20px;
}
.img-02.indent {
margin-left: 20px;
margin-right: 60px;
font-size: 1.6rem;
}

.notice-01 {
position: relative;
margin: -5px 32px 15px 32px;
padding-left: 1.5em;
font-size: 1.6rem;
}
.notice-01 .mark {
position: absolute;
left: 0;
}

.indent-01 {
margin: 0 32px 20px 32px;
font-size: 1.6rem;
}
.indent-01 + .indent-01 {
margin-top: -10px;
}
.indent-01 .link-01 {
padding-left: 18px;
}
.indent-01 .link-01 + .link-01 {
margin-left: .25em;
}

.link-01 {
position: relative;
display: inline-block;
padding-left: 20px;
color: #f90;
-webkit-transition: color 200ms;
transition: color 200ms;
}
.link-01:before,
.link-01:after {
content: "";
position: absolute;
top: .375em;
left: 0;
display: block;
}
.link-01:before {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #f90;
}
.link-01:after {
width: 0;
height: 0;
margin: 5px 0 0 2px;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #fff transparent transparent transparent;
}
.link-01:hover,
.link-01:focus,
.link-01:active {
color: #00f;
}

.icon-01 {
margin: 0 .125em;
vertical-align: sub;
}

#footer {
margin-top: 30px;
}
#footer .backtotop a {
position: relative;
display: block;
padding: 1.25em 0 .75em 0;
background-color: #bab8b8;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
-webkit-transition: background-color 200ms;
transition: background-color 200ms;
}
#footer .backtotop a:before,
#footer .backtotop a:after {
content: "";
position: absolute;
left: 50%;
display: block;
-webkit-transition: -webkit-transform 200ms;
transition: transform 200ms;
}
#footer .backtotop a:before {
top: -16px;
z-index: 2;
width: 30px;
height: 30px;
margin-left: -15px;
border-radius: 50%;
background-color: #f90;
}
#footer .backtotop a:after {
top: -6px;
z-index: 3;
width: 0;
height: 0;
margin-left: -8px;
border-style: solid;
border-width: 0 8px 7px 8px;
border-color: transparent transparent #fff transparent;
}
#footer .backtotop a:hover,
#footer .backtotop a:focus,
#footer .backtotop a:active {
background-color: #aaa;
text-decoration: none;
}
#footer .backtotop a:hover:before,
#footer .backtotop a:hover:after,
#footer .backtotop a:focus:before,
#footer .backtotop a:focus:after,
#footer .backtotop a:active:before,
#footer .backtotop a:active:after {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}