@charset "UTF-8";


*{
	font-family: 
	'Noto Sans JP',
	"Meiryo", "メイリオ", 
	"Osaka", "MS PGothic", 
	"arial", "helvetica", 
	"Hiragino Kaku Gothic ProN", 
	"ヒラギノ角ゴ ProN", 
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	sans-serif;
}


*:before,*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html{
	font-size: 62.5%;
	box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 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;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
/*================== ベース ==================*/
	/*共通*/
	h6{
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1em;
		margin-bottom: 0.5em;
		letter-spacing: 0.3rem;
	}

	h2{
		display: block;
		font-size: 2.8rem;
		margin-block-start: 0em;
		margin-block-end: 0.83em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: 700;
		text-align: center;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
		position: relative;
		padding-bottom: 0.25em;
		margin-bottom: 1.25em;
	}

	h2:after{
		content: "";
		height: 0.1em;
		background: #231815;
		box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
		width: 6em;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	

	h3{
		font-size: 2.4rem;
		font-weight: 700;
		margin-bottom: 0.5em;
		text-align: center;
	}

	p{
		font-weight: 400;
		font-size: 1.8rem;
	}

	b{
		font-size: 1.35em;
		font-family: inherit;
		color: #084593;
		line-height: 0.65em;
		margin: 0 0.25em;
		text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
		letter-spacing: -0.15rem;
		font-weight: 700;
	}

	strong{
		font-weight: 700;
		font-size: 1em;
		font-family: inherit;
		margin: 0 0.25em;
		background: linear-gradient(rgba(255,255,255,0) 70%,rgba(254,241,2,0.7) 0);
	}

	section{
		background-color:#f5f3f0;
	}

	h2.tit_sub {
		color: #000;
		font-weight: 600;
		display: block;
		text-align: center;
		margin: auto;
	}

	h2.tit_sub::after{
		display: none;
	}

	.txt{
		text-align: center;
		font-size: 0.9rem;
		font-weight: 500;
		letter-spacing: 3px;
		line-height: 2;
		padding-bottom: 1.5em;
		margin-top: 15px;
	}

	.phone-square:before{
		font-family: "Font Awesome 5 Free";
		content: '\f87b';
		font-weight: 900;
		padding-right: 10px;
		color: #fff;
		font-size: 4em;
		font-style: normal;
	}

	.wrap{
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
	}

	.balloon{
		position: relative;
		display: inline-block;
		background-color: #2e69b2;
		border-radius: 20em;
		padding: 1em 2em 0.8em;
		margin-bottom: 0.75em;
		width: auto;
		color: #fff;
	}

	.balloon::after{
		content: "";
		position: absolute;
		right: 0;
		bottom: -12px;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #2e69b2 transparent transparent transparent;
		border-width: 12px 10px 0 10px;
	}

	.fontS {
		font-size: 0.5em;
	}

	.pcOnly{ display: block; }
	.spOnly{ display:  none; }
	@media screen and ( max-width:599px) {
		.pcOnly{ display: none; }
		.spOnly{ display: block; }
	}

/*=============================================================================================*/
/*header*/
	#header{
		background-color: #0075C2;
		border-bottom: 1px solid #fff;
		display: block;
	}
	#header .headbox{
		margin: 0 auto;
		box-sizing: border-box;
		padding: 5px 0;
		position: relative;
		display: flex;
		text-align: left;
		vertical-align: middle;
		width: 92%;
	}
	#header .headbox .hlogo{
		width: 150px;
		display: flex;
		margin: 0 auto 0 0;
	}
	#header .headbox img{
		max-width: 100%;
		height: auto;
	}
	#header .headbox_r{
		display:flex;
	}
	#header .headbox_r p{
		font-size: 1.5rem;
		font-weight: 600;
		color: #fff;
		margin: auto;
		margin-right: 15px;
	}
	#header .headbox_r .headbtns{
		display: flex;
		text-align: center;
		justify-content: center;
	}
	#header .headbox_r .headbtns .btn{
		display: block;
		text-align: center;
		color: #fff;
		padding:0.5rem 4rem;
		min-width: 260px;
	}

/*ファーストビュー=======================================*/
	#top{
		max-width: 100%;
		height: 85vh;
		max-height: 820px;
		background-image: url(../images/pc_1stview_bk-20.jpg) ;
		background-repeat: no-repeat;
		background-position:top;
		text-align: center;
		overflow: hidden;
		margin: auto;
	}

	#top .top_visual{
		max-width: 100%;
		margin: 70px auto 20px;
	}
	#top .top_visual img{
		max-width:92%;
	}

	#top div.mainsub {
		margin: 20px auto 50px;
		text-align: center;
		font-size: 2.5rem;
		font-weight: 600;
		color: #191970;
		padding: 10px 0;
		letter-spacing: 1px;
		max-width:92%;
	}
	#top .mainsub .tlt{
		background-color:rgba(255, 255, 255, 0.7);
		margin: 0 auto 15px;
		padding: 5px;
		text-align: center;
		font-size: 2.1rem;
		font-weight: 400;
	}

	#top div.cta{
		margin: 0 auto;
		padding: 10px;
		flex-wrap: nowrap;
		max-width:92%;
	}

	#top a.btn{
		margin: 0 auto 20px;
		padding: 15px;
		text-decoration: none;
		border-radius: 20px;
		display: block;
		text-align: center;
		/*animation: animel 0.7s ease 0s infinite alternate;*/
		transform-origin: center;
	}

	#top a.bt_online{
		background-color: #2e69b2;
		border-bottom: 5px solid #00306c;
	}
	
	#top a.bt_online:hover{
		background-color: #4284d7;	
		border-bottom: 2px solid #4284d7;
		border-top: 3px solid  #4284d7;
		animation: none;
	}
	
	#top a.bt_seminar{
		background-color: #e8383d;
		border-bottom: 5px solid #a8262b;
	}
	
	#top a.bt_seminar:hover{
		background-color: #e08c8f;	
		border-bottom: 2px solid #a8262b;
		border-top: 3px solid  #e08c8f;
		animation: none;
	}

	#top a.bt_privateseminar{
		background-color: #e9bc00;
		border-bottom: 5px solid #804114;
	}

	#top a.bt_privateseminar:hover{
		background-color: #d8c98f;	
		border-bottom: 2px solid #804114;
		border-top: 3px solid  #d8c98f;
		animation: none;
	}

	@keyframes animel{
		from {
			transform: scale(1.0,1.0);
		}
		to {
			transform: scale(1.05,1.05);
		}
	}

	#top .btn p{
		color: #fff;
		font-size: 1.5em;
		font-weight: 800;
		letter-spacing: 0.5em;
		line-height: 1.5em;
	}

