<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

html {
  scroll-behavior: smooth;
}

body {
	/*font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ＭＳ ゴシック",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;*/
	font-family: "M PLUS 1p";
	transform: rotate(0.05deg);
	font-size: 16px;
	max-width: 1366px;
	display: block;
	margin: 0 auto;
	background-color: linear-gradient(178deg, rgba(65, 164, 253, 1), rgba(255, 255, 255, 1));
	overflow-x: hidden;;
}

img {
	width:100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

header {
	display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
}


p {
	line-height: 1.5em;
	margin-bottom:1.5em;
}

.block_logo {	
	padding :10px 10px 0 20px;	
}
.block_menu {
	padding :5px 10px 0 60px;	
}

.base-container{
  padding: 5px 0;
}
/* --------------------------- */
/* メニュー（兄）のスタイル */
/* --------------------------- */
.menu {
  display: flex;
  background-color: #fff;
  color: #111;
}
.menu_1:before {
  content: "1";
  font-size: 32px;
  margin-right:.3em;  
  color:#ccc;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.menu_2:before {
  content: "2";
  font-size: 32px;
  margin-right:.3em;  
  color:#ccc;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.menu_3:before {
  content: "3";
  font-size: 32px;
  margin-right:.3em;  
  color:#ccc;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.menu_4:before {
  content: "4";
  font-size: 32px;
  margin-right:.3em;  
  color:#ccc;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.menu-parent {
	width:20%;
  /*width: calc(100% /4);
 border-right: 1px solid #ccc;*/
  position: relative;
}
.menu-parent:nth-child(2) {
	width:25%;
}
.menu-parent:last-child {
	width:30%;
}
.menu-parent_a {
  display: block;
  padding: 10px;
/*  text-align: center;*/
}
.menu-parent_a.blrn{
  border-left: none;
  border-right: none;
}
.menu-parent span {
  vertical-align: 25%;
}


/* --------------------------- */
/* メニュー（兄）の動作に直接関係する箇所 */
/* --------------------------- */
/* メニュー（兄）hover時に色を変える */
@media (hover: hover) {
  .menu-parent_a:hover{
    background-color: #eee;
    transition: all .9s;
  }
}
/* メニュー（兄）にactive付与されたとき色を変える */
.menu-parent_a.active{
  background-color: #eee;
}
 /* --------------------------- */
/* メガメニュー(弟)のスタイル */
/* --------------------------- */
/* メニュー（弟）は普段は非表示 */
.menu-child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 125%;
  padding: 10px 0;
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-top: none;
}
.menu-child_ul{
  list-style-type: disc;
  padding-left: 2.5em;
}
.menu-child_li {
  line-height: 2;
  font-size: 16px;
  margin-bottom: .8em;
}
main {
	padding: 0 0;
}
.page_01 {
	padding: 0 0 80px 0;
	background: #E7EFF8;
}
.page_02 {
	padding: 0 0 80px 0;
	background: #E7EFF8;
}
.cont-head {
	height:auto;
}
.cont-body {
	position: relative;
	width: 92%;
	margin: -230px auto 0;
	padding: 40px 20px;
	background-color: #fff;
}
.cont-body2 {
	position: relative;
	width: 92%;
	margin: -230px auto 0;
	padding: 40px 0;
	background-color: #DDF4F2;
	z-index: 1;
}
.bg_white {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 49%;
	background-color: #fff;
	z-index: 2;
}
.content {
	position: relative;
	z-index: 10;
}
.cont_01 {
	display: flex;
	justify-content:space-around;
	border-bottom:3px solid #eee;
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
}

.cont_01_l {
	width: 35%;
}
.cont_01_l h2 ,.cont_01_l50 h2 ,.cont_02 h2 {
	color:#297bb1 ;
	font-size: 36px;
	font-weight: 600;
	margin: 0 0 .5em  0;
}

