@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------
COMMON
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
    overflow-y: scroll;
}
body {
    font-family:'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
    background-repeat: repeat;
    background-attachment: fixed;
    font-size:100%;
}
 *::-moz-selection {
 background: none repeat scroll 0 0 #292621;
 color: #FFFFFF;
 font-weight:bold
}
::selection {
 background: none repeat scroll 0 0 #292621;
 color: #FFFFFF;
 font-weight:bold
}
input, textarea {
    font-family:'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
}
/* for IE6 */
* html body {
    font-family:'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
    font-size:75%;
}
* html input, * html textarea {
    font-family:'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;
}
sup{
    vertical-align: super;
}
/* リンク
----------------------------------------------------*/
    a {
}
a:link {
    color: #0084FF;
}
a:visited {
    color: #0084FF;
}
a:hover {
    text-decoration:none
}
a:active {
}

/* COMMON
----------------------------------------------------*/
/* clerfix */
#contents:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
/* =============================================== */
/* Form Customize */
/* =============================================== */
/* Form Reset */
select::-ms-expand {
    display: none;
}
input, button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Radio Button */
input[type="radio"] {
    display: none;
}
label.for_radio {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 50px;
    cursor: pointer;
}
label.for_radio::before,
label.for_radio::after {
    position: absolute;
    content: '';
    top: 50%;
    border-radius: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
}
label.for_radio::before {
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #f3f3f3;
    border: 1px solid #ccc;
}
label.for_radio:hover::before {
    background: #fff;
}
label.for_radio::after {
    opacity: 0;
    left: 4px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #3498DB;
    -webkit-transform: scale(2);
    transform: scale(2);
}
input[type="radio"]:checked + label.for_radio::before {
    background: #fff;
    border: 1px solid #3498DB;
}
input[type="radio"]:checked + label.for_radio::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
input[type="submit"],
input[type="button"]{
background: rgba(96,173,224,1);
background: -moz-linear-gradient(top, rgba(96,173,224,1) 0%, rgba(56,142,199,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(96,173,224,1)), color-stop(100%, rgba(56,142,199,1)));
background: -webkit-linear-gradient(top, rgba(96,173,224,1) 0%, rgba(56,142,199,1) 100%);
background: -o-linear-gradient(top, rgba(96,173,224,1) 0%, rgba(56,142,199,1) 100%);
background: -ms-linear-gradient(top, rgba(96,173,224,1) 0%, rgba(56,142,199,1) 100%);
background: linear-gradient(to bottom, rgba(96,173,224,1) 0%, rgba(56,142,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60ade0', endColorstr='#388ec7', GradientType=0 );
    color: #FFF;
    /*text-shadow:1px 1px 3px rgba(0,0,0,0.5);*/
    width: ;
    padding: 4px 8px;
    cursor: pointer;
    width: 140px;
    border: 2px solid #6EB4E2;
    border-bottom: 2px solid #4F8EB8;
    border-right: 2px solid #4F8EB8;
}
input[type="submit"]:hover,
input[type="button"]:hover{
background: rgba(56,142,199,1);
background: -moz-linear-gradient(top, rgba(56,142,199,1) 0%, rgba(96,173,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,142,199,1)), color-stop(100%, rgba(96,173,224,1)));
background: -webkit-linear-gradient(top, rgba(56,142,199,1) 0%, rgba(96,173,224,1) 100%);
background: -o-linear-gradient(top, rgba(56,142,199,1) 0%, rgba(96,173,224,1) 100%);
background: -ms-linear-gradient(top, rgba(56,142,199,1) 0%, rgba(96,173,224,1) 100%);
background: linear-gradient(to bottom, rgba(56,142,199,1) 0%, rgba(96,173,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388ec7', endColorstr='#60ade0', GradientType=0 );
    border: 2px solid #4F8EB8;
    border-bottom: 2px solid #6EB4E2;
    border-right: 2px solid #6EB4E2;
}
.btnArea{
    text-align: center;
    margin-bottom: 10px;
}
/*=============================================== */
/*　clearfix　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 */
/*=============================================== */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
.right{
    float: right;
}
.left{
    float: left;
}
/* End hide from IE-mac */
.imgR {
    float: right;
    margin: -20px 0 10px 20px;
}
.imgL {
    float: left;
    margin: 0 10px 0px 0;
}
.tC, .btn {
    text-align: center;
}
.tR, .sign {
    text-align: right;
}
img.border{
    border: 2px solid #ccc;
}
.f-red{
    color: #F00;
}
.wrapper{
    width:100%;
}
.main-content .border.contents{
    border: 2px solid #ccc;
    padding: 20px 40px;
    width: 80%;
}

/* Page top button */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    width: 72px;
    height: 72px;
    display: block;
    opacity:0.6;
}
#page-top a:hover {
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:1;
    zoom:1;
}

/* layout */
.wrapper{
    background: url(../img/bg.jpg);
}
header{
    background: url('../img/header_bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #cdf1b1;
    border-bottom: 6px solid #8FC31F;
    border-top: 6px solid #8FC31F;
}
.head{
    border-bottom: 6px solid #A9D99C;
    padding: 22px 0 20px;
    position: relative;
}
.header-inner{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.site-description{
    position: absolute;
    top: 54px;
    right: 0;
    font-size: 90%;
}
.main-content{
    background: #FFF;
    width: 928px;
    padding: 16px 16px 64px 16px;
    margin: 0 auto;
    min-height: 590px;
}
/* footer */
footer{
    width: 100%;
    background: #e1f8db;
    min-height: 80px;
    padding: 20px 0 30px;
}
.footer-inner{
    width: 960px;
    background: #8FC31F;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 80%;
    padding: 20px 0 20px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
.footer-menu{
    width: 460px;
    margin: 0 auto 30px;
    font-size: 110%;
    background: #7eae17;
    opacity: 0.8;
    padding: 8px 60px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}
.footer-menu ul{
    list-style: none;
}
.footer-menu ul li{
    text-align: left;
    margin: 14px 0;
}
.footer-menu ul li a{
    color: #FFF;
    text-decoration: none;
}
.footer-menu ul li a:hover{
    color: #00fff0;
}
.footer-sitemap{
    float: left;
}
.footer-relationlink{
    float: right;
}
/* css3 ICONS */
.icon{display:block; position:absolute;overflow:hidden;}

/* title関連 */
.section-title,
.section-sub-title{
    color: #FFF;
    position: relative;
}
.section-title{
    margin: 32px 0 12px;
    padding-left: 48px;
    font-size: 25px;
}
.ico-section-title{
    border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; height:14px; width:14px; display:block; border:5px solid;top: -2px;left: 0;
}
#groupA .section-title .ico-section-title{
    border-color: #52CFDE;
}
#groupA .section-title{
    color: #3CB9C8;
}
#groupB .section-title .ico-section-title{
    border-color: #667DE7;
}
#groupB .section-title{
    color: #5067D1;
}
#groupC .section-title .ico-section-title{
    border-color: #F36E98;
}
#groupC .section-title{
    color: #DC5882;
}
#groupD .section-title .ico-section-title{
    border-color: #52bf4e;
}
#groupD .section-title{
    color: #57c953;
}
.section-description{
    font-size: 80%;
    margin: 0 0 20px;
    background: #f6f6f6;
    padding: 8px 12px;
    line-height: 1.4;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
.section-description li{
    list-style-type: none;
}
.ico-section-sub-title{
    height:26px; width:26px;
    top: 2px;
    left: 10px;
}
.group-header{
    margin-bottom: 1.6rem;
}
.ico-section-sub-title:before{content:''; height:8px; width:8px; display:block; border:4px solid #FFF; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; bottom:7px; left:7px;}
.section-sub-title{
    -webkit-border-radius: 4px;
            border-radius: 4px;
    position: relative;
    padding: 8px 6px 6px 38px;
}
#groupA .section-sub-title{
    background: #4FB2BD;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(143,206,213,1);
    -moz-box-shadow: 2px 2px 0px 0px rgba(143,206,213,1);
    box-shadow: 2px 2px 0px 0px rgba(143,206,213,1);
}
#groupB .section-sub-title{
    background: #676FC2;
-webkit-box-shadow: 2px 2px 0px 0px rgba(158,163,216,1);
-moz-box-shadow: 2px 2px 0px 0px rgba(158,163,216,1);
box-shadow: 2px 2px 0px 0px rgba(158,163,216,1);
}
#groupC .section-sub-title{
    background: #E56E93;