/*=============================================================================================*/
/*================== おすすめなわけ ==================*/
#reason{
	margin: 0 auto;
	padding: 1% 15px;
}
#reason h2{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#reason .col{
	width: 95%;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	z-index: 1;
}

#reason .col .colIn{
	width: calc(100%/3 - 10px);
	max-width: 385px;
	display: block;
	text-align: center;
}

#reason dl{
	width: 100%;
	margin: auto;
}


#reason .tri .colIn dl dt {
	background-color: #2e69b2;
	border: 5px solid #b3c9e8;
	color: #FFF;
	padding: 2rem 1rem;
	font-weight: 700;
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

#reason .tri .colIn dt::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #b3c9e8 transparent transparent transparent;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
}

#reason .tri .colIn dl dt::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #2e69b2 transparent transparent transparent;
	bottom: -11px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9;
}

#reason .tri .colIn dl dt h6{
	background-color: #FFF;
	color: #2e69b2;
	padding: 0.5rem 3.5rem;
	font-weight: 700;
	position: relative;
	margin-bottom: 0.75rem;
	display: inline-block;
	border-radius: 5rem;
}

#reason .tri .colIn dl dt h5{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 0.25em;
	color: #fff;
}

#reason .tri .colIn dt{
	height: 151px;
}

#reason .tri .colIn dl dd {
	background: #edf6ff;
	padding: 2.5rem 1.5rem;
}

#reason .tri .colIn dl dd p{
	font-size: 1.5rem;
}

#reason .banner{
	margin: 20px auto 0px;
}

#reason .banner .tit{
	font-size: 2.4rem;
	font-weight: 900;
	letter-spacing: 1rem;
	color: #084593;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}

#reason .banner img{
	width: 95%;
	margin: 0 auto 5px;
}

#reason .banner .text_area{
	max-width: 950px;
	text-align: left;
	margin: auto;
	font-size: 1.5rem;
}




/*=============================================================================================*/
/*================== コロナ対策方針 ==================*/
	/*新型コロナウィルス感染症予防対策*/
	#corona {
		margin: 0 auto;
		padding: 12rem 0;
		background-color: #f8f4e6;
	}
	section#corona>h2.tit_sub {
		background-color: #F2E5BD;
		color: #000000;
		display: block;
		text-align: center;
		margin: auto;
		letter-spacing: 1.2rem;
	}
	#corona>h2 span{
		font-size:1.8rem;
		font-weight: 600;
		letter-spacing: 5px;
		text-align: center;
		margin: auto;
	}
	section#corona>ul.icons {
		width: 60%;
		min-width: 700px;
		margin:auto;
		margin-top: 2rem;
		text-align: center;
		justify-content: center;
	}
	
	section#corona>.icons li {
		display: inline-block;
		width : calc(90% / 5);
		margin: 0px 5px;
		background-color: #fff;
		border-radius:5px;
		box-shadow: 0px 0px 5px #aaa;
		text-align: center;
		padding: 3px;
		font-weight: 600;
		font-size: 12px;
	}
	#corona>.icons li img {
		width:50%;
		margin-bottom: 5px;
	}
	
	section#corona>#acdMenu dt{
		display:flex;
		width:400px;
		height:50px;
		border:#aaa 2px solid;
		cursor:pointer;
		color: #666;
		background-color:#fff;
		margin: 20px auto 10px;
		border-radius: 5px;
		padding: 0 15px;
	}
	section#corona>#acdMenu dt>div{
		display:flex;
		width: 100%;
		margin: auto;
		text-align:center;
		justify-content: space-between;
	}

	section#corona>#acdMenu dt>div>p{
		font-size:1.8rem ;
		font-weight: 600;
		line-height: 2.5;
	}
	section#corona>#acdMenu dt>div>i{
		font-size:1.8rem ;
		line-height: 2.5;
	}
	section#corona>#acdMenu dt.open>div>i{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

		section#corona>#acdMenu dd{
		background:#f2f2f2;
		border:#666 1px solid;
		display:none;
		width: 100%;
		max-width: 950px;
		margin: auto;
		padding: 20px;
		}
	
	.corona_header {
			display: block;
			padding: 0.5em 1em;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			font-size: 1.6rem;
			font-weight: 400;
		}

	.policy_request {
			display: flex;
			max-width: max-content;
			margin-left: auto;
			margin-right: auto;
			align-items: stretch;
			justify-content: center;
			flex-direction: row;
			flex-wrap: nowrap;
	}
	.policy_request>.item {
			padding: 10px;
			margin: 10px;
			max-width: 470px;
			width: 50%;
	}
	.policy ol {
			counter-reset: item;
			list-style-type: none;
			padding-left: 0;
	}
	.policy li {
			text-indent: -1.3em;
			padding-left: 1.3em;
	}
	.policy li:before {
			counter-increment: item;
			content: counter(item)'.';
	}
	.request ul {
			list-style-type: disc;
			padding-left: 0;
	}
	.reference {
			display: block;
			max-width: max-content;
			margin-left: auto;
			margin-right: auto;
			line-height: 100%;
	}

	.reference>p{
		font-size: 1.4rem;
	}

/*=============================================================================================*/
/*イントロダクション*/
#intro{
	max-width: 100%;
	background-color: #504946;
	background-repeat: no-repeat;
	background-position:bottom;
	text-align: center;
	overflow:hidden ;
	margin: auto;

	padding: 9rem 0;
}

#intro .introtext{
	text-align: center;
	margin: 3% auto 2% ;
}

#intro .introtext h1{
	font-size: 3rem;
	line-height: 5rem;
	letter-spacing: 1.2rem;
	color: #fff;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: 900;
}

#intro .bold{
	margin: 30px auto 0;
	font-family: inherit;
	color: #fff;
	font-size: 2.4rem;
	margin-bottom: 0px;
	letter-spacing: 0.5rem;
}
#intro strong{
	background:linear-gradient(rgba(255,255,255,0) 70%,rgba(254,241,2,0.4) 0) ;
}

#intro .kwarea{
	display: flex;
	flex-wrap: wrap;
	margin: 10px auto;
	text-align: center;
	justify-content: center;
}

#intro .kwarea p{
	font-size: 1.8rem;
	margin: 5px 20px;
	color: #000;
	letter-spacing: 0.8rem;
	background-color: #ffffff;
	padding: 5px;
	width: 400px;
	border-radius: 5px;
	text-align: left;
	padding-left: 20px;
}

#intro .msg{
	margin: 10px auto;
	line-height: 3rem;
}

#intro .triangle{
	margin: 15px auto;
	width: 100px;
	border-top: 30px solid #f0e300;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
}

#intro h3{
	width: 720px;
	font-size: 2.4rem;
	font-weight: 900;
	color: #084593;
	padding: 8px;
	text-align: center;
	margin: 10px auto 50px;
	background-color: #fff352;
	text-align: center;
}




