@charset "utf-8";
/*===========================
add
===========================*/
/*----------------------
none
----------------------*/
.pcOFFtabletOFFspON{display: none;}
@media screen and (max-width: 768px) {
	.pcOFFtabletOFFspON{display: none;}
}
@media only screen and (max-width: 600px) {
	.pcOFFtabletOFFspON{display: block;}
}

.pcOFFtabletONspOFF{display: none;}
@media screen and (max-width: 768px) {
	.pcOFFtabletONspOFF{display: block;}
}
@media only screen and (max-width: 600px) {
	.pcOFFtabletONspOFF{display: none;}
}

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

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

@media screen and (min-width:601px) and (max-width: 768px) {
	.pcONtabletOFFspON{display: none;}
}

@media only screen and (max-width: 600px) {
	.pcONtabletONspOFF{display: none;}
}

/*===========================
common
===========================*/
th{
	background-color: #d0e4f2 !important;
}

span.super{
	font-size: 0.5em;
  vertical-align: super;
}

/*===========================
header
===========================*/
.logo img{
	width: 324px;
}
@media screen and (max-width: 600px) {
	.logo img{
		width: 300px !important;
	}
}


/*===========================
top-add
===========================*/
#mainCatch p{
	text-align: center;
}

/*mainCatch------------------------------*/
@media screen and (min-width: 769px) {
	#mainCatch {
		padding-top:27em;
	}
}

@media screen and (max-width: 768px) {
	#mainCatch {
		padding-top:3.5em;
	}
}

@media screen and (max-width: 600px) {
	#mainCatch {
		padding-top:3.8em;
	}
	#mainCatch p {
		font-size: 1.3em;
		font-weight: bold;
	}
}


/*===========================
cont1-add
===========================*/
/*box01------------------------------*/
/*txt_area*/
.cont1-add .box01 .txt_area{
	padding: 100px 0;
}
@media screen and (max-width: 768px) {
	.cont1-add .box01 .txt_area{
		padding: 60px 0;
	}
}

/*h3*/
.cont1-add .box01 h3{
	color: #2981c0;
}
@media screen and (max-width: 600px) {
	.cont1-add .box01 h3{
		text-align: center;
	}
}




/*box02------------------------------*/
/*sub01-----*/
.cont1-add .box02 .sub01{
	margin-bottom: 50px;
}

/*ph*/
.cont1-add .box02 .sub01 .ph{
	text-align: center;
	margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
	.cont1-add .box02 .sub01 .ph{
		width: 100%;
	}
}

/*p*/
.cont1-add .box02 .sub01 p{

}
@media screen and (max-width: 768px) {
	.cont1-add .box02 .sub01 p{
		width: 100%;
	}
}

/*sub02-----*/
.cont1-add .box02 .sub02{
	margin-bottom: 50px;
}

