@charset "utf-8";
/* CSS Document */
html{
	font-size:62.5%;
}
li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
a:link{
	color: black;
}
a:visited{
	color: black;
}
*{
	margin: 0;
	padding: 0;
}
.link{
	color: #0000EE!important;
}
.link:visited{
	color:#551A8B!important;
}
.iarticles:last-child{
		border-bottom: none;
	}
@media all and (-ms-high-contrast: none){
	html{
	font-family:"ＭＳ ゴシック",sans-serif; 
}}
@media screen and (min-width:1281px){
	a[href^="tel:"]{
    pointer-events: none;
  }
	header{
	padding-top: 35px;
}
	#headerInner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	height: 10rem;
	display:flex;
	justify-content: space-between;
}
#logo a img{
	height: 10rem;
}
#logo{
	float: left;
	display: flex;
	align-items: center;
}
	.time{
		font-size: 1.2rem;
		font-weight: bold;
		margin: 2rem;
	}
	.flowtime{
		font-size:1.5rem;
		font-weight: bold;
		margin: 2rem 0 0 1rem;
		line-height: 5rem;
	}
	.space0{
	margin-left: 2rem;
	}
	.headerflex{
		display:flex;
		align-items: center;
		justify-content: flex-end;
		width:80%;
	}
	.br{
		margin:1rem;
	}
	.mobile{
		pointer-events: none;
		color:white !important;
	}
	
.contact{
	width: 25%;
	height: 5rem;
	line-height: 5rem;
	background-color: #f2a30b;
	float: right;
	display: block;
	border-radius: 30px;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
nav{
	clear: both;
	background-color: #3290d0;
	width: 100%;
}
nav ul{
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	background-size: cover;
	overflow: hidden;
}
nav ul li{
	position: relative;
	float: left;
	width: 16.6%;
}
nav ul li a{
	line-height: 10rem;
	background-color: #3290d0;
	text-align: center;
	display: block;
	margin-left:auto;
	margin-right: auto;
}
.nav a{
	color: white;
	font-size: 2rem;
}
nav ul li a:hover{
	background-color: #71abd3;
}
#mainVisual{
	background-image:url("../images/mainfirst.jpg");
	height: 70rem;
	background-repeat: no-repeat;
	background-size:cover;
}
#mainfrase{
	position: relative;
	top: 20rem;
	left: 30rem;
	font-family: "Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 2.5rem;
}
#mainfrase p{
	margin-top: 2rem;
}
#ititle{
	font-size: 2rem;
	margin-left: 2rem;
}
#iviewmore{
	width:10%;
	margin-left: 80%;		
}
#inforflex{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.vflex{
	display: block;
	margin: 4rem 0 0 0;
	width:80%;
}
.titleemphasis{
	width:100%;
	border-bottom: 1px solid #54c9e8;
}
.viewmore{
	color: black;
	border-radius: 20px;
	border-color: #54c9e8;
	border: 1px solid #54c9e8;
	text-align: center;
	height: 2.5rem;
	background-color: white;
	font-size: 1.2rem;
	line-height: 2.5rem;
	width:10rem;
}
.viewmore a:visited{
	color: black;
}
	#information{
		display: block;
		justify-content: center;
		width:80%;
		margin: 0 10% 0;
	}
#information dl{
	margin:5rem 0 0 5rem;
}
#information dl dt{
	font-size: 1.5rem;
	font-weight: bolder;
	margin-top: 5rem;
}
.maininfotitle{
	margin-left: 2rem;
}
#information dl dd{
	font-size:1.5rem;
	margin-top:1rem;
}
#featurewrap{
	width:80%;
	margin:10rem 10% 0 10%;
}
#featurewrap p{
	font-size: 1.5rem;
	margin:2rem 0 0 5%;
}
.ftitleshape1{
	background-color: #54c9e8;
	width:5rem;
	height: 0.5rem;
}
.ftitleshape2{
	border-left: 1px solid #54c9e8;
	height: 4rem;
	margin-left: 2.5rem;
}
.ftitle{
	font-size: 2rem;
	margin-left: 4rem;
	line-height: 4rem;
	height: 4rem;
}
	#ftitle{
		font-size: 2rem;
	margin-left: 4rem;
	line-height: 4rem;
	height: 4rem;
	}
.ftitleshape3{
	width:80%;
	border-bottom: 1px solid #54c9e8;
	margin-left: 2.5rem;
}
	.atitleshape3{
		width:100%;
		border-bottom: 1px solid #54c9e8;
		margin-left: 2.5rem;
	}
	.decowrap{
		margin:auto;
	}