/*=============================================================================================*/
/*物件収支例*/
#topic{
	margin: 0 auto;
	padding: 8rem 1rem;
	background-color: #fe9214;
}

#topic .wrap h1 {
	font-size: 2.5rem;
	line-height: 5rem;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 700;
}

#topic .wrap h1 span {
	display: inline-block;
	background: #c30;
	color:#ff0;
	font-size: 4.0rem;
	padding: 0.75rem 5.0rem 1.0rem;
	margin-bottom: 1rem;
}

#topic .contents {
	background-color: #fff;
	margin: 3.5rem auto 0;
	padding: 25px;
	border-radius: 15px;
	text-align: center;
	width: auto;
}

#topic .contents h3>span {
	display: inline-block;
	margin-left: 1.5rem;
	background: #2e69b2;
	border-radius: 10rem;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0 3rem;
	transition: all 0.2s linear;
}
#topic .contents h3>span:hover {background: #c63;}
#topic .contents h3>span a {color:#fff; text-decoration: none;}

#topic .contents h4 {
	margin-top: -0.75rem;
}
#topic .contents h4 span {
	display: inline-block;
	background: #2e69b2;
	padding: 0rem 2rem;
	color: #fff;
	margin-right: 1.5rem;
}
#topic .contents p {
	padding: 0.5rem 0 3rem;
	font-size: 1.4rem;
}

#topic .contents .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

#topic .contents .inner .img {width: 30%;}
#topic .contents .inner .img img {
	width: 275px;
	height: auto;
	box-shadow: 1px 1px 10px #999;
}

#topic .contents .inner .msg {
	width: 65%;
	margin-left: 3rem;
}

#topic .contents .inner .msg .msg___loan,
#topic .contents .inner .msg .msg___shushi1,
#topic .contents .inner .msg .msg___shushi2 {
	background: #f3f4f5;
	border-radius: 10px;
	padding: 1rem 3rem;
	text-align: left;
	margin-bottom: 1rem;
}
#topic .contents .inner .msg .msg___shushi2 {
	background: #76d1fa;
	animation-name: fuwachan;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.0s;
	padding: 0 3rem;
}
@keyframes fuwachan {
    0% {transform: translate(0,0px);}
    100% {transform: translate(0,-15px)}
}

#topic .contents .inner .msg .msg___shushi2::before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #76d1fa;
}

#topic .contents .inner .msg .s1 {
	display: inline-block;
	background: #2e69b2;
	padding: 0 1.5rem;
	margin-bottom: 0.5rem;
	margin-right: 1.25rem;
	min-width: 135px;
	text-align: center;
	color:#fff;
}
#topic .contents .inner .msg .s2 {
	font-size: 2.5rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 0.35rem;
}

#topic .contents .inner .msg .vox {
	display: inline-block;
	background: #fff;
	padding: 0 1.25rem;
	border-radius: 10rem;
	font-size: 1.1rem;
	color: #666;
	margin-left: 0.5rem;
}

.s2.cb {color:#2e69b2;}
.s2.cr {color:#cc3300;}
.s2.cb.lar {font-size: 6.5rem!important;}
.notice {
	font-size: 1.1rem;
	color:#666;
	line-height: 1.7;
	margin-top: 2rem;
}

@media screen and ( max-width:599px) {
	#topic .contents h4 {font-size: 1.4rem;}
	#topic .contents h4 span {margin-top: 1.5rem;}
	#topic .contents p {padding: 1.0rem 0 3rem;	font-size: 1.2rem;}
	#topic .contents .inner {flex-direction: column; align-items:flex-start;}
	#topic .contents .inner .msg {width:98%; margin-left:unset;}
	#topic .contents .inner .msg .msg___loan,
	#topic .contents .inner .msg .msg___shushi1,
	#topic .contents .inner .msg .msg___shushi2 {padding: 1rem 1.5rem; text-align:center;}
	#topic .contents .inner .msg .s1 {width:100%; font-size:1.6rem;}
	#topic .contents .inner .msg .s2 {font-size:3.0rem; margin-right:0.2rem;}
}















/*=============================================================================================*/
#shikumi{
	padding: 12rem 0;
}


#shikumi p{
	margin-bottom: 0;
}

#shikumi .imgarea{
	margin-top: 4rem;
}

#shikumi .imgarea img{
	border-style: none;
	vertical-align: bottom;
	width: 100%;
	max-width: none;
	padding: 2rem 8rem 0;
/*	background: #fff;
	border-radius: 1rem;
	box-shadow: 0px 5px 10px -10px rgba(0,0,0,0.4);*/
}

#shikumi .txt{
	margin-top: 0rem;
}
/*=============================================================================================*/
/*なにがいいのか？*/

#advantage{
	padding: 12rem 0;
}

#advantage .real_asset{
	width: 95%;
	margin: 0 auto;
}

#advantage h4{
	font-size: 2rem;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}

#advantage .real_asset h4:after {
	content: "";
	height: 1px;
	background: #231815;
	width: 5em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#advantage h2{
	color: #084593;
}

#advantage h5{
	text-align: left;
	margin-bottom: 10px;
}

#advantage .introtxt{
	text-align: center;
} 

#advantage a.bt_privateseminar{
	width: 60%;
	margin: 0 auto;
	text-decoration: none;
	border-radius: 20px;
	display: block;
	text-align: center;
	background-color: #00b24c;
	border-bottom: 5px solid #005525;
	margin-bottom: 30px;
}

#advantage a.bt_privateseminar:hover{
	background-color: #afcfbe;	
	border-bottom: 2px solid #005525;
	border-top: 3px solid  #afcfbe;
}

#advantage .bt_privateseminar p{
	font-size: 1.5rem;
	color: #fff;
}

#advantage .introblk{
	display: flex;
	flex-wrap: nowrap;
	margin: 15px auto;
	background-color: #fff;
}

#advantage .introblk .txtblk{
	display: block;
	margin: auto;
}

#advantage .introblk img{
	display: block;
	width: 45%;
	align-self: flex-start; 
}

#advantage h3 strong{
	font-size: 1.25em;
	color: #084593;
}

#advantage .feature h3{
	width: 95%;
	padding: 5px;
	margin: 75px auto 20px;
	background-color: #2e69b2;
	color: #fff;
}


#advantage .point{
	width: 95%;
	margin: auto;
	display: flex;
}

#advantage .point div{
	display: flex;
	margin: 15px auto;
	width:calc(100%/3 - 10px);
	height: 200px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}

#advantage .point .left{
	background-image: url(../images/nenkin.png) ;
}
#advantage .point .mid{
	background-image: url(../images/hoken.png) ;
}
#advantage .point .right{
	background-image: url(../images/zeikin.png) ;
}

