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

body{
	margin: 0;
	padding: 0;
	font-family: "Noto Sans Japanese";
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	overflow-scrolling: touch;
	color: #3D3D3D;
}

div{ box-sizing: border-box; }

img{
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0;
	vertical-align: bottom;
	pointer-events: none;
}

h1,h2,h3,h4,p{ margin: 0; }


/*段落*/
.br-sp{ display: none; }
.br-pc{ display: block; }


/*scroll-event*/
.fadein{
  	-webkit-transition: all 1.2s ease;
  	-o-transition: all 1.2s ease;
  	transition: all 1.2s ease;
  	opacity: 0;
}
.fadein.active{
  	opacity: 1;
}

.fadein-left{
  	-webkit-transition: all 1.2s ease;
  	-o-transition: all 1.2s ease;
  	transition: all 1.2s ease;
  	-webkit-transform: translateX(-60px);
  	-moz-transform: translateX(-60px);
  	-ms-transform: translateX(-60px);
  	transform: translateX(-60px);
  	opacity: 0;
}
.fadein-left.active{
  	-webkit-transform: translateX(0);
  	-moz-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
  	opacity: 1;
}


.fadein-right{
  	-webkit-transition: all 1.2s ease;
  	-o-transition: all 1.2s ease;
  	transition: all 1.2s ease;
  	-webkit-transform: translateX(60px);
  	-moz-transform: translateX(60px);
  	-ms-transform: translateX(60px);
  	transform: translateX(60px);
  	opacity: 0;
}
.fadein-right.active{
  	-webkit-transform: translateX(0);
  	-moz-transform: translateX(0);
  	-ms-transform: translateX(0);
  	transform: translateX(0);
  	opacity: 1;
}

.fadein-down{
  	-webkit-transition: all 1.2s ease;
  	-o-transition: all 1.2s ease;
  	transition: all 1.2s ease;
  	-webkit-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	-ms-transform: translateY(-100%);
  	transform: translateY(-100%);
	opacity: 0;
}
.fadein-down.active{
  	-webkit-transform: translateY(0%);
  	-moz-transform: translateY(0%);
  	-ms-transform: translateY(0%);
  	transform: translateY(0%);
	opacity: 1;
}

.zoom-in{
  	-webkit-transition: all .8s linear;
  	-o-transition: all .8s linear;
  	transition: all .8s linear;
  	font-size: 20%;
}
.zoom-in.active{
  	font-size: 100%;
}




#content{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}


/*top-slide*/
.top-fullback-slide{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
/*vegas_slider*/
#fadeslider {
    width: 100vw;
    height: 100vh;
}

.slide-full-background{
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(25,15,13,.4);
	z-index: 1;
}

.slide__overlay-title{
	width: 35%;
	height: 100%;
	background: rgba(110,195,225,.7);
	padding: 0 15px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
.slide__overlay-title .title-cont{
	max-width: 475px;
	width: 100%;
}
.slide__overlay-title h1{
	color: #2356a6;
	font-size: 350%;
	font-weight: 400;
	line-height: 1.3em;
	transition: .3s;
}
.slide__overlay-title p{
	border-top: 1px solid #2356a6;
	margin-top: 15px;
	padding-top: 10px;
	color: #2356a6;
	font-weight: 400;
	letter-spacing: 2px;
	transition: .3s;
}

.slide-in-copy{
	width: 85%;
	max-width: 1200px;
	height: 140px;
	padding: 5%;
	border: 1px solid #fff;
	font-weight: 200;
	letter-spacing: .1em;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
	display: flex;
	display: -webit-flex;
	align-items: center;
	justify-content: center;
	animation: apped .8s ease-in forwards 2.8s;
}
@keyframes apped{
	 0% {
		-webkit-transition: all 1.2s ease;
		-o-transition: all 1.2s ease;
		transition: all 1.2s ease;
		opacity: 0;
	}
	 100% {
	 opacity: 1;
	}
}
.slide-in-copy::after{
	content: '';
	background: url(../img/kaneki_moppun_icon.png) no-repeat;
	background-size: contain;
	width: 89px;
	height: 119px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	opacity: .2;
}

.slide-in-copy .inner{
	font-size: 160%;
  	-webkit-transition: all .8s ease 3.8s;
  	-o-transition: all .8s ease 3.8s;
  	transition: all .8s ease 3.8s;
}


/*header*/
#head{
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	/*position: absolute;
	top: 0;
	left: 0;*/
	z-index: 200;
	background: #fff;
}
.head-inner{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}
.head__logo-cont{
	max-width: 250px;
	margin: 0;
	padding: 15px;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
}
.head__logo-cont img{
}