#fback{
	background-color: #ddf4fa;
	width: 80%;
	height: 100%;
	margin: 5rem;
}
#featurewrap h3{
	font-size: 2rem;
	margin:3rem 0 0 2rem;
	line-height: 3rem;
}
#asections{
	width: 90%;
	margin: 2rem auto;
	height: 50rem;
}
#toanother{
	display: flex;
	width:80%;
	margin-top: 10rem;
	margin-left: auto;
	margin-right: auto;
}
.anotherwrap{
	width: 30rem;
	height: 30rem;
	margin-top:2rem;
	margin-left: 3rem;
	margin-right:auto;
	background-color: #ddf4fa;
	display: flex;
	justify-content: center;
	align-items: center;
}
.anotherwrap img{
	width:20rem;
}
.marginwrap{
	margin:auto;
}
#contactzone{
	height: 16rem;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-image: url("../../images/contactback.png");
	background-size: cover;
	box-sizing: border-box;
	padding-top: 4rem;
}
#opacity{	
	height: 65px;
	background-size: cover;
	background-color: white;
	opacity: 0.7;
}
.bgmask{
	height: 70%;
	background:rgba(255,255,255,0.5);
}
#contacttext{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    display: flex;
  	justify-content: center;
  	align-items: center;
}
#contacttext div{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}
#office{
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 80px;
}
#officedecolate{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	background-image: url("../../images/office_decorate.png");
	background-repeat: no-repeat,no-repeat;
}
.totop{
	width: 5rem;
	position:fixed;
	right: 0;
	bottom:0;
	margin: 2rem 2rem 2rem 0;
}
#servicemain{
	margin:0 0 0 0;
	padding:5rem 0 0 0;
	width: 100%;
	background-image: url("../../images/service/serviceimage.jpg");
	background-size: 100%;
	background-repeat: no-repeat no-repeat;
	opacity:0.7;
}
#servicemainfont{
	padding: 5rem 0 0 65%;
	font-size: 5rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#servicemainfontline{
	border-bottom:1px solid #3290d0;
	width:100%;
}
#servicemainfont2{
	padding: 0 0 0 77%;
	font-size: 3rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	clear: both;
}
img.servicemain{
	padding: 7rem 0 0 17%;
	width:50%;

}
.servicefont1{
	padding: 15rem 0 0 17%;
	font-size: 5rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	opacity: 0.7;
}
.servicefont2{
	padding: 0 0 0 33%;
	font-size: 2rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	opacity: 0.7;
}
#servicemain h4{
	font-size:2rem;
	margin: 2rem 0 0 5%;
}
.servicefont1line{
	width:50%;
	border-bottom:1px solid #3290d0;
	opacity: 0.7;
}
.space{
	width: 100%;
	height: 10rem;
}
.space2{
	width:100%;
	height: 3rem;
}
.space3{
	width:9%;
	height: 5rem;
}
	.space4{
		width:90%;
		height: 2.5rem;
	}
#servicemain section h3{
	font-size:2.5rem;
	color: #3290d0;
	margin: 7rem 0 0 5%;
}
#servicemain section p{
	font-size: 2rem;
	color: #333333;
	margin: 2rem 0 0 5%;
}
.hiddenbox{
    margin: 5rem 0 0 0;
}
.hiddenbox input{
   display: none;
}
.hiddenbox .hidden_show{
	height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;	
}
.hiddenbox label{
    padding: 1.5rem;
    font-weight: bold;
	font-size: 1.5rem;
    border: solid 3px #3290d0;
	border-radius: 20px;
    cursor :pointer;
	color: #3290d0;
	background-color: white;
}
.hiddenbox input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.hiddenbox label:hover{
    background: #efefef;
}
.hiddenbox table{
	margin: 2rem 0 0 0;
	font-size: 2rem;
}
.hiddenbox td{
	padding: 0 2rem;
}
.hiddenbox ul{
	margin:2rem 0 0 2rem;
	font-size: 2rem;
}
#serviceflex{
	display: flex;
	margin-left:10rem;
}
#profileVisual{
	background-image: url("../../images/profile/profilevisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.submainbgmask{
	height: 40%;
	background:rgba(255,255,255,0.8);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
}
#profilearticle{
	margin:5rem 10% 7rem 10%;
}
	#profilearticle h3{
	font-size: 2rem;
	margin: 5rem 0 0 2rem;
}
#profilearticle h2{
		font-size:2.5rem;
		margin-top:5rem;
	}
#profilearticle table{
	font-size: 2rem;
	margin: 2rem 0 0 0;
}
#profilearticle td{
	padding-left: 2rem;
}
	.book{
		margin:2rem auto !important;
		width:100%;
	}
.book tr{
	vertical-align: super;
}
#flowVisual{
	background-image: url("../../images/flow/flowvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 0 60%;
}
.flowarticle{
		margin:5rem 10%;
	}
.flowarticle h2{
	font-size: 2.5rem;
	margin: 5rem 0 0 2rem;
}
.flowarticle h3{
	font-size: 2.5rem;
	margin: 5rem 0 0 2rem;
}
.flowarticle p{
	font-size: 2rem;
	margin:2rem 0 0 2rem;
}
.flowattention{
	display: flex;
	flex-direction: column;
	align-items:center;
	width: 40vw;
}
.flowarticle a{
	font-size: 1rem;
	line-height: 3rem;
	display: flex;
	align-items: center;
	margin:2rem 0 0 1rem;
}
#tel img{
	width:10% !important;
	margin:0 0 0 2rem;
}
#tel p{
		font-size:5rem;
}

#contractVisual{
	background-image: url("../../images/contract/contractvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 0 55%;
}
	#contractarticle{
	margin:5rem 10%;
}
#contractarticle h2{
	font-size: 2.5rem;
	margin: 5rem 0 0 2rem;
}
#contractarticle{
	font-size: 2rem;
}
#contractmerit p{
	margin:2rem 0 0 2rem;
}
#contractflex{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 10rem 2rem;
}
#contractservice h3{
	font-size: 2rem;
	margin:4rem 0 0 2rem;
}
#contractservice h4{
	font-size: 2rem;
	margin: 0 2rem 0 2rem;
	font-weight: normal;
}
	#kigyohoumu{
		margin-top: 2rem;
	}
	#kigyohoumu table{
		display: flex;
		margin: 2rem 0 0 5%;
	}
	#kigyohoumu table tr th{
		font-size: 2rem;
		font-weight: 100;
		justify-content: left;
		display: flex;
	}
	#kigyohoumu table tr td{
		font-size: 2rem;
		padding:0 0 0 5%;
		width:85rem;
	}
	#kigyohoumu p{
		padding:2rem 0 0 2rem;
	}
	#contractarticle table{
		font-size:2rem;
		margin:2rem 0 0 2rem;
	}
	#fee p{
		margin: 1rem 0 0 2rem;
	}