-webkit-box-shadow: 2px 2px 0px 0px rgba(238,162,186,1);
-moz-box-shadow: 2px 2px 0px 0px rgba(238,162,186,1);
box-shadow: 2px 2px 0px 0px rgba(238,162,186,1);
}
#groupD .section-sub-title{
    background: #52bf4e;
-webkit-box-shadow: 2px 2px 0px 0px rgba(130, 222, 126,1);
-moz-box-shadow: 2px 2px 0px 0px rgba(130, 222, 126,1);
box-shadow: 2px 2px 0px 0px rgba(130, 222, 126,1);
}
/* Table line */
/*#groupA table tr:nth-child(odd){
    background: #EFF8F9;
}
#groupB table tr:nth-child(odd){
    background: #F1F1F9;
}
#groupC table tr:nth-child(odd){
    background: #FCF1F5;
}*/
/* ICONS */
.label{
    color: #FFF;
    font-size: 80%;
    margin: auto;
    padding: 1px 10px 1px 8px;
    text-shadow: rgb(3, 3, 3) 1px 1px 1px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
-webkit-box-shadow: inset -1px -1px 4px 0px rgba(0,0,0,0.8);
-moz-box-shadow: inset -1px -1px 4px 0px rgba(0,0,0,0.8);
box-shadow: inset -1px -1px 4px 0px rgba(0,0,0,0.8);
}

