@charset "UTF-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

body {
	font-family: Arial, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Verdana, sans-serif;
	font-size: 18px;
    font-weight: 400;
	line-height: 1.8;
	color: #555;
	text-size-adjust: 100%;
}
/*box-sizing:border-box;はリセットシートに適応中*/

@media screen and (max-width: 780px) {
    body {
        font-size: 88%;
    }
}

ol,ul {list-style: none;}

a {
	cursor: pointer;
    color: #78BC2B;
    text-decoration: underline;
    transition-property: color, background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

img {
    display:inline-block !important;
    height:auto;
	max-width:100%;
    vertical-align: middle;
}

.blockC {
    text-align: center;
    margin: 1em auto;
}

.pc {
    display: block;
}
.sp {
    display: none;
}

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

.fS {
    font-size: 90%;
}

/*-------------------------------------------------------
margin
-------------------------------------------------------*/
.mt0 {margin-top: 0;}
.mt1 {margin-top: 1em;}
.mt2 {margin-top: 2em;}
.mt3 {margin-top: 3em;}
.mt4 {margin-top: 4em;}
.mt5 {margin-top: 5em;}

.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 1em;}
.mb2 {margin-bottom: 2em;}
.mb3 {margin-bottom: 3em;}
.mb4 {margin-bottom: 4em;}
.mb5 {margin-bottom: 5em;}

.mr0 {margin-right: 0;}
.mr1 {margin-right: 1em;}
.mr2 {margin-right: 2em;}
.mr3 {margin-right: 3em;}
.mr4 {margin-right: 4em;}
.mr5 {margin-right: 5em;}

.ml0 {margin-left: 0;}
.ml1 {margin-left: 1em;}
.ml2 {margin-left: 2em;}
.ml3 {margin-left: 3em;}
.ml4 {margin-left: 4em;}
.ml5 {margin-left: 5em;}



/*-------------------------------------------------------
padding
-------------------------------------------------------*/
.pt0 {padding-top: 0;}
.pt1 {padding-top: 1em;}
.pt2 {padding-top: 2em;}
.pt3 {padding-top: 3em;}
.pt4 {padding-top: 4em;}
.pt5 {padding-top: 5em;}

.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 1em;}
.pb2 {padding-bottom: 2em;}
.pb3 {padding-bottom: 3em;}
.pb4 {padding-bottom: 4em;}
.pb5 {padding-bottom: 5em;}

.pr0 {padding-right: 0;}
.pr1 {padding-right: 1em;}
.pr2 {padding-right: 2em;}
.pr3 {padding-right: 3em;}
.pr4 {padding-right: 4em;}
.pr5 {padding-right: 5em;}

.pl0 {padding-left: 0;}
.pl1 {padding-left: 1em;}
.pl2 {padding-left: 2em;}
.pl3 {padding-left: 3em;}
.pl4 {padding-left: 4em;}
.pl5 {padding-left: 5em;}

/*-------------------------------------------------------
btn
-------------------------------------------------------*/
.css_btn1 {
    display: inline-block;
    text-align: center;
	background: #548235;
    color: #FFF;
    max-width: 400px;
    margin: 2em auto;
    border-radius: 40px;
    font-size: 120%;
    font-weight: 700;
    text-decoration: none;
    padding: 0.75em 4em;
}
.css_btn1[href$=".pdf"]:after {
    content: "";
    background: url("../../img/ico_pdf.svg") no-repeat center;
     background-size: contain;
     width: 0.85em;
     height: 1.3em;
     display: inline-block;
     vertical-align: sub;
     margin-left: 5px;
}
.css_btn1:hover {
    background: #78BC2B;
}

/*-------------------------------------------------------
h1-h6
-------------------------------------------------------*/

.h2_top {
    color: #78BC2B;
     font-weight: 500;
     font-size: 200%;
     text-align: center;
     line-height: 1.3em;
     margin: 1em 0.5em;
     letter-spacing: 0.05em;
}
.h2_top span {
    color: #999;
    font-size: 75%;
    font-weight: 700;
    display: block;
    letter-spacing: 0.025em;
}

.h3_top {
    background: #D3EABA;
    border-bottom: 6px solid #78BC2B;
    padding: 0.5em 0.75em;
    font-size: 165%;
    margin: 1em 0 1em;
    letter-spacing: 0.03em;
}
.h3_top span {
    font-size: 85%;
    margin-left: 5px;
}

@media screen and (max-width: 480px) {
    .h3_top {
        font-size: 145%;
        line-height: 1.2em;
        padding: 0.75em;
    }
}

/*-------------------------------------------------------
list
-------------------------------------------------------*/
.list-style1 li{
    padding-left: 1.2em;
    text-indent: -1.2em;
    line-height: 1.3em;
}

.list-style1 li:before {
    content: "●";
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: #78BC2B;
    margin-right: 0.2em;
}

/*-------------------------------------------------------
table
-------------------------------------------------------*/
.table1 {
	border-collapse: collapse;
    border-top: 1px solid #999;
    width: 100%;
    line-height: 1.4em;
}
.table1 th{
	border-collapse: collapse;
    background: #F4F4F4;
    padding: 1em;
    border-bottom: 1px solid #999;
    text-align: right;
    color: #78BC2B;
}
.table1 td {
	border-collapse: collapse;
    border-bottom: 1px solid #999;
    padding: 1em;
}

.table2 {
    border-collapse: collapse;
    border: 1px solid #999;
    width: 100%;
}
.table2 th {
    background: #78BC2B;
    color: #FFF;
    padding: 1em;
    border: 1px solid #999;
    line-height: 1.3em;
}

.table2 td {
    background: #FFF;
    padding: 1em;
    border: 1px solid #999;
    vertical-align: middle;
    text-align: center;
}

@media screen and (max-width: 480px) {
    .table_responsive th {
        width: 100%;
        display: block;
        text-align: left;
    }
    .table_responsive td {
        width: 100%;
        display: block;
    }
    
}
