@charset "utf-8";

body {	background-color: white;	margin 0 ; margin-top: 0;}

.container {	max-width: 1100px;	margin: 0 auto;  margin-top: 0;}

.space { line-height: 1px;}


.bg_test-text { background-color: rgba(255, 255, 255, 0.7);     /* 背景色指定 */}
.bg_test { text-align:  center;    /* 文字中央寄せ */ padding:  0px;        /* 余白指定 */}
セレクタ { background-image: url(画像のパス);}
.bg_test-1 { background-image: url("image/b010.jpg");    /* 背景画像指定 */}
.bg_test-2 { background-image: url("image/b012.jpg");    /* 背景画像指定 */}


.top-2 {position: fixed; margin-top :0; }

main{ display: flex; min-height: 10vh; margin-bottom: 0px;}
.LeftContent{  flex: 1; background-color: white; margin-right: 0px;}
.CenterContent{ flex: 1; background-color: white; margin-right: 0px;}
.RightContent{ flex: 1; background-color: white;margin-right: 10px;}

.LeftContent-bun-01 { color: black; line-height: 1; margin-top: 15px; margin-left: 10px; font-weight :bold;}
.LeftContent-bun-02 { color: black; font-size: 20px; line-height: 1; margin-top: 5px; margin-left: 10px; font-weight :bold;}

.CenterContent-bun-01 { color: black; font-size: 25px; font-weight: bold; line-height: 1; margin-top: 20px;}
.CenterContent-bun-02 { color: black; font-size: 20px; font-weight: bold; line-height: 1; margin-top: 10px;}

.RightContent-bun-01 { color: black; line-height: 1; text-align :right; margin-top: 20px; margin-bottom: 0px;}

.main2{ display: flex; min-height: 10vh; margin-bottom: 0px;}
.bottomContent{ background-color: white; margin-right: 0px;}
.bottomContent-bun-01 {  flex: 1;color: black; line-height: 1; margin-top: 0px; margin-left: 10px; font-weight :bold; line-height: 2;}
.bottomContent-bun-02 {  flex: 1;color: black; font-size: 20px; line-height: 1; margin-top: 0px; margin-left: 10px; font-weight :bold; line-height: 2;}

.linknavi {	background-color: black;}
.global-nav { font-size: 30px;	width: auto; margin-bottom: 0px; margin-top: 0px; line-height: 10px;}
.nav-list {	margin: 0;	padding: 0;	text-align: center;}
.nav-item {	display: inline-block; padding: 20px 15px;}
.nav-item a:link { color: white; text-decoration: none;}
.nav-item a:visited {	color: #fff;}
.nav-item:hover {	background-color: #0000aa;}

.nav-item-01 {	display: inline-block; padding: 20px 15px;}
.nav-item-01 a:link { color: white; text-decoration: none;}
.nav-item-01 a:visited {color:#99CCFF ;}
.nav-item-01:hover {	background-color: #0000aa;}

strong{ font-weight: bold;}
b{ font-weight: bold;}

.app-1 { width: 1100px; display: flex; flex-direction: column;}


.header-1 { height: 50px;margin-top: 270px; margin-bottom: 28px;}
.header-1-bun {font-size:35px; color: black;}

.gotyuumon { color:black; font-size: 23px; margin-bottom: 20px; margin-top :0px;}

.atarasii { font-size: 30px; color: blue; margin-top: 0px; margin-bottom: 50px;}

.main-01 { display: flex; flex-direction: row; flex-grow: 1; justify-content: space-between; margin-bottom:30px;}
.flex-content-01-arrow { font-size :25px;background-color: #fff; box-sizing: border-box; text-align :center;}
.flex-content-01-a { font-size :25px; color :black; background-color: #eeeeee; margin-left:10px; padding:10px;}
.flex-content-01-b { background-color: #eeeeee; padding:6px;; font-size :25px; color :black;}
.flex-content-01-c { background-color: #eeeeee; padding:6px; font-size :25px; color :black;}
.flex-content-01-d { background-color: #eeeeee; padding:8px; font-size :25px; color :black; line-height:6;}
.flex-content-01-e { background-color: #eeeeee; padding:8px; font-size :25px; color :black; line-height:6; margin-right:10px;}

.main-gakkou { display: flex; flex-direction: row; flex-grow: 1; margin-bottom:30px;}
.gakkou-01 {  margin-left:100px;color :navy;}
.gakkou-02 { font-size :25px; color :black;}



.rafu { font-size: 30px; color: black; font-weight :bold; margin-top: 50px;}

.main-02 { display: flex; flex-direction: row; flex-grow: 1; justify-content: space-between; margin-bottom:20px;}
.flex-content-02-arrow { box-sizing: border-box; text-align :center; margin-top :50px;}
.flex-content-02-a { background-color: #eeeeee;}
.flex-content-02-b { background-color: #eeeeee;}
.flex-content-02-c { background-color: #eeeeee;}
.flex-content-02-d { background-color: #eeeeee;}

.main-03 { display: flex; flex-direction: row; flex-grow: 1; justify-content: space-between; margin-bottom:0px;}
.flex-content-03-arrow { box-sizing: border-box; text-align :center; margin-top :50px;}
.flex-content-03-a { background-color: #eeeeee;}
.flex-content-03-b { background-color: #eeeeee;}
.flex-content-03-c { background-color: #eeeeee;}
.flex-content-03-d { background-color: #eeeeee;}

.kurikaesi { display: flex; flex-direction: row; flex-grow: 1; justify-content: space-between; margin-top:20px; }
.kurikaesi-01 { width :100px; font-size :25px; color :navy;}
.kurikaesi-02 { font-size :25px; color :navy;}
.kurikaesi-03 { width :100px; font-size :25px; color :navy;}

p.kurikaesi { font-size :25px; color :black; margin-top: 0; margin-bottom: 0; text-align:center;}
p.seihi { font-size :25px; color :black; margin-top: 10px; margin-bottom: 0;text-align:center;}

p.kotirano { font-size :25px; color :black; margin-top: 0; margin-bottom: 0; text-align:center;}

.template { display: flex; flex-direction: row; flex-grow: 1; justify-content: space-between; margin-top:20px; }
.temp-gazou-01 { margin-left :50px;}
.temp-gazou-02-02 {}
.temp-bun { font-size :25px; color :black; margin-top :0px; margin-left :50px; margin-right :50px;}

.kousiki { display: flex; flex-direction: row; flex-grow: 1; justify-content: space-between; margin-top:20px; }
.kousiki-01 { margin-left :150px;}
.kousiki-02 { font-size :25px; color :black;}
.kousiki-03 { margin-right :150px;}

.genzai {margin-top: 50px; font-size: 30px; color:blue; margin-top: 10px; margin-bottom: 0px;}
p.genzai {font-size: 25px;  color:black;  margin-top: 50px; margin-bottom: 10px;}
p.genzai-2 {font-size: 25px;  color:black; margin-bottom: 10px;}

.g-02 { overflow: auto; display: flex; justify-content: space-between; margin-left:30px; margin-right:30px;}
.arrow-01-left {float: left;}
.arrow-01-center { float: left; font-size: 50px; margin-left:30px; margin-right:30px;}
.arrow-01-right {float: left;}
.camera-o1 { margin :0;}

footer { text-align: center; margin-bottom: 100px; font-size: 25px;}