@charset "utf-8";
/* CSS Document */



/*  ////////////
 default setting
////////////  */


body{
	font-family: "Noto Sans JP", sans-serif;
	width: 100%;
	color: #444444;
}
	
p{
	font-size: 20px;
}
li{
	font-size: 22px;
}

.row img{
	width: 100%;
}

.card .card-image {
  position: relative;
	height: 240px;
}
.card .card-image img {
	height: 100%;
	object-fit: cover;
}

@media only screen and (min-width: 993px) {
    .container {
        width: 90%;
    }
}

@media screen and (max-width:1023px){
	h3{	
		font-size: 1.75rem;
	}
	aside{	
		font-size:1.25rem;
	}
	.sidenav-trigger{
		position: fixed;
		top: 0;
		z-index: 99;
	}
}

@media screen and (max-width: 1024px){
	.section.is-medium {
			padding: 9rem 1.5rem;
	}
}

.material-symbols-outlined{
	vertical-align:middle;
}
.material-icons{
	vertical-align: middle;
}

.BgBase1{background:#282d74;}
.BgBL{background:#2981cb;}
.BgRD{background:#a02a0e;}
.BgGR{background:#5c832d;}
.BgWT{background:#FFFFFF;}
.BgBK{background:#444444;}

.BgBL-L{background: rgba(41,129,203,0.50);}
.BgBL-LH{background: rgba(41,129,203,0.20);}
.BgRD-L{background: rgba(160,42,14,0.50);}
.BgRD-LH{background: rgba(160,42,14,0.20);}
.BgGR-L{background: rgba(92,131,45,0.50);}
.BgGR-LH{background: rgba(92,131,45,0.20);}
.BgWT-L{background: rgba(255,255,255,0.50);}
.BgBK-L{background: rgba(0,0,0,0.50);}
.BgWT-H{background: rgba(255,255,255,0.8);}
.BgBK-H{background: rgba(0,0,0,0.80);}
.BgWT-XL{background: rgba(255,255,255,0.20);}
.BgBK-XL{background: rgba(0,0,0,0.20);}


.txtBase1{color:#282d74;}
.txtBase2{color:#ACBC02;}
.txtBase3{color:#D96062;}

.TxtBlue{color:#2981cb;}
.TxtRed{color:#a02a0e;}
.TxtGreen{color:#5c832d;}
.TxtWhite{color:#FFF;}
.TxtBlack{color:#444;}
.TxtBlack0{color:#000;}
.TxtGray1{color:#777;}
.TxtGray2{color:#aaa;}

.MarkBlue{
  background:linear-gradient(transparent 50%, rgba(41,129,203,0.2) 30%);
}
.MarkRed{
  background:linear-gradient(transparent 50%, rgba(160,42,14,0.2) 30%);
}
.MarkGreen{
  background:linear-gradient(transparent 50%, rgba(92,131,45,0.2) 30%);
}
.MarkYellow{
  background:linear-gradient(transparent 50%, rgba(255,241,54,0.2) 30%);
}

.font04rem{font-size: 0.4rem;}.font06rem{font-size: 0.6rem;}.font08rem{font-size: 0.8rem;}.font10rem{font-size: 1rem;}.font12rem{font-size: 1.2rem;}.font14rem{font-size: 1.4rem;}.font16rem{font-size: 1.6rem;}.font18rem{font-size: 1.8rem;}.font20rem{font-size: 2.0rem;}.font22rem{font-size: 2.2rem;}.font24rem{font-size: 2.4rem;}.font26rem{font-size: 2.6rem;}.font28rem{font-size: 2.8rem;}.font30rem{font-size: 3.0rem;}.font32rem{font-size: 3.2rem;}.font34rem{font-size: 3.4rem;}.font36rem{font-size: 3.6rem;}.font38rem{font-size: 3.8rem;}.font40rem{font-size: 4.0rem;}

/* margin */

.M05{margin: 0;}.M05{margin: 0.5rem;}.M10{margin: 1.0rem;}.M15{margin: 1.5rem;}.M20{margin: 2.0rem;}.M25{margin: 2.5rem;}.M30{margin: 3.0rem;}.M35{margin: 3.5rem;}.M40{margin: 4.0rem;}.M45{margin: 4.5rem;}.M50{margin: 5.0rem;}.M55{margin: 5.0rem;}.M60{margin: 6.0rem;}.M65{margin: 6.0rem;}.M70{margin: 7.0rem;}.M75{margin: 7.0rem;}.M80{margin: 8.0rem;}.M85{margin: 8.0rem;}.M90{margin: 9.0rem;}.M95{margin: 9.0rem;}.M100{margin: 10.0rem;}

.Mt00{margin-top: 0;}.Mt05{margin-top: 0.5rem;}.Mt10{margin-top: 1.0rem;}.Mt15{margin-top: 1.5rem;}.Mt20{margin-top: 2.0rem;}.Mt25{margin-top: 2.5rem;}.Mt30{margin-top: 3.0rem;}.Mt35{margin-top: 3.5rem;}.Mt40{margin-top: 4.0rem;}.Mt45{margin-top: 4.5rem;}.Mt50{margin-top: 5.0rem;}.Mt55{margin-top: 5.0rem;}.Mt60{margin-top: 6.0rem;}.Mt65{margin-top: 6.0rem;}.Mt70{margin-top: 7.0rem;}.Mt75{margin-top: 7.0rem;}.Mt80{margin-top: 8.0rem;}.Mt85{margin-top: 8.0rem;}.Mt90{margin-top: 9.0rem;}.Mt95{margin-top: 9.0rem;}.Mt100{margin-top: 10.0rem;}

.Mb00{margin-bottom: 0;}.Mb05{margin-bottom: 0.5rem;}.Mb10{margin-bottom: 1.0rem;}.Mb15{margin-bottom: 1.5rem;}.Mb20{margin-bottom: 2.0rem;}.Mb25{margin-bottom: 2.5rem;}.Mb30{margin-bottom: 3.0rem;}.Mb35{margin-bottom: 3.5rem;}.Mb40{margin-bottom: 4.0rem;}.Mb45{margin-bottom: 4.5rem;}.Mb50{margin-bottom: 5.0rem;}.Mb55{margin-bottom: 5.0rem;}.Mb60{margin-bottom: 6.0rem;}.Mb65{margin-bottom: 6.0rem;}.Mb70{margin-bottom: 7.0rem;}.Mb75{margin-bottom: 7.0rem;}.Mb80{margin-bottom: 8.0rem;}.Mb85{margin-bottom: 8.0rem;}.Mb90{margin-bottom: 9.0rem;}.Mb95{margin-bottom: 9.0rem;}.Mb100{margin-bottom: 10.0rem;}

.Ml00{margin-left: 0;}.Ml10{margin-left: 1.0rem;}.Ml15{margin-left: 1.5rem;}.Ml20{margin-left: 2.0rem;}.Ml25{margin-left: 2.5rem;}.Ml30{margin-left: 3.0rem;}.Ml35{margin-left: 3.5rem;}.Ml40{margin-left: 4.0rem;}.Ml45{margin-left: 4.5rem;}.Ml50{margin-left: 5.0rem;}.Ml55{margin-left: 5.0rem;}.Ml60{margin-left: 6.0rem;}.Ml65{margin-left: 6.0rem;}.Ml70{margin-left: 7.0rem;}.Ml75{margin-left: 7.0rem;}.Ml80{margin-left: 8.0rem;}.Ml85{margin-left: 8.0rem;}.Ml90{margin-left: 9.0rem;}.Ml95{margin-left: 9.0rem;}.Ml100{margin-left: 10.0rem;}

.Mr00{margin-right: 0;}.Mr05{margin-right: 0.5rem;}.Mr10{margin-right: 1.0rem;}.Mr15{margin-right: 1.5rem;}.Mr20{margin-right: 2.0rem;}.Mr25{margin-right: 2.5rem;}.Mr30{margin-right: 3.0rem;}.Mr35{margin-right: 3.5rem;}.Mr40{margin-right: 4.0rem;}.Mr45{margin-right: 4.5rem;}.Mr50{margin-right: 5.0rem;}.Mr55{margin-right: 5.5rem;}.Mr60{margin-right: 6.0rem;}.Mr65{margin-right: 6.5rem;}.Mr70{margin-right: 7.0rem;}.Mr75{margin-right: 7.5rem;}.Mr80{margin-right: 8.0rem;}.Mr85{margin-right: 8.5rem;}.Mr90{margin-right: 9.0rem;}.Mr95{margin-right: 9.5rem;}.Mr100{margin-right: 10.0rem;}

.Mx00{margin-left: 0;margin-right: 0;}.Mx05{margin-left: 0.5rem;margin-right: 0.5rem;}.Mx10{margin-left: 1.0rem;margin-right: 1.0rem;}.Mx15{margin-left: 1.5rem;margin-right: 1.5rem;}.Mx20{margin-left: 2.0rem;margin-right: 2.0rem;}.Mx25{margin-left: 2.5rem;margin-right: 2.5rem;}.Mx30{margin-left: 3.0rem;margin-right: 3.0rem;}.Mx35{margin-left: 3.5rem;margin-right: 3.5rem;}.Mx40{margin-left: 4.0rem;margin-right: 4.0rem;}.Mx45{margin-left: 4.5rem;margin-right: 4.5rem;}.Mx50{margin-left: 5.0rem;margin-right: 5.0rem;}.Mx55{margin-left: 5.5rem;margin-right: 5.5rem;}.Mx60{margin-left: 6.0rem;margin-right: 6.0rem;}.Mx65{margin-left: 6.5rem;margin-right: 6.5rem;}.Mx70{margin-left: 7.0rem;margin-right: 7.0rem;}.Mx75{margin-left: 7.5rem;margin-right: 7.5rem;}.Mx80{margin-left: 8.0rem;margin-right: 8.0rem;}.Mx85{margin-left: 8.5rem;margin-right: 8.5rem;}.Mx90{margin-left: 9.0rem;margin-right: 9.0rem;}.Mx95{margin-left: 9.5rem;margin-right: 9.5rem;}.Mx100{margin-left: 10.0rem;margin-right: 10.0rem;}

.My00{margin-top: 0;margin-bottom: 0;}.My05{margin-top: 0.5rem;margin-bottom: 0.5rem;}.My10{margin-top: 1.0rem;margin-bottom: 1.0rem;}.My15{margin-top: 1.5rem;margin-bottom: 1.5rem;}.My20{margin-top: 2.0rem;margin-bottom: 2.0rem;}.My25{margin-top: 2.5rem;margin-bottom: 2.5rem;}.My30{margin-top: 3.0rem;margin-bottom: 3.0rem;}.My35{margin-top: 3.5rem;margin-bottom: 3.5rem;}.My40{margin-top: 4.0rem;margin-bottom: 4.0rem;}.My45{margin-top: 4.5rem;margin-bottom: 4.5rem;}.My50{margin-top: 5.0rem;margin-bottom: 5.0rem;}.My55{margin-top: 5.5rem;margin-bottom: 5.5rem;}.My60{margin-top: 6.0rem;margin-bottom: 6.0rem;}.My65{margin-top: 6.5rem;margin-bottom: 6.5rem;}.My70{margin-top: 7.0rem;margin-bottom: 7.0rem;}.My75{margin-top: 7.5rem;margin-bottom: 7.5rem;}.My80{margin-top: 8.0rem;margin-bottom: 8.0rem;}.My85{margin-top: 8.5rem;margin-bottom: 8.5rem;}.My90{margin-top: 9.0rem;margin-bottom: 9.0rem;}.My95{margin-top: 9.5rem;margin-bottom: 9.5rem;}.My100{margin-top: 10.0rem;margin-bottom: 10.0rem;}

/* padding */

.P00{padding: 0;}.P05{padding: 0.5rem;}.P10{padding: 1.0rem;}.P15{padding: 1.5rem;}.P20{padding: 2.0rem;}.P25{padding: 2.5rem;}.P30{padding: 3.0rem;}.P35{padding: 3.5rem;}.P40{padding: 4.0rem;}.P45{padding: 4.5rem;}.P50{padding: 5.0rem;}.P55{padding: 5.5rem;}.P60{padding: 6.0rem;}.P65{padding: 6.5rem;}.P70{padding: 7.0rem;}.P75{padding: 7.5rem;}.P80{padding: 8.0rem;}.P85{padding: 8.5rem;}.P90{padding: 9.0rem;}.P95{padding: 9.5rem;}.P100{padding: 10.0rem;}

.Pt00{padding-top: 0;}.Pt05{padding-top: 0.5rem;}.Pt10{padding-top: 1.0rem;}.Pt15{padding-top: 1.5rem;}.Pt20{padding-top: 2.0rem;}.Pt25{padding-top: 2.5rem;}.Pt30{padding-top: 3.0rem;}.Pt35{padding-top: 3.5rem;}.Pt40{padding-top: 4.0rem;}.Pt45{padding-top: 4.5rem;}.Pt50{padding-top: 5.0rem;}.Pt55{padding-top: 5.5rem;}.Pt60{padding-top: 6.0rem;}.Pt65{padding-top: 6.5rem;}.Pt70{padding-top: 7.0rem;}.Pt75{padding-top: 7.5rem;}.Pt80{padding-top: 8.0rem;}.Pt85{padding-top: 8.5rem;}.Pt90{padding-top: 9.0rem;}.Pt95{padding-top: 9.5rem;}.Pt100{padding-top: 10.0rem;}

.Pb00{padding-bottom: 0;}.Pb05{padding-bottom: 0.5rem;}.Pb10{padding-bottom: 1.0rem;}.Pb15{padding-bottom: 1.5rem;}.Pb20{padding-bottom: 2.0rem;}.Pb25{padding-bottom: 2.5rem;}.Pb30{padding-bottom: 3.0rem;}.Pb35{padding-bottom: 3.5rem;}.Pb40{padding-bottom: 4.0rem;}.Pb45{padding-bottom: 4.5rem;}.Pb50{padding-bottom: 5.0rem;}.Pb55{padding-bottom: 5.5rem;}.Pb60{padding-bottom: 6.0rem;}.Pb65{padding-bottom: 6.5rem;}.Pb70{padding-bottom: 7.0rem;}.Pb75{padding-bottom: 7.5rem;}.Pb80{padding-bottom: 8.0rem;}.Pb85{padding-bottom: 8.5rem;}.Pb90{padding-bottom: 9.0rem;}.Pb95{padding-bottom: 9.5rem;}.Pb100{padding-bottom: 10.0rem;}

.Pl00{padding-left: 0;}.Pl05{padding-left: 0.5rem;}.Pl10{padding-left: 1.0rem;}.Pl15{padding-left: 1.5rem;}.Pl20{padding-left: 2.0rem;}.Pl25{padding-left: 2.5rem;}.Pl30{padding-left: 3.0rem;}.Pl35{padding-left: 3.5rem;}.Pl40{padding-left: 4.0rem;}.Pl45{padding-left: 4.5rem;}.Pl50{padding-left: 5.0rem;}.Pl55{padding-left: 5.5rem;}.Pl60{padding-left: 6.0rem;}.Pl65{padding-left: 6.5rem;}.Pl70{padding-left: 7.0rem;}.Pl75{padding-left: 7.5rem;}.Pl80{padding-left: 8.0rem;}.Pl85{padding-left: 8.5rem;}.Pl90{padding-left: 9.0rem;}.Pl95{padding-left: 9.5rem;}.Pl100{padding-left: 10.0rem;}

.Pr00{padding-right: 0;}.Pr05{padding-right: 0;}.Pr10{padding-right: 1.0rem;}.Pr15{padding-right: 1.5rem;}.Pr20{padding-right: 2.0rem;}.Pr25{padding-right: 2.5rem;}.Pr30{padding-right: 3.0rem;}.Pr35{padding-right: 3.5rem;}.Pr40{padding-right: 4.0rem;}.Pr45{padding-right: 4.5rem;}.Pr50{padding-right: 5.0rem;}.Pr55{padding-right: 5.5rem;}.Pr60{padding-right: 6.0rem;}.Pr65{padding-right: 6.5rem;}.Pr70{padding-right: 7.0rem;}.Pr75{padding-right: 7.5rem;}.Pr80{padding-right: 8.0rem;}.Pr85{padding-right: 8.5rem;}.Pr90{padding-right: 9.0rem;}.Pr95{padding-right: 9.5rem;}.Pr100{padding-right: 10.0rem;}

.Px00{padding-left: 0;padding-right: 0;}.Px05{padding-left: 0.5rem;padding-right: 0.5rem;}.Px10{padding-left: 1.0rem;padding-right: 1.0rem;}.Px15{padding-left: 1.5rem;padding-right: 1.5rem;}.Px20{padding-left: 2.0rem;padding-right: 2.0rem;}.Px25{padding-left: 2.5rem;padding-right: 2.5rem;}.Px30{padding-left: 3.0rem;padding-right: 3.0rem;}.Px35{padding-left: 3.5rem;padding-right: 3.5rem;}.Px40{padding-left: 4.0rem;padding-right: 4.0rem;}.Px45{padding-left: 4.5rem;padding-right: 4.5rem;}.Px50{padding-left: 5.0rem;padding-right: 5.0rem;}.Px55{padding-left: 5.5rem;padding-right: 5.5rem;}.Px60{padding-left: 6.0rem;padding-right: 6.0rem;}.Px65{padding-left: 6.5rem;padding-right: 6.5rem;}.Px70{padding-left: 7.0rem;padding-right: 7.0rem;}.Px75{padding-left: 7.5rem;padding-right: 7.5rem;}.Px80{padding-left: 8.0rem;padding-right: 8.0rem;}.Px85{padding-left: 8.5rem;padding-right: 8.5rem;}.Px90{padding-left: 9.0rem;padding-right: 9.0rem;}.Px95{padding-left: 9.5rem;padding-right: 9.5rem;}.Px100{padding-left: 10.0rem;padding-right: 10.0rem;}

.Py00{padding-top: 0;padding-bottom: 0;}.Py05{padding-top: 0.5rem;padding-bottom: 0.5rem;}.Py10{padding-top: 1.0rem;padding-bottom: 1.0rem;}.Py15{padding-top: 1.5rem;padding-bottom: 1.5rem;}.Py20{padding-top: 2.0rem;padding-bottom: 2.0rem;}.Py25{padding-top: 2.5rem;padding-bottom: 2.5rem;}.Py30{padding-top: 3.0rem;padding-bottom: 3.0rem;}.Py35{padding-top: 3.5rem;padding-bottom: 3.5rem;}.Py40{padding-top: 4.0rem;padding-bottom: 4.0rem;}.Py45{padding-top: 4.5rem;padding-bottom: 4.5rem;}.Py50{padding-top: 5.0rem;padding-bottom: 5.0rem;}.Py55{padding-top: 5.5rem;padding-bottom: 5.5rem;}.Py60{padding-top: 6.0rem;padding-bottom: 6.0rem;}.Py65{padding-top: 6.5rem;padding-bottom: 6.5rem;}.Py70{padding-top: 7.0rem;padding-bottom: 7.0rem;}.Py75{padding-top: 7.5rem;padding-bottom: 7.5rem;}.Py80{padding-top: 8.0rem;padding-bottom: 8.0rem;}.Py85{padding-top: 8.5rem;padding-bottom: 8.5rem;}.Py90{padding-top: 9.0rem;padding-bottom: 9.0rem;}.Py95{padding-top: 9.5rem;padding-bottom: 9.5rem;}.Py100{padding-top: 10.0rem;padding-bottom: 10.0rem;}

.fontXB{font-weight: 900;}.fontB{font-weight: 800;}.fontLB{font-weight: 700;}.fontXM{font-weight: 600;}.fontM{font-weight: 500;}.fontLM{font-weight: 400;}.fontML{font-weight: 300;}.fontL{font-weight: 200;}.fontXL{font-weight: 100;}


ul.list01 {
	margin-left: 2.5rem;
	position: relative;
}
ul.list01 li {
	margin-left: .5rem;
}
ul.list01 li::before {
	position: absolute;
	left: -25px;
	padding-right: 1rem;
	content: "\f84a";
	font-family: "Material Symbols Outlined";
	transition: 0.4s;
}

ul.list02 {
	margin-left: 2.5rem;
	position: relative;
}
ul.list02 li {
	margin-left: .5rem;
	border-bottom: 1px dotted #ddd;
	font-weight: 400;
}
ul.list02 li::before {
	position: absolute;
	left: -25px;
	padding-right: 1rem;
	content: "\e86c";
	font-family: "Material Symbols Outlined";
	transition: 0.4s;
	padding-top: 2px;
	color: #1E459F;
}


.Skew{
  clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
}

.bgSkew{
  position: relative;
  z-index: 0;
}
.bgSkew::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;
  /*四角形を傾けます*/
  transform: skewY(3deg);
  transform-origin: top right;
  z-index: -1;
  width:100%;
  height:100%;
}

.title{
	font-size: 2.5rem;
	padding-bottom: 3rem;
	text-align: center;
}
.title span.enTop{
	display: block;
	font-size: 1.25rem;
	padding-top: 1rem;
	margin-top: 1rem;
	border-top:1px solid;
	text-align: center;
}
.title span.enBtm{
	position: relative;
	display: block;
	font-size: 1.25rem;
	text-align: center;
	padding: 1.3rem 0;
	margin-bottom: 0.5rem;
	background-image: repeating-linear-gradient(45deg, #888 0 5px, transparent 1px 2px);
	background-repeat: no-repeat;
	background-size: 5rem 0.1rem;
	background-position: center bottom;}


aside{	
	font-size:1.5rem;
	letter-spacing: 1px;
	text-align: center;
}
.subtitle{
	font-size: 2rem;
	font-weight: bold;
}


.fontA{
	font-family: 'Zen Antique', serif;
}
.fontB{
	font-family: "M PLUS 1p", sans-serif;
}
.fontC{
	font-family: "Zen Maru Gothic", serif;
}
.fontD{
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.fontE{
	font-family: "Zen Kurenaido", sans-serif;
}
.fontF{
	font-family: "Zen Old Mincho", serif;
}


.LH05{
	line-height: 0.5rem;
}
.LH10{
	line-height: 1rem;
}
.LH15{
	line-height: 1.5rem;
}
.LH20{
	line-height: 2rem;
}
.LH25{
	line-height: 2.5rem;
}
.LH30{
	line-height: 3rem;
}
.LH35{
	line-height: 3.5rem;
}
.LH40{
	line-height: 4rem;
}
.LH45{
	line-height: 4.5rem;
}
.LH50{
	line-height: 5rem;
}


.LS02{
	letter-spacing: 0.2rem;
}
.LS04{
	letter-spacing: 0.4rem;
}
.LS06{
	letter-spacing: 0.6rem;
}
.LS08{
	letter-spacing: 0.8rem;
}
.LS10{
	letter-spacing: 1rem;
}

.BDBK1L{
	border: rgba(0,0,0,0.20) solid 1px;
}
.BDBK1M{
	border: rgba(0,0,0,0.60) solid 1px;
}
.BDBK1H{
	border: rgba(0,0,0,1.00) solid 1px;
}
.BDBK3L{
	border: rgba(0,0,0,0.20) solid 3px;
}
.BDBK3M{
	border: rgba(0,0,0,0.60) solid 3px;
}
.BDBK3H{
	border: rgba(0,0,0,1.00) solid 3px;
}

.BDbtBK1L{
	border-bottom: rgba(0,0,0,0.20) solid 1px;
}
.BDbtBK1M{
	border-bottom: rgba(0,0,0,0.60) solid 1px;
}
.BDbtBK1H{
	border-bottom: rgba(0,0,0,1.00) solid 1px;
}
.BDbtBK3L{
	border-bottom: rgba(0,0,0,0.20) solid 3px;
}
.BDbtBK3M{
	border-bottom: rgba(0,0,0,0.60) solid 3px;
}
.BDbtBK3H{
	border-bottom: rgba(0,0,0,1.00) solid 3px;
}


.BDbtWT1L{
	border-bottom: rgba(255,255,255,0.20) solid 1px;
}
.BDbtWT1M{
	border-bottom: rgba(255,255,255,0.60) solid 1px;
}
.BDbtWT1H{
	border-bottom: rgba(255,255,255,1.00) solid 1px;
}
.BDbtWT3L{
	border-bottom: rgba(255,255,255,0.20) solid 3px;
}
.BDbtWT3M{
	border-bottom: rgba(255,255,255,0.60) solid 3px;
}
.BDbtWT3H{
	border-bottom: rgba(255,255,255,1.00) solid 3px;
}

.VATop{
	vertical-align: top;
}
.VAMdl{
	vertical-align: middle;
}
.VABtm{
	vertical-align: bottom;
}

.DSPBl{
	display: block;
}
.DSPIb{
	display: inline-block;
}
.DSPFx{
	display: flex;
}

.OF-CV{
	object-fit: cover;
}

.box01{
	border-radius: .5rem;
	padding: 3rem;
	border: 2px solid rgba(200,200,204,0.5)
}
/*マスキングテープ風*/
.nBox{
	margin: 1em auto;
	padding:2.5em 2em 2em;/*ボックス内側余白*/
	position:relative;/*配置(ここを基準に)*/
}
.nBox .box-title {
	background-image: repeating-linear-gradient(-45deg,#F6EEEC 0, #F6EEEC 3px,#fafafa 3px,#fafafa 6px);/*ストライプ*/
	border-left: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ左*/
	border-right: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ右*/
	transform: rotate(-2deg);/*テープの傾き*/
	font-size: 1em;/*タイトル文字の大きさ*/
	padding: 10px 20px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;	/*配置(ここを動かす)*/
	top: -15px; /*上から（-10px）移動*/
	left: 20px; /*左から(20px)移動*/
}
.nBox aside span{
	display: inline-block;
}

.arrowbar {
  position: relative;
  padding: 1rem 0rem;
  border-bottom: 1px solid #aaa;
}

.arrowbar:before {
  position: absolute;
  bottom: -16px;
  left: 42%;
  width: 0;
  height: 0;
  content: '';
  border-width: 16px 22px 0 22px;
  border-style: solid;
  border-color: #aaa transparent transparent transparent;
}

.arrowbar:after {
  position: absolute;
  bottom: -15px;
  left: 42%;
  width: 0;
  height: 0;
  content: '';
  border-width: 16px 22px 0 22px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.UnBar01 {
	position: relative;
	margin-bottom: 0.2rem;
	padding: 1rem 0;
	border-bottom: 1px solid #353535;
}

.UnBar01:before {
	position: absolute;
	content: '';
	width: 35%;
	left: 48%;
	transform: translate(-48%, -48%);
	-webkit-transform: translate(-48%, -48%);
	-ms-transform: translate(-48%, -48%);
	bottom: -3px;
	border-bottom: 5px solid #ddcdb3;
}

.ShtBar01{
    background-image: repeating-linear-gradient(-45deg, #777 0 2px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 6rem 0.3rem;
    background-position: center bottom;
}
.ShtBar02{
    background-image: repeating-linear-gradient(-45deg, #ddd 0 2px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 6rem 0.3rem;
    background-position: center bottom;
}

.twoBar01{
    padding: 1rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #8BA9D1 0 25%, #dedede 25%);
    background-repeat: no-repeat;
    background-size: 100% 5%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
}

.kakkoTtl {
  position: relative;
  padding: .5em;
  text-align: center;
}

.kakkoTtl:before,
.kakkoTtl:after {
  position: absolute;
  content: '';
}

.kakkoTtl:after {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-top: 2px solid #777;
  border-left: 2px solid #777;
}

.kakkoTtl:before {
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border-right: 2px solid #777;
  border-bottom: 2px solid #777;
}

@media screen and (max-width:	768px){
	.title{
		font-size: 1.5rem;
	}
	aside{	
		font-size:1.25rem;
	}
	.subtitle{
	font-size: 1.35rem;
	}
}

.Dot{
	padding-top: .1em;
	background-position: top left -2px;
	background-repeat: repeat-x;
	background-size: 1.1em .3em;
	background-image: radial-gradient(.10em .10em at center center,#Cff,orange 100%,transparent);
}

.box{
	padding: 3rem;
	border-radius: 2rem;
	box-shadow: 6px 6px 2px rgba(10,10,10,.3);
}

.pBox{
	position: relative;
	margin: 2em 0;
	padding: 1.5rem 2.5rem;
	border: solid 3px #2981cb;
	background: rgba(41,129,203,0.1);
}
.pBox .pBoxTtl {
	position: absolute;
	display: inline-block;
	top: -3rem;
	left: -2px;
	padding: .5rem 2rem;
	height: 3rem;
	line-height: 2rem;
	font-size: 17px;
	background: #2981cb;	color: #ffffff;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}
.pBox p {
	margin: 0; 
	padding: 0;
	font-size: 150%;
}

.btn{
	margin: auto;
	margin-top: 5rem;
	text-align: center;	
}
.btn a{
	border: 2px solid;
	font-weight: bold;
	padding: 1rem 2.5rem;
	border-radius: 3rem;
}
.btn a:hover{
	border: 2px solid;
	opacity: 0.7;
	color: #FFF;
}

.btnWh{
	margin: auto;
	margin-top: 5rem;
	text-align: center;
	
}
.btnWh a{
	border: 2px solid #FFF;
	color: #FFF;
	font-weight: bold;
	padding: 1rem 2.5rem;
	border-radius: 3rem;
}

.btnBk{
	margin: auto;
	margin-top: 5rem;
	text-align: center;
	
}
.btnBk a{
	border: 2px solid #444;
	color: #444;
	font-weight: bold;
	padding: 1rem 2.5rem;
	border-radius: 3rem;
}

@media screen and (max-width:	768px){
	.box{
		padding: 2rem;
	}
}

.marginY1rem{margin-top:1rem;margin-bottom:1rem;}.marginY2rem{margin-top:2rem;margin-bottom:2rem;}.marginY3rem{margin-top:3rem;margin-bottom:3rem;}
.marginX1rem{margin-left:1rem auto;margin-right:1rem auto;}.marginX2rem{margin-left:2rem auto;margin-right:2rem auto;}.marginX3rem{margin-left:3rem auto;margin-right:3rem auto;}

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

	.boxSec {
		position: relative;
		width: 100%;
		height: auto;
	}
	.boxSec>.fBoxL1,.boxSec>.fBoxR1,.boxSec>.fBoxL2,.boxSec>.fBoxR2,.boxSec>.fBoxL3,.boxSec>.fBoxR3,.boxSec>.fBoxL4,.boxSec>.fBoxR4,.boxSec>.fBoxL5,.boxSec>.fBoxR5,.boxSec>.fBoxL6,.boxSec>.fBoxR6 {
		position: absolute;
		top: 0;
	}
	.boxSec>.fBoxL1{
		padding: 1rem;
		left: 3rem;
		z-index: 2;
	}
	.boxSec>.fBoxR1{
		padding: 4rem;
		right: 3rem;
		z-index: 1;
	}
	.boxSec>.fBoxL2{
		padding: 1rem;
		right: 3rem;
		z-index: 2;
	}
	.boxSec>.fBoxR2{
		padding: 4rem;
		left: 3rem;
		z-index: 1;
	}
	.boxSec>.fBoxL3{
		padding: 1rem;
		left: 0rem;
		z-index: 1;
	}
	.boxSec>.fBoxR3{
		padding: 4rem;
		right: 0rem;
		top: 7rem;
		z-index: 2;
	}
	.boxSec>.fBoxL4{
		padding: 4rem;
		left: 0rem;
		top: 7rem;
		z-index: 2;
	}
	.boxSec>.fBoxR4{
		padding: 1rem;
		right: 0rem;
		z-index: 1;
	}
	.boxSec>.fBoxL5{
		padding: 0rem;
		left: -4rem;
		z-index: 2;
	}
	.boxSec>.fBoxR5{
		padding: 4rem 1rem;
		right: 0rem;
		z-index: 1;
	}
	.boxSec>.fBoxL6{
		padding: 4rem 1rem;
		left: 0;
		z-index: 1;
	}
	.boxSec>.fBoxR6{
		padding: 0rem;
		right: -4rem;
		z-index: 2;
	}
	/*.boxSec>div{
		height: 100%;
	}*/

}

@media screen and (max-width:1024px){
	.subSec1>.columns {
		margin-bottom: 5rem;
	}
}
@media screen and (min-width:1025px){
	.subSec1>.columns:before {
		padding-top: 85%; /* 1:1 */
	}
	.boxSec .fBoxL1>.column{
		width: 60%;
	}
	.boxSec .fBoxL2>.column{
		width: 60%;
	}
	.boxSec>.fBoxL2{
		padding: 1rem;
		right: 3rem;
		z-index: 2;
	}
	.boxSec>.fBoxR2{
		padding: 4rem;
		left: 3rem;
		z-index: 1;
	}
	/*.subsec1{
		height: 450px;
	}*/
}
@media screen and (min-width:1216px){
	.subSec1>.columns:before {
		padding-top: 70%; /* 1:1 */
	}
}
@media screen and (min-width:1408px){
	.subSec1>.columns:before {
		padding-top: 65%; /* 1:1 */
	}
}

.txShdw-W{
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
}

.txShdw-W2{
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,-2px 2px 0 #FFF, 2px -2px 0 #FFF,0px 2px 0 #FFF,0-2px 0 #FFF,-2px 0 0 #FFF, 2px 0 0 #FFF;
}

.txShdw-B{
	text-shadow:1px 1px 0 #ddd, -1px -1px 0 #ddd,-1px 1px 0 #ddd, 1px -1px 0 #ddd,0px 1px 0 #ddd,0-1px 0 #ddd,-1px 0 0 #ddd, 1px 0 0 #ddd;
}

.txShdw-B2{
	text-shadow:2px 2px 0 #ddd, -2px -2px 0 #ddd,-2px 2px 0 #ddd, 2px -2px 0 #ddd,0px 2px 0 #ddd,0-2px 0 #ddd,-2px 0 0 #ddd, 2px 0 0 #ddd;
}





#page-top a{
  display: flex;
  justify-content:center;
  align-items:center;
  background: rgba(40,45,116,0.80);
  border-radius: 5px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  background:#282d74;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
	bottom:10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 1;
  transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
  opacity: 0;
  transform: translateY(100px);
  }
  to {
  opacity: 1;
  transform: translateY(0);
  }
}


.tableSec dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
}
.tableSec dl:first-child{
	margin-top: 4rem;
}
.tableSec dl:last-child{
	margin-bottom: 4rem;
}
.tableSec dl dt{
	padding: 1rem;
	width: 150px;
	border-bottom: 2px solid #282d74;
}
.tableSec dl dd{
	padding: 1rem;
	width: calc(100% - 150px);
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
	.aboutCts2 .box {
    padding: 0rem;
	}
	.tableSec dl{
		border-bottom: none;
		font-size: 1.15rem;
	}
	.tableSec dl dt{
		padding: .25rem 1rem;
		border-right: none;
		border-bottom: none;
		width: 50%;
		background: #5c832d;
		color: #fff;
		letter-spacing: 5px;
	}
	.tableSec dl dd{
		width: 100%; 
		border-bottom: none;
		text-align: left;
		margin-left: 2.5rem;
		border-bottom: 1px solid #ddd;
	}

}

.carousel {
	perspective:400px;
}
@media only screen and (max-width: 599px) {
	.carousel {
			min-height: 300px;
	}
}
@media only screen and (max-width: 749px) {
	.carousel {
			min-height: 350px;
	}
}
@media only screen and (max-width: 991px) {
	.carousel {
			min-height: 400px;
	}
}
@media only screen and (max-width: 1199px) {
	.carousel {
			min-height: 500px;
	}
}
@media only screen and (max-width: 1499px) {
	.carousel {
			min-height: 630px;
	}
}
@media only screen and (min-width: 1500px) {
	.carousel {
			min-height: 810px;
	}
}


.BgPtn01{
  --s: 82px; /* control the size */
  --c1: #eaeaea;
  --c2: #ffffff;
  --c3: #f0f0f0;
  
  --_g: var(--c3) 0 120deg,#0000 0;
  background:
    conic-gradient(from -60deg at 50% calc(100%/3),var(--_g)),
    conic-gradient(from 120deg at 50% calc(200%/3),var(--_g)),
    conic-gradient(from  60deg at calc(200%/3),var(--c3) 60deg,var(--c2) 0 120deg,#0000 0),
    conic-gradient(from 180deg at calc(100%/3),var(--c1) 60deg,var(--_g)),
    linear-gradient(90deg,var(--c1)   calc(100%/6),var(--c2) 0 50%,
                          var(--c1) 0 calc(500%/6),var(--c2) 0);
  background-size: calc(1.732*var(--s)) var(--s);
}



/* ブロックの共通CSS */
.block {
    justify-content: center;
    align-items: center;
}
/* 下から上に移動しながらフェードイン */
.fadeInUp {
    opacity: 0;
    transform: translateY(100px);
}
/* 上から下に移動しながらフェードイン */
.fadeInDown {
    opacity: 0;
    transform: translateY(-100px);
}
/* 右から左に移動しながらフェードイン */
.fadeInLeft {
    opacity: 0;
    transform:  translate(-100px, 0);
}
/* 左から右に移動しながらフェードイン */
.fadeInRight {
    opacity: 0;
    transform: translateX(100px);
}
/* フェードインアニメーション */
@keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}
/* フェードインさせるクラス */
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 0.75s;
    animation-fill-mode: forwards;
}



/* その場で */

.TfadeIn{
animation-name:fadeInAnime;
animation-duration:1.25s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.TfadeUp{
animation-name:fadeUpAnime;
animation-duration:1.25s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 上から */

.TfadeDown{
animation-name:fadeDownAnime;
animation-duration:1.25s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 左から */

.TfadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1.25s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.TfadeRight{
animation-name:fadeRightAnime;
animation-duration:1.25s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}