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

/* -------------------------------------------------------------------------- */
/*共通項目*/
/* -------------------------------------------------------------------------- */
body {
	font-family:Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
	color: #333;
	margin: 0 auto;
	padding: 0;
	}

/*メディアクエリ非表示-----------------------------------*/
@media (min-width: 1200px) {.hidden-lg {display: none !important;}}
@media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}}
@media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important;}}
@media (max-width: 767px) {.hidden-xs {display: none !important;}}

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

/*フォントサイズ-----------------------------------*/
@media (min-width: 1200px) {html {font-size : 16px;}}
@media (min-width: 992px) and (max-width: 1199px){html {font-size : 14px;}}
@media (min-width: 768px) and (max-width: 991px) {html {font-size : 12px;}}
@media (max-width: 767px) {html {font-size : 10px;}}

/*テキストサイズ*/
.p01{margin:  0 0 5px 0;padding: 0;}
@media (min-width: 1200px) {.p01{font-size: 1.0em; line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.p01{font-size: 1.0em; line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.p01{font-size: 1.0em; line-height: 1.2;}}
@media (max-width: 767px) {.p01{font-size: 1.6em; line-height: 1.2;}}

.p02{margin: 0 0 5px 0;padding: 0;}
@media (min-width: 1200px) {.p02{font-size: 0.9em; line-height: 1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.p02{font-size: 0.9em; line-height: 1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.p02{font-size: 0.9em; line-height: 1.4;}}
@media (max-width: 767px) {.p02{font-size: 1.2em; line-height: 1.4;}}

.p03{margin: 12px 0 5px 0;padding: 0;}
@media (min-width: 1200px) {.p03{font-size: 1.0em; line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.p03{font-size: 1.0em; line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.p03{font-size: 1.5em; line-height: 1.2;}}
@media (max-width: 767px) {.p03{font-size: 1.5em; line-height: 1.2;}}

/*背景カラー*/
.bg-gray{background-color:#cccccc;}
.bg-gray2{background-color:#eeeeee;}
.bg-lightgreen{background-color:#89d4bf;}




/* -------------------------------------------------------------------------- */
/*レイアウト*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {#wrap {margin: 0 auto; padding: 0;width: 70%;}}
@media (min-width: 992px) and (max-width: 1199px){#wrap {margin: 0 auto; padding: 0;width: 70%;}}
@media (min-width: 768px) and (max-width: 991px) {#wrap {margin: 0 auto; padding: 0;width: 70%;}}
@media (max-width: 767px) {#wrap {margin: 0 auto; padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}}

@media (min-width: 1200px) {header {margin: 0 auto; padding: 0;}}
@media (min-width: 992px) and (max-width: 1199px){header {margin: 0 auto; padding: 0;}}
@media (min-width: 768px) and (max-width: 991px) {header {margin: 0 auto; padding: 0;}}
@media (max-width: 767px) {header {margin: 0 auto; padding: 0 ;}}

@media (min-width: 1200px) {.container {margin: 0 auto; padding: 0;}}
@media (min-width: 992px) and (max-width: 1199px){.container {margin: 0 auto; padding: 0;}}
@media (min-width: 768px) and (max-width: 991px) {.container {margin: 0 auto; padding: 0;}}
@media (max-width: 767px) {.container {margin: 0 auto; padding: 0 ;}}

@media (min-width: 1200px) {.contents {margin: 0 auto 30px auto; padding: 0;overflow: hidden;}}
@media (min-width: 992px) and (max-width: 1199px){.contents {margin: 0 auto 30px auto; padding: 0;overflow: hidden;}}
@media (min-width: 768px) and (max-width: 991px) {.contents {margin: 0 auto 30px auto; padding: 0;overflow: hidden;}}
@media (max-width: 767px) {.contents {margin: 0 auto 30px auto; padding: 0 ;overflow: hidden;}}



/*フォームレイアウト1カラム-----------------------------------*/
.formColumn1{margin:0 0 0 0;padding:0;width: 100%;}

/*ボックス親*/
.formColumn1 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content :center;
	-moz-justify-content :center;
	-ms-justify-content :center;
	-o-justify-content :center;
	justify-content :center;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.formColumn1 .box{
		width: calc(100% - 0px) ;
		margin:0 0 10px 0;
		padding:20px 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.formColumn1 .box{
		width: calc(100% - 0px) ;
		margin:0 0 10px 0;
		padding:20px 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
	.formColumn1 .box{
		width: calc(100% - 0px) ;
		margin:0 0 10px 0;
		padding:20px 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}

@media (max-width: 767px) {
	.formColumn1 .box{
		width: calc(100% - 0px) ;
		margin:0 0 10px 0;
		padding:10px 10px 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}


/*フォームレイアウト2カラム-----------------------------------*/
.formColumn2{margin:0 0 0 0;padding:0;width: 100%;}

/*ボックス親*/
.formColumn2 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content :center;
	-moz-justify-content :center;
	-ms-justify-content :center;
	-o-justify-content :center;
	justify-content :center;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.formColumn2 .box{
		width: calc(50% - 0px) ;
		margin:0 0 10px 0;
		padding:20px 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}

@media (min-width: 992px) and (max-width: 1199px){
	.formColumn2 .box{
		width: calc(50% - 0px) ;
		margin:0 0 10px 0;
		padding:20px 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
	.formColumn2 .box{
		width: calc(50% - 0px) ;
		margin:0 0 10px 0;
		padding:20px 20px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}

@media (max-width: 767px) {
	.formColumn2 .box{
		width: calc(100% - 0px) ;
		margin:0 0 10px 0;
		padding:10px 10px 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
		}
}



/* -------------------------------------------------------------------------- */
/*Contents*/
/* -------------------------------------------------------------------------- */

/*header-----------------------------------*/
@media (min-width: 1200px) {
    header .headerLogo {margin: 0 auto; padding: 0;text-align: center;}
    header .headerLogo img{width: 25%;margin: 0;padding: 10px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}

@media (min-width: 992px) and (max-width: 1199px){
    header .headerLogo {margin: 0 auto; padding: 0;text-align: center;}
    header .headerLogo img{width: 25%;margin: 0;padding: 10px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}

@media (min-width: 768px) and (max-width: 991px) {
    header .headerLogo {margin: 0 auto; padding: 0;text-align: center;}
    header .headerLogo img{width: 25%;margin: 0;padding: 10px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}

@media (max-width: 767px) {
    header .headerLogo {margin: 0 auto; padding: 0;text-align: center;}
    header .headerLogo img{width: 60%;margin: 0;padding: 10px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}

/*ページタイトル-----------------------------------*/
.formTitle{
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 20px 0;
    background-image: linear-gradient(-60deg, #1554b5 0%, #0f4494 100%);
    color: #fff;
    text-align: center;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
@media (min-width: 1200px) {.formTitle{font-size: 1.8em;}}
@media (min-width: 992px) and (max-width: 1199px){.formTitle{font-size: 1.8em;}}
@media (min-width: 768px) and (max-width: 991px) {.formTitle{font-size: 1.4em;}}
@media (max-width: 767px) {.formTitle{font-size: 2.0em;}}


.title01{
    margin: 0px 0 10px 0;
    padding: 0 0 3px 0;
    color: #2251c7;
    text-align: left;
    border-bottom: 2px dotted #2251c7;
    letter-spacing: -1.5px;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
@media (min-width: 1200px) {.title01{font-size: 1.4em;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.title01{font-size: 1.4em;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.title01{font-size: 1.8em;line-height: 1.2;}}
@media (max-width: 767px) {.title01{font-size: 1.8em;line-height: 1.2;}}


.title02{background: #e2f1f6; color: #333333; padding: 5px;margin: 0 0 5px 0;line-height: 1;font-weight: normal;border: 0;}
@media (min-width: 1200px) {.title02{font-size: 1.0em;}}
@media (min-width: 992px) and (max-width: 1199px){.title02{font-size: 1.0em;}}
@media (min-width: 768px) and (max-width: 991px) {.title02{font-size: 1.0em;}}
@media (max-width: 767px) {.title02{font-size: 1.5em;}}


.title03{
    margin: 5px 0 5px 0;
    padding: 0 0 3px 0;
    text-align: left;
    border-bottom: 1px dotted #cccccc;
    letter-spacing: -1.5px;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
@media (min-width: 1200px) {.title03{font-size: 1.0em;line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.title03{font-size: 1.0em;line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.title03{font-size: 1.0em;line-height: 1.2;}}
@media (max-width: 767px) {.title03{font-size: 1.6em;line-height: 1.2;}}

/*tab-----------------------------------*/
.tab01{
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 5px 0;
    background: #cc0000;
    color:#ffffff;
    text-align: center;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
@media (min-width: 1200px) {.tab01{font-size: 1.2em;}}
@media (min-width: 992px) and (max-width: 1199px){.tab01{font-size: 1.2em;}}
@media (min-width: 768px) and (max-width: 991px) {.tab01{font-size: 1.2em;}}
@media (max-width: 767px) {.tab01{font-size: 1.6em;}}




/*イメージ画像-----------------------------------*/
.contents_image01{
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 45%;
    }
@media (min-width: 1200px) {.contents_image01 img{width: 95%;height: auto;margin:0;padding: 0;vertical-align:top;}}
@media (min-width: 992px) and (max-width: 1199px){.contents_image01 img{width: 95%;height: auto;margin:0;padding: 0;vertical-align:top;}}
@media (min-width: 768px) and (max-width: 991px) {.contents_image01 img{width: 95%;height: auto;margin:0;padding: 0;vertical-align:top;}}
@media (max-width: 767px) {.contents_image01 img{width: 95%;height: auto;margin:0;padding: 0;vertical-align:top;display: block;}}


/*コンテンツ内のリスト-----------------------------------*/
.contents_list01{ margin: 0 0 0 0;padding: 0; float: left;}
.contents_list01 ul{margin: 0 0 0 0px;padding: 0;list-style: none;float: left;}
.contents_list01 li{margin: 0 0 5px 0px;padding: 0;}
@media (min-width: 1200px) {
    .contents_list01 {width: 55%;}
    .contents_list01 li{font-size: 1.0em; line-height: 1.2;letter-spacing: -2px;}
    }
@media (min-width: 992px) and (max-width: 1199px){
    .contents_list01 {width: 55%;}
    .contents_list01 li{font-size: 1.0em; line-height: 1.2;letter-spacing: -2px;}
    }
@media (min-width: 768px) and (max-width: 991px) {
    .contents_list01 {width: 55%;}
    .contents_list01 li{font-size: 1.0em; line-height: 1.2;letter-spacing: -2px;}
    }
@media (max-width: 767px) {
    .contents_list01 {width: 55%;}
    .contents_list01 li{font-size: 1.4em; line-height: 1.2;letter-spacing: -2px;}
    }

.contents_list02{margin:  0 0 0 10px;padding: 0;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contents_list02 ul{margin: 0 0 0 0px;padding: 0;list-style: none;}
.contents_list02 li{margin: 0 0 5px 0px;padding: 0;}
@media (min-width: 1200px) {.contents_list02 li{font-size: 1.2em; line-height: 1.2;}}
@media (min-width: 992px) and (max-width: 1199px){.contents_list02 li{font-size: 1.2em; line-height: 1.2;}}
@media (min-width: 768px) and (max-width: 991px) {.contents_list02 li{font-size: 1.2em; line-height: 1.2;}}
@media (max-width: 767px) {.contents_list02 li{font-size: 1.7em; line-height: 1.8;}}

@media(min-width: 768px){
.contents_list02 a[href^="tel:"]{pointer-events: none;}
.contents_list02 a:link    { text-decoration: none; color:#333333;}
.contents_list02 a:visited { text-decoration: none; color:#333333;}
.contents_list02 a:active  { text-decoration: none; color:#333333;}
.contents_list02 a:hover   { text-decoration: none; color:#333333;}
}

.contents_list03{ margin: 0 0 0 0;padding: 0;}
.contents_list03 ul{margin: 0 0 0 20px;padding: 0;list-style:square;list-style-position:outside!important;text-align: justify;
    text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-ms-text-align: justify;}
.contents_list03 li{margin: 0 0 5px 0px;padding: 0;list-style:square;}
@media (min-width: 1200px) {
    .contents_list03 {width: 100%;}
    .contents_list03 li{font-size: 1.0em; line-height: 1.2;letter-spacing: -2px;}
    }
@media (min-width: 992px) and (max-width: 1199px){
    .contents_list03 {width: 100%;}
    .contents_list03 li{font-size: 1.0em; line-height: 1.2;letter-spacing: -2px;}
    }
@media (min-width: 768px) and (max-width: 991px) {
    .contents_list03 {width: 100%;}
    .contents_list03 li{font-size: 1.0em; line-height: 1.2;letter-spacing: -2px;}
    }
@media (max-width: 767px) {
    .contents_list03 {width: 100%;}
    .contents_list03 li{font-size: 1.4em; line-height: 1.2;letter-spacing: -2px;}
    }
/*infoボックス-----------------------------------*/
.info_box01{
    margin: 0 0 10px 0;
    padding: 10px;
    display: block;
    border: 3px dotted #a8d266;
    clear: both;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }





/* -------------------------------------------------------------------------- */
/*フォーム*/
/* -------------------------------------------------------------------------- */
.form-bg{
    background: #ffffff;
    border-radius: 10px;
    margin: 20px auto 30px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1200px) {.form-bg{width:80%;padding: 20px;}}
@media (min-width: 992px) and (max-width: 1199px){.form-bg{width:80%;padding: 20px;}}
@media (min-width: 768px) and (max-width: 991px) {.form-bg{width:95%;padding: 10px;}}
@media (max-width: 767px) {.form-bg{width:95%;padding: 10px;}}


/*テーブル*/
.formTable{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:10px auto;
	clear:both;
	text-align:left;
    width:100%;
    border-collapse:separate;
    border-spacing:0px;
	}
	
.formTable th{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align:middle;
	background: #EFF8FF;
	}

@media (min-width: 1200px) {.formTable th{width:33%!important;padding:10px;font-size: 110%;border-style: solid;
	border-width: 0px 0px 1px 0px;	border-color: #cccccc;line-height:18px;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable th{width:33%!important;padding:10px;font-size: 110%;border-style: solid;
	border-width: 0px 0px 1px 0px;	border-color: #cccccc;line-height:18px;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable th{width:100%; display: block;padding:10px;text-align: center;font-size: 150%;line-height:30px;}}
@media (max-width: 767px) {.formTable th{width:100%; display: block;padding:10px;text-align: center;font-size: 150%;line-height:30px;}}

.formTable td{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	}
  

@media (min-width: 1200px) {.formTable td{padding:10px;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable td{padding:10px;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable td{padding:10px;}}
@media (max-width: 767px) {.formTable td{width:100%; display: block; text-align: left;padding:10px;}.formTable td span{ float: left;}}

/*入力ボックス*/
@media (min-width: 1200px) {#mailformpro .inputBox01{width: 100%; height: 40px;font-size: 100%;}#mailformpro .inputBox02{width: 50%; height: 40px;font-size: 100%;}#mailformpro .inputBox03{width: 100%; height: 80px;font-size: 100%;}}
@media (min-width: 992px) and (max-width: 1199px){#mailformpro .inputBox01{width: 100%; height: 40px;font-size: 100%;}#mailformpro .inputBox02{width: 50%; height: 40px;font-size: 100%;}#mailformpro .inputBox03{width: 100%; height: 80px;font-size: 100%;}}
@media (min-width: 768px) and (max-width: 991px) {#mailformpro .inputBox01{width: 100%; height: 50px;font-size: 150%;border-radius: 0;}#mailformpro .inputBox02{width: 100%; height: 50px;font-size: 150%;border-radius: 0;}#mailformpro .inputBox03{width: 100%; height: 100px;font-size: 150%;border-radius: 0;}}
@media (max-width: 767px) {#mailformpro .inputBox01{width: 100%; height: 40px;font-size: 170%;border-radius: 0;}#mailformpro .inputBox02{width: 100%; height: 50px;font-size: 170%;border-radius: 0;}#mailformpro .inputBox03{width: 100%; height: 100px;font-size: 170%;border-radius: 0;}}


form#mailformpro label{
  cursor: pointer;
  padding:5px 20px;
  margin: 0 0 10px 0!important;
  border: 1px solid #dddddd;
  border-radius: 30px;
  background-color: #999999;
  color: #ffffff;
}

form#mailformpro label.mfp_checked {
	padding:5px 20px;
	background-color: #3e76cd;
	vertical-align:middle;
}

form#mailformpro label.mfp_not_checked {
	padding:5px 20px;
	vertical-align:middle;
}

@media (min-width: 1200px) {form#mailformpro label{line-height:1.2;font-size: 95%;}}
@media (min-width: 992px) and (max-width: 1199px){form#mailformpro label{line-height:1.2;font-size: 95%;}}
@media (min-width: 768px) and (max-width: 991px) {form#mailformpro label{font-size: 150%;line-height:1.2;}}
@media (max-width: 767px) {form#mailformpro label{font-size: 150%;line-height:1.2;}}

#mailformpro input::-webkit-input-placeholder{color: #aaaaaa;}
#mailformpro input:-ms-input-placeholder{color: #aaaaaa;}
#mailformpro input::-moz-placeholder{color: #aaaaaa;}
#mailformpro input:-moz-placeholder{color: #aaaaaa;}

#mailformpro input {box-sizing: content-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;} 

.scroll{
	width: 100%;
    height: 220px;
	overflow-y: scroll;
	text-align: left;
	background: #ffffff;
	padding: 10px;
	margin: 0 auto 20px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll ul{ list-style: decimal; margin-left: -20px;}
@media (min-width: 1200px) {.scroll ul{ font-size: 0.9em; line-height: 1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.scroll ul{ font-size: 0.9em; line-height: 1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.scroll ul{ font-size: 0.9em; line-height: 1.4;}}
@media (max-width: 767px) {.scroll ul{ font-size: 1.2em; line-height: 1.4;}}

.infoBox{ width: 100%; padding: 20px; background: #eeeeee; margin: 10px 0 50px 0; clear: both;}


@media screen and (min-width: 761px) {
.pc_none_display{display: none;}
}

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



/*フッターエリア---------------*/
footer{
	background: #333333;;
	width: 100%;
	clear: both;
    padding: 10px;
    margin: 0;
    text-align: center;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
    
@media (min-width: 1200px) {footer{font-size: 1.0em}}
@media (min-width: 992px) and (max-width: 1199px) {footer{font-size: 1.0em}}
@media (min-width: 768px) and (max-width: 991px) {footer{font-size: 1.0em}}
@media (max-width: 767px) {footer{font-size: 1.2em}}


/* -------------------------------------------------------------------------- */
/*リンクButton*/
/* -------------------------------------------------------------------------- */
.linkBtn01 {text-align: center; color: #ffffff; margin: 20px auto; display: block;}
@media (min-width: 1200px) {.linkBtn01{font-size: 1.4em; line-height: 1.4;} .linkBtn01 br{display: none;}}
@media (min-width: 992px) and (max-width: 1199px){.linkBtn01{font-size:1.4em; line-height: 1.4;}.linkBtn01 br{display: none;}}
@media (min-width: 768px) and (max-width: 991px) {.linkBtn01{font-size:1.4em; line-height: 1.4;}.linkBtn01 br{display: none;}}
@media (max-width: 767px) {.linkBtn01{font-size:1.6em;line-height: 1.4;font-weight: bold;}}

.linkBtn01 a:link    { color: #ffffff; text-decoration:none; background-color: #0e3667;display: block;padding: 20px 20px; border-radius: 5px; width:50%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.linkBtn01 a:visited { color: #ffffff; text-decoration:none; background-color: #0e3667;display: block;padding: 20px 20px; border-radius: 5px; width:50%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.linkBtn01 a:active  { color: #ffffff; text-decoration:none; background-color: #0e3667;display: block;padding: 20px 20px; border-radius: 5px; width:50%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.linkBtn01 a:hover   { color: #ffffff; text-decoration:none; background-color: #1a3caa;display: block;padding: 20px 20px; border-radius: 5px; width:50%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


.linkBtn02 {text-align: center; color: #ffffff; margin: 0px auto; display: block;}
@media (min-width: 1200px) {.linkBtn02{font-size: 1.2em; line-height: 1.4;} .linkBtn01 br{display: none;}}
@media (min-width: 992px) and (max-width: 1199px){.linkBtn02{font-size:1.2em; line-height: 1.4;}.linkBtn01 br{display: none;}}
@media (min-width: 768px) and (max-width: 991px) {.linkBtn02{font-size:1.2em; line-height: 1.4;}.linkBtn01 br{display: none;}}
@media (max-width: 767px) {.linkBtn02{font-size:1.6em;line-height: 1.4;font-weight: bold;}}

.linkBtn02 a:link    { color: #ffffff; text-decoration:none; background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);display: block;padding: 10px 10px; width:100%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.linkBtn02 a:visited { color: #ffffff; text-decoration:none; background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);display: block;padding: 10px 10px; width:100%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.linkBtn02 a:active  { color: #ffffff; text-decoration:none; background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);display: block;padding: 10px 10px; width:100%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.linkBtn02 a:hover   { color: #ffffff; text-decoration:none; background-image: linear-gradient(-60deg, #f4d03f 0%, #16a085 100%);display: block;padding: 10px 10px; width:100%;margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* -------------------------------------------------------------------------- */
/*バナーカラム2*/
/* -------------------------------------------------------------------------- */
.bannerColumn2{
	margin:0 0 20px 0;
	padding:0;
	clear: both;
	}
	
.bannerColumn2 img{ width: 100%;}

/*ボックス親*/	
.bannerColumn2 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.bannerColumn2 .box{
		width: calc(50% - 10px) ;
		margin:0 5px 0px 5px;
		padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.bannerColumn2 .box{
		width: calc(50% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bannerColumn2 .box{
		width: calc(50% - 10px) ;
		margin:0 5px 5px 5px;
		padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
}

@media (max-width: 767px) {
	.bannerColumn2 .box{
		width: calc(100% - 10px) ;
		margin:0 0 5px 0;
		padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	}
}
.bannerColumn2 .box a:hover {filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}



/*PCSP改行スタイル*/
/*992以上--------------------------------------------------------------------- */
@media (min-width: 992px) {
	.br-pc {display: block;}
	.br-tb {display: none;}
	.br-sp {display: none;}
}
/*768以上991以下--------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	.br-pc {display: none;}
	.br-tb {display: block;}
	.br-sp {display: none;}
}
/*767以下--------------------------------------------------------- */
@media (max-width: 767px) {
	.br-pc {display: none;}
	.br-tb {display: none;}
	.br-sp {display: block;}
}

/*テキストボールド*/
.txt-bold{font-weight:bold;}