@charset "UTF-8";
/* CSS Document */
html,body{margin:0;padding:0;}

.main-nav{
	display: flex;
	font-size: 18px;
	margin: auto;
	list-style: none;
	background-color: rgba(0,22,85,1.00);
	height: 50px;
	text-align:center;
	width: 1000px
	
}
.main-nav li{
	margin: auto;
	
}
.main-nav a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

.hedphoto{
    width: 100%;
    height: auto;
	margin-top: 0px;
}
h2{
	font-family: "Sawarabi Mincho";
	color: rgba(0,22,85,1.00);
	line-height: 0.5;
	font-weight: lighter;
	font-size: 40px
}

.example {
  margin: 40px auto;
  width:500px;
  font-family: "Sawarabi Mincho";color: #000080;line-height: 0.5;font-weight:lighter;font-size:  50px;
  text-align: center;
}
.text1{
	width: 700px;
  height: 100px;
  margin:50px auto;
  font-family: "Noto Sans JP";font-weight:lighter;line-height: 1.7;text-align: justify; font-size:  16px;color: #696969
}
.spas{
	line-height: 3
}

.spas2{
	line-height: 6
}

.ins_block {
	text-align: center;
}

.ins_list p {
	padding: 0 7px;
	text-align: left;
	color: rgba(255,255,255,1.00)
}

