@charset "UTF-8";
@font-face {
	font-family: 'NotoSans-Bold';
	src: url('../index.html');
	src: url('../index.html?#iefix') format('embedded-opentype'),
		 url('../index.html#') format('svg'),
		 url('../index.html') format('woff'),
	     url('../index.html') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotoSans-Regular';	
	src: url('../index.html');
	src: url('../index.html?#iefix') format('embedded-opentype'),
		 url('../index.html#') format('svg'),
		 url('../index.html') format('woff'),
	     url('../index.html') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@media (min-width: 1000px) {
	
	.col-md-1, .col-md-2, .col-md-3, .col-md-35, .col-md-4, .col-md-45, .col-md-5, .col-md-6, .col-md-65, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-35, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-65, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-35, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-65, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  { float: left; margin: 0 5px; /*display: table;*/ }

	.col-md-1 { width: 7%; }
	.col-md-2 { width: 15.66667%; }
	.col-md-3 { width: 23.6%; }	
	.col-md-35 { width: 30%; }
	.col-md-4 { width: 32%; }
	.col-md-45 {
		width: calc(100% / 3); 
		width: -webkit-calc(100% /3);
		width: -moz-calc(100% / 3);
		margin: 0;
	}
	.col-md-5 { width: 41.7%; }
	.col-md-6 { width: 48%; }
	.col-md-65 { width: 50%; margin: 0; }
	.col-md-7 { width: 57.33333%; }
	.col-md-8 { width: 65%; }
	.col-md-9 { width: 73%; }
	.col-md-10 { width: 81%; }
	.col-md-11 { width: 82%; }
	.col-md-12 { width: 100%; }
}

@media (min-width: 1280px) {
	
	.col-md-1, .col-md-2, .col-md-3, .col-md-35, .col-md-4, .col-md-45, .col-md-5, .col-md-6, .col-md-65, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-35, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-65, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-35, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-65, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  { float: left; margin: 0 5px; /*display: table;*/ }
	
	.col-md-1 { width: 7%; }
	.col-md-2 { width: 15.66667%; }
	.col-md-3 { width: 23.6%; }
	.col-md-35 { width: 30%; }
	.col-md-4 { width: 32%; }	
	.col-md-45 {
		width: calc(100% / 3); 
		width: -webkit-calc(100% /3);
		width: -moz-calc(100% / 3);
		margin: 0;
	}
	.col-md-5 { width: 41.7%; }
	.col-md-6 { width: 48.2%; }
	.col-md-65 { width: 50%; margin: 0; }
	.col-md-7 { width: 53.33333%; }
	.col-md-8 { width: 65.5%; }
	.col-md-9 { width: 73%; }
	.col-md-10 { width: 81%; }
	.col-md-11 { width: 82%; }
	.col-md-12 { width: 100%; }
}

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

	.dis_none{
		display: block;
	}
	
	.clear-2{
		clear: both;
	}

	.col-md-1, .col-md-2, .col-md-3, .col-md-35, .col-md-4, .col-md-45, .col-md-5, .col-md-6, .col-md-65, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: none; margin: 10px 0; width: 100%; }
	
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-35, .col-ms-4, .col-md-45, .col-ms-5, .col-ms-6, .col-ms-65, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-35, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-65, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; margin: 5px; }
	
	.col-ms-1 { width: 8%; }
	.col-ms-2 { width: 15.66667%; }
	.col-ms-3 { width: 25%; }
	.col-ms-35 { width: 30%; }
	.col-ms-4 { width: 33.33333%; }
	.col-ms-5 { width: 41.7%; }
	.col-ms-6 { width: 48%; }
	.col-ms-6 { width: calc(48% - 10px); }
	.ind_in .col-ms-6 { display: inline;}
	.ind_inlay .col-ms-6 { width: calc(50% - 10px);}
	.col-ms-65 { width: 50%; margin: 0; }
	.col-ms-7 { width: 52%; }
	.col-ms-8 { width: 66.66667%; }
	.col-ms-9 { width: 73%; }

	.col-ms-12 { width: 100%; }
	
}

@media screen and (max-width: 776px) {
	
	.col-xs-1 { width: 10%; }
	.col-xs-2 { width: 15.66667%; }
	.col-xs-3 { width: 25%; }
	.col-xs-35 { width: 30%; }
	.col-xs-4 { width: 33.33333%; }
	.col-xs-5 { width: 41.7%; }
	.col-xs-6 { width: 48%; }
	.col-xs-6 { width: calc(48% - 10px); }
	.col-xs-65 { width: 50%; margin: 0; }
	.col-xs-7 { width: 52%; }
	.col-xs-8 { width: 66.66667%; }
	.col-xs-9 { width: 73%; }

	.col-xs-12 { width: 100%; }
}