#advantage .point h4{
	margin: auto;
	padding: 0;
	color: #fff;
	width: 100%;
	font-size: 2.3rem;
	letter-spacing: 0.2rem;
}


/*=============================================================================================*/
#merit{
	text-align: center;
	overflow: hidden;
	padding: 8rem 0;
}
#merit h1 {
	font-size: 2.8rem;
	font-weight: 900;
	color: #000;
	margin:auto;
	text-align: center;
	line-height: 5rem;
	width: 98%;
}
#merit h1 b{
	color: #ff001f;
}

#merit .container{
	margin: auto;
	width: 95%;
	display:flex;
	flex-wrap: nowrap;
}

#merit .container .titbox{
	background-color: #2e69b2;
	min-width: 250px;
	justify-content: center;
}


#merit .container h1{
	margin: auto;
	margin-left: 10px;
	font-size: 2.5rem;
	font-weight: 600;
	color: #fff;
	padding: 15px;
	text-align: left;
}

#merit .container .box{
	display: flex;
	flex-wrap: wrap;
	background-color: #edf6ff;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#merit .container .agenda ul{
	margin-left: 40px;
	text-align: left;
}

#merit .container .agenda li{
	font-size: 2rem;
	font-weight: 900;
	text-align: left;
	margin: 10px 10px;
}

#merit .container .agenda li i{
	font-size: 1.8rem;
	font-weight: 600;
	margin-right: 10px;
	color:  #2e69b2;
}
/*=============================================================================================*/
/*Guide*/
	#guidance{
		max-width: 100%;
		background-color: #2e69b2 ;
		text-align: center;
		margin: auto;
		padding: 25px 0;
	}

	#guidance a{
		text-decoration: none;
	}

	#guidance p{
		font-size: 2.2rem;
		font-weight: 900;
		color: #fff;
		text-align: center;
		line-height: 1.5;
	}

	#guidance .btn{
		margin: 0 auto;
		display: block;
		color: #fff;
		padding: 10px;
		text-align: center;
		max-width: 80%;
		background-color: #e00012;
		border-bottom: 5px solid #b20016;
		animation: animel 0.5s ease 0s infinite alternate;
		transform-origin: center;
	}

	#guidance .btn:hover{
		margin-top: 3px;
		background-color: #ff001f;
		border-bottom: 2px solid #b20016;
		animation: none;
	}

/*=============================================================================================*/
/*===========オンラインセミナー==================*/

#online{
	max-width: 100%;
	background-color: #daeefd;
	text-align: center;
	overflow: hidden;
	margin: auto;
	padding: 12rem 0;
}

#online .subject{
	width: 95%;
	background-color: #00306c;
	text-align: center;
	margin: 0 auto 2%;
	display: flex;
}

#online .subject p{
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 1rem;
	margin: auto;
	padding:5px 0;

}

#online .schedulebox{
	width: 95%;
	background-color:#bbdbf3 ;
	margin: auto;
}
#online .schedulebox h1{
	width: 100%;
	background-color: #2e69b2;
	color:#fff;
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}

#online .schedulecards{
	margin:0 auto;
	display: flex;
	padding:5px 0;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
	justify-content: center;
}

#online .schedulecards .schcard{
	background-color: #fff;
	width: 95%;
	min-width: 450px;
	margin: 10px auto;
	justify-content: left;
	padding: 10px 0;
	border-radius: 10px;
}

#online .schedulecards .schcard .seminartitle{
	font-size: 2rem;
	font-weight: 600;
	text-align: left;
	margin-bottom: 10px;
	/*margin-left: 15px;*/
	width: 100%;
	padding: 15px;
	color: #000;
	line-height: 2.6rem;
	background-color: #daeefd;
}

#online .schedulecards .schcard .midsec{
	display: flex;
	flex-wrap: nowrap;
	text-align: left;
	margin-left: 15px;
}

#online .schedulecards .schcard .midsec .imgsec{
	width: 25%;
	height: auto;
	margin-right: 10px;
}

#online .schedulecards .schcard .midsec .datesec{
	display: block;
	text-align: left;
	padding-left: 5px;
}

#online .schedulecards .schcard .midsec .datesec .date{
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 2.4rem;
	text-align: left;
	margin: 5px 0;
}
#online .schedulecards .schcard .midsec .datesec .date span{
	font-size: 2rem;
}

#online .schedulecards .schcard .midsec .datesec .times{
	display: block;
}

#online .schedulecards .schcard .midsec .datesec .times p{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.8rem;
	text-align: left;
	margin: 10px 0;
}
#online .schedulecards .schcard .midsec .datesec .times .cost{
	background-color: orange;
	margin: 10px auto;
	padding:10px ;
	width: 80%;
	border-radius: 50px;
	text-align: center;
	color: #fff;
}
#online .schedulecards .schcard .applysec{
	width: 100%;
	margin:10px auto 0;
	display: block;
	text-align: center;
}
#online .schedulecards .schcard .applysec a{
	margin: 0 auto;
	text-decoration: none;
	width: 85%;
	background: linear-gradient(to bottom,#2e5ae5,#232B70 );	
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: 1rem;
	text-indent: 2rem;
	border-bottom: 5px solid #121f59;
	border-radius: 200px;
	line-height: 2rem;
}
#online .schedulecards .schcard .applysec a:hover{
	margin-top: 3px;
	background: linear-gradient(to bottom,#3079e2,#2e2eff );	
	border-bottom: 2px solid #121f59;
}
#online .schedulecards .schcard .applysec p{
	margin: 0 auto;
	text-decoration: none;
	width: 80%;
	background: linear-gradient(to bottom,#e52e2e,#702323 );	
	border-bottom: 0px ;
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: 2rem;
	text-indent: 2rem;
	border-radius: 200px;
	line-height: 2rem;
	cursor: default !important;
}
#online .schedulecards .schcard .applysec p{
	margin-top: 0px;
	background: linear-gradient(to bottom,#e52e2e,#702323 );	
	border-bottom: 0px ;
}

/*===========オンラインセミナー諸案内==========*/
#organizer.online{
	margin:3% auto 1%;
}

#organizer.online .organizer_wrap{
	display: flex;
	margin: auto;
	text-align: center;
	justify-content: center;
	width: 95%;
	flex-wrap: wrap;
	background-color:#fff;
}
#organizer.online .organizer_wrap h2{
	font-size: 2.4rem;
	font-weight: 900;
	display: block;
	text-align: center;
	margin: 0 auto 20px;
	width: 100%;
	letter-spacing: 5px;
	background-color:  #00306c;
	color: #fff;
}
#organizer.online .organizer_wrap h2::after{
	display: none;
}