#seminarVisual{
	background-image: url("../../images/seminar/seminarvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
	#seminararticle{
		margin:5rem 10%;
	}
#seminararticle h2{
	font-size: 2.5rem;
	margin:5rem 0 0 2rem;
}
#seminararticle h3{
	font-size: 2rem;
	margin:4rem 0 0 2rem;
}
#seminararticle p{
	font-size:2rem;
	margin:2rem 0 0 2rem;
}
#seminararticle table{
	font-size:2rem;
	margin:2rem 0 0 2rem;
}
#seminararticle td{
	padding-right: 4rem;
}
#seminarresult ul li{
	font-size: 2rem;
	margin-left: 2rem;
}
#seminarresult ul{
	margin:2rem 0 0 2rem;
}
#officeVisual{
	background-image: url("../../images/address/officevisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 10% 55%;
}
.submainbgmask p{
	font-size:3rem;
	line-height: 3rem;
	font-family: "小塚ゴシック Pro B";
	font-weight: normal;
	padding-left: 10%;
}


.h3flex{
	display: flex;
	align-items: center;
}
.smnoflex{	
		display: flex;
	align-items: center;
	}
	.servicetable{
		display: flex;
		margin: 2rem 0 0 5%;
	}
	.servicetable tr th{
		font-size: 2rem;
		font-weight: 600;
		justify-content: left;
		display: flex;
	}
	.servicetable tr td{
		font-size: 2rem;
		padding:0 0 0 5%;
		width:85rem;
	}
.h3title{
	width:0.5rem;
	height: 3rem;
	background-color: #54c9e8;
	margin: 3rem 0 0 0;
	
}
.h2title{
	width:0.5rem;
	height: 5rem;
	background-color: #54c9e8;
	margin: 5rem 0 0 0;
}

.map{
	display: grid;
	align-items: center;
	justify-content: center;
}
.map img{
	padding-top: 7rem;
	padding-bottom: 3rem;
	width: 100%;
}
.map p{
		margin-top:2.5rem;
	}
#mapadress{
	margin:2rem 10%;
}
#square{
	background-image: url("../../images/flow/square.png");
	background-size: cover;
	margin:7rem 0 0 0;
	width:100%;
	height: 50rem;
	background-repeat: no-repeat;
}
#square h3{
	font-size: 2.5rem;
	background-color: #e7f4f9;
	background-size: cover;
	width: 100%;
	margin: 0;
	line-height: 5rem;
	text-align: center;
}
#square p{
	font-size: 1.5rem;
	margin: 2rem 0 0 0;
	text-align: center;
}
#square img{
	width: auto;
	height: 20rem;
}
.centerflex{
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin:4rem 0;
}
	footer{
	background-size: cover;
	background-color: #3290d0;
	margin-top:10rem;
	margin-left: auto;
	margin-right: auto;
	height: 20rem;
}
	#footerinner{
		margin:2rem 10% 0 10%;
	}
footer a{
	color: white !important;
	font-size:1.5rem;
}
	footer ol{
		padding:3rem 0 0 7rem;
	}
	footer ol li{
		padding-top:1rem !important;
	}
	.footerflex{
		display: flex;
		align-items: flex-start;
		justify-content:space-between;
		height: 15rem;
	}
	#copyright{
		float: right;
	}
	#news{
		margin:7rem 5% 0 10%;
		width:70%;
	}
	#news h2{
	font-size: 2.5rem;
	margin:5rem 0 0 2rem;
}
	#year ul{
		padding-top: 10rem;
	}
	#year ul li{
		font-size: 2.5rem;
		font-weight: 100;
		background-color: #3290d0;
		padding:2rem;
	}
	#year ul li a{
		color: white;
	}
	.iarticles{
		border-bottom: 1px solid #cccccc;
		margin:7rem 0 0 2rem;
	}
	.iarticles:last-child{
		border-bottom: none;
	}
	.iarticles p{
		font-size:1.5rem !important;
		margsin:2rem auto !important;
	}
	.type-title{
		font-size: 2rem;
		display: block;
		margin:5rem 0 0 0;
	}
	.infoday{
		font-size:1.5rem;
		line-height: 2rem;
		font-weight: bold;
	}
	.type-info{
		font-size:1.5rem;
		color:white;
		background-color: #3290d0;
		width:15%;
		height: 2rem;
		display:inline-block;
		text-align: center;
		margin:0 0 0 5rem;
		line-height: 2rem;
	}
}
@media screen and (min-width:768px)and (max-width:1280px){
	a[href^="tel:"]{
    pointer-events: none;
  }
	header{
	padding-top: 35px;
}
	#headerInner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	height: 5rem;
	display:flex;
	justify-content: space-between;
}
#logo a img{
	height: 5rem;
}
#logo{
	float: left;
	display: flex;
	align-items: center;
}
	.time{
		font-size: 1.2rem;
		font-weight: bold;
		margin: 2rem;
	}
	.flowtime{
		font-size:1.5rem;
		font-weight: bold;
		margin: 2rem 0 0 1rem;
		line-height: 5rem;
	}
	.space0{
	margin-left: 2rem;
	}
	.headerflex{
		display:flex;
		align-items: center;
		justify-content: flex-end;
		width:80%;
	}
	.br{
		margin:1rem;
	}
	.mobile{
		pointer-events: none;
		color:white !important;
	}
	
