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

html,
html * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

p{
	font-size: 15px;
	line-height: 1.8em;
	padding-top: 20px;
	padding-bottom: 20px;
}

h1{
    font-size: 25px;
    text-align: center;
    line-height: 1.3em;
    color: #003E2C;
    font-family: sans-serif;
    font-weight: 600;
    font-style: normal;
}

h2{
    font-size: 16px;
    line-height: 1.8em;
    font-family: sans-serif;
    font-weight: 400;
    font-style: normal;
}

h3{
	font-size: 16px;
	line-height: 1.3em;
	font-family: sans-serif;
    font-weight: 400;
    font-style: normal;
}

h4{
    font-size: 16px;
	font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
}

h4 span{
	display: block;
}

hr{
}

.bold{
	font-weight: 600;
}

.hr1{
	border-top: 1px dotted rgba(43,43,43,1.00);
}

.hr2{
    border-top: 7px solid #004223;
    border-bottom: 2px solid #CFCFCF;
}

.hr3{
    border-top: 3px dashed rgba(43,43,43,1.00);
}

.hr4{
    border-top: 8px ridge #C1C1C1;
}

.hr4{
    border-top: 5px solid #C1C1C1;
}

.list-box{
	width: 90%;
	margin: 0px auto;
}

.list ul{
	margin: 10px 0px;
}

.list li{
	font-size: 14px;
	line-height: 1.8em;
	margin: 20px 10px;
	list-style: circle;
}

.list2 ul{
	margin: 10px 0px;
}

.list2 li{
    font-size: 14px;
    line-height: 1.5em;
    margin: 20px 10px;
    list-style: circle;
}

.list3 ul{
	margin: 10px 0px;
}

.list3 li{
    font-size: 14px;
    line-height: 1.5em;
    margin: 20px 10px;
    list-style: "□ ";
}

.list4 ul{
	margin: 10px 0px;
}

.list4 li{
    font-size: 14px;
    line-height: 1.5em;
    margin: 20px 10px;
    list-style: none;
}

.list5 ul{
	margin: 5px 0px 5px 0px;
}

.list5 li{
    font-size: 14px;
    line-height: 1.5em;
    margin: 10px 10px;
    list-style: none;
}

.list6 ul{
	margin: 5px 0px 5px 0px;
}

.list6 li{
	font-size: 14px;
	line-height: 1.3em;
	margin: 10px 0px;
	list-style: decimal;
}

.list7 ul{
	margin: 5px 0px 5px 0px;
}

.list7 li{
	font-size: 15px;
	line-height: 1.3em;
	margin: 10px 0px;
	list-style: "□ ";
}

.stf-list{
	font-size: 14px;
}

.stf-list li{
	line-height: 1.5em;
	margin: 3px 0px;
}

