/*----------------------------------------------------------------------
/////////  全体のレスポンシブ改行  //////////
----------------------------------------------------------------------*/

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

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 640px) {
img { max-width: 100%; }
}


@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
table, tbody, tr, th, td {
display: block;
max-width: 98%; /*スマホ画面ほぼ一杯に広がる感じ*/
}
}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*----------------------------------------------------------------------
/////////  全体のボディ  //////////
----------------------------------------------------------------------*/
  body{
	background-image: url(image/bg_marble.jpg);
	margin-left:auto;margin-right:auto;
 
	width:100%;
    padding-right: 0px;
    padding-left: 0px;
  }


table.aaa{
	border-spacing: 0;
	border-collapse: separate;
	font-size:22px;
}
table.aaa th,table.aaa td{
	border-top: 4px solid #ff9000;
	border-left: 4px solid #ff9000;
}
table.aaa th{
	padding: 5px 10px;
	background: #FFFFFF;
	color: #000000;
}
table.aaa td{
	background: #FCFCFC;
	color: #000000;
}
table.aaa th:last-child,table.aaa td:last-child{
	border-right: 4px solid #ff9000;
}
table.aaa tr:last-child th,table.aaa tr:last-child td{
	border-bottom: 4px solid #ff9000;
}
table.aaa tr:first-child :first-child{
	border-top-left-radius: 5px;
}
table.aaa tr:first-child :last-child{
	border-top-right-radius: 5px;
}
table.aaa tr:last-child :first-child{
	border-bottom-left-radius: 5px;
}
table.aaa tr:last-child :last-child{
	border-bottom-right-radius: 5px;
}
table.aaa tr:not(:first-child) th,table.aaa tr:not(:first-child) td{
	border-top:none;
}


.resizeimage img { width: 100%; }

/*----------------------------------------------------------------------
/////////  top  //////////
----------------------------------------------------------------------*/

	.top {
    height: auto;
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
	  }

/*----------------------------------------------------------------------
/////////  タイトル1  //////////
----------------------------------------------------------------------*/


	.title1 {
	font-family:  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 48px;
	line-height: 60px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	}
	


	
/*----------------------------------------------------------------------
/////////  タイトル2ブラック  //////////
----------------------------------------------------------------------*/