.contact{
	width: 25%;
	height: 5rem;
	line-height: 5rem;
	background-color: #f2a30b;
	float: right;
	display: block;
	border-radius: 30px;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
nav{
	clear: both;
	background-color: #3290d0;
	width: 100%;
}
nav ul{
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	background-size: cover;
	overflow: hidden;
}
nav ul li{
	position: relative;
	float: left;
	width: 16.6%;
}
nav ul li a{
	line-height: 10rem;
	background-color: #3290d0;
	text-align: center;
	display: block;
	margin-left:auto;
	margin-right: auto;
}
.nav a{
	color: white;
	font-size: 2rem;
}
nav ul li a:hover{
	background-color: #71abd3;
}
#mainVisual{
	background-image:url("../images/mainfirst.jpg");
	height: 50rem;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: 55% 0;
}
#mainfrase{
	position: relative;
	top: 10rem;
	left: 15%;
	font-family: "Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 2rem;
	width: 85%;
}
#mainfrase p{
	margin-top: 2rem;
}
#ititle{
	font-size: 2rem;
	margin-left: 2rem;
}
#iviewmore{
	width:10%;
	margin-left: 70%;		
}
#inforflex{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.vflex{
	display: block;
	margin: 4rem 0 0 0;
	width:80%;
}
.titleemphasis{
	width:100%;
	border-bottom: 1px solid #54c9e8;
}
.viewmore{
	color: black;
	border-radius: 20px;
	border-color: #54c9e8;
	border: 1px solid #54c9e8;
	text-align: center;
	height: 2.5rem;
	background-color: white;
	font-size: 1.2rem;
	line-height: 2.5rem;
	width:10rem;
}
.viewmore a:visited{
	color: black;
}
	#information{
		display: block;
		justify-content: center;
		width:80%;
		margin: 0 10% 0;
	}
#information dl{
	margin:2rem 0 0 5rem;
}
#information dl dt{
	font-size: 1.5rem;
	font-weight: bolder;
	margin-top: 5rem;
}
.maininfotitle{
	margin-left: 2rem;
}
#information dl dd{
	font-size:1.5rem;
	margin-top:1rem;
}
#featurewrap{
	width:80%;
	margin:5rem 10% 0 10%;
}
#featurewrap p{
	font-size: 1.5rem;
	margin:2rem 0 0 5%;
}
.ftitleshape1{
	background-color: #54c9e8;
	width:5rem;
	height: 0.5rem;
}
.ftitleshape2{
	border-left: 1px solid #54c9e8;
	height: 4rem;
	margin-left: 2.5rem;
}
.ftitle{
	font-size: 2rem;
	margin-left: 4rem;
	line-height: 4rem;
	height: 4rem;
}
	#ftitle{
		font-size: 2rem;
	margin-left: 4rem;
	line-height: 4rem;
	height: 4rem;
	}
.ftitleshape3{
	width:80%;
	border-bottom: 1px solid #54c9e8;
	margin-left: 2.5rem;
}
	.atitleshape3{
		width:100%;
		border-bottom: 1px solid #54c9e8;
		margin-left: 2.5rem;
	}
	.decowrap{
		margin:auto;
	}
#fback{
	background-color: #ddf4fa;
	width: 80%;
	height: 100%;
	margin: 5rem;
}
#featurewrap h3{
	font-size: 2rem;
	margin:3rem 0 0 2rem;
	line-height: 3rem;
}
#asections{
	width: 90%;
	margin: 2rem auto;
	height: 50rem;
}
#toanother{
	display: flex;
	width:80%;
	margin-top: 10rem;
	margin-left: auto;
	margin-right: auto;
}
.anotherwrap{
	width: 30rem;
	height: 30rem;
	margin-top:2rem;
	margin-left: 3rem;
	margin-right:auto;
	background-color: #ddf4fa;
	display: flex;
	justify-content: center;
	align-items: center;
}
.anotherwrap img{
	width:20rem;
}
.marginwrap{
	margin:auto;
}
#contactzone{
	height: 16rem;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-image: url("../../images/contactback.png");
	background-size: cover;
	box-sizing: border-box;
	padding-top: 4rem;
}
#opacity{	
	height: 65px;
	background-size: cover;
	background-color: white;
	opacity: 0.7;
}
.bgmask{
	height: 70%;
	background:rgba(255,255,255,0.5);
}
#contacttext{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    display: flex;
  	justify-content: center;
  	align-items: center;
}
#contacttext div{
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
}
#office{
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 80px;
}
#officedecolate{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	background-image: url("../../images/office_decorate.png");
	background-repeat: no-repeat,no-repeat;
}
.totop{
	width: 5rem;
	position:fixed;
	right: 0;
	bottom:0;
	margin: 2rem 2rem 2rem 0;
}
#servicemain{
	margin:0 0 0 0;
	padding:5rem 0 0 0;
	width: 100%;
	background-image: url("../../images/service/serviceimage.jpg");
	background-size: 100%;
	background-repeat: no-repeat no-repeat;
	opacity:0.7;
}
#servicemainfont{
	padding: 5rem 0 0 65%;
	font-size: 5rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#servicemainfontline{
	border-bottom:1px solid #3290d0;
	width:100%;
}
#servicemainfont2{
	padding: 0 0 0 77%;
	font-size: 3rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	clear: both;
}
img.servicemain{
	padding: 7rem 0 0 17%;
	width:50%;

}
.servicefont1{
	padding: 15rem 0 0 17%;
	font-size: 5rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	opacity: 0.7;
}
.servicefont2{
	padding: 0 0 0 33%;
	font-size: 2rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	opacity: 0.7;
}
#servicemain h4{
	font-size:2rem;
	margin: 2rem 0 0 5%;
}
.servicefont1line{
	width:50%;
	border-bottom:1px solid #3290d0;
	opacity: 0.7;
}
.space{
	width: 100%;
	height: 10rem;
}
.space2{
	width:100%;
	height: 3rem;
}
.space3{
	width:9%;
	height: 5rem;
}
	.space4{
		width:90%;
		height: 2.5rem;
	}