/*glo-nav*/
.head__glonav-cont{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: 0;
}
.head-glonav__left{
	width: 75%;
	margin: 0;
	padding: 0 5px 0 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.head-glonav__left li{
	width: 150px;
	list-style: none;
}
.head-glonav__left li a{
	display: block;
	padding: 10px 0;
	font-size: 90%;
	color: #e94b19;
	text-decoration: none;
	text-align: center;
	position: relative;
}
.head-glonav__left li a::after{
  	position: absolute;
  	left: 0;
	right: 0;
  	bottom: 0;
  	display: block;
  	content: "";
  	width: 0%;
  	height: 3px;
	background: linear-gradient(to right,#ee7523,#e94b19);
  	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.head-glonav__left li a:hover::after {
  width: 100%;
}

.head-glonav__right{
	width: 270px;
	margin: 0;
	padding: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.head-glonav__right li{
	width: 135px;
	height: 135px;
	list-style: none;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	transition: .3s;
}
.head-glonav__right li:hover{ opacity: .5; }
.head-glonav__right li.glonav-right__othernav01{ background: #ee7523; }
.head-glonav__right li.glonav-right__othernav02{ background: #e94b19; }
.head-glonav__right li a{
	display: block;
	padding: 15px;
	box-sizing: border-box;
	margin: 0;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: relative;
}
.head-glonav__right li a p{
	padding-top: 10px;
}


/*バーガーメニュー_アイコン*/
.header-nav-mobile{ display: none; }

.head-burgermenu{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	min-width: 101px;
	height: 101px;
	border: 1px solid #ee7523;
	background: #ee7523;
	z-index: 1001;
	flex-wrap: wrap; 
}
.head-burgermenu{ display: none; }
.head-burgermenu p{ display: block; width: 100%; color: #fff; text-align: center; }

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 40px;
	height: 34px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 14.5px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
	
.open .menu-trigger{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.open .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(14.5px) rotate(-45deg);
	transform: translateY(14.5px) rotate(-45deg);
}
.open .menu-trigger span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.open .menu-trigger span:nth-of-type(3) {
	opacity: 0;
}


/*footer*/
#foot{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: linear-gradient(to right,#2356a6,#2ea7e0);
	font-size: 90%;
}
.foot-inner{
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.foot-inner .mein-nav ul{ margin: 0; padding: 0; display: flex; display: -webkit-flex; justify-content: space-between; }
.foot-inner .mein-nav ul li{ width: 20%; list-style: none; text-align: center; color: #fff; position: relative; margin-bottom: 10px; }
.foot-inner .mein-nav ul li::before{
    position: absolute;
    content: '';
    top: 25%;
	left: 5px;
    margin: auto;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    width: 0;
    height: 0;
}
.foot-inner .mein-nav ul li a{ padding-left: 12px; color: #fff; text-decoration: none; transition: .5s; }
.foot-inner .mein-nav ul li a:hover{ opacity: .4; }

.foot-inner .right-navbox{ width: 50%; }
.foot-inner .side-nav ul{ 
	max-width: 350px;
	margin-top: 10px; 
	margin-left: auto;
	margin-right: 0;
	padding: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.foot-inner .side-nav ul li{ 
	width: 49%; 
	list-style: none;
	color: #fff; 
	position: relative;
	border: 1px solid #fff;
}
.foot-inner .side-nav ul li a{ 
	display: block; 
	padding: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none; 
	transition: .5s;
}
.foot-inner .side-nav ul li a:hover{ opacity: .4; }

.foot-inner .left-add{ color: #fff; }
.foot-inner .left-add p{ margin-top: 15px; }

.foot-inner .sns-link{
	display: block;
	width: 50px;
	height: 50px;
	margin: 30px 0 0 auto;
}


.foot-copyright{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	color: #fff;
	border-top: 1px solid #fff;
	text-align: center;
}


/*page-top*/
.page-top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
	z-index: 1000;
}
.page-top a {
	width: 35px;
	height: 35px;
    display: block;
    background: rgba(35,86,166,.8);
	border-radius: 100%;
	box-shadow: 5px 5px 0px 2px rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 30px;
	transition: .3s;
}
.page-top a:hover {
	background: rgba(53,157,209,.8);
}

/*scrolldown*/
.scrolldown-btn{
	display: block;
	width: 40px;
	height: 200px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: auto;
	padding: 30px 15px 15px 15px;
	background: #fff;
	text-decoration: none;
	text-align: right;
	z-index: 200;
}

.scrolldown-btn .sd-btn-inner{
}
.scrolldown-btn p.btn-text{
	display: inline-block;
	color: #ee731b;
	margin: 0 0 10px;
	letter-spacing: .1em;
 	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.scrolldown-btn svg.stickarrow {
	width: 30px;
	transition: .4s;
	fill: #ee731b; 
}
.scrolldown-btn:hover svg.stickarrow{
	animation: btnani .5s ease-in forwards;
}
 @keyframes btnani {
	 0% { fill: #ee731b; }
	 5%{ fill: #fff; }
	 100% { fill: #171C2E; }
}

/*news*/
/*
.top__news-cont{
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background: linear-gradient(to right,#2356a6,#2ea7e0);
}
.top__news-cont .inner{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.news-list__title{
	width: 250px;
	height: 250px;
	border: 1px solid #fff;
	border-radius: 10px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.news-list__title h1{
	font-size: 250%;
	color: #fff;
}
.news-list__title p{
	color: #fff;
}
.news-list{
	width: 72%;
}
.news-list ul{
	margin: 0;
	padding: 0;
}
.news-list ul li{
	padding: 12px 0;
	list-style: none;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.news-list ul li span{ color: #ccc; margin-right: 30px; }
.news-list__morebtn{
	display: block;
	text-align: right;
	color: #fff;
	margin-top: 12px;
}*/
.top__news-cont{
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background: linear-gradient(to right,#2356a6,#2ea7e0);
}
.top__news-cont .inner{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.news-list__title{
	width: 250px;
	height: 250px;
	border: 1px solid #fff;
	border-radius: 10px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.news-list__title h1{
	font-size: 250%;
	color: #fff;
}
.news-list__title p{
	color: #fff;
}

.news-list{
	width: 72%;
}
.news-list img{ display: none; }
.news-list .article-content{ margin-top: -35px; }
.news-list dl dt{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 12px 0;
	list-style: none;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.news-list dl dt .news-date{ width: 84px; margin-right: 15px; color: #CFDCDC; }
.news-list dl dt .news-title{ margin-left: 0; margin-right: auto; }
.news-list dl dt .news-title a{ text-decoration: none; word-wrap: break-word; word-break: break-all; }
.news-list a, .news-list .article-content p{ color: #fff; transition: .3s; }
.news-list a:hover,.news-list .article-content p:hover{ opacity: .5; }

.news-list ul li span{ color: #ccc; margin-right: 30px; }
.news-list__morebtn{
	display: block;
	text-align: right;
	color: #fff;
	margin-top: 12px;
}


/*contents_title*/
.top-contents__title{
	width: 100%;
	margin: 0;
	padding: 60px 0;
	text-align: center;
}
.top-contents__title h1{
	margin-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	font-size: 160%;
	color: #359dd1;
	text-align: center;
	letter-spacing: 3px;
	position: relative;
}
.top-contents__title h1:after {
  	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
  	border: 15px solid transparent;
  	border-top: 15px solid #359dd1;
  	width: 0;
  	height: 0;
}


/*service*/
.top-service__cont{
	width: 100%;
	margin: 0;
	background: url(../img/top/sky.jpg)no-repeat;
	background-size: cover;
}
.top-service__cont .inner{
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background: rgba(106,198,218,.6);
}

.top-service__element01{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 600px;
	box-shadow:5px 5px 0px 2px rgba(0,0,0,.5);
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.top-service__element01 .element__iconbox{
	width: 35%;
	margin: 0;
	padding: 25px 0 25px 25px;
	background: #fff;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}
.top-service__element01 .element__iconbox img{}
.top-service__element01 .element__textbox{
	width: 65%;
	margin: 0;
	background: #2356a6;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.top-service__element01 .element__textbox .text{
	padding: 0 15px;
}
.top-service__element01 .element__textbox h1{
	font-size: 160%;
	color: #fff;
	letter-spacing: 3px;
}
.top-service__element01 .element__textbox p{
	font-size: 90%;
	font-weight: 200;
	color: #fff;
}


.top-roumuc_cont{
	width: 100%;
	margin: 0;
}
.top-roumuc_cont .inner{
	max-width: 1200px;
	width: 85%;
	margin: 0 auto;
    padding: 0 0 60px 0;
}
.roumc_cms_element{
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 25px;
	border: 3px solid #3d86c7;
	border-radius: 10px;
	background: #fff;
}
.roumc_cms_element h2{
	font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    letter-spacing: .1em;
	padding-left: 25px;
	position: relative;
}
.roumc_cms_element h2::before{
	font-family: "Font Awesome 5 Free";
	font-family: "FontAwesome";
	content: '\f138';
  	font-size: 20px;
	position: absolute;
  	top: 25%;
	left: 0;
  	color: #2356a6;
	font-weight: 600;
}
.roumc_cms_element .mkcontents a img{ display: none; }
.roumc_cms_element .mkcontents a{ color: #e94b19; transition: .3s; }
.roumc_cms_element .mkcontents a:hover{ opacity: .5; }
.roumc_cms_element .mkcontents .article tbody tr.sp-c-nav td{ background: rgba(255,255,255,.8); }


/*page-cont*/
.page-cont{
	width: 100%;
	margin: 0;
}
.page-titlecont{
	width: 100%;
	margin: 0;
	padding: 60px 0;
	/*background: #2356a6;*/
	background: -webkit-linear-gradient(left, #2356a6, #2ea7e0);
	background: -o-linear-gradient(left, #2356a6, #2ea7e0);
	background: linear-gradient(to right, #2356a6, #2ea7e0);
}
.page-titlecont h1{
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 400;
	letter-spacing: 10px;
	position: relative;
	padding-bottom: 10px;
}
.page-titlecont h1::after{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
    width: 0;
    height: 0;
}

/*yield-table*/
.yield-table{
	width: 100%;
	margin: 0 auto;
}
.yield-table th {
    width: 150px;
    padding: 15px;
    background: #2356a6;
    color: #fff;
	font-weight: 400;
}
.yield-table td{
	padding: 15px;
	background: #fff;
	font-size: 90%;
}

.comon-page__pickup-list{
	max-width: 80%;
	margin: 15px auto 20px;
	padding: 15px;
	background: #eef2fa;
	position: relative;
}
.comon-page__pickup-list::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.comon-page__pickup-list li{
	font-size: 130%;
	color: #2356a6;
	text-align: left;
	letter-spacing: 2px;
	list-style: none;
	padding: 5px 0 5px 20px;
	position: relative;
}
.comon-page__pickup-list li::before{
	content: '';
	width: 7px;
	height: 7px;
	background: #2ea7e0;
	position: absolute;
	top: 45%;
	left: 0;
}


/*breadcrumb*/
.pankuzu-content{ width: 100%; background: #ee7523; }
.pankuzu-list-sharp *, .pankuzu-list-sharp *:after, .pankuzu-list-sharp *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.pankuzu-list-sharp {
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.pankuzu-list-sharp li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.pankuzu-list-sharp a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.7em 1em 0.7em 2em;
	text-decoration: none;
	font-size: 85%;
	color: #ffffff;
	background-color: #e94b19;
}
.pankuzu-list-sharp li:first-child a {
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
}
.pankuzu-list-sharp a::after,
.pankuzu-list-sharp a::before {
	position: absolute;
	top: 50%;
	right: -1.5em;
	margin-top: -1.48em;
	content: '';
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1.5em solid;
	}
.pankuzu-list-sharp a::after {
	z-index: 2;
	border-left-color: #e94b19;
}
.pankuzu-list-sharp a::before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}
/*.pankuzu-list-sharp li:nth-child(2) a       { background:        #EC407A; }
.pankuzu-list-sharp li:nth-child(2) a:after { border-left-color: #EC407A; }
.pankuzu-list-sharp li:nth-child(3) a       { background:        #F06292; }
.pankuzu-list-sharp li:nth-child(3) a:after { border-left-color: #F06292; }
.pankuzu-list-sharp li:nth-child(4) a       { background:        #F48FB1; }
.pankuzu-list-sharp li:nth-child(4) a:after { border-left-color: #F48FB1; }
.pankuzu-list-sharp li:nth-child(5) a       { background:        #F8BBD0; }
.pankuzu-list-sharp li:nth-child(5) a:after { border-left-color: #F8BBD0; }*/

.pankuzu-list-sharp li:last-child a {
	cursor: default;
	pointer-events: none;
	color: #fff;
	background: #ee7523;
	border-radius: 0 5px 5px 0;
}
.pankuzu-list-sharp li:last-child a:hover {
	background: none;
}
.pankuzu-list-sharp li:last-child a::before,
.pankuzu-list-sharp li:last-child a::after {
	content: normal;
}


/*about*/
.about-flexbox{
	position: relative;
	width: 100%;
	min-height: 450px;
	margin: 0;
	padding: 60px 0;
	border-bottom: 1px solid #eef2fa;
}
.about-flex__ownerimg{
	width: 406px;
	height: 420px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 10%;
}
.about-flex__backcolor {
    width: 75%;
	height: 78%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    box-sizing: border-box;
    background: #eef2fa;
	z-index: -1;
}

.about-flex__left{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	position: relative;
	z-index: 100;
}
.about-flex__left h1{
	font-size: 140%;
	font-weight: 400;
	color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}
.about-flex__left h1 span{
	font-size: 80%;
}
.about-flex__left p{
	padding-left: 15px;
	font-size: 90%;
    line-height: 2em;
    letter-spacing: 2px;
}

.about-element02{
    width: 100%;
    margin: 0;
    padding: 60px 0;
	background: #2356a6;
}
.about-element02 .inner{
	max-width: 1200px;
	width: 80%;
	margin: 0 auto;
}
.about-element02 .point-heading{
	width: 100%;
	margin: 0 auto 15px;
}
.about-element02 .point-heading h2{
	color: #fff;
	font-size: 180%;
	font-weight: 400;
	letter-spacing: 2px;
	padding-bottom: 10px;
	border-bottom: 4px solid #46b4e5;
	position: relative;
}
.about-element02 .point-heading h2::after{
	content: '';
	width: 30%;
	height: 5px;
	background: #92dbff;
	position: absolute;
	bottom: -5px;
	left: 0;
}
.about-element02 .point-heading.ph02 h2::after{ width: 35%; } 
.about-element02 .point-heading.ph03 h2::after{ width: 40%; } 
.about-element02 .point-heading p{
	color: #fff;
	font-size: 100%;
	padding-top: 10px;
	margin-left: 10px;
}

.about-element03{
    width: 100%;
    margin: 0;
    padding: 60px 0;
    background: rgb(169,196,247);
    background: linear-gradient(352deg, rgba(169,196,247,1) 0%, rgba(189,213,255,1) 50%, rgba(204,240,255,1) 100%);
    overflow: hidden;
}
.about-element03 .inner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.about-element03 h2{
	margin-bottom: 15px;
    font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}

.about-element04{
	width: 100%;
	margin: 0;
	padding: 60px 0 0;
}
.about-element04 h2{
	display: block;
	max-width: 1200px;
	width: 90%;
    margin: 0 auto 15px;
    font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}
.about-maping{
	width: 100%;
	height: 400px;
	margin: 0;
	position: relative;
}
.about-maping iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*seminar*/
.page-seminar__element01{
	width: 100%;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.page-seminar__element01 .element-left{
	width: 50%;
	padding: 60px 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	text-align: center;
}
.page-seminar__element01 .element-left .text{ margin: 0 auto; }
.page-seminar__element01 h2{
	font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}
.page-seminar__element01 p{
    padding-left: 15px;
    line-height: 2em;
}
.page-seminar__element01 .element-right{
	width: 60%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.page-seminar__element02{
    width: 100%;
    margin: 0;
    padding: 60px 0;
    background: rgb(169,196,247);
    background: linear-gradient(352deg, rgba(169,196,247,1) 0%, rgba(189,213,255,1) 50%, rgba(204,240,255,1) 100%);
    overflow: hidden;
}
.page-seminar__element02 .inner {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
.page-seminar__element02 h2{
    margin-bottom: 15px;
    font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}

.page-seminar__element03{
    width: 100%;
    margin: 0;
    padding: 60px 0;
	background: #fff;
}
.page-seminar__element03 .inner{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
.page-seminar__element03 h2 {
    margin-bottom: 15px;
    font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}
.page-seminar__element03 h3{
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 160%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}
.page-seminar__element03 h3 span{
	font-size: 70%;
	color: #3D3D3D;
	padding-right: 5px;
}
.page-seminar__element03 p{
    padding-left: 15px;
}
.page-seminar__element03 p a{
	color: #ee7523;
	transition: .3s;
}
.page-seminar__element03 p a:hover{
	opacity: .5;
}

.page-seminar__pdflink-box{
	width: 100%;
	margin: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.page-seminar__pdflink-box .pdf-element{
	width: 33.3%;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	background: #2356a6;
	text-decoration: none;
	overflow: hidden;
	position: relative;
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-seminar__pdflink-box .pdf-element.fadein-right:nth-child(1){
  	-webkit-transition: all 1.2s ease;
  	-o-transition: all 1.2s ease;
  	transition: all 1.2s ease;
}
.page-seminar__pdflink-box .pdf-element.fadein-right:nth-child(2){
  	-webkit-transition: all 1.3s ease;
  	-o-transition: all 1.3s ease;
  	transition: all 1.3s ease;
}
.page-seminar__pdflink-box .pdf-element.fadein-right:nth-child(3){
  	-webkit-transition: all 1.4s ease;
  	-o-transition: all 1.4s ease;
  	transition: all 1.4s ease;
}

.page-seminar__pdflink-box .pdf-element::after{
	content: '';
  	background-color: #00368a;
  	height: 100%;
	position: absolute;
  	left: -35%;
  	top: 0;
  	transform: skew(50deg);
  	transition-duration: 0.6s;
  	transform-origin: top left;
  	width: 0;
}
.page-seminar__pdflink-box .pdf-element:hover::after {
  	height: 100%;
  	width: 135%;
}
.page-seminar__pdflink-box .pdf-element:nth-child(2n){ background: #3f6aad; }
.page-seminar__pdflink-box .pdf-element p{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	color: #fff;
	font-size: 120%;
	letter-spacing: 3px;
	border: 1px solid #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.page-seminar__pdflink-box .pdf-element p::after{
    position: absolute;
    content: '';
    top: 40%;
    right: 10px;
    margin: auto;
    border: 8px solid transparent;
    border-left: 8px solid #fff;
    width: 0;
    height: 0;
}
.page-seminar__pdflink-box .pdf-element p span{
	font-size: 60%;
	padding-left: 15px;
}


/*subsidy*/
.page-subsidy__element01{
	width: 100%;
	margin: 0;
	padding: 60px 0;
}
.page-subsidy__element01 .inner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.page-subsidy__element01 h2 {
    font-size: 180%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
}
.page-subsidy__element01 h3{
	font-size: 160%;
    font-weight: 400;
    color: #2356a6;
    line-height: 2em;
    letter-spacing: .1em;
	padding-left: 25px;
	position: relative;
}
.page-subsidy__element01 h3::before{
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #2356a6; 
	position: absolute;
	top: 30%;
	left: 0;
}
.page-subsidy__element01 p{
	padding-left: 15px;
}


/*mkcontents_page*/
.page-cont__yield .mkcontents__inner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
}
.page-cont__yield .mkcontents__inner #mkcontents{
	font-size: 100%;
}
.page-cont__yield .mkcontents__inner #mkcontents a{
	color: #ee7523;
	word-break: break-all;
}
.page-cont__yield .mkcontents__inner #mkcontents .content-news{}
.page-cont__yield .mkcontents__inner #mkcontents .content-news dt{
	width: 100%;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #2356a6;
    margin-left: 0;
    margin-right: auto;
	display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.page-cont__yield .mkcontents__inner #mkcontents dl.content-news dt .news-date{
	text-align: right;
	margin-left: 0;
    margin-right: 0;
	padding-left: 0;
	padding-right: 15px;
}
.page-cont__yield .mkcontents__inner #mkcontents dl.content-news dt .news-title{
	margin-left: 0;
    margin-right: auto;
	display: block;
}


/*contact*/
.contact-cont{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
}
.toi_sub_tit01{
	padding-left: 15px;
    line-height: 2em;
    letter-spacing: 2px;
}
.toi_box01{
	margin-top: 15px;
	padding: 15px;
	background: #eef2fa;
}
.from_text01 {
    padding: 3px;
    width: 100%;
    max-width: 320px;
	box-sizing: border-box;
}
.from_text02 {
    padding: 3px;
    width: 100%;
    max-width: 140px;
	box-sizing: border-box;
}
.from_text03 {
    padding: 3px;
    width: 100%;
    max-width: 640px;
	box-sizing: border-box;
}
.toi_td3{ margin-top: 15px; }
.toi_txt01{ margin-bottom: 15px; }


.cont-title{
    font-size: 200%;
    letter-spacing: .1em;
    margin: 100px auto 0;
	padding-bottom: 100px;
    text-align: center;
    color: #774D5A;
	border-bottom: 1px solid #E1E1E1;
}