@charset "UTF-8";
body {
  font-size: 18px;
}
/* =====================
  汎用style
===================== */
/* PC改行解除用*/
@media screen and (min-width: 640px) {
  .spbr {
    display: none;
  }
}

/*=====================

ヘッダー

=====================*/

.header {
  background: #fff;
  width: 100%;
  height: 104px;
}
.header div.box {
  text-align: left;
}
.site_id img {max-width: 204px; padding: 27px 0;}
}

/* =====================

  セクション　共通

===================== */
section {
  text-align: left;
}


	
/* =====================

  コンテンツ

===================== */
#c_01 {
	background: url("../img/c01_bg.png") no-repeat;
	background-position: center top;
	background-size: auto;
	height: 880px;
}
#c_01_inner {
	position: relative;
	width: 800px;
	margin: 0 auto;
}
#c_01_inner .timecode {
	position: absolute;
	left: 0;
	top: 69px;
	text-align: left;
}
#c_01_inner .timecode img {
	max-width: 508px;
	width: 508px;
	margin: 0 0 ;
}
#c_01_inner h1 {
	position: absolute;
	left: 0;
	top: 240px;
	background: none;
}
#c_01_inner h1 img {
	max-width: 488px;
	width: 488px;
}
#c_01_inner .shakuyakun {
	position: absolute;
	left: 514px;
	top: 25px;
	background-color: rgba(0,0,0,0.00);
	background-image: none;
}
#c_01_inner .shakuyakun img{
	max-width: 354px;
	width: 354px;
}

#c_01_inner h2 {
	position: absolute;
	left: 0;
	top: 580px;
}
#c_01_inner h2 img {
	max-width: 798px;
	width: 798px;
}
#c_01_inner #c01_btn {
	position: absolute;
	text-align: center;
	left: 0;
	top: 636px;
}
#c_01_inner #c01_btn img{
	max-width: 720px;
	width: 720px;
	margin: 15px 0;
}
#c_01_inner #c01_btn a:hover{
	opacity: 0.8;
}
/*    */
#c_02 .c02_read {text-align: center;}
#c_02 .c02_read img{
	max-width: 720px;
	width: 720px;
	margin: 60px 0 30px;
}
#c_02 h2 {text-align: center;}
#c_02 h2 img{
	max-width: 1024px;
	width: 1024px;
	margin: 0px 0 30px;
}
#c_02 p.c02psec {
	text-align: center;
	font-size: 0.85rem;
	line-height: 1.9;
}
#c_02 .c02lineup {padding: 30px 0 60px; width: 1024px; display: flex;flex-wrap:wrap;}
#c_02 .c02lineup .c02lineup_list{
	text-align: center;
}
#c_02 .c02lineup .c02lineup_list p{
	font-size: 0.7rem;
	font-weight: bold;
	padding-top: 28px;
}
#c_02 .c02lineup .c02lineup_list img.shakuya{
	max-width: 567px;
	width: 567px;
}
/*    */
#c_03 {
	background: #F2F6F9;padding: 60px 0;
}
#c_03 h2 {text-align: center;}
#c_03 h2 img{
	max-width: 780px;
	width: 780px;
	margin:0 0 30px;
}
#c_03 .c03icons {width:720px; margin: 20px auto 0; display: flex; flex-wrap:wrap; justify-content: space-between;}
#c_03 .c03icons img{
max-width: 230px;
	width: 230px;
	height: 230px;
	margin-bottom: 20px;
}

#c_04 {
	background-color: #c0ddf2;
    background-image:repeating-linear-gradient(-45deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 2px, #c0ddf2 2px, #c0ddf2 10px);
	padding: 60px 0;
}
#c_04 h2{
	background-color: #4ea2da;
	border-radius: 50px 50px 0 0;
	text-align: center;padding: 30px 0;
}
#c_04 h2 img{
	width: 800px;
}
#c_04 .cam_box{
	background-color: #fff;
	border-radius:0 0 50px 50px;
	text-align: center;
	padding: 60px 50px;
	margin-bottom: 60px;
}
#c_04 .cam_box .boxdata_a{
display: flex;
	flex-wrap:wrap;
}
#c_04 .cam_box .boxdata_b{
display: flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
#c_04 .cam_box .boxdata_a p.txt_a,#c_04 .cam_box .boxdata_b p.txt_b {text-align: center; font-size: 0.8rem}
#c_04 .cam_box .boxdata_a p.txt_a img{
	width: 590px;
	margin-left: 30px;
	margin-bottom: 30px;
}
#c_04 .cam_box .boxdata_b p.txt_b img{
	width: 510px;
	margin-right: 30px;
	margin-bottom: 30px;
}
#c_04 .cam_box a.databtn img{
	width: 720px;
	margin-top: 25px;
}
#c_04 .cam_box a:hover{
	opacity: 0.8;
}
/*　　　　*/
#c_05 .readbox{background: #0067b6; padding: 70px 0; text-align: center;}
#c_05 .readbox p.readbox_a img{width:510px; }
#c_05 .readbox p.readbox_b img{width:760px; margin-top: 30px; }