#servicemain section h3{
	font-size:2.5rem;
	color: #3290d0;
	margin: 7rem 0 0 5%;
}
#servicemain section p{
	font-size: 2rem;
	color: #333333;
	margin: 2rem 0 0 5%;
}
.hiddenbox{
    margin: 5rem 0 0 0;
}
.hiddenbox input{
   display: none;
}
.hiddenbox .hidden_show{
	height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;	
}
.hiddenbox label{
    padding: 1.5rem;
    font-weight: bold;
	font-size: 1.5rem;
    border: solid 3px #3290d0;
	border-radius: 20px;
    cursor :pointer;
	color: #3290d0;
	background-color: white;
}
.hiddenbox input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.hiddenbox label:hover{
    background: #efefef;
}
.hiddenbox table{
	margin: 2rem 0 0 0;
	font-size: 2rem;
}
.hiddenbox td{
	padding: 0 2rem;
}
.hiddenbox ul{
	margin:2rem 0 0 2rem;
	font-size: 2rem;
}
#serviceflex{
	display: flex;
	margin-left:10rem;
}
#profileVisual{
	background-image: url("../../images/profile/profilevisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.submainbgmask{
	height: 40%;
	background:rgba(255,255,255,0.8);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
}
#profilearticle{
	margin:5rem 10% 7rem 10%;
}
	#profilearticle h3{
	font-size: 2rem;
	margin: 5rem 0 0 2rem;
}
#profilearticle h2{
		font-size:2.5rem;
		margin-top:5rem;
	}
#profilearticle table{
	font-size: 2rem;
	margin: 2rem 0 0 0;
}
#profilearticle td{
	padding-left: 2rem;
}
	.book{
		margin:2rem auto !important;
		width:100%;
	}
.book tr{
	vertical-align: super;
}
#flowVisual{
	background-image: url("../../images/flow/flowvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 0 60%;
}
.flowarticle{
		margin:5rem 10%;
	}
.flowarticle h2{
	font-size: 2.5rem;
	margin: 5rem 0 0 2rem;
}
.flowarticle h3{
	font-size: 2.5rem;
	margin: 5rem 0 0 2rem;
}
.flowarticle p{
	font-size: 2rem;
	margin:2rem 0 0 2rem;
}
.flowattention{
	display: flex;
	flex-direction: column;
	align-items:center;
	width: 40vw;
}
.flowarticle a{
	font-size: 1rem;
	line-height: 3rem;
	display: flex;
	align-items: center;
	margin:2rem 0 0 1rem;
}
#tel img{
	width:10% !important;
	margin:0 0 0 2rem;
}
#tel p{
		font-size:5rem;
}

#contractVisual{
	background-image: url("../../images/contract/contractvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 0 55%;
}
	#contractarticle{
	margin:5rem 10%;
}
#contractarticle h2{
	font-size: 2.5rem;
	margin: 5rem 0 0 2rem;
}
#contractarticle{
	font-size: 2rem;
}
#contractmerit p{
	margin:2rem 0 0 2rem;
}
#contractflex{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 10rem 2rem;
}
#contractservice h3{
	font-size: 2rem;
	margin:4rem 0 0 2rem;
}
#contractservice h4{
	font-size: 2rem;
	margin: 0 2rem 0 2rem;
	font-weight: normal;
}
	#kigyohoumu{
		margin-top: 2rem;
	}
	#kigyohoumu table{
		display: flex;
		margin: 2rem 0 0 5%;
	}
	#kigyohoumu table tr th{
		font-size: 2rem;
		font-weight: 100;
		justify-content: left;
		display: flex;
	}
	#kigyohoumu table tr td{
		font-size: 2rem;
		padding:0 0 0 5%;
		width:85rem;
	}
	#kigyohoumu p{
		padding:2rem 0 0 2rem;
	}
	#contractarticle table{
		font-size:2rem;
		margin:2rem 0 0 2rem;
	}
	#fee p{
		margin: 1rem 0 0 2rem;
	}
#seminarVisual{
	background-image: url("../../images/seminar/seminarvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
	#seminararticle{
		margin:5rem 10%;
	}
#seminararticle h2{
	font-size: 2.5rem;
	margin:5rem 0 0 2rem;
}
#seminararticle h3{
	font-size: 2rem;
	margin:4rem 0 0 2rem;
}
#seminararticle p{
	font-size:2rem;
	margin:2rem 0 0 2rem;
}
#seminararticle table{
	font-size:2rem;
	margin:2rem 0 0 2rem;
}
#seminararticle td{
	padding-right: 4rem;
}
	#seminarresult ul li{
	font-size: 2rem;
		margin-left: 2rem;
	}
	#seminarresult ul{
		margin:2rem 0 0 2rem;
	}
#officeVisual{
	background-image: url("../../images/address/officevisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 30rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 10% 55%;
}
.submainbgmask p{
	font-size:3rem;
	line-height: 3rem;
	font-family: "小塚ゴシック Pro B";
	font-weight: normal;
	padding-left: 10%;
}


.h3flex{
	display: flex;
	align-items: center;
}
.smnoflex{	
		display: flex;
	align-items: center;
	}
	.servicetable{
		display: flex;
		margin: 2rem 0 0 5%;
	}
	.servicetable tr th{
		font-size: 2rem;
		font-weight: 600;
		justify-content: left;
		display: flex;
	}
	.servicetable tr td{
		font-size: 2rem;
		padding:0 0 0 5%;
		width:85rem;
	}
.h3title{
	width:0.5rem;
	height: 3rem;
	background-color: #54c9e8;
	margin: 3rem 0 0 0;
	
}
.h2title{
	width:0.5rem;
	height: 5rem;
	background-color: #54c9e8;
	margin: 5rem 0 0 0;
}

