@charset "utf-8";
body {
	font-family: "Open Sans", "Open Sans Condensed", sans-serif;
	font-style: normal;
}

@media screen and (min-width:768px) {
	body {
		/*min-width: 1200px*/
	}
	.u-sp {
		display: none !important;
	}
	a:hover {
		opacity: 0.8;
	}
	.br-sp{
		display: none;
	}
}

@media screen and (max-width:768px) {
	.u-pc {
		display: none !important;
	}
}

.u-tit {
	text-align: center;
	padding-top: 90px;
	margin-bottom: 40px;
}
.sec02 .u-tit:not(:first-child) {
	padding-top: 50px;
}

.u-tit-span, .u-tit4-span {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.3px;
	line-height: 1.7;
	white-space: nowrap;
  	text-align: center; 
  	font-size: 32px;
  	padding: 0px 10px 5px 10px;
  	border-image: linear-gradient(to right, #064502 , #116d0a , #469b40 , #8dad62) 1;
  	border-image: -webkit-linear-gradient(to right, #064502 , #116d0a , #469b40 , #8dad62) 1;
  	border-bottom-width: 4px;
  	border-bottom-style: solid;
}
.u-tit4-span {
	color: #ffffff;
  	border-image: linear-gradient(to right, #ffffff , #ffffff , #ffffff , #ffffff) 1;
  	border-image: -webkit-linear-gradient(to right, #ffffff , #ffffff , #ffffff , #ffffff) 1;
  	border-bottom-width: 4px;
  	border-bottom-style: solid;
  	font-size: 22px;
}

@media screen and (min-width:768px) {
	.u-tit {
		font-size: 45px;
	}
	.u-tit-span, .u-tit4-span {
		font-size: 40px;
	}
}

@media screen and (max-width:768px) {
	.u-tit {
		width: 95%;
		margin: 0 auto;
	}
}

.u-sub {
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 0 10px 0em;
	gap: 10px;
	/*border-bottom: 1px solid #e6e6e6*/
}

.u-sub::before {
	content: "\25C6";
	font-size: 22px;
	color: #064502;
}

@media screen and (min-width:768px) {
	.u-sub {
		font-size: 32px;
	}
}

.u-btn1 {
	position: relative;
	margin: 100px auto 15px;
	width: 90%;
	height: 54px;
	border-radius: 27px;
	background-color: #8e8e8e;
	background-image: linear-gradient(to right, #e36300, #e0691b , #ffa114);
	background-image: -webkit-linear-gradient(to right, #e36300, #e0691b , #ffa114);
}

.u-btn1 a.u-btn1-link {
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: 46px;
	padding-top: 2px;
	font-size: 25px;
	line-height: 1.4;
	font-weight: bold;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 23px;
	letter-spacing: 0.3px;
	text-align: center;
}
@media screen and (min-width:768px) {
	.u-btn1 {
		position: relative;
		margin: 100px auto 15px;
		width: 90%;
		max-width: 900px;
		height: 72px;
		border-radius: 36px;
	}
	.u-btn1 a.u-btn1-link {
		height: 64px;
		padding-top: 2px;
		font-size: 25px;
		line-height: 2.2;
		border-radius: 32px;
		letter-spacing: 0.3px;
	}
}

.u-gothic {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0.3px;
	line-height: 1.5;
  	text-align: left;
  	font-size: 18px;
}

.u-open_sans {
	font-family: 'Open Sans';
	font-style: bold;
	font-weight: normal;
	color: #000000;
	letter-spacing: 0.3px;
	line-height: 1.5;
  	text-align: left; 
  	font-size: 18px;
}

@media screen and (max-width:768px) {
	.u-open_sans {
		padding-bottom: 10px;
	}
}

.icap-access-outer10, .icap-access-outer20 {
	position: relative;
	width: 140px;
	height: 40px;
	border-radius: 20px;
	display: inline-block;
	background-color: #8e8e8e;
	background-image: linear-gradient(to right, #e36300, #e0691b , #ffa114);
	background-image: -webkit-linear-gradient(to right, #e36300, #e0691b , #ffa114);
	margin-left: 60px;
}
.icap-access-outer20 {
	margin-left: 20px;
}
.top_txt ul li .icap-access-link {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 132px;
	height: 32px;
	padding-top: 2px;
	font-size: 22px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 16px;
}

.u-hover {
	transition: all .3s;
}

@media(hover:hover) {
	.u-hover:where(:any-link, :enabled, summary):hover {
		opacity: .6;
	}
}

.u-flex {
	display: flex;
	flex-wrap: wrap;
}

.u-flex.alic {
	align-items: center;
}

.u-flex.alifs {
	align-items: flex-start;
}

.u-flex.alife {
	align-items: flex-end;
}

.u-flex.jscc {
	justify-content: center;
}

.u-flex.jsfs {
	justify-content: flex-start;
}

.u-flex.jsfe {
	justify-content: flex-end;
}

.u-flex.jssb {
	justify-content: space-between;
}

.u-flex.jssa {
	justify-content: space-around;
}

.u-flex.fdrr {
	flex-direction: row-reverse;
}

.u-flex.fdc {
	flex-direction: column;
}

@media screen and (min-width:768px) {
	.u-flex-pc {
		display: flex;
		flex-wrap: wrap;
	}

	.u-flex-pc.alic {
		align-items: center;
	}

	.u-flex-pc.alifs {
		align-items: flex-start;
	}

	.u-flex-pc.alife {
		align-items: flex-end;
	}

	.u-flex-pc.jscc {
		justify-content: center;
	}

	.u-flex-pc.jsfs {
		justify-content: flex-start;
	}

	.u-flex-pc.jsfe {
		justify-content: flex-end;
	}

	.u-flex-pc.jssb {
		justify-content: space-between;
	}

	.u-flex-pc.jssa {
		justify-content: space-around;
	}

	.u-flex-pc.fdrr {
		flex-direction: row-reverse;
	}

	.u-flex-pc.fdc {
		flex-direction: column;
	}
}

@media screen and (max-width:768px) {
	.u-flex.jscr {
		flex-direction: column-reverse;
	}
}

.top {
	margin-bottom: -90px;
}
.top_img {
	position: relative;
}

.top_img img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:768px) {
	.top {
		margin-bottom: 0px;
	}
}

.top_txt {
	font-weight: 600;	
	position: absolute;
	top: 44%;
	left: 40%;
	transform: translate(-45%, -50%);
	-webkit-transform: translate(-45%, -50%);
	-ms-transform: translate(-45%, -50%);
	width: 1000px;
}

@media screen and (max-width:768px) {
	.top_txt {
		width: 90%;
		top: 30%;
		left: 50%;
		transform: translate(-50%, -39%);
		-webkit-transform: translate(-50%, -39%);
		-ms-transform: translate(-50%, -39%);
	}
}

.top_txt h1 {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.1;
    font-style: italic;
    font-weight: bold;
    font-family: 'Open Sans';
    font-size: 120px;
    margin-bottom: -20px;
    color: #ffffff;
    letter-spacing: 0.2px;
}
.top_txt h2 {
	line-height: 36px;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
    color: #ffffff;
    letter-spacing: 0.2px;
	margin-bottom: 45px;
	margin-top: 10px;
}
.top_txt .top_txt-span {
	margin-top: -5px;
	margin-bottom: 50px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 27px;
	line-height: 1.1;
	color: #ffffff;
	letter-spacing: 0.2px;
	display: block;
}
.day-box{
	margin-bottom: 40px;
}
.day-box .title{
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 30px;
	border-left: 2px solid #FFE600;
	padding-left: 15px;
}
.day-box .day-flex{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.day-box .day-flex .day-hizuke{

}
.day-box .day-flex .hizuke{
	font-size: 60px;
	background-color: #FFE600;
	padding: 10px;
	color: #000;
	font-weight: bold;
	height: 100px;
	width: 100px;
	padding: 30px 0 0 15px;
	line-height: 0.4;
}
.day-box .day-flex .hizuke span{
	font-size: 20px;
	padding-left: 10px;
}
.day-box .day-flex .hizuke-02 span{
	font-size: 20px;
	padding-left: 15px;
}
.day-box .day-flex .day-explain{
	height: 100px;
    padding: 15px 20px;
	width: 750px;
	position: relative;
	z-index: 1;
}
.day-box .day-flex .day-explain::before{
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: -1;
}
.day-box .day-flex .day-explain .explain01 p{
	font-size: 20px;
	font-weight: bold;
}
.day-box .day-flex .day-explain .explain01{
	margin-bottom: 10px;
}
.day-box .day-flex .day-explain .explain02 p{
	font-size: 20px;
	font-weight: normal;
}
.day-box .day-flex .day-explain img{
	width: 30px;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding: 0.7rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #000;
  width: 400px;
  border: 1px solid #fff;
  border-radius: 0.5rem;
}

a.btn-c {
  font-size: 1.8rem;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#FFE600),
    to(#ff9039)
  );
  background-image: -webkit-linear-gradient(left, #FFE600 0%, #ff9039 45%);

}
a.btn-c::after {
	content: "";
    display: inline-block;
    width: 0.9em;
	right: -43%;
    top: 4px;
	height: 0.9em;
    border: 1px solid #fff;
    border-radius: 50%;
    position: relative;
  }
  
  a.btn-c::before {
	content: "";
    position: absolute;
	right: 6%;
    top: 50%;
	width: 0.2em;
    height: 0.2em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
  }
@media screen and (max-width:768px) {
	.top_txt h1 {
		font-size: 60px;
		white-space: normal;
		display: inline-block;
	}
	.top_txt h2 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 1.1;
	}
	.top_txt .top_txt-span {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.day-box .title {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.day-box{
		margin-bottom: 20px;
	}
	.day-box .day-flex .hizuke{
		width: 70px;
		font-size: 40px;
		padding: 50px 0 0 10px;
		height: 125px;
		}
	.day-box .day-flex .hizuke span {
		font-size: 15px;
		padding-left: 4px;
	}
	.day-box .day-flex .hizuke-02 span {
		font-size: 15px;
		padding-left: 7px;
	}
	.day-box .day-flex .day-explain {
		padding: 10px;
		width: 100%;
		display: grid;
        align-items: center;
	}
	.day-box .day-flex .day-explain .explain01{
		margin-bottom: 0;
	}
	.day-flex .explain01{
		margin-bottom: 0;
		gap: 5px;
	}
	.day-flex .explain02{
		margin-bottom: 0;
		gap: 5px;
	}
	.day-box .day-flex .day-explain .explain01 p {
		font-size: 16px;
	}
	.day-box .day-flex .day-explain .explain02 p {
		font-size: 16px;
		font-weight: normal;
	}
	.day-box .day-flex .day-explain img {
		width: 20px;
	}
	.btn-box{
		text-align: center;
	}
	a.btn-c {
		font-size: 22px;
		width: 300px;
	}
	  a.btn-c::after {
		right: -48%;
		top: 4px;
	  }
	  
	  a.btn-c::before {
		right: 7.3%;
		top: 50%;
	  }
	  .day-box .day-flex .day-explain{
		height: 125px;
	  }
}
@media screen and (max-width:450px) {
	.day-box .day-flex .hizuke{
		width: 70px;
		font-size: 40px;
		padding: 48px 0 0 6px;
		}
}

.top_txt ul {
	margin-top: 25px;
}

.top_txt ul li {
	color: #ffffff;
	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0;
	letter-spacing: 0.4px;
}
.top_txt ul li span > span.top_txt-li-span {
	color: #ffffff;
	font-family: 'Open Sans Condensed';
  	font-style: normal;
  	font-weight: 500;
	font-size: 20px;
	line-height: 1.1;
	margin: 0px 0px 8px 0px;
	letter-spacing: 0.4px;
	display: inline-block;
}

@media screen and (min-width:768px) {
	.top_txt ul li {
		display: flex;
		align-items: first baseline;
		margin: 15px 0px;
		white-space: nowrap;
		text-align: left;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 25px;
		line-height: 1.1;
		color: #ffffff;
		letter-spacing: 0.4px;
	}
}

.top_txt ul li>span.top_txt-li,
.top_txt ul li>i {
	font-style: normal;
	color: #fff;
	font-size: 23px;
	background: linear-gradient(to right, #064502, #aed478);
	background: -webkit-linear-gradient(to right, #064502, #aed478);
	width: 120px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 1em;
	white-space: nowrap;
	font-family: 'Open Sans';
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.3px;
}
.top_txt ul li:nth-child(3) > i, .top_txt ul li:nth-child(4) > i {
	font-family: 'Open Sans Condensed';
	letter-spacing: 0.05px;
	
}

.top_txt ul li:nth-child(1) > span {
	margin-top: -8px;
}

@media screen and (max-width:768px) {
	.top_txt ul li>span.top_txt-li,
	.top_txt ul li>i {
		margin-bottom: 5px;
	}
	.top_txt ul li span > span.top_txt-li-span {
		font-size: 15px;
	}
}

@media screen and (min-width:768px) {
	.top_txt ul li a {
		font-size: 20px;
		/*margin-left: 1em*/
	}
}

@media screen and (max-width:768px) {
	.top_txt ul li a {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.top_txt ul li:nth-child(1) > span {
		margin-top: 0px;
	}
}

.top_txt ul li a span {
	font-style: normal;
	background-color: #fff;
	width: 10px;
	height: 11px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	display: inline-block;
	margin-right: 5px;
	margin-top: 3px;
	filter: drop-shadow(2px 2px 2px #0066b3);
}
.top_txt ul li a i {
	font-style: normal;
	background-color: #fff;
	width: 12px;
	height: 15px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	display: inline-block;
	margin-left: 13px;
	margin-right: 6px;
	margin-top: 5px;
	filter: drop-shadow(2px 2px 2px #0066b3);
}

.navigation {
	display: none;
}

@media screen and (min-width:768px) {
	.navigation {	
		position: relative;	
		display: block;
		height: 120.5px;
		background: linear-gradient(to right, #064502, #aed478);
		background: -webkit-linear-gradient(to right, #064502, #aed478);
		z-index: 10;
	}

	.navigation ul {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
}

@media screen and (min-width:768px) {
	.navigation ul {
		max-width: 1300px;
	}
}

@media screen and (min-width:768px) {
	.navigation ul li:not(.u-btn1) {
		color: #fff;
		border-right: solid 1px #fff;
		flex-grow: 1;
		text-align: center;
		font-size: 25px;
	}

	.navigation ul li:not(.u-btn1):nth-child(4) {
		border-right: none;
		display: flex;
		justify-content: space-around;
		align-items: center;
		gap: 10px;
	}
}

@media screen and (min-width:768px) {
	.navigation.fixed {
		position: fixed;
		top: 0;
		left: auto;
		z-index: 999;
		width: 100%;
		height: 90.5px;
	}
}

.navigation.panelactive {
	display: block;
	background: linear-gradient(90deg, #064502 0%, #aed478 72.41%, #aed478 100%);
	background: -webkit-linear-gradient(0deg, #064502 0%, #aed478 100%);
	height: 100vh;
	width: 100vw;
	z-index: 99;
	position: fixed;
	padding-top: 675px;
	margin-top: -675px;
}

.navigation.panelactive ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.navigation.panelactive ul li:not(.u-btn1) {
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	padding: 10px 0;
	border-bottom: none;
}

.navigation.panelactive ul li:not(.u-btn1):last-child {
	border: none;
}

.navigation.panelactive ul li:not(.u-btn1):nth-child(4) {}

.navigation.panelactive .u-btn1 {
	margin-top: 50px;
}

.sec01 {
	position: relative;
	padding-bottom: 135px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/bg-01-1.png), url(../img/bg-01-2.png);
	background-position: -50px -250px, right -40%;
	background-size: auto auto, auto auto;
	background-repeat: no-repeat, no-repeat;	
}

.sec01 .u-flex-pc {
	z-index: 2;
	position: relative;
	margin: 70px 0 -50px 0;
	gap: 80px 150px;
}

@media screen and (min-width:768px) {
	.sec01 .u-flex-pc {
		max-width: 1200px;
		margin: 90px auto 0px auto;
	}
}

.sec01 .u-flex-pc li {
	text-align: center;
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
  	font-size: 20px;
  	line-height: 1.35;
  	color: #000000;
}

@media screen and (min-width:768px) {
	.sec01 .u-flex-pc li {
		width: auto;/*350px;*/
	}

	.sec01 .u-flex-pc li img {
		display: block;
		margin: 0 auto 15px;
	}
}

.sec01 .u-flex-pc li:nth-child(1) p {
	margin-top: 20px;
}

.sec01 .u-flex-pc li:nth-child(2) p {
	margin-top: 40px;
}

@media screen and (max-width:768px) {
	.sec01 .u-flex-pc li:nth-child(2) {
		margin-top: 55px;
	}

	.sec01 .u-flex-pc li:nth-child(2) img {
		width: 75%;
		height: auto;
	}
}

.sec02 {
	background: radial-gradient(#fff 0%, #fff 0%, #f0f4f6 100%);
	padding-bottom: 100px;
}
.sec02 strong{
font-size: 20px;
}

.sec02-box {
	padding-top: 50px;
	margin: 0 auto;
}

.center-flex{
	justify-content: center;
} 

.italic{
	font-style: italic;
}

@media screen and (min-width:768px) {
	.sec02-box {
		max-width: 1200px;
		gap: 20px;
	}
}

@media screen and (max-width:768px) {
	.sec02-box {
		width: 90%;
		justify-content: space-between;
	}
	.center-flex{
		justify-content: center;
	} 
}

.sec02-box li {
	margin-bottom: 10px;
}

.sec02-box li img {
	width: 100%;
	height: auto;
	max-height: 130px;
	border: 1px solid #c5c5c5;
}

@media screen and (min-width:768px) {
	.sec02-box li {
		width: 285px;		
	}
}

@media screen and (max-width:768px) {
	.sec02-box li {
		width: 48%;
		margin-bottom: 20px;
	}
}

.sec02-box li p {
	margin-top: 10px;
	text-align: left;
	color: #000;
}

@media screen and (min-width:768px) {
	.sec02-box.col3 {
		max-width: 895px;;
	}
}

.sec03, .sec03-10 {	
	position: relative;
	padding-bottom: 130px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/bg-03-1.png), url(../img/bg-03-2.png);
	background-position: left top, right bottom;
	background-size: auto auto, auto auto;
	background-repeat: no-repeat, no-repeat;
}

.sec03-10 {
	margin-top: -90px;
}
	
.sec03-wrap {
	margin: 50px auto 0;
	z-index: 2;
	position: relative;
}

@media screen and (min-width:768px) {
	.sec03-wrap {
		max-width: 1120px;
	}
}

@media screen and (max-width:768px) {
	.sec03-wrap {
		width: 90%;
	}
}

.sec03-box {
	margin-top: 90px;
}

.sec03-box li {
	padding: 30px;
	width: 100%;
	min-height: 340px;
	gap: 40px;
}

@media screen and (max-width:768px) {
	.sec03-box li {
		flex-flow: column;
		align-items: center !important;
	}
	.sec03-box li:nth-child(1) {	
		background-color: #064502;
		width: 105%;
    	margin-left: -5%;
    	padding-left: 5%;
	}
	
	.sec03-box li:nth-child(2) {
		margin-top: 40px;
		background-color: #aed478;
		width: 105%;
    	margin-right: -5%;
    	padding-right: 5%;
	}
}

.sec03-box_img {
	background-color: #fff;
	height: 280px;
	width: 280px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.sec03-box_img p {
	text-align: center;
	color: #000000;
	margin-top: 20px;	
	white-space: nowrap;
  	line-height: 1.35;
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: normal;
  	font-size: 16px;
}

.sec03-box_txt {
	color: #fff;
	line-height: 1.5;	
	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
  	font-size: 18px;
}

@media screen and (min-width:768px) {
	.sec03-box_txt {
		width: 740px;
		font-size: 18px;
	}
	.sec03-box li:nth-child(1) {	
		background-color: #064502;
		width: calc(49vw + 560px);
	  	margin-left: calc(-50vw + 560px);
	  	padding-left: calc(50vw - 560px );
	}
	
	.sec03-box li:nth-child(2) {
		margin-top: 40px;	
		background-color: #aed478;
		width: calc(49vw + 560px);
	  	margin-right: calc(-50vw + 560px);
	  	padding-right: calc(50vw - 560px );
	}
}

.sec04 {
	background: linear-gradient(90deg, #0645023 0%, #aed478 100%);
}

.sec04-wrap {	
	padding-bottom: 100px;
	background-color: #8e8e8e;
	background-image: linear-gradient(to right, #064502, #aed478);
	background-image: -webkit-linear-gradient(to right, #064502, #aed478);
}

@media screen and (min-width:768px) {
	.sec04-wrap {
		background-size: cover;
	}
}

.sec04-wrap>p {
	color: #fff;
	font-weight: 600;
	text-align: center;
}

@media screen and (min-width:768px) {
	.sec04-wrap>p {
		font-size: 22px;
	}
}

.sec04 .u-tit {
	font-size: 1.5rem;
	color: #fff;
	font-family: "Open Sans", "Open Sans Condensed", sans-serif;
}

.sec04 .u-tit::after {
	background-color: #fff;
}

@media screen and (min-width:768px) {
	.sec04 .u-tit {
		font-size: 34px;
	}
}

.sec04-overview {
	margin: 75px auto 0;
	color: #fff;
}

@media screen and (min-width:768px) {
	.sec04-overview {
		max-width: 1120px;
	}
}

@media screen and (max-width:768px) {
	.sec04-overview {
		width: 90%;
	}
}

.sec04-overview dt {
	position: relative;
	width: 250px;
	font-size: 1rem;	
	padding: 5px;
	line-height: 2;
	background-color: #fff;
  	font-family: "Open Sans";
  	font-style: normal;
  	font-weight: bold;
  	font-size: 20px;
  	text-align: left;
  	color: #064502;  	
}

@media screen and (min-width:768px) {
	.sec04-overview dt {
		margin-top: 20px;
		padding: 5px 20px 5px 20px;
		width: 305px;
		text-align: left;
		background-color: #fff;		
		font-family: "Open Sans";
  		font-style: normal;
  		font-weight: bold;
  		font-size: 20px;
  		color: #064502;
	}
}

.sec04-overview dd {
	padding: 5px;
	line-height: 1.35;
	font-size: 18px;
	font-weight: bold;	
	border-bottom: 2px solid #fff;
}

@media screen and (min-width:768px) {
	.sec04-overview dd {
		margin-top: 20px;
		font-size: 18px;
		padding: 5px 0 5px 60px;
		border-bottom: 2px solid #fff;
		width: 815px;
		font-weight: bold;
	}
}

@media screen and (max-width:768px) {
	.sec04-overview dd {
		margin-bottom: 30px;
	}
}

.sec05 {
	padding-bottom: 60px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/bg-05-1.png), url(../img/bg-05-2.png), url(../img/bg-05-3.png);
	background-position: left top, right top, right bottom;
	background-size: auto auto, auto auto, auto auto;
	background-repeat: no-repeat, no-repeat, no-repeat;
}

.sec05-box {
	margin: 65px auto 0;
	z-index: 2;
	position: relative;
}

@media screen and (min-width:768px) {
	.sec05-box {
		max-width: 1120px;
	}
}

@media screen and (max-width:768px) {
	.sec05-box {
		width: 90%;
	}
}

@media screen and (max-width:768px) {
	.sec05-box_img {
		width: 38%;
	}

	.sec05-box_img img {
		width: 100%;
		height: auto;
	}
}

.sec05-box_txt {
	width: 55%;
}

@media screen and (min-width:768px) {
	.sec05-box_txt {
		width: calc(100% - 200px);
	}
}

.sec05-box ul {
	margin: 30px 0;
}

@media screen and (max-width:768px) {
	.sec05-box ul {
		justify-content: space-between;
	}
}

.sec05-box ul li {
	gap: 20px;
	width: 90%;
	margin-bottom: 40px;
}

@media screen and (min-width:768px) {
	.sec05-box ul li {
		width: 50%;
	}
}

.sec05-box_post {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	line-height: 1.35;
}

@media screen and (min-width:768px) {
	.sec05-box_post {
		font-size: 20px;
		font-weight: normal;
	}
}

.sec05-box_name {
	color: #000;
	font-size: 23px;
	font-weight: bold;
	margin-top: 10px;
}

@media screen and (min-width:768px) {
	.sec05-box_name {
		font-size: 27px;
		margin-top: 5px;
		font-weight: bold;
	}
}

.sec06 {
	padding-bottom: 50px;
	background: radial-gradient(#fff 0%, #fff 0%, #f0f4f6 100%)
}

@media screen and (min-width:768px) {
	.sec06 {
		padding-top: 0px;/*100px;*/
		margin-top: 0px;/*-100px;*/
	}
}

.sec06-box {
	margin: 70px auto 0;
}

@media screen and (min-width:768px) {
	.sec06-box {
		max-width: 1120px;
	}
}

@media screen and (max-width:768px) {
	.sec06-box {
		width: 90%;
	}
}

.sec06-box ul {
	gap: 25px;
	margin-bottom: 70px;
	margin-top: 40px;
}

@media screen and (min-width:768px) {
	.sec06-box ul {
		gap: 42px;
	}
}

@media screen and (max-width:768px) {
	.sec06-box ul {
		gap: 25px 0px;
		justify-content: space-between;
	}
}

.sec06-box ul li {
	width: 48%;
	font-size: 16px;
	font-weight: normal;
	margin-left: auto;
  	margin-right: auto;
  	margin-bottom: 10px;
}

.sec06-box ul li strong {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
}

@media screen and (min-width:768px) {
	.sec06-box ul li {
		width: 248px;
		font-size: 18px;
		font-weight: normal;
		margin-left: 0px;
    	margin-right: 0px;
	}

	.sec06-box ul li img {
		display: block;
		margin: 0 auto 15px;
		border: 1px solid #c5c5c5;
	}
}

@media screen and (max-width:768px) {
	.sec06-box ul li img {
		width: 100%;
		height: auto;
		border: 1px solid #c5c5c5;
	}
	.sec06-box ul li strong {
		font-size: 18px;
	}
}

@media screen and (min-width:768px) {
	.sec07 {
		padding-top: 100px;
		margin-top: -100px;
		margin-bottom: -150px;
	}
}

.timetable {
	margin-bottom: 90px;
	padding: 30px 0px 0px;	
}

@media screen and (min-width:768px) {
	.timetable {
		padding: 30px 0 200px;
	}
}

.timetable table {
	margin: 0 auto;
	border: 2px solid #ebebeb;
}

@media screen and (min-width:768px) {
	.timetable table {
		max-width: 1120px;
	}
}

@media screen and (max-width:768px) {
	.timetable table {
		width: 95%;
		table-layout: fixed;
		margin: 0 auto;
	}
}


.timetable table td .center{
	width: 100%;
}

.timetable table td {
	padding: 20px;
	line-height: 21px;
  	text-align: center;
  	font-family: "Open Sans";
  	font-style: normal;
  	font-weight: normal;
  	font-size: 18px;
  	color: #000000;
	background-color: #fffaf5;
}
.timetable table tr:nth-child(odd) td:nth-child(2), 
.timetable table tr:nth-child(odd) td:nth-child(3) {
	background-color: #e6d9cc;
}

.timetable table tr th,
.timetable table tr td {
	text-align: center;
	vertical-align: middle;
}

.timetable table tr .Time,
.timetable table tr th {
	width: 146px;
	height: 110px;
	white-space: nowrap;
  	line-height: 25px;
  	text-align: center;
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
  	font-size: 20px;
	color: #fff;
	background-color: #7e7e7e;	
}
.timetable table tr th:first-child {
	border-bottom: 2px solid #afafaf;
}
@media screen and (min-width:768px) {
	.timetable table tr .Time,
	.timetable table tr th {
		width: 146px;
	}
}

.timetable table tr .Program {
	width: 465px;
	height: 78px;
	white-space: nowrap;
  	line-height: 25px;
  	text-align: center;
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
  	font-size: 20px;
	color: #fff;
	background-color: #064502;
}

@media screen and (min-width:768px) {
	.timetable table tr .Program {
		width: 465px;
	}
}

.timetable table tr .Speaker {	
	width: 465px;
	height: 78px;
	white-space: nowrap;
  	line-height: 25px;
  	text-align: center;
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
  	font-size: 20px;
	color: #fff;
	background-color: #aed478;
}

@media screen and (min-width:768px) {
	.timetable table tr .Speaker {
		width: 465px;
	}
}

.timetable table tr .meetings {	
	width: 28%;
	height: 78px;
	white-space: nowrap;
  	line-height: 25px;
  	text-align: center;
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: bold;
  	font-size: 20px;
	color: #000;
	background-color: #ffe0b1;
}

@media screen and (min-width:768px) {
	.timetable table tr .meetings {
		width: 315px;
	}
}

@media screen and (max-width:768px) {
	.timetable table tr .Program, 
	.timetable table tr .Speaker {
		width: 99vw;
	}
}

.sec08 {
	background: linear-gradient(90deg, #064502 0%, #aed478 100%)
}

.sec08-wrap {
	padding-top: 1px;
	padding-bottom: 80px;
	background-color: #8e8e8e;
	background-image: linear-gradient(to right, #064502, #aed478);
	background-image: -webkit-linear-gradient(to right, #064502, #aed478);
}

.sec08-wrap>p {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

@media screen and (min-width:768px) {
	.sec08-wrap>p {
		font-size: 22px;
	}
}

.foot {
	background-color: #eaeaea;	
}

.foot-wrap {
	min-height: 320px;
	margin: 0 auto;
	font-weight: 600;
}

@media screen and (min-width:768px) {
	.foot-wrap {
		max-width: 1120px;
	}
}

@media screen and (max-width:768px) {
	.foot-wrap {
		width: 95%;
		margin: 0 auto;
	}
}

.foot_left {
	font-size: 2rem;
}

@media screen and (min-width:768px) {
	.foot_left {
		font-size: 45px;
	}
}

.foot_right .u-flex {
	gap: 25px;
}

.foot_com {
	font-size: 1.5rem;
	margin-bottom: 15px;
}

@media screen and (min-width:768px) {
	.foot_com {
		font-size: 32px;
	}
}

.foot_add {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 32px;
}

@media screen and (min-width:768px) {
	.foot_add {
		font-size: 22px;
	}
}

.foot_tell,
.foot_mail {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	gap: 10px;
}

@media screen and (min-width:768px) {

	.foot_tell,
	.foot_mail {
		font-size: 26px;
	}
}

#page_top {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 3%;
	bottom: 2%;
	border-radius: 50%;
	text-align: center;
	background: linear-gradient(#0066b3 0%, #17d7de 100%);
	visibility: hidden;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.16))
}

@media screen and (max-width:768px) {
	#page_top {
		width: 50px;
		height: 50px;
		opacity: .8;
		bottom: 8%;
	}
}

#page_top a {
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	position: relative;
	line-height: 1.2;
}

#page_top a::before {
	content: "";
	background-color: #fff;
	position: absolute;
	top: 25px;
	right: 18px;
	width: 15px;
	height: 2px;
	transform: rotate(45deg);
}

#page_top a::after {
	content: "";
	background-color: #fff;
	position: absolute;
	top: 25px;
	left: 18px;
	width: 15px;
	height: 2px;
	transform: rotate(-45deg);
}

@media screen and (max-width:768px) {
	#page_top a {
		width: 50px;
		height: 50px;
	}

	#page_top a::before {
		top: 20px;
		right: 12px;
	}

	#page_top a::after {
		top: 20px;
		left: 13px;
	}

	#page_top a p {
		display: none;
	}
}

#page_top.NoMove {
	opacity: 0;
	transition: .4s;
	visibility: hidden;
}

#page_top.DownMove,
#page_top.UpMove {
	opacity: 100;
	transition: .4s;
	visibility: visible;
	z-index: 999;
}

.u-ib {
	display: inline-block;
}

.sec05-box ul li.wide {
	width: 100%;
}

.sec05-box ul li.wide .sec05-box_img {
	max-width: 45%;
}

.sec05-box ul li.wide .sec05-box_name {
	margin-top: 10px;
}

.sec05-box ul li.wide .desc {
	margin-top: 10px;
}

.sec05-box ul li.wide .desc p {
	margin-bottom: 10px;
	font-size: 1rem;
}

@media screen and (max-width:768px) {
	.sec05-box ul li.wide .desc p {
		font-size: .8rem;
	}
}

/* go to top */
#pagetop {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 1rem;
	bottom: 1rem;
	border-radius: 50%;
	background-color: #e0691b;
	background-image: linear-gradient(to bottom, #e36300 , #ffa114);
	background-image: -webkit-linear-gradient(to bottom, #e36300 , #ffa114);
	text-align: center;
	padding-top: 10px;
	z-index: 99;
}
#pagetop img {
	height: 8px;
}
/* go to top */

/* sp-mn */
.sp-mn-open {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 42px;
	display: none;
	z-index: 11;
}
.sp-mn-wrap {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 105vh;
	background-color: #ffffff;
	opacity: 0.97;
	display: none;
	z-index: 12;
}
.sp-mn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: calc(100% - 25px);
	max-width: 414px;
	height: auto;
	padding: 20px 0px 20px 25px;
	background-color: #aed478;
	background-image: linear-gradient(to right, #064502 , #aed478);
	background-image: -webkit-linear-gradient(to right, #064502 , #aed478);
	display: none;
	z-index: 13;
}
.sp-mn-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 42px;
	display: none;
	z-index: 14;
}
.sp-mn-hd {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 0.15px;
	color: #ffffff;
}
.sp-mn-hd10 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 0.2px;
	color: #ffffff;
}
.sp-mn-main {
	margin: 40px auto 20px auto;
	text-align: center;
}
.sp-mn-ul {
	list-style-type: none;
}
.sp-mn-ul li {
	padding-bottom: 11px;
	margin-bottom: 23px;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.1;
	letter-spacing: 0.15px;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	text-align: left;
}
.sp-mn-ul li a {
	color: #ffffff !important;
	text-decoration: none !important;
}
.sp-mn-ul li a:hover {
	opacity: 0.8 !important;
}
.sp-mn-outer10 {
	position: relative;
	margin: 25px auto 0px auto;
	width: 280px;
	height: 46px;
	font-size: 22px;
	line-height: 1.0;
	font-weight: bold;
	border: 2px;	
	border-radius: 23px;	
	background-color: #ffa114;
	background-image: linear-gradient(to right, #e36300 , #e0691b, #ffa114);
	background-image: -webkit-linear-gradient(to right, #e36300 , #e0691b, #ffa114);
	display: inline-block;
}
.sp-mn-link10 {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 272px;
	height: 38px;
	padding: 5px 0px 4px 0px;
	font-size: 22px;
	line-height: 1.0;
	font-weight: bold;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 19px;
	text-align: center;
	text-decoration: none !important;
}
@media screen and (max-width:768px) {
	.sp-mn-open  {
		display: block;
	}
}
/* #sp-mn */

/* footer */
.u-tit8 {
	margin: 0px auto;
	padding: 90px 0px 50px 0px;
	text-align: center;
}
.u-tit8-span {
	white-space: nowrap;
  	text-align: center;  	
  	font-size: 38px;
  	padding: 0px 10px 5px 10px;
  	border-image: linear-gradient(to right, #064502 , #aed478) 1;
  	border-image: -webkit-linear-gradient(to right, #064502 , #aed478) 1;
  	border-bottom-width: 4px;
  	border-bottom-style: solid;
}
.u-tit-color80 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	color: #064502;
	letter-spacing: 0.3px;
	line-height: 1.3;
}

.footer-cnt {
	width: calc(100% - 40px);
  	max-width: 1200px;
  	margin: 0px auto 0px auto;
  	padding: 0px 0px 30px 0px;
  	display: flex;
  	flex-direction: column;
  	gap: 11px 0px;
  	text-align: center;
}
.footer-cnt-left {
	width: 100%;
  	order: 1;
}
.footer-cnt-span10 {
	font-size: 20px;
}
.footer-cnt-span20 {
	font-size: 17px;
}

.footer-cnt-right {
	width: 100%;
  	order: 2;
  	font-size: 20px;
}
.footer-logo {
	width: 230px;
    margin: 0 auto;
}
.footer-logo img{
	width: 230px;
    margin: 0 auto;
}
@media screen and (max-width:768px) {
	.u-tit8 {
		padding: 70px 0px 40px 0px;
	}
	.u-tit8-span {
		font-size: 32px;
	}
	.footer-cnt {
		flex-wrap: wrap;
	}
	.u-tit-color80 {
		line-height: 1.1;
	}
	.footer-cnt-left {
		width: 100%;
	  	order: 1;
	}
	.footer-cnt-right {
		width: 100%;
	  	order: 2;
	  	margin-top: 20px;
	}
	.footer-logo {
		width: 200px;
	}
	.footer-logo img{
		width: 200px;
	}
}
/* #footer */

/* Header adjust */
.icap-head-li-img {
    position: absolute;
    max-width: 235px;
    left: 75%;
    top: 23%;
}
@media screen and (max-width:768px) {
	.icap-head-li-img {
		max-width: 165px;
        left: 50%;
		top: 50%;
        transform: translate(-50%, 60%);
        display: block;
	}
}
@media screen and (max-width:450px) {
	.icap-head-li-img {
		max-width: 140px;
		transform: translate(-50%, 159%);
		top: 41%;
	}
}
/* #Header adjust */

/* msg */
.icap-overview {
	overflow-x: auto;
}
.speaker-title{
	font-size: 25px !important;
    font-weight: bold !important;
}
.speaker-text{
	font-size: 20px !important;
    font-weight: bold !important;
}
.speaker-bold{
	font-weight: bold !important;
}
.speaker-normal{
	font-weight: normal !important;
}

.icap-ttl-tbl, .icap-msg-tbl {
	clear: both;
	width: 90%;
	max-width: 1080px;
	margin: 80px auto -20px auto;
  	padding: 0px 0px;
  	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
	color: #064502;
}
.icap-mt40 {
	margin-top: 40px;
}
.icap-msg-tbl {
	margin: 33px auto -20px auto;
	font-weight: normal;
  	font-size: 16px;
	color: #000;
}
div.u-pc .u-flex:last-child li,
div.u-sp .u-flex:last-child li {
	margin-left: 0px;
	margin-right: 0px;
}
/* #msg */


/* #sec09 */
@media screen and (min-width:767px) {
	#sec09 .sec09-box{
        max-width: 1120px;
	}
}

#sec09 .sec09-box{
	margin: 70px auto 0;
}

#sec09 ul{
display: grid;
grid-template-columns: auto auto;
width: 100%;
gap: 55px;
margin: 0 auto;
}

#sec09 ul li{
width: 100%;
text-align: left;
margin-bottom: 20px;
}
#sec09 ul li strong::before {
	font-size: 18px;
	content: "◆";
	color: #064502;
	margin-right: 5px;
	margin-left: -33px;
  }

#sec09 ul li strong{
	display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
	color: #064502;
    font-size: 20px;
}
#sec09 ul li h3{
    font-size: 18px;
	margin-bottom: 10px;
}
#sec09 ul li a{
text-decoration: underline;
}
#sec09 ul li p{
    font-size: 18px;
}
#sec09 ul li .bold-text{
	font-weight: bold;
}
#sec09 ul li img{
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #c5c5c5;
}
@media screen and (max-width:768px) {
	#sec09 ul {
		grid-template-columns: auto;
		gap: 20px;
		padding-left: 30px;
		width: 90%;
	}
}

/* #sec10 */
#sec10 h1{
	line-height: 1.8;
}
#sec10 strong{
	display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
}

/* タブレット */

@media screen and (min-width:768px) and (max-width:1200px) {

	/* -------- top text wrapper -------- */
	.top .top_txt {
		width: 90%;
		max-width: 820px;
		left: 50%;
		top: 40%;
		transform: translate(-50%, -50%);
	  }
	
	  /* -------- titles -------- */
	  .top .top_txt h1 {
		font-size: 56px;
		white-space: normal;
		margin-bottom: -40px;
	  }
	
	  .top .top_txt h2 {
		font-size: 18px;
		white-space: normal;
		margin-bottom: 0px;
		margin-top: 0;
	  }
	
	  .top .top_txt-span {
		font-size: 14px;
		white-space: normal;
		margin-bottom: 10px;
	  }
	
	  /* -------- date area -------- */
	  .top .day-box .title {
		font-size: 18px;
		margin-bottom: 10px;
	  }
	
	  .top .day-box .day-flex .hizuke {
		width: 60px;
		height: 60px;
		font-size: 30px;
		padding: 22px 10px;
	  }
	
	  .top .day-box .day-flex .hizuke span {
		font-size: 12px;
		padding-left: 4px;
	  }
	  .day-box .day-flex .day-explain img {
		  width: 15px;
	  }
	  .top .day-box .day-flex .day-explain {
		  height: 60px;
		  padding: 5px;
		  width: 500px;
	  }
	  .day-box .day-flex .day-explain .explain01 {
		  margin-bottom: 0px;
		  margin-top: 10px;
	  }
	  .top .day-box .day-flex .day-explain p {
		font-size: 14px;
	  }
	  .day-box {
		  margin-bottom: 15px;
	  }
	  .day-box .day-flex{
		  margin-bottom: 5px;
	  }
	  /* -------- button -------- */
	  .top .btn-box .btn {
		width: 215px;
		font-size: 1rem;
		padding: 0.6rem 3rem;
	  }
	  a.btn-c::after{
	  right: -51%;
	  top: 3px;
	  }
	
	  /* -------- logo -------- */
	  .top .icap-head-li-img {
		  max-width: 95px;
		  left: 82%;
		  top: 20%;
	  }
  }
  
  @media screen and (max-width:450px) {
	#sec09 ul li strong::before{
		display: none;
	}
	#sec09 ul{
		padding-left: 0;
	}
	.u-tit-span, .u-tit4-span{
		font-size: 26px;
	}
	.u-tit8-span{
		font-size: 26px;
	}

  }