#c_05 .databox{ background: #f4f1f0 url("../img/c05_arr_bg.png") no-repeat center top; padding-bottom: 100px;}
#c_05 .databox div.data_wrapper{ width: 800px; margin: 0 auto;padding-bottom: 100px;}
#c_05 .databox h2{ padding: 85px 0; text-align: center;}
#c_05 .databox h2 img{ width: 800px;}
#c_05 .databox h3.data_h3_a{ padding: 50px 0 30px; text-align: left;}
#c_05 .databox h3.data_h3_a img{ width: 655px;}
#c_05 .databox h3.data_h3_b{ padding: 50px 0 30px; text-align: left;}
#c_05 .databox h3.data_h3_b img{ width: 765px;}
#c_05 .databox .data_inner {display: flex; justify-content: space-between;}
#c_05 .cm_box{ 
	width: 1024px; 
	background-color: #0067b6;
    background-image:repeating-linear-gradient(-45deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 2px, #0067b6 2px, #0067b6 10px);
	border-radius: 160px;
	text-align: center;
	padding: 40px 120px 60px;
	margin: 0 auto;
}
#c_05 .cm_box h2{ 
	padding: 20px 0; 
	text-align: center;
}
#c_05 .cm_box h2 img{ 
	width: 610px;
}
#c_05 .cm_box .cm_img{width: 640px; display: flex; justify-content: space-between; align-items: flex-end; margin: 20px auto 30px;}
#c_05 .cm_box .cm_btn{width: 720px;margin: 0px auto;}
#c_05 .cm_box .cm_btn a:hover{opacity: 0.8;}

#c_06 {background: #d1e2f4 url("../img/c06_bg_btm.svg") no-repeat bottom; padding-bottom: 170px; position: relative;}
#c_06 .c06_head {
	background: url("../img/c06_shakuya.png") no-repeat 735px;
}
#c_06 h2 { padding: 80px 0; text-align: center;}
#c_06 h2 img{ width: 560px;}
#c_06 .databox {background: #fff; padding: 40px 55px; margin-bottom: 20px}
#c_06 .databox h3.data_h3_a { padding: 0px 0 40px; text-align: center;}
#c_06 .databox h3.data_h3_a img{ width: 600px;}
#c_06 .databox h3.data_h3_b { padding: 0px 0 25px; text-align: center;}
#c_06 .databox h3.data_h3_b img{ width: 280px;}
#c_06 .data_inner {display: flex; justify-content: space-between; flex-direction: row; font-size: 0.9rem}
#c_06 .databox .data_a h4 img {width: 330px; margin-bottom: 28px;}
#c_06 .databox .data_b h4 img {width: 370px; margin-bottom: 15px;}
#c_06 .data_inner .data_a{flex-basis: 45%; position: relative;}
#c_06 .data_inner .data_a::after{ margin: 0 1rem;
  content: ""; width: 6px; height: 100%; border-radius: 3px; background: #d1e2f4; position: absolute;
  left: 105%; top: 0;}
#c_06 .data_inner .data_b{flex-basis: 45%; padding-top: 0;}
#c_06 .data_inner .data_b_set {display: flex;align-items: flex-end; }
#c_06 .data_inner .data_b_set p{padding-right: 5px; font-size: 0.85rem;}
#c_06 .data_inner .data_b_set p img.dataB_img_a{width: 140px;}
#c_06 .data_inner .data_b_set p img.dataB_img_b{width: 40px;}
#c_06 .topTOP {position: absolute; bottom: 0; right: 0;}
#c_06 .topTOP img {width: 220px;}
#c_06 .topTOP a:hover {opacity: 0.8;}
/* =====================

  フッター

===================== */
.footer {
	background: #fff; 
	padding: 90px;
	text-align: center;
}


.foot_id img{
	width: 290px;
}