.title2_black {
background: #000000; /* Old browsers */
height: 60px;
background: -moz-linear-gradient(left,  #000000 0%, #545454 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#545454), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #000000 0%,#545454 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #000000 0%,#545454 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #000000 0%,#545454 50%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #000000 0%,#545454 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */

}


/*----------------------------------------------------------------------
/////////  ボックス1  //////////
----------------------------------------------------------------------*/
	.box1{
	max-width: 1000px;
    padding: 1px 8px;
    margin: 0 0;
    color: ;
    background: #ff69b4;
    background: #ff69b4;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
		}


.box1 p {
    margin: 0; 
    padding: 0;
	font-family:  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 43px;
	color: white;
}


/*----------------------------------------------------------------------
/////////  ボックス2  //////////
----------------------------------------------------------------------*/
.box2{
	font-family: 'Noto Sans JP', sans-serif;
	max-width: 1000px;
    padding: 0 0;
    margin: 0 0;
    color: #32333ab;
    background: white;
  
}
.box2 p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 30px;
    padding-left: 15px;
	padding-right: 7px;
	text-align : left ;
}
	.box2 h1 {
	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h2 {
	padding-left: 15px;
	padding-right: 7px;
	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h3 {
    padding-left: 15px;
	padding-right: 7px;
	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h4 {
	padding-left: 15px;
	padding-right: 7px;
	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h5 {
	padding-left: 65px;
	padding-right: 7px;
	font-family: 'Noto Sans JP', sans-serif;
}


	
/*----------------------------------------------------------------------
/////////  ボックス3  //////////
----------------------------------------------------------------------*/
	.box3{
	max-width: 700px;
    padding: 8px 19px;
    margin: 0 0;
    color: ;
    background: #5d627b;
    border-top: solid 2px #000000;
    border-bottom: solid 0px #000000;
}

.box3 p {
    margin: 0; 
    padding: 0;
	font-family:  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 43px;
	color: white;
}


	
/*----------------------------------------------------------------------
/////////  ボックス4  //////////
----------------------------------------------------------------------*/

	.box4{
	max-width: 100%;	
    padding: 0 0;
    margin: 0 0;
	color: ;
    background: #6495ed;
    font-weight: normal;
    border: solid 0px #6495ed;
	}
	.box4 p {
	    margin: 0; 
	    padding-left: 10px;
		padding-right: 7px;
		text-align : left ;
	}
	
/*----------------------------------------------------------------------
/////////  ボックス5  //////////
----------------------------------------------------------------------*/
	.box5{
	max-width: 100%;	
    padding: 0 0;
    margin: 0 0;
	color: ;
    background: #ff9000;
    font-weight: normal;
    border: solid 0px #ff9000;
	}
	
	.box5 p {
		font-weight: normal;
	    font-size: 22px;
	    margin: 0;  
		padding-top: -7px;
	    padding-left: 7px;
		padding-right: 7px;
		text-align : left ;
	}
	
/*----------------------------------------------------------------------
/////////  ボックス6  //////////
----------------------------------------------------------------------*/

	.box6{
	max-width: 100%;	
    padding: 0 0;
    margin: 0 0;
	color: ;
    background: #333131;
    font-weight: normal;
    border: solid 0px #333131;
	}
	
	.box6 p {
		font-weight: normal;
	    font-size: 22px;
	    margin: 0;  
		padding-top: -7px;
	    padding-left: 7px;
		padding-right: 7px;
		text-align : left ;
	}

/*----------------------------------------------------------------------
/////////  ボックス7  //////////
----------------------------------------------------------------------*/

.box7{
	max-width: 600x;	
	margin:15px; padding:10px; border:2px solid #273044;
	background-color: white;
}
.box7 p {
    margin: 0; 
    padding: 0;
	color: black;
	font-size: 15px
}

/*----------------------------------------------------------------------
/////////  ボックス8  //////////
----------------------------------------------------------------------*/
	.box8 {
	max-width: 100％;
	text-align: center;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
	background: white;
    border: solid 3px #000000;
}
.box8 .box-title {
width: 900px;
text-align: center;
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 19px;
    height:50px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 35px;
    background: #ff9000;
    color: #ffffff;
    font-weight: bold;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

/*----------------------------------------------------------------------
/////////  ボックス9  //////////
----------------------------------------------------------------------*/
	.box9 {
	font-family: 'Noto Sans JP', sans-serif;
	max-width: 1000px;
    padding: 0 0;
    margin: 0 0;
    color: #32333ab;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}



	/*----------------------------------------------------------------------
/////////  ボックス10  //////////
----------------------------------------------------------------------*/

.box10 {
	max-width: 100%;
    margin: 2em 0;
    background: #e5e4e1;
}
.box10 .box-title {
    font-size: 2.4em;
    background: #1F2840;
    padding: 20px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box10 p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 30px;
    padding-left: 15px;
	padding-right: 7px;
	text-align : left ;
}




/*----------------------------------------------------------------------
/////////  ボックス11  //////////
----------------------------------------------------------------------*/
.box11 {
	max-width: 100%;
    margin: 2em 0;
    background: #f9eabc;
}
.box11 .box-title {
    font-size: 2.4em;
    background: #1F2840;
    padding: 20px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box11 p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 30px;
    padding-left: 15px;
	padding-right: 7px;
	text-align : left ;
}





/*----------------------------------------------------------------------
/////////  ボックス100  //////////
----------------------------------------------------------------------*/

.box100{
	max-width: 737px;
    padding: 0 0;
    margin: 0 0;
    color: #32333ab;
    background: white;
    border: dashed 2px #DDDADA;/*点線*/
}
.box100 p {
    margin-left: 0px;
    padding-left: 10px;
	padding-right: 7px;
	text-align : left ;
}

/*----------------------------------------------------------------------
/////////  ボックス101  //////////
----------------------------------------------------------------------*/

.box101{
	max-width: 700px;
    padding: 0 0;
    margin: 30 30;
    color: #32333a;
    background: white;
}
.box101 p {
	border-bottom: solid 1px #32333a;
    margin: 30 30;
	text-align : left ;
}
/*----------------------------------------------------------------------
/////////  title3  //////////
----------------------------------------------------------------------*/


	.title3 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: red;
	font-size: 37px;
	line-height: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	}



/*----------------------------------------------------------------------
/////////  スマホ  //////////
----------------------------------------------------------------------*/

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

/*----------------------------------------------------------------------
/////////  全体のレスポンシブ改行  //////////
----------------------------------------------------------------------*/
.br-pc { display:none; }
.br-sp { display:block; }
  
/*----------------------------------------------------------------------
/////////  全体のボディ  //////////
----------------------------------------------------------------------*/	
  body{
	background-image: url(image/bg_marble.jpg);
	margin-left:auto;margin-right:auto;
    max-width: 100%;
	width:100%;
	text-align:cente
	}
	


table.aaa{
	border-spacing: 0;
	border-collapse: separate;
	font-size:18px;
}
table.aaa th,table.aaa td{
	border-top: 2px solid #ff9000;
	border-left: 2px solid #ff9000;
}
table.aaa th{
	padding: 5px 10px;
	background: #FFFFFF;
	color: #000000;
}
table.aaa td{
	background: #FCFCFC;
	color: #000000;
}
table.aaa th:last-child,table.aaa td:last-child{
	border-right: 2px solid #ff9000;
}
table.aaa tr:last-child th,table.aaa tr:last-child td{
	border-bottom: 2px solid #ff9000;
}
table.aaa tr:first-child :first-child{
	border-top-left-radius: 5px;
}
table.aaa tr:first-child :last-child{
	border-top-right-radius: 5px;
}
table.aaa tr:last-child :first-child{
	border-bottom-left-radius: 5px;
}
table.aaa tr:last-child :last-child{
	border-bottom-right-radius: 5px;
}
table.aaa tr:not(:first-child) th,table.aaa tr:not(:first-child) td{
	border-top:none;
}

	

/*----------------------------------------------------------------------
/////////  タイトル1  //////////
----------------------------------------------------------------------*/


	.title1 {
	font-family:  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    height: auto;
    width: 100%;
    padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 35px;
	text-align: center;
}
	
	
/*----------------------------------------------------------------------
/////////  ボックス1  //////////
----------------------------------------------------------------------*/
.box1{
	max-width: 100%;
    padding: 0px 19px;
    margin: 0 0;
    color: ;
    background: #ff69b4;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
	font-family:  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 30px;
	color: white;
}


/*----------------------------------------------------------------------
/////////  ボックス2  //////////
----------------------------------------------------------------------*/

.box2{
	max-width: 100%;
    padding: 0 0;
    margin: 0 0;
    color: #32333ab;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box2 p {
 　 font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
    margin-left: 0px;
    margin: 0;  
	padding-top: -7px;
    padding-left: 7px;
	padding-right: 7px;
	text-align : left ;
}
	.box2 h1 {
    font-size: 32px;
    padding-left: 7px;
	padding-right: 7px;
	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h2 {
    font-size: 18px;
    padding-left: 7px;
	padding-right: 7px;

	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h3 {
    padding-left: 7px;
	padding-right: 7px;

	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h4 {
    padding-left: 7px;
	padding-right: 7px;

	font-family: 'Noto Sans JP', sans-serif;
}
	.box2 h5 {
    padding-left: 7px;
	padding-right: 7px;

	font-family: 'Noto Sans JP', sans-serif;
}




/*----------------------------------------------------------------------
/////////  ボックス3  //////////
----------------------------------------------------------------------*/
.box3{
	max-width: 100%;
    padding: 8px 19px;
    margin: 0 0;
    background: #5d627b;
    border-top: solid 2px #000000;
    border-bottom: solid 0px #000000;
}
.box3 p {
	text-align:center;
    margin: 0; 
    padding: 0;
	font-family:  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 30px;
	color: white;
}
/*----------------------------------------------------------------------
/////////  ボックス4  //////////
----------------------------------------------------------------------*/
	.box4{
	max-width: 100%;
    padding: 0 0;
    margin: 0 0;
	color: ;
    background: #6495ed;
    font-weight: normal;
    border: solid 3px #6495ed;
	}
	.box4 p {
　　font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
    margin-left: 0px;
    margin: 0;  
	padding-top: -7px;
    padding-left: 7px;
	padding-right: 7px;
	text-align : left ;
	}

	
/*----------------------------------------------------------------------
/////////  ボックス5  //////////
----------------------------------------------------------------------*/

	.box5{
	max-width: 100%;
    padding: 0 0;
    margin: 0 0;
	color: ;
    background: #ff9000;
    font-weight: normal;
    border: solid 3px #ff9000;
	}
	.box5 p {
		font-weight: normal;
	    font-size: 18px;
	    margin: 0;  
		padding-top: -7px;
	    padding-left: 7px;
		padding-right: 7px;
		text-align : left ;
	}


	
/*----------------------------------------------------------------------
/////////  ボックス6  緑のサブヘッド //////////
----------------------------------------------------------------------*/

	.box6{
	max-width: 100%;
    padding: 0 0;
    margin: 0 0;
	color: ;
    background: #333131;
    font-weight: normal;
    border: solid 3px #333131;
	}
	.box6 p {
		font-weight: normal;
	    font-size: 18px;
	    margin: 0;  
		padding-top: -7px;
	    padding-left: 7px;
		padding-right: 7px;
		text-align : left ;
	}


/*----------------------------------------------------------------------
/////////  ボックス7  //////////
----------------------------------------------------------------------*/

.box7{	
	margin:15px; padding:10px; border:0px solid #273044;
	background-color: white;
}
.box7 p {
    margin: 0; 
	padding-left: 20;
	color: black;
	font-size: 15px
}

/*----------------------------------------------------------------------
/////////  ボックス8  //////////
----------------------------------------------------------------------*/
	.box8 {
    position: relative;
	text-align: center;
    margin: 2em 0;
    padding: 0.5em 1em;
	background: white;
    border: solid 3px #000000;
}
.box8 .box-title {
	max-width: 97%;
    position: absolute;
	text-align: center;
    display: inline-block;
    top: -45px;
    left: -4px;
    padding: 0 9px;
    height:auto;
    line-height: 28px;
    vertical-align: middle;
    font-size: 26px;
    background: #ff9000f;
    color: #ff9000f;
    font-weight: bold;
}
.box8 p {
    margin: 0;
    padding: 0;
	font-size: 18px;
}

	
/*----------------------------------------------------------------------
/////////  ボックス9  //////////
----------------------------------------------------------------------*/
	.box9 {
    position: relative;
    margin: 1em 1;
    padding: 1em 1em;
	background: #464645;
    border: solid 2px #464645;
}
.box9 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #464645;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box9 p {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin: 0; 
    padding: 0;
	font-size: 15px;
}
	
	
/*----------------------------------------------------------------------
/////////  ボックス10  //////////
----------------------------------------------------------------------*/

.box10 {
	max-width: 100%;
    margin: 2em 0;
    background: #e5e4e1;
}
.box10 .box-title {
    font-size: 25px;
    background: #1F2840;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box10 p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 30px;
    padding-left: 15px;
	padding-right: 7px;
	text-align : left ;
}
	
/*----------------------------------------------------------------------
/////////  ボックス11  黄色時のテーブル用//////////
----------------------------------------------------------------------*/
.box11 {
	max-width: 100%;
    margin: 2em 0;
    background: #f9eabc;
}
.box11 .box-title {
    font-size: 25px;
    background: #1F2840;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box11 p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 30px;
    padding-left: 15px;
	padding-right: 7px;
	text-align : left ;
}

/*----------------------------------------------------------------------
/////////  ボックス100  //////////
----------------------------------------------------------------------*/
	.box100{
		max-width: 100%;
	    padding: 0 0;
	    margin: 0 0;
	    color: #32333ab;
	    background: white;
	    border: dashed 1px #DDDADA;/*点線*/
	}
	.box100 p {
	    margin-left: 0px;
	    padding-left: 7px;
		padding-right: 7px;
		text-align : left ;
	}
/*----------------------------------------------------------------------
/////////  ボックス101  //////////
----------------------------------------------------------------------*/
	.box101{
	    padding: 0 0;
	    margin: 0 0;
	    color: #32333a;
	    background: white;
	}
	.box101 p {
	    margin-left: 0px;
		padding-top: 10px;
	    padding-left: 7px;
		padding-right: 7px;
		text-align : left ;
	}

/*----------------------------------------------------------------------
/////////  title3  //////////
----------------------------------------------------------------------*/


	.title3 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: red;
    font-size: 30px;
	line-height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	}
	
}