.center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.white{color: #FFFFFF;}

.red{
	color: red;
}

.red2{
	color: #C40205;
}

.green{
	color: #006835;
}

.green2{
    color: #00BC61;
}

.orange{
    color: #FF7E00;
}

.blue1{
	color: rgba(0,59,179,1.00);
}

.navy{
    color: #0E214A;
}

.purple{
    color: #b52d85;
}

.gray{
	color: #353535;
}

.gold{
	color: #BAB149;
}

.tokyo{
	color: #0c5a30;
}

.yokohama{
	color: #2255ee
}

.edogawa{
	color: #daa520;
}

.hiroshima{
	color: #dd3333;
}

.shizuoka{
	color: #9e005d;
}

.fn11{
	font-size: 11px;
}

.fn12{
	font-size: 12px;
}

.fn13{
	font-size: 13px;
}

.fn14{
	font-size: 14px;
}

.fn16{
	font-size: 16px;
}

.fn18{
    font-size: 18px;
    line-height: 1.5em;
}

.fn20{
    font-size: 20px;
    line-height: 1.5em;
}

.fn25{
	font-size: 25px;
}

.fn30{
    font-size: 30px;
    line-height: 1.5em;
}

.fn40{
    font-size: 40px;
    line-height: 1.5em;
}

.text-line{
	background: linear-gradient(transparent 20%, #FFD700 80%);
}

.text-line2{
	background: linear-gradient(transparent 50%, #B1FFE2 50%);
}

.text-line3{
	border-bottom: 1px solid #B1FFE2;
}

.color1 {
	background-color:#2D57A5;
	opacity: 0.5;
}

.text-deco1{
	color: #FFFFFF;
	background-color: #003E2C;
	padding: 10px 0px 10px 0px;
}

.text-deco2{
    color: #FFFFFF;
    background-color: #C30D23;
    padding: 5px 0px 5px 20px;
}

.text-deco3{
    color: #FFFFFF;
    background-color: #C30D23;
    padding: 5px 0px 5px 0px;
}

.text-deco4{
    color: #C30D23;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #C30D23;
}

.text-deco5{
    color: #006835;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #006835;
}

.text-deco6{
    color: #FFFFFF;
    background-color: #006835;
    padding: 5px 0px 5px 0px;
}

.text-deco7{
	color: #000000;
	background-color: #F0F0F0;
	padding: 5px 0px 5px 0px;
	border-top: 2px solid #0075C0;
	border-bottom: 2px solid #0075C0;
}

.text-deco8{
    color: #004B39;
    background-color: #EDEDED;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    border-top: 2px solid #004B39;
    border-bottom: 2px solid #004B39;
}

.text-deco9{
    color: #FFFFFF;
    background-color: #C30D23;
    padding: 0px 0px 0px 0px;
}

.text-deco10{
    color: #FFFFFF;
    background-color: #006835;
    padding: 0px 0px 0px 0px;
}

.text-deco11{
    color: #004D44;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #004D44;
}

.text-deco12{
    color: #006835;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #0E214A;
}

.text-deco13{
    color: #0039C4;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #0039C4;
}

.text-deco14{
    color: #FF7200;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #FF7200;
}

.text-deco15{
    color: #007A4B;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #007A4B;
}

.text-deco16{
    color: #0072B1;
    background-color: #E4E4E4;
    padding: 5px 0px 5px 0px;
    border-left: 5px solid #0072B1;
}

.rotate1{
	transform: rotate(90deg);
}

/*文章の装飾（ライン）*/
.p-style1{
    width: 100%;
    height: auto;
    padding: 10px 0px 10px 20px;
	margin: 10px 0px 10px 0px;
    background-color: #E3E3E3;
    border-left: 10px solid #00402F;
}

.p-style2{
    width: 100%;
    height: auto;
    padding: 10px 0px 10px 20px;
    margin: 10px 0px 10px 0px;
    background-color: #E3E3E3;
    border-left: 10px solid #002140;
}

/*margin設定*/

.ml0{
	margin-left: 5px;
}

.ml1{
	margin-left: 10px;
}

.ml2{
	margin-left: 20px;
}

.ml3{
	margin-left: 30px;
}

.ml4{
	margin-left: 40px;
}

.ml5{
	margin-left: 50px;
}

.ml6{
	margin-left: 50px;
}

.ml7{
	margin-left: 60px;
}

.mr1{
	margin-right: 40px;
}

.mt0{
	margin-top: 10px;
}

.mt1{
	margin-top: 20px;
}

.mt2{
	margin-top: 20px;
}

.mt3{
    margin-top: 40px;
}

.mt4{
    margin-top: 50px;
}

/*hrのmargin設定*/
.hr-mset1{
	margin: 15px 0px;
}

.hr-mset2{
	margin: 20px 0px 15px 0px;
}

.hr-mset3{
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    width: 90%;
}

.hr-mset4{
	margin: 15px 0px 5px 0px;
}

.hr-mset5{
	margin: 40px 0px 30px 0px;
}

.hr-mset6{
	margin: 60px 0px 30px 0px;
}

/*padding設定*/

.pl1{
	padding-left: 10px;
}

.pt1{
	padding-top: 10px;
}

.pt2{
	padding-top: 20px;
}

.pt3{
	padding-top: 30px;
}

.pt4{
	padding-top: 40px;
}

.pt5{
	padding-top: 50px;
}

.pb1{
	padding-bottom: 10px;
}

/*改行*/
.block {
	display: block;
}

/*改行（ブレイクポイントで切り替え）*/
.block2 {
	display: block;
}

/*改行（ブレイクポイントで切り替え）*/
.block3 {
	display: inline;
}

.ul-set li{
	list-style: circle;
}

.ul-set-em1{
	line-height: 1.5em;
}

.both{
	clear: both;
}

.border-set1{
	border: 4px solid #006835;
	border-radius: 8px;
}


/*--------------------------------------*/


/*タブレット用*/
@media (min-width: 768px){
	
body {
	margin-left: auto;
    margin-right: auto;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    padding: 0px;
    text-size-adjust: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}
	
p {
    font-size: 14px;
    line-height: 1.8em;
    padding-top: 20px;
    padding-bottom: 20px;
}
	
/*改行（ブレイクポイントで切り替え）*/
.block2 {
    display: inline;
}
	
/*改行（ブレイクポイントで切り替え）*/
.block3 {
    display: block;
}
	
/*margin設定*/

.ml1{
	margin-left: 10px;
}
	
.ml2{
	margin-left: 20px;
}
	
.ml3{
	margin-left: 30px;
}

.ml4{
	margin-left: 40px;
}

.ml5{
	margin-left: 50px;
}
	
.ml6{
	margin-left: 50px;
}
	
.ml7{
	margin-left: 60px;
}
	
.mt0{
	margin-top: 10px;
}

.mt1{
	margin-top: 20px;
}

.mt2{
	margin-top: 20px;
}
	
.mt3{
    margin-top: 40px;
}
	
/*hrのmargin設定*/
.hr-mset1{
    margin-top: 15px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
}
	
.hr-mset2{
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 15px;
}
	
.hr-mset3{
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}
	
.hr-mset4{
	margin: 15px 0px 5px 0px;
}
	
.hr-mset5{
	margin: 40px 0px 30px 0px;
}

/*padding設定*/

.pl1{
	padding-left: 10px;
}

.pt1{
	padding-top: 10px;
}
	
.pt2{
	padding-top: 20px;
}
	
.pt3{
	padding-top: 30px;
}
	
.pt4{
	padding-top: 40px;
}

.pt5{
	padding-top: 50px;
}
	
.pb1{
	padding-bottom: 10px;
}
	
}


/*--------------------------------------*/


/*デスクトップ用*/

@media (min-width: 1024px){
	
body {
    margin-left: auto;
    padding: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
	
h1{
	font-size: 25px;
	text-align: center;
	line-height: 1.3em;
}

h2{
    font-size: 17px;


}

h3{
	font-size: 18px;
	line-height: 1.3em;
}
	
h4{
    font-size: 16px;
}
	
p{
    font-size: 14px;
    line-height: 1.8em;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
}
	
/*改行（ブレイクポイントで切り替え）*/
.block2 {
    display: inline;
}
	
/*改行（ブレイクポイントで切り替え）*/
.block3 {
    display: block;
}
	
/*margin設定*/

.ml1{
	margin-left: 10px;
}
	
.ml2{
	margin-left: 20px;
}
	
.ml3{
	margin-left: 30px;
}

.ml4{
	margin-left: 40px;
}

.ml5{
	margin-left: 50px;
}
	
.ml6{
	margin-left: 50px;
}
	
.ml7{
	margin-left: 60px;
}
	
.mt0{
	margin-top: 10px;
}

.mt1{
	margin-top: 20px;
}

.mt2{
	margin-top: 20px;
}
	
.mt3{
    margin-top: 40px;
}
	
/*hrのmargin設定*/
.hr-mset1{
	margin: 15px 0px;
}
	
.hr-mset2{
	margin: 20px 0px 15px 0px;
}
	
.hr-mset3{
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}

.hr-mset4{
	margin: 15px 0px 5px 0px;
}
	
.hr-mset5{
	margin: 40px 0px 30px 0px;
}

/*padding設定*/

.pl1{
	padding-left: 10px;
}

.pt1{
	padding-top: 10px;
}
	
.pt2{
	padding-top: 20px;
}
	
.pt3{
	padding-top: 30px;
}
	
.pt4{
	padding-top: 40px;
}

.pt5{
	padding-top: 50px;
}
	
.pb1{
	padding-bottom: 10px;
}
	
}


/*--------------------------------------*/


/*デスクトップ用　横幅1280px*/

@media (min-width: 1280px){
	
body {
   	margin-left: auto;
   	padding: 0px;
   	margin-right: auto;
   	margin-bottom: 0px;
   	margin-top: 0px;
}
	
h1{
	font-size: 33px;
	text-align: center;
	line-height: 1.3em;
}

h2{
    font-size: 18px;


}

h3{
    font-size: 18px;
    line-height: 1.3em;
	}
	
h4{
    font-size: 16px;
}
	
p{
    font-size: 14px;
    line-height: 1.8em;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
 
}
	
/*改行（ブレイクポイントで切り替え）*/
.block2 {
    display: inline;
}
	
/*改行（ブレイクポイントで切り替え）*/
.block3 {
    display: block;
}
	
/*margin設定*/

.ml1{
	margin-left: 10px;
}
	
.ml2{
	margin-left: 20px;
}
	
.ml3{
	margin-left: 30px;
}

.ml4{
	margin-left: 40px;
}

.ml5{
	margin-left: 50px;
}
	
.ml6{
	margin-left: 70px;
}
	
.ml7{
	margin-left: 90px;
}
	
.mt0{
	margin-top: 10px;
}

.mt1{
	margin-top: 20px;
}

.mt2{
	margin-top: 40px;
}
	
.mt3{
	margin-top: 40px;
}
	
/*hrのmargin設定*/
.hr-mset1{
    margin: 20px 0px 20px 0px;
}
	
.hr-mset2{
    margin-top: 25px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
}
	
.hr-mset3{
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}
	
.hr-mset4{
	margin: 15px 0px 5px 0px;
}
	
.hr-mset5{
	margin: 40px 0px 30px 0px;
}

/*padding設定*/

.pl1{
	padding-left: 10px;
}

.pt1{
	padding-top: 10px;
}
	
.pt2{
	padding-top: 20px;
}
	
.pt3{
	padding-top: 30px;
}
	
.pt4{
	padding-top: 40px;
}

.pt5{
	padding-top: 50px;
}
	
.pb1{
	padding-bottom: 10px;
}
	
}
	

/*--------------------------------------*/


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block!important;}
.sp { display: none !important;}

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

}