#organizer.online .organizer_wrap div p {
	text-align: left;
	font-size:1.4rem;
	padding: 0 3rem 3rem 3rem;
}

#organizer.online .organizer_wrap div p span {
	font-weight: bold;
}








/*===========来場型セミナー==================*/

#seminar{
	max-width: 100%;
	background-color: #ffcecf;
	text-align: center;
	overflow: hidden;
	margin: auto;
	padding: 12rem 0;
}

#seminar .subject{
	width: 95%;
	background-color: #e8383d;
	text-align: center;
	margin: 0 auto 2%;
	display: flex;
}

#seminar .subject p{
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 1rem;
	margin: auto;
	padding:5px 0;

}

#seminar .schedulebox{
	width: 95%;
	background-color:#ffa3a5;
	margin: auto;
}
#seminar .schedulebox h1{
	width: 100%;
	background-color: #e8383d;
	color:#fff;
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}

#seminar .schedulecards{
	margin:0 auto;
	display: flex;
	padding:5px 0;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
	justify-content: center;
}

#seminar .schedulecards .schcard{
	background-color: #fff;
	width: 95%;
	min-width: 450px;
	margin: 10px auto;
	justify-content: left;
	padding: 10px 0;
	border-radius: 10px;
}

#seminar .schedulecards .schcard .seminartitle{
	font-size: 2rem;
	font-weight: 600;
	text-align: left;
	margin-bottom: 10px;
	/*margin-left: 15px;*/
	width: 100%;
	padding: 15px;
	color: #000;
	line-height: 2.6rem;
	background-color: #ffcecf;
}

#seminar .schedulecards .schcard .midsec{
	display: flex;
	flex-wrap: nowrap;
	text-align: left;
	margin-left: 15px;
}

#seminar .schedulecards .schcard .midsec .imgsec{
	width: 25%;
	height: auto;
	margin-right: 10px;
}

#seminar .schedulecards .schcard .midsec .datesec{
	display: block;
	text-align: left;
	padding-left: 5px;
}

#seminar .schedulecards .schcard .midsec .datesec .date{
	font-size: 2.8rem;
	font-weight: 900;
	line-height: 2.4rem;
	text-align: left;
	margin: 5px 0;
}
#seminar .schedulecards .schcard .midsec .datesec .date span{
	font-size: 2rem;
}

#seminar .schedulecards .schcard .midsec .datesec .times{
	display: block;
}

#seminar .schedulecards .schcard .midsec .datesec .times p{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.8rem;
	text-align: left;
	margin: 10px 0;
}
#seminar .schedulecards .schcard .midsec .datesec .times .cost{
	background-color: orange;
	margin: 10px auto;
	padding:10px ;
	width: 80%;
	border-radius: 50px;
	text-align: center;
	color: #fff;
}
#seminar .schedulecards .schcard .applysec{
	width: 100%;
	margin:10px auto 0;
	display: block;
	text-align: center;
}
#seminar .schedulecards .schcard .applysec a{
	margin: 0 auto;
	text-decoration: none;
	width: 80%;
	background: linear-gradient(to bottom,#f72828,#ba1b1b );	
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: 0.5rem;
	text-indent: 2rem;
	border-bottom: 5px solid #871212;
	border-radius: 200px;
	line-height: 2rem;
}
#seminar .schedulecards .schcard .applysec a:hover{
	margin-top: 3px;
	background: linear-gradient(to bottom,#fc5959,#c13838 );
	border-bottom: 2px solid #121f59;
}
#seminar .schedulecards .schcard .applysec p{
	margin: 0 auto;
	text-decoration: none;
	width: 80%;
	background: linear-gradient(to bottom,#e52e2e,#702323 );	
	border-bottom: 0px ;
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: 2rem;
	text-indent: 2rem;
	border-radius: 200px;
	line-height: 2rem;
	cursor: default !important;
}
#seminar .schedulecards .schcard .applysec p{
	margin-top: 0px;
	background: linear-gradient(to bottom,#e52e2e,#702323 );	
	border-bottom: 0px ;
}

/*=============================================================================================*/
/*===========来場型セミナーが無い場合==========*/

#seminar .schnone{
	margin: 10px auto;
	padding: 10px 0;
	width: 95%;
	background-color: #fff;
	border-radius: 10px;
}

#seminar .schnone .msg{
	color: #000;
	font-weight: 600;
	font-size: 2rem;
	line-height: 3rem;
}

#seminar .schnone a{
	margin: 10px auto 0;
	text-decoration: none;
	width: 80%;
	background:  linear-gradient(to bottom,#f72828,#ba1b1b );	
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: 1rem;
	text-indent: 2rem;
	border-bottom: 5px solid #871212;
	border-radius: 200px;
	line-height: 3rem;
}

#seminar .schnone a:hover{
	margin-top: 13px;
	background: linear-gradient(to bottom,#fc5959,#c13838 );	
	border-bottom: 2px solid #871212;
}

/*=============================================================================================*/
/*===========来場型セミナー会場案内==========*/
#organizer{
	margin:2% auto 1%;
}
#organizer .organizer_wrap{
	display: flex;
	margin: auto;
	text-align: center;
	justify-content: center;
	width: 95%;
	flex-wrap: wrap;
	background-color:#ffa3a5;
}
#organizer .organizer_wrap h2{
	font-size: 2.4rem;
	font-weight: 900;
	display: block;
	text-align: center;
	margin: 0 auto 20px;
	width: 100%;
	letter-spacing: 5px;
	background-color:  #e8383d;
	color: #fff;
}
#organizer .organizer_wrap h2::after{
	display: none;
}

#organizer .organizer_wrap .leftcol{
	display: block;
	width: 45%;
	margin-left: 10px;
	margin-right: 5px;
}
#organizer .organizer_wrap .rightcol{
	display: block;
	width: 50%;
	margin-left: 5px;
	margin-right: 10px;
}

#organizer .organizer_wrap .leftcol dl{
	display: block;
	flex-wrap: wrap;
	text-align: left;
	justify-content: left;
}
#organizer .organizer_wrap .leftcol dt{
	display: block;
	background-color:  #e8383d;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 2px;
	text-align: center;
	letter-spacing: 2rem;
}
#organizer .organizer_wrap .leftcol dd{
	display: block;
	background-color: #fff;
	color: #000;
	font-size: 1.5rem;
	padding: 10px;
	margin-bottom: 15px;
	line-height: 2.5rem;
}