.map{
	display: grid;
	align-items: center;
	justify-content: center;
}
.map img{
	padding-top: 7rem;
	padding-bottom: 3rem;
	width: 100%;
}
.map p{
		margin-top:2.5rem;
	}
#mapadress{
	margin:2rem 10%;
}
#square{
	background-image: url("../../images/flow/square.png");
	background-size: cover;
	margin:7rem 0 0 0;
	width:100%;
	height: 50rem;
	background-repeat: no-repeat;
}
#square h3{
	font-size: 2.5rem;
	background-color: #e7f4f9;
	background-size: cover;
	width: 100%;
	margin: 0;
	line-height: 5rem;
	text-align: center;
}
#square p{
	font-size: 1.5rem;
	margin: 2rem 0 0 0;
	text-align: center;
}
#square img{
	width: auto;
	height: 20rem;
}
.centerflex{
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin:4rem 0;
}
	footer{
	background-size: cover;
	background-color: #3290d0;
	margin-top:10rem;
	margin-left: auto;
	margin-right: auto;
	height: 20rem;
}
	#footerinner{
		margin:2rem 10% 0 10%;
	}
footer a{
	color: white !important;
	font-size:1.5rem;
}
	footer ol{
		padding:3rem 0 0 7rem;
	}
	footer ol li{
		padding-top:1rem !important;
	}
	.footerflex{
		display: flex;
		align-items: flex-start;
		justify-content:space-between;
		height: 15rem;
	}
	#copyright{
		float: right;
	}
	#news{
		margin:7rem 5% 0 10%;
		width:70%;
	}
	#news h2{
	font-size: 2.5rem;
	margin:5rem 0 0 2rem;
}
	#year ul{
		padding-top: 10rem;
	}
	#year ul li{
		font-size: 2.5rem;
		font-weight: 100;
		background-color: #3290d0;
		padding:2rem;
	}
	#year ul li a{
		color: white;
	}
	.iarticles{
		border-bottom: 1px solid #cccccc;
		margin:7rem 0 0 2rem;
	}
	.iarticles p{
		font-size:1.5rem !important;
		margin:2rem auto !important;
	}
	.type-title{
		font-size: 2rem;
		display: block;
		margin:5rem 0 0 0;
	}
	.infoday{
		font-size:1.5rem;
		line-height: 2rem;
		font-weight: bold;
	}
	.type-info{
		font-size:1.5rem;
		color:white;
		background-color: #3290d0;
		width:15%;
		height: 2rem;
		display:inline-block;
		text-align: center;
		margin:0 0 0 5rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:767px){
.h3flex{
	display: flex;
	align-items: center;
}
#h3flex{	
	}
.h3title{
	width:0.5rem;
	height: 3rem;
	background-color: #54c9e8;
	margin: 3rem 0 0 0;
	
}
.h2title{
	width:0.5rem;
	height: 3.5rem;
	background-color: #54c9e8;
	margin-top: 2rem;
}
#headerInner{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin:1rem auto;
	display: flex;
}
#logo a img{
	width:100%;
}
#logo{
	float: left;
	display: flex;
	align-items: center;
	width:100px;
}
	.time{
		font-size: 0.6rem;
		font-weight: bold;
		width: 50%;
	}
	.flowtime{
		font-size:1rem;
		font-weight: bold;
		margin: 2rem 0 0 0;
		line-height: 2rem;
	}
	.space0{
	margin-left: 1rem;
	}
	.headerflex{
		display:flex;
		align-items: center;
		justify-content: flex-end;
		width:80%;
	}
	.br{
		  content:'\A';
  white-space: pre;
		display:block;
	}
	.mobile{
		color:white !important;
	}
.contact{
	width:40%;
	height: 3rem;
	line-height: 3rem;
	background-color: #f2a30b;
	float: right;
	display: block;
	border-radius: 20px;
	text-align: center;
	font-size: 0.7rem;
	font-weight: bold;
	color:white !important;
}
nav{
	clear: both;
	background-color: #3290d0;
	width: 100%;
}
nav ul{
	width: 90%;
	margin-left:auto;
	margin-right: auto;
	background-size: cover;
	overflow: hidden;
}
nav ul li{
	position: relative;
	float: left;
	width: 16.6%;
}
nav ul li a{
	line-height: 5rem;
	background-color: #3290d0;
	text-align: center;
	display: block;
	margin-left:auto;
	margin-right: auto;
}
.nav a{
	color: white;
	font-size: 0.7rem;
	overflow: auto;
}
nav ul li a:hover{
	background-color: #71abd3;
}
#mainVisual{
	background-image:url("../images/mainfirst.jpg");
	background-size: 150%;
	width:100%;
	height: 17rem;
	background-repeat: no-repeat;
	background-position-X:-60px;
}
#mainfrase{
	position: relative;
	top: 15%;
	left: 15%;
	font-family: "Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 0.8rem;
	width:85%;
}
#mainfrase p{
	margin-top: 2rem;
}
#ititle{
	font-size: 2rem;
	margin-left: 2rem;
}
	#iviewmore{
	width:100%;
	margin-left: 15%;		
}
#inforflex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.vflex{
	display: block;
	width:80%;
}
.titleemphasis{
	width:100%;
	border-bottom: 1px solid #54c9e8;
}
.viewmore{
	color: black;
	border-radius: 20px;
	border-color: #54c9e8;
	border: 1px solid #54c9e8;
	text-align: center;
	width: 7rem;
	height: 2.5rem;
	background-color: white;
	font-size: 1rem;
	line-height: 2.5rem;
}
.viewmore a:visited{
	color: black;
}
	#information{
		display: block;
		justify-content: center;
	}