/*h4*/
.cont1-add .box02 .sub02 h4{
	background-color: #2981c0;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*sub03-----*/
/*p*/
.cont1-add .box02 .sub03 p{
	font-size: 1.6em;
	margin: 30px 0 20px;
	text-align: center;
	color: #2981c0;
}

.cont1-add .box02 .sub03 li{
	float: left;
	width: 43%;
	margin-right: 3%;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.cont1-add .box02 .sub03 li{
		width: 100%;
		margin: 0 0 5px;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 769px) {
	.cont1-add .box02 .sub03 li:nth-child(2),
	.cont1-add .box02 .sub03 li:nth-child(3),
	.cont1-add .box02 .sub03 li:nth-child(5){
		margin-right: 0;
	}
}

/*sub04-----*/
.cont1-add .box02 .sub04 .lay3Plural3{
	position: relative;
}
.cont1-add .box02 .sub04 .txt-be{
	position: absolute;
	top: 5px;
	left: 5px;
	text-align: center;
	margin-bottom: 15px;
	color: #2981c0;
}
.cont1-add .box02 .sub04 .txt-be span{
	border: 1px solid #2981c0;
	background-color: #fff;
	padding: 5px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.cont1-add .box02 .sub04 .txt-af{
	position: absolute;
	top: 210px;
	left: 5px;
	text-align: center;
	margin-top: 15px;
	color: #fff;
}
@media screen and (max-width: 768px) {
	.cont1-add .box02 .sub04 .txt-af{
		position: absolute;
		top: 48%;
		left: 5px;
		text-align: center;
		margin-top: 15px;
		color: #fff;
	}
}

.cont1-add .box02 .sub04 .txt-af span{
	border: 1px solid #2981c0;
	background-color: #2981c0;
	padding: 5px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*box03------------------------------*/
/*sub01-----*/
.cont1-add .box03 .sub01{
	margin-bottom: 50px;
}

/*sub02-----*/
.cont1-add .box03 .sub02{
	margin-bottom: 50px;
}

.cont1-add .box03 .sub02 .ch01{
	margin-top: 50px;
}

.cont1-add .box03 .sub02 .ch01 h4{
	text-align: center;
	margin-bottom: 40px;
}

.cont1-add .box03 .sub02 .ch01 h4 span{
	background-color: #2981c0;
	color: #fff;
	padding: 7px 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
@media screen and (max-width: 600px) {
	.cont1-add .box03 .sub02 .ch01 h4 span{
		width: 100%;
		display: block;
		padding: 7px 0;
		box-sizing: border-box;
	}
}

.cont1-add .box03 .sub02 .ch01 h5{
	text-align: center;
	font-size: 1.2em;
	padding: 12px 0;
	margin-bottom: 10px;
	border-top: 1px solid #2981c0;
	border-bottom: 2px solid #2981c0;
	color: #2981c0;
}
@media screen and (max-width: 768px) {
	.cont1-add .box03 .sub02 .ch01 h5{
		line-height: 180%;
		padding: 12px 0 6px;
	}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
	.cont1-add .box03 .sub02 .ch01 h5{
		font-size: 1em;
	}
}

.cont1-add .box03 .sub02 .ch01 h5 span.enc{
	background-color: #2981c0;
	color: #fff;
	padding: 5px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
@media screen and (max-width: 768px) {
	.cont1-add .box03 .sub02 .ch01 h5 span.enc{
		padding: 3px 10px;
	}
}

.cont1-add .box03 .sub02 .ch01 h3{
	text-align: center;
	margin-bottom: 40px;
	border: none;
	font-size: 1.5em;
}

.cont1-add .box03 .sub02 .ch01 h3 span{
	background-color: #2981c0;
	color: #fff;
	padding: 7px 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
@media screen and (max-width: 600px) {
	.cont1-add .box03 .sub02 .ch01 h3 span{
		width: 100%;
		display: block;
		padding: 7px 0;
		box-sizing: border-box;
	}
}

/*sub03-----*/
.cont1-add .box03 .sub03 p.txt-title{
	font-size: 1.6em;
	margin: 30px 0 20px;
	text-align: center;
	color: #2981c0;
}





/*boxFablic*/
.cont1-add .box03 .boxFablic{
	border:3px dotted #2981c0 !important;
	background-color: #fff;
	box-shadow: none;
}

/*contactBtn*/
.cont1-add .box03 .boxFablic .contactBtn a,
.txtContacBnrPC{
	width: 250px;
}
@media screen and (max-width: 600px) {
	.cont1-add .box03 .boxFablic .contactBtn a,
	.txtContacBnrPC{
		width: 210px;
	}
}

/*===========================
cont2-add
===========================*/
/*box01------------------------------*/
/*contPad80p*/
.cont2-add .box01 .contPad80p{
	margin-top: 40px;
}
@media screen and (max-width: 768px) {
	.cont2-add .box01 .contPad80p{
		width: 100%;
	}
}

/*box02------------------------------*/
/*sub01-----*/
.cont2-add .box02 .sub01{
	margin-bottom: 40px;
}
/*span*/
.cont2-add .box02 .sub01 span{
	font-weight: bold;
}

/*sub02-----*/
.cont2-add .box02 .sub02{
	text-align: center;
	margin-bottom: 40px;
}

/*h4*/
.cont2-add .box02 .sub02 h4{
	background-color: #2981c0;
	color: #fff;
	font-size: 1.7em;
	padding: 8px 0;
	margin-bottom: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
@media screen and (max-width: 600px) {
	.cont2-add .box02 .sub02 h4{
		font-size: 1.2em;
		padding: 4px 0;
	}
}

/*p*/
.cont2-add .box02 .sub02 p{
	font-size: 1.3em;
}
@media screen and (max-width: 600px) {
	.cont2-add .box02 .sub02 p{
		font-size: 1.1em;
	}
}



/*sub03-----*/
.cont2-add .box02 .sub03{
	margin-bottom: 20px;
}


/*sub04-----*/
.cont2-add .box02 .sub04{
	text-align: center;
}

.cont2-add .box02 .sub04 a:hover{
	cursor:pointer;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
	zoom:1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.cont2-add .box02 .sub04 p + p{
	margin-top: 10px;
}


/*sub05-----*/
.cont2-add .box02 .sub05 h4{
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (min-width: 601px) and (max-width: 768px) {
	.cont2-add .box02 .sub05 h4{
		font-size: 1em;
	}
}

/*movie*/

	.cont2-add .box02 .sub05 .movie{
		position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
	}
	.cont2-add .box02 .sub05 .movie iframe {
		position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	}

.cont2-add .box02 .sub05 .catch2{
	text-align: center;
}

.cont2-add .box02 .sub05 .catch2 a{
	font-weight: bold;
	color: #0d63a1;
}
.cont2-add .box02 .sub05 .catch2 a:hover{
	text-decoration: none;
}


/*box03------------------------------*/
/*sub01-----*/
.cont2-add .box03 .sub01{
	margin-bottom: 50px;
}

/*ph*/
.cont2-add .box03 .sub01 .ph{
	width: 47%;
	text-align: center;
	margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
	.cont2-add .box03 .sub01 .ph{
		width: 100%;
	}
}

/*p*/
.cont2-add .box03 .sub01 p{
	width: 47%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.cont2-add .box03 .sub01 p{
		width: 100%;
	}
}


/*===========================
cont3-add
===========================*/
/*box01------------------------------*/
/*name*/
.cont3-add .box01 .name{
	font-weight: bold;
	text-align: right;
	margin-top: 20px;
}


/*box02------------------------------*/
@media screen and (max-width: 768px) {
	.cont3-add .box02 .contPad60p{
		width: 100%;
	}
}

.cont3-add .box02 ul{
	margin-left: 20px;
}

.cont3-add .box02 li{
	list-style-type: disc;
}








/*===========================
contact-add
===========================*/


/*===========================
footer
===========================*/
/*footLogo*/
.footLogo img{
	width: 324px;
}
@media screen and (max-width: 600px) {
	.footLogo img{
		width: 300px;
	}
}

/*mgb1em-de*/
footer .mgb1em-de{
	margin-bottom:1em !important;
}
@media screen and (max-width: 600px) {
	footer .mgb1em-de{
		margin-bottom:0 !important;
	}
}

/*snsBtn*/
footer .snsBtn .icon-youtube{
	width: 50px;
}




/*-----------
   色変更
-----------*/


/* column  */

.column1_100p {
	border:1px solid #e1e1e1;
	background: rgba(255, 255, 255, .9);
}
.column1_80p {
	border:1px solid #EBC97A;
	background: rgba(255, 255, 255, .9);
}
.column1_60p {
	border:1px solid #EBC97A;
	background: rgba(255, 255, 255, .9);
}
.column2_80p {
	border:3px double #EBC97A;
	background: rgba(255, 255, 255, .9);
}
.column2_60p {
	border:3px double #EBC97A;
	background: rgba(255, 255, 255, .9);
}
.column3_80p {
	border:4px dashed #EBC97A;
	background: rgba(255, 255, 255, .95);
}
.column3_60p {
	border:4px dashed #EBC97A;
	background: rgba(255, 255, 255, .95);
}
.column4_80p {
	border:4px dashed #EBC97A;
	background: rgba(255, 255, 255, .95);
}
.column4_60p {
	border:4px dashed #EBC97A;
	;
	background: rgba(255, 255, 255, .95);
}
/* table  */

table.table3 th {
	background-color:#FEEDD3;
	color:#333;
}
table.table2 th {
	background-color:#FEEDD3;
	color:#333;
}
.tdColorBeige {
	background:#FEF8E9 !important;
	text-align:center;
	vertical-align:middle;
}
table.table2 td.tdBgC01 {
	background-color:#FFF;
}
table.table2 td.tdBgC02 {
	background-color:#EEE;
}
table.table2 td.tdBgC03 {
	background-color:#DDD;
}
table.table2 td.tdBgC04 {
	background-color:#CCC;
}
table.table2 td.tdBgC05 {
	background-color:#BBB;
}



/* addon-circle */

.circle-big::before {
 color: #FFF;
 background:#F59338;
}
 ol.liFeature li::before {
 color: #FFF;
 background:#EEB853;
}
/* buttons */

.txtBnr a {
	background-color:#EA8E1E;
}
.txtBnr2 a {
	color:#FFF;
	background-color:#EA8E1E;
	;
	margin:0.4em 0;
}
.txtBnr3 a {
	color:#FFF;
	background-color:#EA8E1E;
}
.txtBnrInline a {
	color:#FFF;
	background-color:#EA8E1E;
}
/* contactBtn */



.txtContacBnr a {
	color:#FFF;
	background-color:#2981c0;
}
.txtContacBnrPC {
	color:#FFF;
	background-color:#2981c0;
}
.txtBA {
	color:#FFF;
	background-color:#EA8E1E;
}
/* catch */

h3.h3Catch1 {
	color:#EEA011;
}
h3.h3Catch2 {
	color:#EEA011;
}
/* catchiphrase */

.catch1 {
	color:#2981c0;
}
.catch2 {
	color:#2981c0;
}
.catchS {
	color:#2981c0;
}

/* list */

ul.liCircle li::before {
 background:#2981c0;
}
/* flow */


.area_flowC .inner_flow {
	background: rgba(254, 254, 254, .95);
}
.area_flowC .inner_flow .largeTxt {
	color:#E8840B;
	border-bottom:1px dotted #CCC;
}

/* wp */
.border {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
}
.blog dt {
    float: left;
    width: 100px;
}
.blog dd {
    padding-left: 115px; 
}