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

:root{
	--main_color1:#003366;
}



* {
    box-sizing: border-box;    
}

body {
    position: relative;
    margin: 0;
    background-color: #FFFFFF;
    display: grid;
	grid-template-columns:[left] 20px [main] 1fr [end] 20px [right];
	grid-template-rows:[header] auto  [main] auto [footer] auto [bottom];
}


header {
    grid-column-start: main;
    grid-column-end: end;
    grid-row-start: header;
    grid-row-end: main;
    padding: 0;
    background-color: #FFFFFF;
}
header div{
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 5px solid var(--main_color1);
    text-align: left;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 10px;
    font-size: 1.5rem;
    margin-bottom: 2px;
    padding-bottom: 2px;
    color: var(--main_color1);
}
header div a{
    text-decoration: none;	
	color: var(--main_color1);
}
header div a:hover{
    color: #000000;	
}
header p{
    width: 100%;
    max-width: 1000px;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 0.85rem;
    padding: 0;
    text-align: right;
}
@media (max-width:840px) {
	header div{
    	text-align: center;
		margin-bottom: 0;
	}
	header p{
		margin: 0;
		padding: 0;
		display: none;
	}
}
	
	
main {
    grid-column-start: main;
    grid-column-end: end;
    grid-row-start: main;
    grid-row-end: footer;
    margin-bottom: 3rem;
    margin-top: 5rem;
}
@media (max-width:840px) {
	main {
		margin-bottom: 3rem;
		margin-top: 2rem;
	}
}
.date{
    background-color: #0EB59D;
    color: #FFFFFF;
    padding-top: 0.3rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size: 1rem;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    position: absolute;
    padding-bottom: 0.2rem;
    right: 1rem;
    top: -50px;
    z-index: -10;
}


main h1,
main h2{
    font-family: "nitalago-rera", sans-serif;
    font-weight: 300;
    font-style: normal;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: 100%;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 3rem;
	font-feature-settings: "palt" 1;
}
main div{
    width: 100%;
    max-width: 960px;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    margin-bottom: auto;
	

}

main .box_type1{
    line-height: 1.65;
    padding: 1rem;
    background-color: #F4E6D0;
    font-family: "nitalago-rera", sans-serif;
    border-radius: 5px;
    margin-bottom: 5rem;
    font-size: 1.5rem;
    font-feature-settings: "palt" 1;
    position: relative;
	z-index: 100;
}
main .list_type1{
    width: 100%;
    max-width: 960px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
    font-family: "nitalago-rera", sans-serif;
    font-size: 1.5rem;
	font-feature-settings: "palt" 1;
}
main .list_type1 .lt1_a{
    width: 100%;
    padding: 1rem;
    text-align: center;
    background-color: #C5DCF1;
    border-radius: 5px;
    line-height: 1.65;
    font-size: 1.5rem;
    font-weight: normal;
	font-family: "nitalago-rera", sans-serif;
	font-feature-settings: "palt" 1;
}

.hidari{
    text-align: left !important;
    text-indent: 1rem;
}

main .list_type1 .lt1_b{
    width: 100%;
    padding: 1rem;
    margin-bottom: 3rem;
	line-height: 1.65;
	font-family: "nitalago-rera", sans-serif;
	font-size: 1.5rem;
	font-feature-settings: "palt" 1;
	 overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}

main .list_type1 .lt1_b .photo{
    float: right;	
}


main .list_type2{
    width: 100%;
    max-width: 960px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
    font-family: "nitalago-rera", sans-serif;
    font-size: 1.5rem;
	font-feature-settings: "palt" 1;
}
main .list_type2 .lt1_a{
    width: 100%;
    padding: 1rem;
    text-align: left;
    background-color: #C5DCF1;
    border-radius: 5px;
    line-height: 1.65;
    font-size: 1.5rem;
    font-weight: normal;
    font-family: "nitalago-rera", sans-serif;
	font-feature-settings: "palt" 1;
}
main .list_type2 .lt1_b{
    width: 100%;
    padding: 1rem;
    margin-bottom: 3rem;
	line-height: 1.65;
	font-family: "nitalago-rera", sans-serif;
	font-size: 1.5rem;
	font-feature-settings: "palt" 1;
}

	
footer {
    grid-column-start: left;
    grid-column-end: right;
    grid-row-start: footer;
    grid-row-end: bottom;
    text-align: center;
}	