#information dl{
	margin:2rem 0 0 3rem;
}
#information dl dt{
	font-size: 1.2rem;
	font-weight: bolder;
}
.maininfotitle{
	margin-left: 1rem;
}
#information dl dd{
	font-size:1.2rem;
	margin:1rem 3rem 0 0;
}
#featurewrap{
	width:80%;
	margin:5rem 10% 0 10%;
}
#featurewrap p{
	font-size: 1.2rem;
	margin:2rem 0 0 5%;
}
.ftitleshape1{
	background-color: #54c9e8;
	width:4rem;
	height: 0.5rem;
}
.ftitleshape2{
	border-left: 1px solid #54c9e8;
	height: 4rem;
	margin-left: 2rem;
}
.ftitle{
	font-size: 1.7rem;
	margin-left: 1rem;
	line-height: 4rem;
	height: 4rem;
}
	#ftitle{
		font-size: 1.2rem;
	margin-left: 1rem;
	line-height: 4rem;
	height: 4rem;
	}
.ftitleshape3{
	width:90%;
	border-bottom: 1px solid #54c9e8;
	margin-left: 2rem;
}
	.atitleshape3{
		width:80%;
		border-bottom: 1px solid #54c9e8;
		margin-left: 2rem;
	}
	.decowrap{
		margin:auto;
	}
#fback{
	background-color: #ddf4fa;
	width: 100%;
	height: 55rem;
	margin: 5rem auto;
}
#featurewrap h3{
	font-size: 1.4rem;
	margin:3rem 0 0 2rem;
	line-height: 3rem;
}
#asections{
	width: 90%;
	margin: 2rem auto;
	height: 50rem;
}
#toanother{
	display: flex;
	margin-top: 5rem;
	margin-left: auto;
	margin-right: auto;
}
.anotherwrap{
	width: 12rem;
	height: 12rem;
	margin:2rem auto;
	background-color: #ddf4fa;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 2rem;
}
.anotherwrap img{
	width:60%;
}
.marginwrap{
	margin:auto;
}
#contactzone{
	height: 10rem;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-image: url("../../images/contactback.png");
	background-size: cover;
	box-sizing: border-box;
	padding-top: 2.5rem;
}
#opacity{	
	height: 65px;
	background-size: cover;
	background-color: white;
	opacity: 0.7;
}
.bgmask{
	height: 70%;
	background:rgba(255,255,255,0.5);
}
#contacttext{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    display: flex;
  	justify-content: center;
  	align-items: center;
}
#contacttext div{
	font-size: 0.8rem;
	font-weight: bold;
}
#office{
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 80px;
}
#officedecolate{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	background-image: url("../../images/office_decorate.png");
	background-repeat: no-repeat,no-repeat;
}
.totop{
	width: 2rem;
	position:fixed;
	right: 0;
	bottom:0;
	margin: 2rem 2rem 2rem 0;
}
#servicemain{
	margin:0 0 0 0;
	padding:5rem 0 0 0;
	width: 100%;
	background-image: url("../../images/service/serviceimage.jpg");
	background-size: 150%;
	background-repeat: no-repeat no-repeat;
}
#servicemainfont{
	padding: 1rem 0 0 55%;
	font-size: 2rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#servicemainfontline{
	border-bottom:1px solid #3290d0;
	width:100%;
}
#servicemainfont2{
	padding: 0 0 0 77%;
	font-size: 2rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	clear: both;
}
img.servicemain{
	width:0;
}
.servicefont1{
	padding: 5rem 0 0 17%;
	font-size: 1.5rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.servicefont2{
	padding: 0 0 0 15%;
	font-size: 1.2rem;
	color: #3290d0;
	font-family: "HGP明朝B","Times New Roman", Times, "serif","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#servicemain h4{
	font-size:1.2rem;
	margin: 2rem 1rem 0 0;
}
.servicefont1line{
	width:50%;
	border-bottom:1px solid #3290d0;
	opacity: 0.7;
	margin: 0 0 0 calc(50% - 50vw);
}
.space{
	width: 100%;
	height: 5rem;
}
.space2{
	width:100%;
	height: 3rem;
}
.space3{
	width:9%;
	height: 5rem;
}
	.space4{
		width:75%;
		height: 2.5rem;
	}
	#servicemain section{
		width: 90%;
		margin: auto;
	}
#servicemain section h3{
	font-size:1.5rem;
	color: #3290d0;
	margin: 2.5rem 0 0 0;
}
#servicemain section p{
	font-size: 1.2rem;
	color: #333333;
	margin: 2rem 0 0 0;
}
.hiddenbox{
    margin: 2rem 0 0 0;
}
.hiddenbox input{
   display: none;
}
.hiddenbox .hidden_show{
	height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;	
}
.hiddenbox label{
    padding: 0.7rem;
    font-weight: bold;
	font-size: 1rem;
    border: solid 2px #3290d0;
	border-radius: 12px;
    cursor :pointer;
	color: #3290d0;
}
.hiddenbox input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.hiddenbox label:hover{
    background: #efefef;
}
.hiddenbox table{
	margin: 2rem 0 0 0;
	font-size: 1rem !important;
}
.hiddenbox td{
	padding: 0 1rem 0 0;
}
.hiddenbox ul{
	margin:2rem 0 0 0;
	font-size: 1rem;
}
#profileVisual{
	background-image: url("../../images/profile/profilevisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 10rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
#profilearticle{
	margin:0 10% 2rem 10%;
}
#profilearticle h3{
	font-size: 1.5rem;
	margin: 2rem 0 0 2rem;
	line-height: 3.5rem;
}
#profilearticle h2{
	font-size:1.5rem;
	margin:2rem 0 0 0;
}
#profilearticle table{
	font-size: 1rem;
	margin: 2rem 0 0 0;
}
#profilearticle td{
	padding-right: 1rem;
}
.book{
	width:100%;
	margin:2rem auto !important;
	}