.required{
background: rgba(253,34,34,1);
background: -moz-linear-gradient(-45deg, rgba(253,34,34,1) 0%, rgba(255,137,137,1) 43%, rgba(255,137,137,1) 58%, rgba(253,34,34,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253,34,34,1)), color-stop(43%, rgba(255,137,137,1)), color-stop(58%, rgba(255,137,137,1)), color-stop(100%, rgba(253,34,34,1)));
background: -webkit-linear-gradient(-45deg, rgba(253,34,34,1) 0%, rgba(255,137,137,1) 43%, rgba(255,137,137,1) 58%, rgba(253,34,34,1) 100%);
background: -o-linear-gradient(-45deg, rgba(253,34,34,1) 0%, rgba(255,137,137,1) 43%, rgba(255,137,137,1) 58%, rgba(253,34,34,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(253,34,34,1) 0%, rgba(255,137,137,1) 43%, rgba(255,137,137,1) 58%, rgba(253,34,34,1) 100%);
background: linear-gradient(135deg, rgba(253,34,34,1) 0%, rgba(255,137,137,1) 43%, rgba(255,137,137,1) 58%, rgba(253,34,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd2222', endColorstr='#fd2222', GradientType=1 );
}
.selective{
background: rgba(9,66,255,1);
background: -moz-linear-gradient(-45deg, rgba(9,66,255,1) 0%, rgba(94,126,252,1) 43%, rgba(94,126,252,1) 58%, rgba(9,66,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(9,66,255,1)), color-stop(43%, rgba(94,126,252,1)), color-stop(58%, rgba(94,126,252,1)), color-stop(100%, rgba(9,66,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(9,66,255,1) 0%, rgba(94,126,252,1) 43%, rgba(94,126,252,1) 58%, rgba(9,66,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(9,66,255,1) 0%, rgba(94,126,252,1) 43%, rgba(94,126,252,1) 58%, rgba(9,66,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(9,66,255,1) 0%, rgba(94,126,252,1) 43%, rgba(94,126,252,1) 58%, rgba(9,66,255,1) 100%);
background: linear-gradient(135deg, rgba(9,66,255,1) 0%, rgba(94,126,252,1) 43%, rgba(94,126,252,1) 58%, rgba(9,66,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0942ff', endColorstr='#0942ff', GradientType=1 );
}
.subsection-notice{
    font-size: 90%;
    margin-top: -30px;
}