@charset "UTF-8";
/*------------------------------------------------------------
  Base
------------------------------------------------------------*/
html {
font-size:87.5%;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
width:100%;
}

body {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd {
margin:0;
padding:0;
font-size:100%;
}

menu, ul, ol, dl {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}

img {
width:auto;
max-width:100%;
height:auto;
border:none;
vertical-align:bottom;
}

a {
text-decoration:none;
color:#153688;
}
a:hover {
color:#2996c9;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
}

/*------------------------------------------------------------
  module
------------------------------------------------------------*/
strong, em {
font-weight:bold;
}

/*------------------------------------------------------------
  Structure
------------------------------------------------------------*/
body {
background:#fff;
color:#333;
line-height:1.5;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', "MS P Gothic", sans-serif;
width:100%;
}

header {
width:100%;
border-top:4px solid #008738;
}

.header-inner {
margin:0 auto;
padding:15px 0;
width:860px;
}
.header-inner:after {
content:"";
display:block;
clear:both;
}
.header-inner .logo {
float:left;
width:105px;
}
.header-inner .header-link {
margin-top:8px;
font-size:85.714%;
text-align:right;
}
.header-inner .header-link a {
min-height:10px;
padding-left:15px;
display:inline-block;
color:#333;
background:url("/common/images/bg_blt-6-2.png") no-repeat scroll 0 0.5em;
}
.header-inner .header-link a:hover {
background:url("/common/images/bg_blt-6-2_o.png") no-repeat scroll 0 0.5em;
text-decoration:underline;
}

@media screen and (max-width:900px) {
.header-inner {
width:95%;
}
}
@media screen and (max-width:720px) {
header .header-inner .header-link {
display:none;
}
header .header-inner .logo {
width:103px;
}
}
.str-contents {
width:100%;
}

@media screen and (max-width:720px) {
.str-contents {
background-position:left -40px;
}
}
.str-contents-inner {
margin:0 auto;
position:relative;
}
.str-contents-inner:before {
content:"";
position:absolute;
top:195px;
left:0;
display:block;
width:100%;
height:77px;
}

@media screen and (max-width:720px) {
.str-contents-inner:before {
display:none;
}
}

/*  .lyt
------------------------------------------------------------*/
.lyt-main {
margin:0 auto 50px;
text-align:center;
}
.lyt-outer {
margin: -50px auto 50px;
padding: 50px 0 15px;
background: #fff3e3;
}
.lyt-main h1 img{
width:100%;
}
@media screen and (max-width:720px) {
.lyt-main {
margin-bottom:20px;
}
.lyt-outer {
margin-bottom: 20px;
padding-bottom: 5px;
}
}

/*  .hdg-XX-XX
------------------------------------------------------------*/
.hdg-02-01 {
margin-bottom:14px;
font-size:171.428%;
font-weight:bold;
}
@media screen and (max-width:720px) {
.hdg-02-01 {
font-size:114.386%;
}
}

.hdg-02-02 {
margin-bottom:14px;
font-size:128.6%;
font-weight:bold;
}

.hdg-03-01 {
margin-bottom:14px;
font-size:128.57%;
font-weight:bold;
}
@media screen and (max-width:720px) {
.hdg-03-01 {
margin-bottom:15px;
font-size:100%;
}
}

/*  .section
------------------------------------------------------------*/
.section-01 {
margin:0 auto 45px;
width:860px;
}
@media screen and (max-width:880px) {
.section-01 {
padding:0 2%;
width:96%;
}
}
@media screen and (max-width:720px) {
.section-01 {
margin-bottom:20px;
}
}

.section-02 {
margin:40px 0;
position:relative;
background:#ff4b1e;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNGIxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYzkxMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(left, #ff4b1e 0%, #fc9126 100%);
background:-webkit-linear-gradient(left, #ff4b1e 0%,#fc9126 100%);
background:linear-gradient(to right, #ff4b1e 0%,#fc9126 100%);
}
.section-02:before {
margin-left:-43px;
content:"";
position:absolute;
top:0;
left:50%;
display:block;
width:0;
height:0;
border:42px solid transparent;
border-top:42px solid #fff;
}

.section-02 .section-02-inner {
margin:0 auto;
width:860px;
padding:70px 0 45px;
}
.section-02 .section-02-inner > *:last-child {
margin-bottom:0 !important;
}
@media screen and (max-width:880px) {
.section-02:before {
margin-left:-15px;
border:15px solid transparent;
border-top:15px solid #fff;
}
.section-02 .section-02-inner {
width:96%;
padding:25px 2%;
}
}
@media screen and (max-width:720px) {
.section-02 {
margin:20px 0;
}
}

/*  .box
------------------------------------------------------------*/
.box-01 {
margin-bottom:40px;
padding:0 20px 40px;
position:relative;
border:1px solid #d0d7d9;
border-radius:12px;
background:#fff;
}
.box-01 > .hdg {
margin:-1px -21px 40px;
padding:14px;
position:relative;
border-top-left-radius:12px;
border-top-right-radius:12px;
color:#333333;
line-height:1.25;
font-size:228.7%;
font-weight:normal;
background:#fff566;
}
.box-01 > .hdg > .label {
display:table-cell;
width:1.8em;
height:1.8em;
box-sizing:border-box;
border-radius:30px;
white-space:nowrap;
color:#fff;
font-size:80%;
vertical-align:middle;
background:#ff4e1e;
text-align:center;
}
.box-01 > .hdg .txt {
padding-left:15px;
display:table-cell;
vertical-align:middle;
}
@media screen and (max-width:720px) {
.box-01 {
margin-bottom:15px;
padding:0 10px 15px;
}
.box-01 > .hdg {
margin:0 -10px 15px;
padding:10px;
font-size:100%;
}
.box-01 > .hdg > .label {
width:2.5em;
height:2.5em;
}
}

.box-02 {
margin-bottom:20px;
padding:0 20px 20px;
border:1px solid #ccc;
border-radius:6px;
background:#fff;
}
.box-02 > *:last-child{
margin-bottom:0 !important;
}
.box-02 > .hdg {
margin:-1px -21px 20px;
padding:10px 5px 7px;
border-top-left-radius:6px;
border-top-right-radius:6px;
font-size:142.857%;
font-weight:bold;
color:#fff;
font-weight:normal;
text-align:center;
background:#ff7a00;
}
@media screen and (max-width:720px) {
.box-02 {
margin-bottom:20px;
padding:0 10px 10px;
height:auto !important;
}
.box-02 > .hdg {
margin:-1px -11px 10px;
padding:10px;
font-size:100%;
}
}

/*  .lyt
------------------------------------------------------------*/
.lyt-col2-01:after {
content:"";
display:block;
clear:both;
}
.lyt-col2-01 .col {
margin-left:2%;
float:left;
border-left:1px solid #d0d7d9;
box-sizing:border-box;
width:49%;
}
.lyt-col2-01 .col:first-child {
margin-left:0;
border-left:none;
}
@media screen and (max-width:720px) {
.lyt-col2-01 .col {
margin-left:0;
border-left:none;
float:none;
width:100%;
}
}

/*  .list
------------------------------------------------------------*/
.list-link-01 > li a {
padding-left:22px;
display:inline-block;
position:relative;
}
.list-link-01 > li .icon-sup {
padding:0;
position:absolute;
left:0;
top:.3em;
display:inline-block;
line-height:1;
vertical-align:middle;
}

.list-notice-01 > li {
padding-left:1.5em;
position:relative;
font-size:85.714%;
}
.list-notice-01 > li > .marker {
position:absolute;
top:0;
left:0;
color:#cc0000;
}

.list-use-01 {
margin-bottom:15px;
}
.list-use-01 li {
margin-bottom:5px;
}
.list-use-01 li:after {
content:"";
display:block;
clear:both;
}
.list-use-01 li > span {
padding:7px;
display:block;
box-sizing:border-box;
float:left;
width:52%;
border-radius:6px;
background:#fff3e3;
font-size:157.143%;
text-align:center;
}
.list-use-01 li > span strong {
color:#ff4e1e;
font-weight:bold;
}
.list-use-01 li > span strong > span {
font-size:154.55%;
line-height:1;
}
.list-use-01 li > span img {
margin-right:5px;
width:77px;
vertical-align:text-top;
}
.list-use-01 li > span:first-child {
margin-right:3%;
padding-bottom:3px;
position:relative;
width:45%;
color:#fff;
background:#534f4f;
}
.list-use-01 li > span:first-child:before {
margin-top:-6px;
content:"";
position:absolute;
top:50%;
right:-6%;
display:block;
width:0;
height:0;
border:6px solid transparent;
border-left:10px solid #534f4f;
}
.list-use-01 li > span:first-child strong {
color:#fff;
}
@media screen and (max-width:720px) {
.list-use-01 {
margin-bottom:15px;
}
.list-use-01 li {
margin-bottom:20px;
}
.list-use-01 li span {
padding:7px;
float:none;
width:100%;
height:auto !important;
font-size:100%;
}
.list-use-01 li span img {
margin-right:5px;
width:55px;
}
.list-use-01 li span:first-child {
margin:0 0 18px;
width:100%;
}
.list-use-01 li span:first-child:before {
margin:0 0 0 -6px;
top:auto;
bottom:-20px;
right:auto;
left:50%;
border:6px solid transparent;
border-top:10px solid #534f4f;
}
}

/*  Paragraph
------------------------------------------------------------*/
.mb-10{
margin-bottom:10px !important;
}
.mb-20{
margin-bottom:20px !important;
}

.center {
text-align:center !important;
}

.right {
text-align:right !important;
}

.left {
text-align:left !important;
}

.c-1 {
color:#ff4e1e !important;
}

.txt-1 {
margin-bottom:25px;
font-size:214%;
text-align:center;
}
.txt-1 em {
font-size:260%;
font-style:normal;
line-height:1;
}
@media screen and (max-width:720px) {
.txt-1 {
margin-bottom:15px;
font-size:100%;
}
}

.txt-2 {
margin-bottom:25px;
font-size:171.4%;
text-align:center;
}
.txt-2 em {
font-size:260%;
font-style:normal;
line-height:1;
}
.txt-2 .type-1 {
position:relative;
top:0.3em;
vertical-align:middle;
font-size:124.86%;
}
.txt-2 .type-2 {
position:relative;
top:0.3em;
vertical-align:middle;
}
.txt-2 .img-1 {
margin:0 10px;
vertical-align:middle;
}
.txt-2 .img-2 {
margin:0 10px;
vertical-align:middle;
}
@media screen and (max-width:720px) {
.txt-2 {
margin-bottom:15px;
font-size:100%;
}
.txt-2 .img-2 {
width:60px;
}
.txt-2 .type-1 {
font-size:100%;
}
}
.txt-3 {
margin-bottom:25px;
font-size:157.14%;
text-align:center;
}
.txt-3 em {
font-size:240%;
font-style:normal;
line-height:1;
}
.txt-3 .type-1 {
font-size:136.36%;
}
.txt-3 .img-1 {
margin:0 10px;
}
.wdt-per_01 {
padding-right: 6px;
margin-left: -6px;
}
.ajust-center {
display: flex;
justify-content: center;
}
@media screen and (max-width:720px) {
.txt-3 {
margin-bottom:15px;
font-size:100%;
}
.txt-3 .type-1 {
font-size:100%;
}
.txt-3 .img-1 {
width:60px;
}
.wdt-per_01 {
width: 10%;
}
}

.em-1{
font-weight:bold;
}
.col-orange {
color: #ff4e1e;
}
.btn-1 {
padding:10px 35px 10px 55px;
position:relative;
border-radius:6px;
display:inline-block;
text-align:center;
font-size:128.571%;
color:#fff;
background:#0d3387;
}
.btn-1:before {
margin-top:-6px;
content:"";
position:absolute;
top:50%;
left:35px;
display:block;
width:0;
height:0;
border:6px solid transparent;
border-left:10px solid #fff;
}
.btn-1:hover {
color:#ddd;
}

@media screen and (max-width:720px) {
.-pc {
display:none;
}
}

.-sp {
display:none;
}
@media screen and (max-width:720px) {
.-sp {
display:inherit;
}
}


/*  .contact
------------------------------------------------------------*/
.phone img {
vertical-align:middle;
}


/*  Navi
------------------------------------------------------------*/
.pagetop-fixed {
position:fixed;
right:30px;
bottom:100px;
z-index:1;
}
.pagetop-fixed > a {
padding:29px 7px 14px;
display:block;
display:none;
border-radius:8px;
width:100%;
color:#fff;
background:#b8b8b8 url(/common/images/bg_blt-7-3.png) center 16px no-repeat;
font-size:85.714%;
font-weight:bold;
text-align:center;
}
.pagetop-fixed > a:link, .pagetop-fixed > a:visited, .pagetop-fixed > a:hover, .pagetop-fixed > a:focus, .pagetop-fixed > a:active {
color:#fff;
}
.pagetop-fixed > a:focus {
display:block !important;
}
.static .pagetop-fixed > a {
display:block;
}

@media screen and (max-width:720px) {
.pagetop-fixed {
margin-bottom:0;
position:static;
background:#bfbebb;
}
.pagetop-fixed:after {
content:"";
display:block;
clear:both;
}
.pagetop-fixed > a {
padding:0;
display:block !important;
border-radius:0;
float:right;
width:12em;
background:none;
font-size:71.4%;
font-weight:normal;
text-align:left;
}
.pagetop-fixed > a > span {
padding:14px 0 14px 27px;
display:block;
background:url(/sp/common/images/icon_cat-4.png) -84px 6px no-repeat;
}
}

/*  footer
------------------------------------------------------------*/
footer {
margin-top:110px;
padding:25px 0 15px;
width:100%;
background:#262626;
color:#fff;
font-size:71.4%;
text-align:center;
}

@media screen and (max-width:720px) {
footer {
margin-top:0;
}
}

/* Alert Settings
----------------------------------*/
noscript.noscript-alert > p {
padding:5px 10px;
text-align:center;
line-height:1.5;
}

@-webkit-keyframes alert {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes alert {
0% {
opacity:1;
}
100% {
opacity:0;
}
}