/*=============================================================================================*/
/*===========特典==================*/
#tokuten{
	max-width: 1920px;
	margin: 0 auto;
	background-color: #efffef;
	padding: 2% 0 2%;
	text-align: center;
}
#tokuten h2.tit_sub {
	color: #fff;
	font-size:2.4rem;
	font-weight: 900;
	display: block;
	text-align: center;
	margin: auto;
	background-color:#00984f;
	letter-spacing: 1rem;
	width: 98%;
	line-height: 6rem;
}
#tokuten .txt{
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: 1rem;
	line-height: 3rem;
	padding-bottom: 1rem;
	margin: 2% auto 0;
	width: 95%;
}
#tokuten .tokuten_wrap{
	width: 95%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	padding:1.5%;
}

#tokuten .tokuten_wrap .tokutenTitle {
	display: block;
	text-align: left;
	margin-top: 5px;
}

#tokuten .tokuten_wrap .tokutenTitle img {
	width: 100%;
	margin: 0 auto 3%;
}

#tokuten div.tokutenTitle dl{
	display: block;
}

#tokuten div.tokutenTitle dt {
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	padding: 0.5rem 0;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 2rem;
}
section#tokuten div.tokutenTitle dd {
	margin: 12px 0 0;
	text-align: left;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 3rem;
}
section#tokuten div.tokutenImg {
	display: block;
	margin-top: 2%;
}

/*============= プライベートセミナー部分 ==================*/
#privateseminar{
	margin: auto;
	background-color: #fff4c6;
	padding: 12rem 0;
}
#privateseminar .privateseminar_wrap{
	margin: auto;
	text-align: center;
	justify-content: center;
	padding-bottom: 20px;
}
#privateseminar .privateseminar_wrap .tit_sub{
	width: 95%;
	background-color:#d9af00;
	color: #fff;
	padding: 5px 0;
	font-size: 2.4rem;
}

#privateseminar .privateseminar_wrap .txt{
	font-size: 1.6rem;
	font-weight: 400;
	text-align: left;
	padding-bottom: 1rem;
	margin: 2% auto 2%;
	width: 95%;
}

#privateseminar .recmnd{
	display: flex;
	flex-wrap: nowrap;
	margin: auto;
	margin-bottom: 30px;
	width: 95%;
}

#privateseminar .recmnd h3{
	background-color:#d9af00;
	color: #fff;
	margin: 0;
	text-align: center;
	margin-left: auto;
	padding: 15px;
	min-width: 280px;
}

#privateseminar .recmnd ul{
	background-color: #fff;
	margin-right: auto;
	padding: 20px;
	text-align: left;
	list-style: inside;
	width: 100%;
}

#privateseminar .recmnd li{
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: 0.3rem;
	color: #000;
}

#privateseminar .privateseminar_wrap .flow ul{
	display: flex;
	width: 95%;
	justify-content: center;
	text-align: center;
	margin: 0 auto 4%;
}

#privateseminar .privateseminar_wrap .flow li{
	width: calc(100%/3 - 10px);
	text-align: center;
	display:block;
	margin:20px 10px;
	background-color: #ffffff;
	border:2px solid #d9af00;
}
#privateseminar .privateseminar_wrap .flow p{
	font-size: 1.8rem;
	width: 95%;
	background-color:#d9af00;
	color: #ffffff;
	font-weight: 600;
	padding: 5px;
	margin: 8rem auto 0;
}
#privateseminar .privateseminar_wrap .flow .step{
	font-size: 1.8rem;
	width: 100%;
	background-color:#d9af00;
	color: #ffffff;
	font-weight: 600;
}
#privateseminar .privateseminar_wrap .flow .description{
	font-size: 1.6rem;
	padding: 10px;
	line-height: 2.5rem;
}

#privateseminar .privateseminar_wrap .applyprivateseminar a{
	margin: 0 auto;
	text-decoration: none;
	width: 80%;
	background:  linear-gradient(to bottom,#f72828,#ba1b1b );	
	color: #fff;
	border-bottom: 5px solid #871212;
	border-radius: 200px;
	display: flex;
	text-align: center;
}

#privateseminar .privateseminar_wrap .applyprivateseminar a:hover{
	background: linear-gradient(to bottom,#fc5959,#c13838 );	
	border-bottom: 2px solid #871212;
	border-top: 3px solid  mistyrose;
}

.privateseminar_wrap .applyprivateseminar .btnleftcol{
	display: block;
	margin: auto;
	margin-left: auto;
	margin-right: 20px;
}

.privateseminar_wrap .applyprivateseminar .btnleftcol i{
	font-size: 4rem;
}

.privateseminar_wrap .applyprivateseminar .btnrightcol{
	display: block;
	text-align: left;
	margin: auto;
	margin-left: 0;
}

.privateseminar_wrap .applyprivateseminar .btnrightcol p{
	font-size: 2rem;
	font-weight: 900;
	letter-spacing: 0.7rem;
	line-height: 3rem;
	color: #fff;
}

.privateseminar_wrap .applyprivateseminar .btnrightcol span{
	letter-spacing: 1rem;
	font-size: 2.4rem;
}
/*=============================================================================================*/
/*休業案内*/
.closemsg{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 25px;
}
.closemsg dl{
	display: block;
	margin: auto;
	width: 80%;
	border-radius: 12px;
	border: 2px solid #aa202b;
}
.closemsg dl dt{
	text-align: center;
	border: 2px solid #aa202b;
	background-color: #aa202b;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	color: #fff;
	padding: 10px;
	font-size: 1.2em;
}

.closemsg dl dd{
	padding: 10px;
	font-size: 1em;
}

.closemsg dl dd span{
	font-size: 1.1em;
	font-weight: 900;
	line-height: 2.5em;
}

/*=============================================================================================*/
/*Floating Banner:セミナー案内*/
.floatingbanner {
	float: left;
	left: 0;
	top:0;
	width: 120px;
	position: fixed !important;
	text-decoration: none;
}

.floatingbanner a{
	margin: 50px 0;
	display: block;
	padding: 15px 5px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	display: flex;
	flex-wrap: nowrap;
}

.floatingbanner a:nth-child(1){
	background-color: #1ea139;
}

.floatingbanner a:nth-child(2){
	background-color: #da007f;
}

.floatingbanner a img{
	margin: auto;
}

/*=============================================================================================*/
/* ページTOPに戻る */
.pagetop{
	display: none;
	position: fixed;
	right: 15px;
	bottom: 60px;
}
.pagetop a{
	display: block;
	font-size: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #7db4e6;
	border-radius: 50%;
	line-height: 50px;
}
.pagetop a i{
	font-size: 20px;
	color:#fff;
	line-height: 50px;
}

/*=============================================================================================*/
/*company*/
#company{
	background-color: #fff;
	text-align: center;
	padding: 12rem 0;
}

.company_info{
	display: block;
	width: 700px;
	text-align: center;
	margin: 0 auto;
}


.company_info dl{
	display: flex;
	flex-wrap: wrap;
	vertical-align: middle;
	border: 1px #ccc dotted;
	border-top: none;
}