.p_note {
	font-size: 80%;
	text-indent: -1.4em;
	padding-left: 1.4em;
	margin-bottom: .5em;
}
.cont_01_l50 {
	width: 48%;

}
.cont_01_r50 {
	width: 50%;

}
.cont_01_r {
	width: 56%;
	height: 100%;
	display: table-cell;
	vertical-align: bottom;
}
.cont_01_r2 {
	width: 56%;
	display: flex;
	justify-content:space-around;	
}
.cont_01_r2 div {
	width:48%;
}
.modal_video {
	width: 100%;
}


.cont_02 {
	padding: 0 22px 0 22px;
	
}
.cont_02 h3 {
	font-size: 24px;
	font-weight: 600;
	margin: 1.5em 0 .5em  0;
}
.cont_02 .list_1 {
	list-style: none;
	padding: 0;
	margin: 30px 0 80px 18%;
}
.cont_02 .list_1 li {
	display: inline-block;
	width:305px;
	margin:0 1.5% 30px 0;	
}
.cont_02 .list_2 {
	list-style: none;
	padding: 0;
	margin: 30px 0 80px 0;
}
.cont_02 .list_2 li {
	display: inline-block;
	width:31%;
	margin:0 1% 30px 0;	
}
@media screen and (max-width: 820px) {
.cont_02 .list_1 li {
	width:202px;
}
}
.cont_03 {
	padding: 0 20px;
}
.cont_04 {
	display: flex;
	justify-content:space-around;
	border-bottom:3px solid #eee;
	padding:0 0 40px 0;
	margin: 0 0 40px 0;
}
.cont_04 h3 {
	font-size:24px;
	font-weight: 600;
	line-height: 1.8em;
}
.cont_04 h3 span {
	color:#1056A0;
}
.kadomaru {
	background-color: #1056A0;
	color:#fff;
	width:fit-content;
	padding: .3em 1em;
	border-radius: 50px;
	font-size:22px;
	font-weight: 600;
	margin: 1em .5em;
}
.marubatsu {
	font-size:20px;
	margin: .5em .5em;
	font-weight: 600;
}
.hosoku {
	font-weight: 600;
	line-height: 1.8em;
	margin:.5em 0 0 .5em;
}
.hosoku span {
	font-size:22px;
	border-bottom: 2px solid #111;
}
.red {
	font-size: 140%;
	color:#D61518;
}
.blue {
	color:#0768AB;
	margin-left:-0.1em;
}
.cont_04_l {
	width: 55%;
	padding: 20px 20px 5px 0;
	display: table;
}
.cont_04_l-in {
	display: table-cell;
	vertical-align: middle;
	background-color: #EBF2F4;
	padding: 0 0 0 20px;
}
.cont_04_r {
	width: 42%;
}
.cont_05 {
	display: flex;
	justify-content:space-around;
	border-bottom:3px solid #BDDDEE;
	padding:30px 0 50px 0;
	margin: 0 0 40px 0;
}
.cont_05_l {
	width: 48%;
	padding: 20px 20px 5px 20px;
}
.cont_05_l h3 {
	font-size:24px;
	font-weight: 600;
	margin: 0 0 1em 0;
}

.cont_05_r {
	width: 48%;
	display: flex;
	justify-content:space-around;	
}
.cont_05_r1 {
	width: 51%;
	COLOR:#1056A0;
}
.cont_05_r1 h4 {
	font-size:24px;
	font-weight: 600;
	margin: 0 0 1em 0;
}
.cont_05_r1 p {
	font-size: 16px;
	line-height: 1.5em;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin: 0 0 1em 0;
}
.cont_05_r1 dl {
	font-size: 16px;
}
.cont_05_r1 dl dt {
	margin-bottom: .5em;
	line-height: 1.5em;
	font-weight: 500;
}
.cont_05_r1 dl dd {
	padding: 0 0 0 1.2em;
	line-height: 1.5em;
}
.cont_05_r2 {
	width: 45%;

}
.link_btn {
	width: fit-content;
	padding: .8em 1.5em;
	background-color: #CDE5FF;
	fonr-size:18px;
	color:#1056A0;
	font-weight: 600;
	margin: 40px auto ;
	border: 5px double #1056A0;
	border-radius: 30px;
}