.book tr{
	padding-bottom: 1rem;
}
.book td{
	font-size: 1rem;
	padding-left: 0 !important;
	padding-right: 1rem;
	padding-bottom: 2rem;
}
#flowVisual{
	background-image: url("../../images/flow/flowvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 10rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 0 60%;
}
.flowarticle{
		margin:0 10% 2rem 10%;
	}
.flowarticle h2{
	font-size:1.5rem;
		margin:2rem 0 0 2rem;
}
.flowarticle h3{
	font-size: 1.5rem;
	margin: 2rem 0 0 0;
	line-height: 3.5rem;
}
.flowarticle p{
	font-size: 1.2rem;
	margin:2rem 0 0 0;
}
.flowattention{
	display: flex;
	flex-direction: column;
	align-items:center;
	width: 40%;
	margin: 0 5% 0 5%;
}
.flowarticle a{
	display: flex;
	align-items: center;
	margin: 1rem 0 0 0;
}
	.flowarticle img{
		width: 10%;
	}
#tel img{
	width:10% !important;
	margin:2rem 0.5rem 0 0;
}
#tel p{
		font-size:1.5rem;
}
#contractVisual{
	background-image: url("../../images/contract/contractvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 10rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 0 65%;
}
	#contractarticle{
	font-size: 1.2rem;
	margin:0 10% 2rem 10%;
}
#contractarticle h2{
	font-size:1.5rem;
		margin:2rem 0 0 2rem;
}
#contractmerit p{
	font-size: 1.2rem;
	margin:2rem 0 0 2rem;
}
#contractservice h3{
	font-size: 1.5rem;
	margin: 2rem 0 0 2rem;
	line-height: 3.5rem;
}
#contractservice h4{
	font-size: 1.5rem;
	margin: 0 2rem 0 2rem;
	font-weight: normal;
}
	#contractflex{
	margin:0 0 5rem 0;
}
	#kigyohoumu{
		margin-top: 2rem;
	}
	#kigyohoumu p{
		padding:2rem 0 0 2rem;
	}
	#contractarticle table{
		font-size:1.2rem;
		margin:2rem 0 0 2rem;
	}
	#fee p{
		margin: 1rem 0 0 2rem;
	}
#seminarVisual{
	background-image: url("../../images/seminar/seminarvisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 10rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
	#seminararticle{
		font-size: 1.5rem;
	margin:0 10% 2rem 10%;
	}
#seminararticle h2{
	font-size:1.5rem;
		margin:2rem 0 0 2rem;
}
#seminararticle h3{
	font-size: 1.5rem;
	margin: 2rem 0 0 2rem;
	line-height: 3.5rem;
}
#seminararticle p{
	font-size: 1.2rem;
	margin:2rem 0 0 2rem;
}
#seminararticle table{
	width:120%;
	font-size:0.8rem;
		margin:2rem 0 0 0;
}
#seminararticle td{
	
	padding-right:1rem;
}
.submainbgmask{
	height: 3rem;
	background:rgba(255,255,255,0.8);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
}
	.submainbgmask p{
	font-size:1.5rem;
	line-height: 3rem;
	font-family: "小塚ゴシック Pro B";
	font-weight: normal;
	padding-left: 10%;
		width:90%;
}
#officeVisual{
	background-image: url("../../images/address/officevisual.jpg");
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 10rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: 10% 55%;
}
.map img{
	padding-top: 7rem;
	padding-bottom: 3rem;
	width: 80%;
	display: block;
	margin:0 auto;
}
.map p{
		margin-top:2.5rem;
	}
#mapadress{
	margin:2rem 10%;
}
#square{
	background-color: #8fcfe6;
	background-size: cover;
	margin:2rem 0 0 0;
	height: 28rem;
}
#square h3{
	font-size: 1.5rem;
	background-color: #e7f4f9;
	background-size: cover;
	width: 100%;
	margin: 0;
	line-height: 3rem;
	text-align: center;
}
#square p{
	font-size: 0.9rem;
	margin: 2rem 0 0 0;
	text-align: center;
}
#square img{
	width:40%;
	height: auto;
}
.centerflex{
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin:2rem 0;
}
	footer{
	background-size: cover;
	background-color: #3290d0;
	margin-top:5rem;
	margin-left: auto;
	margin-right: auto;
	height: 20rem;
		clear: both;
}
	#footerinner{
		margin:2rem 10% 0 10%;
	}
footer a{
	color: white !important;
	font-size:1rem;
}
	footer ol{
		padding:3rem 0 0 0;
	}
	footer ol li{
		padding-top:1rem !important;
	}
	.footerflex{
		display: flex;
		align-items: flex-start;
		justify-content:space-between;
		height: 15rem;
	}
	#copyright{
		float: right;
	}
	#news{
		margin:0 10% 0 10%;
	}
	#news h2{
	font-size: 1.5rem;
	margin:2rem 0 0 2rem;
}
	.iarticles{
		border-bottom: 1px solid #cccccc;
		margin:5rem 0 0 2rem;
		padding-bottom: 5rem;
	}
	.iarticles p{
		font-size:1.2rem !important;
		margin:1.2rem auto !important;
	}
	.type-title{
		font-size: 1.5rem;
		display: block;
		margin:2rem 0 0 0;
	}
	.infoday{
		font-size:1.2rem;
		line-height: 1.5rem;
		font-weight: bold;
	}
	.type-info{
		font-size:1.2rem;
		color:white;
		background-color: #3290d0;
		width:30%;
		height: 1.5rem;
		display:inline-block;
		text-align: center;
		margin:0 0 0 0.5rem;
		line-height: 1.5rem;
	}
}