.ins_list h5 {
	margin: 0 0 10px 0;
	color:rgba(255,255,255,1.00);
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.ins_txt{
    background: rgba(0,22,85,1.00);
    margin-top: -8px;
	margin-left: 73px;
	margin-bottom: 70px;
    padding: 25px 15px;
	width: 420px;
    height: 150px;
	
}
.inner {
	padding: 0 18px;
}

.item{
background: #0db;
color: #fff;
	width: 420px;
margin: 10px;
padding: 10px;
	

}

.container{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
}

.item-l{
	wide:80px;
}

.inner2 {
	padding: 40px 20px 0 20px;
}

.imgsp{
	margin-left: 73px;
}

.container2{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
}

.container3{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
}

.ins_list10 p {
	padding: 0 7px;
	text-align: left;
	color:rgba(0,0,0,1.00);
}

.ins_list10 h3 {
	color:rgba(0,0,0,1.00)
	font-size: 50px
	font-weight: lighter;
	font-family: "Sawarabi Mincho";
}

.ins_txt10 {
    margin-top: 0px;
	margin-left: 73px;
	margin-bottom: 70px;
    padding: 25px 15px;
	width: 390px;
    height: 120px;
}

.text10{
	color:rgba(0,0,0,1.00)
	font-size: 50px
	font-weight: lighter;
	font-family: "Sawarabi Mincho";
}

.text11{
	font-size: 35px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;
	color:rgba(0,0,0,1.00);
	margin-left: 73px;
	color: #696969;
	line-height: 1.7;
}
	
.text12{
	width: 410px;
	height: 120px;
	margin-top: 20px;
	margin-left: 73px;
	margin-right: 30px;
	font-family: "Noto Sans JP";
	font-weight:lighter;
	line-height: 1.7;
	text-align: justify;
	font-size:  16px;
	color: #696969
}

.spas3{
	line-height: 4
}

.spas5{
	line-height: 1
}

.imgsp1{
	height: 60px;
	width: 175px;
	margin-left: 73px;
}

.imgsp2{
	width: 175px;
	margin-left: 71px;
}

.imgsp3{
	width: 175px;
	margin-left: 71px;
}

.imgsp4{
	width: 175px;
	margin-left: 71px;
}

.box2{
	text-align: center;
}

.text13{
	margin-top: 50px;
	margin-left: 300px;
	font-family: "Noto Sans JP";
	font-weight:bolder;
	font-size:  20px;
	letter-spacing: 0.3em;
	color:rgba(255,255,255,1.00);
	width: 400px;
    height: 30px;
	background: rgba(0,22,85,1.00);
	padding-top: 10px
}

.text14{
	
	margin-left: 300px;
	margin-bottom: 70px;
	font-family: 'Archivo Black', sans-serif;
	font-weight:bold;
	font-size:  50px;
	color:rgba(255,255,255,1.00);
	line-height: 1.3;
	width: 400px;
    height: 70px;
	background: rgba(0,22,85,1.00);
}

.stphoto2{
	margin-left: 60px;
}




.text15{
	font-size: 15px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;
	letter-spacing: 10px;
	color: #696969;
	line-height: 1.7;
	margin-top: 20px;
}

.text150{
	font-size: 15px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;
	color: #696969;
	margin-top: 20px;
}

.text16{
	font-size: 35px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;
	letter-spacing: 10px;
	color: #696969;
	line-height: 1.7;
	margin-top: 7px;
	margin-bottom: 20px;
}

.text17{
	font-size: 15px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;
	color: #696969;
	line-height: 2.5;
}

.text18{
	margin-top: -5px;
}

.text19{
	font-size: 35px;
	font-family: "Sawarabi Mincho";
	font-weight: lighter;

	color: #696969;
	line-height: 1.7;
	margin-top: 7px;
	margin-bottom: 20px;
}

.container4{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
	margin-top: 60px;
	justify-content: center;
}

.box3{
	text-align: center;
	margin-left: 40px;
}

.bar1{
	display: flex;
	font-size: 25px;
	color: rgba(255,255,255,1.00);
	font-family: "Sawarabi Mincho";
	margin-top: 50px;
	background-color: rgba(0,22,85,1.00);
	height: 50px;
	justify-content: center;
	align-items: center;
	letter-spacing: 10px;
	
}

.text20{
	font-family: "Noto Sans JP";
	font-weight:lighter;
	line-height: 1.7;
	text-align: justify;
	font-size:  16px;
	color: #696969;
	margin-left: 30px

}

.box4{
	border-width: 1px 0px 1px 0px;
	border-color: rgba(255,255,255,1.00)
}

.bar2{
	display: flex;
	margin-top: 50px;
	background-color: rgba(0,22,85,1.00);
	height: 250px;
	justify-content: center;
	align-items: center;
	
}

.container5{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
	margin-top: 30px;
	justify-content: space-around;
	align-items: center;
}

.text21{
	font-family: "Noto Sans JP";
	font-weight:lighter;
	line-height: 1.7;
	font-size:  16px;
	color:rgba(255,255,255,1.00)
	
}

.text22{
	font-family: 'Archivo Black', sans-serif;
	font-weight:bold;
	font-size:  40px;
	color:rgba(255,255,255,1.00);
	line-height: 1.3;
	margin-bottom: 5px;

}
.text23{
	font-family: "Noto Sans JP";
	font-weight:lighter;
	line-height: 1.7;
	font-size:  15px;
	color:rgba(255,255,255,1.00)
}

.tex23 a{
	color: rgba(255,255,255,1.00);
}
.text24{
	font-weight:lighter;
	line-height: 1.7;
	font-size:  150px;
	transform: scale(0.1, 1);
	color:rgba(255,255,255,1.00);
	margin-top: -20px
}

.example1{
	margin: 40px auto;
    width:1000px;
    font-family: "Sawarabi Mincho";
	color: #000080;
	line-height: 0.5;font-weight;
	lighter;font-size:  40px;
    text-align: center;
}

.container6{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
	margin-top: 30px;
	justify-content: space-around;
	align-items: center;
	border:solid 1px ;
	border-color: rgba(0,22,85,1.00) rgba(255,255,255,1.00) rgba(0,22,85,1.00) rgba(255,255,255,1.00);
}

.box5{
	width: 200px;
	margin:auto
}

.box6{
	border:solid 1px ;
	border-color: rgba(0,22,85,1.00) rgba(255,255,255,1.00) rgba(0,22,85,1.00) rgba(255,255,255,1.00);
	width: 480px;
	margin: auto;
}

.box7{
	margin: auto;
	width: 200px;
}

.box8{
	width:100px;
	margin: auto;
}
.box9{
	width:430px;
	margin: auto;
}

.box11{
	margin: auto;
	width: 150px;
}

.text30{
	border:solid 1px ;
	border-color: rgba(6,13,216,1.00) rgba(234,17,17,1.00) rgba(33,180,119,1.00) rgba(209,28,215,1.00)
}

.container10{
	display: flex;
	width: 1000px;
	margin:auto;
	flex-wrap:wrap;
}

.text40{
	font-family: "Noto Sans JP";
	font-weight:bolder;
	font-size:  16px;
	letter-spacing: 0.3em;
	color:rgba(0,22,85,1.00);
}

.text41{
	font-family: 'Archivo Black', sans-serif;
	font-weight:bold;
	font-size:  40px;
	color:rgba(0,22,85,1.00);
	line-height: 1.3;
	margin-top: -10px
}

.box10{
	margin: 15px 0 0 auto;
}

.box20{
	postion: relative;
}

.text50{
	position: absolute;
    top: 20px;
    right: 10px;
    width: 50%;
    color: darkred;
    background-color: #fff;
    padding: 15px;
    font-size: 20px;
    line-height: 130%;
}


.box8 a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

.container50{
	width: 1000px;
	margin: auto;
}

.container51{
	display:flex;
	flex-wrap:wrap;margin: auto;
	justify-content: space-between;
	width: 1000px;	
}

.icon1{
	width: 310px;
	line-height: 70px;
	margin: 10px;
	background-color: rgba(0,22,85,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 15px;
	text-align: center;
	border-radius: 20px;
	
}

.icon1 a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

.icon2{
	width:310px;
	line-height: 70px;
	margin: 10px;
  	background-color: rgba(0,22,85,1.00);
	color: rgba(255,255,255,1.00);
  	text-align:center;
	font-size: 15px;
	border-radius: 20px;
}

.icon2 a{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}

.icon2 .target{
	display:inline-block;
  	vertical-align: middle;
  	line-height:normal;
}

.barbar{
	width: 100%;
	height: 50px;
	background-color: rgba(0,22,85,1.00)
}

.example2 {
  margin: 40px auto;
  width:1000px;
  font-family: "Noto Sans JP";color: #000000;line-height: 0.5;font-weight:lighter;font-size:  25px;
  text-align: center;
}

.top-image{
height:calc(100vh - 50px);/*ヘッダーの高さをマイナス。必要なければheight:100vhに。*/
position: relative;
overflow:hidden;
min-height: 400px;/*スマホ画面を横にした場合、文字が重ならないように*/
}
/*メイン画像の設定*/
.top-image-main{
min-width: 100%;
min-height: 100%;
object-fit: cover;
margin-top: 0%;/*画像のトリミング調整*/
}

.img000 {
  width: 100%;
  height: 298px;
  object-fit: cover;
}

.img001 {
  width: 100%;
  height: 1100px;
  object-fit: cover;
}