.red{
    color: #D70003;	
}

.waku{
    padding: 1.5rem;
    background-color: #F0EDE0;
    border-radius: 10px;
    margin-top: 1rem;
}




.css_btn_class{
    padding: 1rem;
    font-family: "nitalago-rera", sans-serif;
    color: #fff;
    text-decoration: none;
    margin-bottom: 2rem;
    display: block;
    width: 100%;
    border-radius: 5px;
    font-size: 1.3rem;
    background-image: -webkit-linear-gradient(270deg,rgba(228,86,22,1.00) 0%,rgba(201,84,19,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(228,86,22,1.00) 0%,rgba(201,84,19,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(228,86,22,1.00) 0%,rgba(201,84,19,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(228,86,22,1.00) 0%,rgba(201,84,19,1.00) 100%);
    text-align: left;
}
.css_btn_class:hover{
    background-color: #FFF0CF;
    color: #fff;
	    background-image: -webkit-linear-gradient(270deg,rgba(228,151,23,1.00) 0%,rgba(139,80,14,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(228,151,23,1.00) 0%,rgba(139,80,14,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(228,151,23,1.00) 0%,rgba(139,80,14,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(228,151,23,1.00) 0%,rgba(139,80,14,1.00) 100%);
}
@media (max-width:840px) {
	.css_btn_class{
		width: 100%;
	}
	
}
.t_center{
    text-align: center !important;
}


/*------------------------------------------------------*/
/*	追随　ページ上部に戻るボタン
/*------------------------------------------------------*/
#page_top{

}
#page_top a{
    text-decoration: none;
    color: #FFFFFF;
    width: 5rem;
    line-height: 0.5;
    border-radius: 50px;
    font-size: 3rem;
    padding: 1rem;
    background-color: #009BFF;
    color: #FFFFFF;
    text-align: center;
    opacity: 80%;
    position: absolute;
    right: 5%;
    top: 80%;
    position: fixed;
    z-index: 9000;
    display: block;
}
#page_top a:hover{
    background-color: #61C233;
	animation: poyo .6s ease 0s 1 normal running none;
}
@media (max-width:450px) {
	#page_top a{
		text-decoration: none;
		color: #FFFFFF;
		width: 3.5rem;
		display: block;
		line-height: 0.5;
		border-radius: 50px;
		font-size: 2rem;
		padding: 0.75rem;
		background-color: #009BFF;
		color: #FFFFFF;
		text-align: center;
		opacity: 80%;
		position: absolute;
		right: 5%;
		top: 80%;
		position: fixed;
		z-index: 9000;
		
	}
}	

@keyframes poyo {
	from, to { transform: none; }
	10% { transform: scale(1.2); }
	40% { transform: scale(.9); }
	60% { transform: scale(1.04); }
	80% { transform: scale(.98); }
}




/*-----------------------------------------------------------------*/
/*横スクロールが必要のテーブル
/*-----------------------------------------------------------------*/
.main-scroll-box{
    margin-bottom: 2rem;
    margin-top: 1rem;
}
main #type11{
    width: 100%;
	border-collapse: collapse;
}
main #type11 td{
    padding: 1rem;
}

main #type12 {
 width: 100%;

 border-collapse: collapse;
 border-spacing: 0;
}
main #type12 th {
    padding: 10px;
    background-color: #686868;
    border: solid 1px #778ca3;
    color: #FFFFFF;
	 text-align: center;
}
main #type12 td {
    padding: 10px;
    border: solid 1px #778ca3;
    background-color: #F0F0F0;
}


