@charset "UTF-8";


@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/* Common */


* {
-webkit-text-size-adjust: 100%;
}
html {
margin: 0;
padding: 0;
font-size: 62.5%;
width: 100%;
height: 100%;
}
body {
font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
position: relative;
margin: 0;
padding: 0;
overflow-y: scroll;
word-wrap: break-word;
font-size: 1.0rem;
width: 100%;
height: 100%;
color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dt,
dd,
table,
tr,
th,
td,
span,
strong,
a {
line-height: 1.0em;
letter-spacing: 0em;
margin: 0;
padding: 0;
font-weight: 300;
}
li {
line-height: 1.0em;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
table {
border-collapse: collapse;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
/*
a:hover img {
opacity: 0.6;
_filter: alpha(opacity=60);
}
*/
a:focus {
outline:none;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
input, 
textarea, 
select {
outline: none;
margin: 0;
padding: 0;
border: none;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
}



/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}



/* parts */

.wrapper {
width: 100%;
max-width: 750px;
margin: 0 auto;
}
.col .col-conts {
display: none;
}
.sec-img {
display: block;
width: 100%;
}
.bg-gy {
background: #eaeaea;
}
.inner {
padding: 2.4% 4% 6% 4%;
}
.inner p {
font-size: 1.4rem;
line-height: 1.857em;
letter-spacing: 0.1em;
}
.inner p + p {
margin-top: 12px;
}
.inner strong {
font-size: 1.4rem;
line-height: 1.857em;
letter-spacing: 0.1em;
background: linear-gradient(transparent 60%, #fff43f 60%);
}
.inner strong span {
color: #dd2828;
font-size: 1.4rem;
line-height: 1.857em;
letter-spacing: 0.1em;
font-weight: bold;
}
.inner h2 {
font-size: 1.6rem;
line-height: 1.6em;
letter-spacing: 0.1em;
font-weight: 600;
border-bottom: 2px solid #21c949;
padding: 0 0 1.6% 0;
margin: 6.4% 0;
}
.inner img {
display: block;
margin: 0 auto 5.6% auto;
}
.col-act {
padding: 6.8% 2.8% 5.4% 2.8%;
border: 5px solid #21c949;
background: url(../images/act-bg.png) left top /8px repeat;
text-align: center;
}
.col-act img {
max-width: 93.478%;
display: block;
margin: 0 auto 5.4% auto;
}
.col-act a {
display: block;
letter-spacing: 0.05em;
font-weight: 500;
border-radius: 5px;
position: relative;
}
.col-act a:nth-of-type(1) {
background: #ff5b45;
color: #fff;
font-size: 2.4rem;
border-bottom: 4px solid #f4c5be;
line-height: 3.333em;
}
.col-act a:nth-of-type(2) {
background: #f2eaa0;
color: #333;
font-size: 1.5rem;
border-bottom: 4px solid #dcd8b2;
line-height: 3em;
margin-top: 4%;
}
.col-act a:nth-of-type(1):after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 6%;
width: 9px;
height: 16px;
margin-top: -8px;
background: url(../images/act-ico-next-wt.png) center center /cover no-repeat;
}
.col-act a:nth-of-type(2):after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 6%;
width: 9px;
height: 16px;
margin-top: -8px;
background: url(../images/act-ico-next-bk.png) center center /cover no-repeat;
}



/* footer */

.ft-common a {
text-decoration: underline;
}
.pagetop {
margin:8% 4.68% 8%;
text-align: right;
font-size: 1.3rem;
}
.pagetop a {
color:#333333;
}
.pagetop span {
padding-right: 1.3em;
background: url(../images/arrow.png) no-repeat right center;
background-size:12px 6px;
}
.caution li {
text-align:center;
font-size: 1.1rem;
line-height: 1.4em;
}
.link {
width:90.64%;
margin: 8.2% auto;
font-size: 1.3rem;
line-height:154%;
}
.link li {
margin:0 0 2% 0;
}
.link li a {
color:#333333;
}
.link li a span {
padding-left: 1.3em;
background: url(../images/ico_window.png) no-repeat left center;
background-size:11px 11px;
}
.copyright {
padding:5% 0;
text-align:center;
font-size: 1.2rem;
border-top: 2px solid #cf2031;
}


.border {
border: solid 0.5px #dbdbdb;
}


@media only screen and (max-width: 768px) {

}

@media only screen and (min-width: 769px) {

}