.company_info dt,
.company_info dd,
.company_info dd a{
	color: #000;
	vertical-align: middle;
	line-height: 1.5em;
	font-size:1em;
}
.company_info dt,
.company_info dd
{
	display: table-cell;
}

.company_info dt{
	padding: 10px;
	text-align: left;
	border-top: 1px dotted #ccc;
	width:22%
}

.company_info dd{
	padding: 10px;
	text-align: left;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	width: 78%;
}



/*=============================================================================================*/
/*footer*/
#footer{
	background-color: #0075C2;
	display: block;
	text-align: center;
	padding:1em;
}

#footer .contact_wrap{
	width: 350px;
	margin: 20px auto;
	display: inline-block;
	text-align: center;
}

#footer .contact_wrap a{
	text-decoration: none;
}

#footer .contact_wrap .leftcol,
#footer .contact_wrap .rightcol,
#footer .contact_wrap .col,
#footer .contact_wrap .tlt
{
	display: inline-block;
	text-align: left;
}

#footer .contact_wrap .leftcol{
	margin-top: -30px;
	float: left;
}

#footer .contact_wrap .rightcol{
	margin-top: -15px;
}


#footer .contact_wrap .tlt{
	font-size: 1.5em;
	font-weight: 600;
	color: #fff;
	letter-spacing: 5px;
	line-height: 1em;
	margin-bottom: -10px;
}

#footer .contact_wrap .rightcol p{
	font-size: 2em;
	font-weight: 900;
	color: #fff;
	text-align: left;
	display: block;
	letter-spacing: 3px;
}

#footer .contact_wrap .rightcol span{
	font-size: 1.6rem;
	font-weight: 400;
	color: #fff;
	text-align: left;
	display: block;
	line-height: 0.5em;
}



/*===============プレゼント==============*/
.wrap .present {
	width: 95%;
	margin: 3rem auto 0;
	background: rgb(213,233,241);
	background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 60%);
	border-radius: 10px;
	padding: 3rem 5rem;
	position: relative;
	box-shadow: 1px 1px 10px #999;
}
.wrap .present h3 {
	text-align: left;
	color: #C30;
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: 3px;
}
.wrap .present p {
	text-align: left;
	letter-spacing: 1px;
	line-height: 2;
	margin-top: 2.5rem;
}
.wrap .present p span {
	color: #cc3300;
	font-size: 2.4rem;
	font-weight: bold;
}
.wrap .present figure {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 275px;
}

.mbb {border: 1px dashed #f5f3f0;}
.mbb .wrap .present {}

@media screen and ( max-width:959px) {
	.wrap .present figure {
		display: block;
		position: absolute;
		top: 10px;
		right: -15px;
		width: 225px;
	}
}

@media screen and ( max-width:599px) {
	.wrap .present {padding: 3rem;}
	.wrap .present h3,
	.wrap .present p {text-align: center;}
	.wrap .present figure {
		position: relative;
		top: unset;
		right: unset;
		width: 200px;
	}
}






































/*################===================================================================*/
/*ここからViewport===================================================================*/
/*################===================================================================*/

/*================== PC PAGE ==================*/
@media screen and (min-width: 769px) and (max-width:1200px) {
	/*769以上1200以下*/
	.floatingbanner{
		display: none;
	}
	.floatingbanner a{
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.sponly {
			display: none !important;
	}
}

@media screen and (max-width: 768px) {
	*{
		min-width: initial !important ;
		max-width: initial !important;
	}

	html{
		font-size: 50%;
	}

	.pconly {
		display: none!important;
	}
	.wrap{
		width: 100%;
	}

	h2{
		font-size: 2rem;
	}
	h3{
		font-size: 1.8rem;
	}

/*===============================================*/
#header .headbox{
	text-align: center;
	margin-bottom: auto;
	position: initial;
	padding: 0;
}
#header .headbox .hlogo{
	height: 100%;
	margin: auto 0 ;
	width: fit-content;
	padding: 3px;
}
#header .headbox img{
	width: auto;
	height: 35px;
	margin: auto;
	align-self: flex-start;

}
#header .headbox_r{
	margin-right: 5px;
	padding-top: 5px;
	margin-left: 10px;
	flex-wrap: wrap;
}

#header .headbox_r p{
	margin: auto;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
}

#header{
	height: 45px;
	width: 100%;
}