.row{
	clear: both;
	width: 100%;
	/*display: table;*/
}

hr{
	border:0; 
	height:1px;
	background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}

/* Margin */
.mb-0{
	margin-bottom: 0px;
}

.mb-10{
	margin-bottom: 10px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-40{
	margin-bottom: 40px;
}

.mb-50{
	margin-bottom: 50px;
}

.mb-60{
	margin-bottom: 60px;
}

.mb-70{
	margin-bottom: 70px;
}

.mb-80{
	margin-bottom: 80px;
}

.mb-90{
	margin-bottom: 90px;
}

.mb-100{
	margin-bottom: 100px;
}

.ml-0{
	margin-left: 0px;
}

.ml-3p{
	margin-left: 3%;
}

.ml-10{
	margin-left: 10px;
}

.ml-20{
	margin-left: 20px;
}

.ml-30{
	margin-left: 30px;
}

.ml-40{
	margin-left: 40px;
}

.ml-50{
	margin-left: 50px;
}

.ml-60{
	margin-left: 60px;
}

.ml-70{
	margin-left: 70px;
}

.ml-80{
	margin-left: 80px;
}

.ml-90{
	margin-left: 90px;
}

.ml-100{
	margin-left: 100px;
}

.mr-0{
	margin-right: 0px;
}

.mr-10{
	margin-right: 10px;
}

.mr-20{
	margin-right: 20px;
}

.mr-30{
	margin-right: 30px;
}

.mr-40{
	margin-right: 40px;
}

.mr-50{
	margin-right: 50px;
}

.mr-60{
	margin-right: 60px;
}

.mr-70{
	margin-right: 70px;
}

.mr-80{
	margin-right: 80px;
}

.mr-90{
	margin-right: 90px;
}

.mr-100{
	margin-right: 100px;
}

.mlr-5p{
	margin-left: 5%;
	margin-right: 5%;
}

.mt-0{
	margin-top: 0px;
}

.mt-5{
	margin-top: 5px;
}

.mt-10{
	margin-top: 10px;
}

.mt-20{
	margin-top: 20px;
}

.mt-30{
	margin-top: 30px;
}

.mt-40{
	margin-top: 40px;
}

.mt-50{
	margin-top: 50px;
}

.mt-60{
	margin-top: 60px;
}

.mt-70{
	margin-top: 70px;
}

.mt-80{
	margin-top: 80px;
}

.mt-90{
	margin-top: 90px;
}

.mt-100{
	margin-top: 100px;
}

.mt-110{
	margin-top: 110px;
}

.mt-120{
	margin-top: 120px;
}

.mt-130{
	margin-top: 130px;
}

.mt-200{
	margin-top: 200px;
}

.mt-250{
	margin-top: 250px;
}

.mtb-10{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb-20{
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb-30{
	margin-top: 30px;
	margin-bottom: 30px;
}

.mtb-40{
	margin-top: 40px;
	margin-bottom: 40px;
}

.mtb-50{
	margin-top: 50px;
	margin-bottom: 50px;
}

.mtb-60{
	margin-top: 60px;
	margin-bottom: 60px;
}

.mtb-70{
	margin-top: 70px;
	margin-bottom: 70px;
}

.mtb-80{
	margin-top: 80px;
	margin-bottom: 80px;
}

.mtb-90{
	margin-top: 90px;
	margin-bottom: 90px;
}

.mtb-100{
	margin-top: 100px;
	margin-bottom: 100px;
}

.mtb-110{
	margin-top: 110px;
	margin-bottom: 110px;
}

.ml--10{
	margin-left: -10px;
}

.m-0{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

.m-10{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.m-20{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.m-30{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

.m-40{
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
}

.m-50{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	margin-right: 50px;
}

.m-60{
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 60px;
	margin-right: 60px;
}

.m-70{
	margin-top: 70px;
	margin-bottom: 70px;
	margin-left: 70px;
	margin-right: 70px;
}

.m-70{
	margin-top: 70px;
	margin-bottom: 70px;
	margin-left: 70px;
	margin-right: 70px;
}

.m-80{
	margin-top: 80px;
	margin-bottom: 80px;
	margin-left: 80px;
	margin-right: 80px;
}

.m-90{
	margin-top: 90px;
	margin-bottom: 90px;
	margin-left: 90px;
	margin-right: 90px;
}

.m-auto{
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1023px) {
	.mo-m-0{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Padding */
.pt-10{
	padding-top: 10px;
}

.pt-20{
	padding-top: 20px;
}

.pt-30{
	padding-top: 30px;
}

.pt-40{
	padding-top: 40px;
}

.pt-50{
	padding-top: 50px;
}

.pt-60{
	padding-top: 60px;
}

.pt-70{
	padding-top: 70px;
}

.pt-80{
	padding-top: 80px;
}

.pt-90{
	padding-top: 90px;
}

.pt-100{
	padding-top: 100px;
}

.pt-110{
	padding-top: 110px;
}

.pt-120{
	padding-top: 120px;
}

.pt-150{
	padding-top: 150px;
}

.pt-200{
	padding-top: 200px;
}

.pb-10{
	padding-bottom: 10px;
}

.pb-20{
	padding-bottom: 10px;
}

.pb-30{
	padding-bottom: 30px;
}

.pb-40{
	padding-bottom: 40px;
}

.pb-50{
	padding-bottom: 50px;
}

.pb-60{
	padding-bottom: 60px;
}

.pb-70{
	padding-bottom: 70px;
}

.pb-80{
	padding-bottom: 80px;
}

.pb-90{
	padding-bottom: 90px;
}

.pb-100{
	padding-bottom: 100px;
}

.pb-110{
	padding-bottom: 110px;
}

.pb-120{
	padding-bottom: 120px;
}

.pl-10{
	padding-left: 10px;
}

.pl-20{
	padding-left: 10px;
}

.pl-30{
	padding-left: 30px;
}

.pl-40{
	padding-left: 40px;
}

.pl-50{
	padding-left: 50px;
}

.pl-60{
	padding-left: 60px;
}

.pl-70{
	padding-left: 70px;
}

.pl-80{
	padding-left: 80px;
}

.pl-90{
	padding-left: 90px;
}

.pl-100{
	padding-left: 100px;
}

.pr-10{
	padding-right: 10px;
}

.pr-20{
	padding-right: 20px;
}

.pr-25{
	padding-right: 25px;
}

.pr-30{
	padding-right: 30px;
}

.pr-40{
	padding-right: 40px;
}

.pr-50{
	padding-right: 50px;
}

.pr-60{
	padding-right: 60px;
}

.pr-70{
	padding-right: 70px;
}

.pr-80{
	padding-right: 80px;
}

.pr-90{
	padding-right: 90px;
}

.pr-100{
	padding-right: 100px;
}


.ptb-10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.ptb-13{
	padding-top: 13px;
	padding-bottom: 13px;
}

.ptb-15{
	padding-top: 15px;
	padding-bottom: 15px;
}

.ptb-20{
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb-30{
	padding-top: 30px;
	padding-bottom: 30px;
}

.ptb-40{
	padding-top: 40px;
	padding-bottom: 40px;
}

.ptb-50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.ptb-60{
	padding-top: 60px;
	padding-bottom: 60px;
}

.ptb-70{
	padding-top: 70px;
	padding-bottom: 70px;
}

.ptb-80{
	padding-top: 80px;
	padding-bottom: 80px;
}

.ptb-90{
	padding-top: 90px;
	padding-bottom: 90px;
}

.ptb-100{
	padding-top: 100px;
	padding-bottom: 100px;
}

.ptb-110{
	padding-top: 110px;
	padding-bottom: 110px;
}

.ptb-120{
	padding-top: 120px;
	padding-bottom: 120px;
}

.p-70{
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 70px;
	padding-right: 70px;
}

.p-10p{
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 10%;
	padding-right: 10%;
}

.p-10{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.p-20{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.p-25{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
}

.p-30{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.p-40{
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.p-50{
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.p-60{
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
}

.p-70{
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 70px;
	padding-right: 70px;
}

.p-80{
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 80px;
	padding-right: 80px;
}

.p-90{
	padding-top: 90px;
	padding-bottom: 90px;
	padding-left: 90px;
	padding-right: 90px;
}

.p-100{
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 100px;
	padding-right: 100px;
}

/* Width */
.w-10{
	width: 10%;
}

.w-20{
	width: 20%;
}

.w-30{
	width: 30%;
}

.w-40{
	width: 40%;
}

.w-50{
	width: 50%;
}

.w-60{
	width: 60%;
}

.w-70{
	width: 70%;
}

.w-80{
	width: 80%;
}

.w-90{
	width: 90%;
}

.w-100{
	width: 100%;
}

@media screen and (max-width: 776px) {
	.w-10, .w-20, .w-30, .w-40, .w-50, .w-60, .w-70, .w-80, .w-90, .w-100{
		width: 80%;
		margin: 0 auto;
	}
	.mo-vis{
		display: none;
	}
	.mo-dis-table{
		display: table;
	}
	
}

/* Button設定 */
.btn-s1{
	padding: 15px;
	color: #fff;
	background: #003f8f; 
}

.btn-s2{
	padding: 15px;
	color: #003f8f;
	background: #fff; 
}


/* Text-Align*/
.ta-l{
	text-align: left;
}
.ta-c{
	text-align: center;
}
.ta-r{
	text-align: right;
}
.ta-mc-l{
	text-align: left;
}
.ta-mc-c{
	text-align: center;
}
.ta-mc-r{
	text-align: right;
}

/* Height */
.h-100{
	height: 100%;
}

/* font-大小寫 */
.ttran-up{
	text-transform: uppercase;
}
.ttran-low{
	text-transform: lowercase;
}
.ttran-first{
	text-transform: capitalize;
}

/* font-size */
.fs-11{
	font-size: 1.1em;
}
.fs-12{
	font-size: 1.2em;
}
.fs-13{
	font-size: 1.3em;
}
.fs-14{
	font-size: 1.4em;
}
.fs-15{
	font-size: 1.5em;
}
.fs-20{
	font-size: 2em;
}
.fs-30{
	font-size: 3em;
}
.fs-40{
	font-size: 4em;
}

/* font-colr */
.fc-black{
	color: #221814;
}
.fc-gray{
	color: #313131;
}
.fc-light-gray{
	color: #f4f4f4;
}
.fc-blue{
	color: #003f8f;
}
.fc-white{
	color: #ffffff;
}
.fc-red{
	color: #cc0000;
}

/* font-colr */
.fw-b{
	font-weight: bold;
}
.fw-n{
	font-weight: normal;
}

/* line-height */
.lh-100{
	line-height: 100%;
}

.lh-110{
	line-height: 110%;
}

.lh-120{
	line-height: 120%;
}

.lh-130{
	line-height: 130%;
}

.lh-140{
	line-height: 140%;
}

.lh-150{
	line-height: 150%;
}

.lh-200{
	line-height: 200%;
}

/* Background */
.bg_white{
	background: #fff;
}

.bg_light_gray{
	background: #f4f4f4;
}

.bg_gray{
	background: #d8d8d8;
}

.bg_red{
	background: #e60012;
	color: #fff;
}

.bg_blue{
	background: #003f8f;
	color: #fff;	
}

/* Position */
.pos_rel{
	position: relative;
	z-index: 2;
}

.pos_abs{
	position: absolute;
	z-index: 2;
}

/* Float*/
.flo-l{
	float: left;
}
.flo-r{
	float: right;
}
.flo-l-mn{
	float: left;
}
.flo-r-mn{
	float: right;
}

/* text-align */
.t-l{
	text-align: left;
}

.t-c{
	text-align: center;
}

.t-r{
	text-align: right;
}
/* border */
.b-1{
	border: 1px solid #dcdcdc;
}
.bt-1{
	border-top: 1px solid #dcdcdc;
}
.bb-1{
	border-bottom: 1px solid #959595;
}
.bb-2{
	border-bottom: 2px solid #959595;
}
.br-1{
	border-right: 1px solid #959595;
}

.clear{
	clear: both;
}

.dis_none{
	display: none;
}

.dis_table{
	display: table;
}

/* overflow: auto; */
.over-auto{
	overflow: auto;
}

/* li */
.li-disc{
	list-style-type: disc;
	margin-left: 20px;
}

/* Form */
input[type=checkbox]{
	width: 20px;
	height: 20px;
}

/* Tab */
.tabs li{
	background: #b5b5b5;
	color: #fff;
	cursor: pointer;
}

.tabs li:first-child{
	margin-left: 0;
}

.tabs li a{
	color: #fff;
}

.tabs li:hover, .tabs li.active{	
	background: #003f8f;
}

/* Action */
.active05
{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
.active03
{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}

@media screen and (max-width: 1080px) {	
	.mt-200{
		margin-top: 0;
	}
	
	.ml-50, .ml-30{
		margin-left: 0;
	}

	.mr-50, .mr-30{
		margin-right: 0;
	}

	.ta-mc-l, .ta-mc-c, .ta-mc-r{
		text-align: center;
	}
	
	.flo-l-mn, .flo-r-mn{
		float: none;
	}
}