@media (max-width:840px) {
	main {
		grid-column-start: main;
		grid-column-end: end;
		grid-row-start: main;
		grid-row-end: footer;
		margin-bottom: 3rem;
		margin-top: 5rem;
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		/*--横スクロールが必要のテーブル--*/
		overflow-x: scroll;
		overflow-y: hidden;
	}
	main #type12,
	main #type11,
	main #type10{
	    min-width: 900px;
	}

}
@media (max-width:450px) {
	main #type12,
	main #type11,
	main #type10{
    	min-width: 900px;
    	font-size: 1.2rem;
	}

}


.table1 {
     background-color: #fff;
     border-width: 1px;
     border-style: solid;
     border-collapse: collapse;
     border-color: #444;
}

.table1 td, .table1 th {
     border-width: 1px;
     border-style: solid;
     padding: 5px;
     border-color: #c7c7c7;
     width: 100px;
}

.table1 th {
     background-color: #444;
     color: #fff;
     border-color: #777;
}
.table1 th p{
    padding: 0;
    margin: 0;
    font-size: 0.85rem;
}

.top_img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 0;
    margin-top: 0;
    width: 151px;
    height: auto;
}
.top_img img{
    width: 100%;
    height: auto;
    display: block;
}
	

main #type11 td p{
    padding: 0;
    margin: 0;
    font-size: 0.6rem;
}


main .box_type2{
    line-height: 1.65;
    padding: 1rem;
    background-color: #fff;
    font-family: "nitalago-rera", sans-serif;
    border-radius: 5px;
    margin-bottom: 5rem;
    font-size: 1.5rem;
    font-feature-settings: "palt" 1;
    position: relative;
	z-index: 100;
}
/*--------------------------------------------------*/
/*  olタグで括弧付きの数字で表示する
/*--------------------------------------------------*/
.ol_type1{
	margin-left: 1.5em;
}
.ol_type1 li{
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}
.ol_type1 li:before{
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em; /* サイトに合せて調整 */
	width: 3em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}


/*--------------------------------------------------*/
/*  s_f_1.html
/*--------------------------------------------------*/

.type_A{
    width: 100%;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding: 1.5rem;
    color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.6;
}


.back_color1{
    background-color: #1C356E;
}
.back_color2{
    background-color: #1A6600;
}

.type_A p{
    margin-bottom: 1.5rem;
    padding: 0.7rem;
    display: block;
    background-color: #FFFFFF;
    color: #333333;
    text-align: center;
    font-size: 1.6rem;
    border-radius: 10px;
    margin-top: 1px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
}

.btn_type1{
    background-color: #E09720;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 0.5rem;
    border-radius: 50px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1rem;
    color: #FFFFFF;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: block;
    width: 30%;
    text-align: center;
    font-weight: bold;
}
.btn_type1:hover{
    background-color: #C44514;
    color: #FFFFFF;
}

@media (max-width:850px) {
	.btn_type1{
		width: 90%;
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}
}

.type_A .waku{
    border: 1px dotted #FFFFFF;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    background-color: #355287;
    text-align: center;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.type_A span{
	 font-size: 0.9rem;
}

.btn_type2{
    background-color: #E09720;
    padding-top: 2.7rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 2.7rem;
    border-radius: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1rem;
    color: #fff;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    text-align: center;
    font-weight: bold;
}
.btn_type2:hover{
    background-color: #C44514;
    color: #FFFFFF;
}

@media (max-width:850px) {
	.btn_type2{
		margin-bottom: 1rem;
	}
}

.qr_ig{
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.yajirushi{
    width: 225px;
    height: 100px;
    background-color: #1C356E;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 3rem;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 225px solid transparent;
  border-left: 225px solid transparent;
  border-top: 120px solid #1c356e;
  border-bottom: 0;
}

@media (max-width:550px) {
	.yajirushi{
    width: 200px;
    height: auto;
    background-color: #1C356E;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 0;
	}
	.triangle {
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-right: 150px solid transparent;
	  border-left: 150px solid transparent;
	  border-top: 60px solid #1c356e;
	  border-bottom: 0;
	}
}


.type_C{
    list-style-type: none;
    margin-top: 1rem;
}