/*===============================================*/
	#top{
		background-position:center;
		/*height: 78vh;*/
	}
	#top .top_visual{
		width: 95%;
		margin: 50px auto 40px;
	}

	#top .mainsub .tlt{
		font-size: 1.8rem;
	}

	#top div.mainsub{
		margin: 20px auto;
		padding: 0;
	}

	#top .btn p {
		font-size: 1.5rem;
		font-weight: 400;
	}

	#top a.btn{
		animation: none;
		padding: 10px;
		font-size: 1.4rem;
		letter-spacing: normal;
		width: 85%;
		margin-bottom: 10px;
	}

	#topic .contents{
		flex-wrap: wrap;
		width: 95%;
		align-items: flex-start;
	}

	#topic .contents img{
		width:80%
	}

	#topic .contents .msg{
		margin:auto;
		margin-top: 10px;
	}

	#topic .contents .msg p{
		font-size: 1.2em;
	}

	#topic .contents .msg strong {
		font-size: 1.5em;
	}

	#corona .policy_request{
		flex-wrap: wrap;
	}
	#corona  .policy_request>.item{
		width: 100%;
		padding: 0;
	}
	
	section#corona>#acdMenu dd{
		padding: 7px;
	}
	.corona_header{
		width: 100%;
		padding: 0 10px;
		margin-top: 5px;
	}
	.policy li{
		font-size: 1.6rem;
	}

	.request li{
		font-size: 1.6rem;
	}

	.request ul{
		list-style-position: inside;
	}

	.reference{
		margin-bottom: 10px;
	}

	.reference a{
		font-size: 1.6rem;
		margin-left: 15px;
		margin-top: 5px;
	}

	#shikumi .imgarea img{
		padding: 5px;
	}
	
	#shikumi .txt{
		text-align: left;
		padding-left: 8px;
		padding-right: 8px;
		width: 95%;
    margin: auto;
	}
	#shikumi .imgarea{
		margin-top: 2rem;
	}

	#intro .introtext h1{
		font-size: initial;
		letter-spacing: 1rem;
	}
	#intro .bold{
		margin-top: 30px;
		font-size:2rem;
		width:85%
	}
	#intro .kwarea{
		margin: 20px auto;
	}

	#intro .kwarea p{
		transform: initial !important;
		font-size: initial;
		letter-spacing: 0.5rem;
		margin-left: 10px;
		margin-right: 10px;
	}

	#intro .msg{
		width: 85%;
		text-align: left;
		font-size: 1.9rem;
	}

	#intro h3{
		width: 85%;
		font-size: 2rem;
	}

	#advantage{
		padding: 3% 0;
	}

	#advantage .real_asset{
		width: 95%;
		margin: 0 auto;
	}

	#advantage .introtxt{
		text-align: left;
		padding: 0 10px;
	}

	#advantage h4{
		margin-top: 20px;
	}

	#advantage h5{
		font-size: 1.7rem;
	}

	#advantage h2{
		line-height: 1.5;
		font-size: 1.8rem;
	}

	#advantage .feature h3{
		width: 100%;
		padding: 15px;
		margin-bottom: 0;
	}
	#advantage .feature{
		width: 85%;
		margin: auto;
	}
	
	#advantage a.bt_privateseminar,
	#advantage .point
	{
		width: 100%;
	}
	#advantage .feature .point{
		margin: 0 auto;
		flex-wrap: wrap;
	}

	#advantage .feature .point div{
		width:100%;
		margin: 10px auto 0;
		height: 180px;
	}

	#advantage  .feature .point h4{
		font-size: 2.8rem;
	}

	#advantage div.pointtlt{
		margin: auto;
	}

	#merit .container h1,
	#merit h1,
	#merit .container h1{
		font-size: 2rem;
		padding: 5px 15px;
	}

	#merit h1{
		line-height: 4rem;
		font-size: 1.9rem;
	}

	#merit .container{
		flex-wrap: wrap;
		width: 100%;
		margin-top: 10px;
	}

	#merit .titbox{
		width: 100%;
		text-align: center;
		margin: auto;
	}

	#reason .col {
		position:initial;
	}

	#reason .col .colIn{
		width: 100%;
		margin: 10px auto 0;
	}


	#reason dl{
		width: 90%;
	}

	#reason .tri .colIn dt{
		height: 120px;
	}

	#reason .tri .colIn dl dd{
		min-height: 120px;
		padding: 2.5rem 2rem;
		text-align: left;
	}

	#reason .tri .colIn dl dd p{
		font-size: 1.7rem;
	}

	#reason .banner .tit{
		letter-spacing: 0rem;
		line-height: 1.5;
		font-size: 2.2rem;
		margin-bottom: 10px;
	}

	#reason .banner img{
		width:75%
	}

	#reason .banner .text_area{
		font-size: 1.7rem;
		margin-bottom: 15px;
	}

	#seminar .schedulebox h1{
		padding: 5px 0;
	}

	#seminar .schnone{
		padding: 7px;
	}

	#seminar .schnone .msg{
		font-size: 1.6rem;
		text-align: left;
	}

	#seminar .schnone .mag a{
		letter-spacing: 0.8rem;
		font-size: 1.6rem;
		width: 85%;
		text-indent: 0.8rem;
	}


	#seminar .subject p{
	line-height: 3.5rem;
	font-size: 2.4rem;
	letter-spacing: normal;
}

	#seminar .schedulecards .schcard{
		width: 95%;
	}
	#seminar .schedulecards .schcard .seminartitle{
		font-size: 2rem;
		line-height: 3.6rem;
	}

	#organizer .organizer_wrap .leftcol,
	#organizer .organizer_wrap .rightcol{
		width: 95%;
	}

	#tokuten .txt,
	.txt{
		letter-spacing: initial;
	}

	#privateseminar .privateseminar_wrap .flow ul{
		flex-wrap: wrap;
	}

	#privateseminar .privateseminar_wrap .flow li{
		width: 85%;
		margin:10px auto
	}

	section#corona>#acdMenu dt{
		width: 90%;
	}
	section#corona>ul.icons {
		display: flex;
		flex-wrap: wrap;
		width: 98%;
	}
	section#corona>.icons li {
		display: inline-block;
		width : 105px;
		margin: 3px 3px;
		background-color: #fff;
		border-radius:5px;
		box-shadow: 0px 0px 5px #aaa;
		text-align: center;
		padding: 0px;
		font-size: 1.5rem;
	}
	#corona>.icons li img {
		width:50%;
		margin-bottom: 5px;
	}

	#privateseminar .privateseminar_wrap .tit_sub{
		line-height: 1.5;
	}
	#privateseminar .privateseminar_wrap .txt{
		padding: 0 5px 1rem;
	}

	#privateseminar .recmnd{
		width: 95%;
		display: flex;
		flex-wrap: wrap;
	}

	#privateseminar .recmnd h3{
		width: 100%;
		padding: 5px 15px;
	}
	#privateseminar .recmnd ul{
		width: 100%;
		padding: 10px 20px;
	}

	#privateseminar .recmnd li{
		font-size: 1.5rem;
		font-weight: normal;
	}

	#privateseminar .privateseminar_wrap .applyprivateseminar>a{
		letter-spacing: initial;
	}

	.privateseminar_wrap .applyprivateseminar .btnrightcol p{
		font-size: 2rem;
		letter-spacing:inherit;
	}
	.privateseminar_wrap .applyprivateseminar .btnrightcol span{
		letter-spacing: 0.5rem;
		font-size: 2rem;
	}

	#guidance{
		border-top: 3px solid #FFF;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 8px 15px;
		z-index: 10;
	}
	#guidance .btn{
		font-size: 1rem;
		padding: 5px;
	}

	#guidance p{
		font-size: 1.8rem;
	}



/*=============================================================================================*/
/*休業案内*/
.closemsg{
	padding: 5px;
	margin: 25px 0;
}
.closemsg dl{
	width: 100%;
}
.closemsg dl dt{
	font-size: 0.9em;
}
.closemsg dl dd{
	font-size: 0.8em;
	text-align: left;
}
.closemsg dl dd span{
	font-size: 1.1em;
	line-height: 1em;
}
/*=============================================================================================*/
/*企業概要*/
.company_info{
	width: 95%;
}
.company_info dt,
.company_info dd{
	width: 100%;
	font-size: 1.5rem;
}
.company_info dt{
	background-color: #eef6ff;
}











/*-----EXTEND-----*/

/*===========オンラインセミナー==================*/

#online .schedulebox h1{
	padding: 5px 0;
}

#online .schnone{
	padding: 7px;
}

#online .schnone .msg{
	font-size: 1.6rem;
	text-align: left;
}

#online .schnone .mag a{
	letter-spacing: 0.8rem;
	font-size: 1.6rem;
	width: 85%;
	text-indent: 0.8rem;
}


#online .subject p{
line-height: 3.5rem;
font-size: 2.4rem;
letter-spacing: normal;
}

#online .schedulecards .schcard{
	width: 95%;
}
#online .schedulecards .schcard .seminartitle{
	font-size: 2rem;
	line-height: 3.6rem;
}







}