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

html {
	font-size: calc(50vw / 32);
}

body{
	padding-top: 50px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.0rem; }
h5 { font-size: 0.8rem; }
h6 { font-size: 0.4rem; }
p { font-size: 0.6rem; }
.footer{
	background-color: #BBDEFF;
	text-align: left;
}
.footer p{
	margin: 0;
	padding: 0;
}
.contents{
	margin: 0;
	padding: 0;
}
.contact{
	text-align: center;
	background-image: url("../images/top-img04.jpg");
	background-repeat: no-repeat;
	background-size:100% auto;
}
.toiawase{
	margin: 0 auto;
	width: 70%;
}
.float-left{
	float: left;
}
.clear{
	clear: both;
}
.profile{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#E6E6E6;
	padding: 0 10%;
}
.profile2{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#ffffff;
	padding: 0 10%;
}

.profile table{
	margin: 0 auto;
	border: none;
}
.profile th{
	width: 50%;
	height: 20px;
	text-justify: inter-ideograph;
	font-size: 0.8rem;
	font-weight: bold;
	text-align: right;
	color: #000000;
	padding-right: 10px;
	border: none;
}
.profile td{
	width: 50%;
	height: 20px;
	text-justify: inter-ideograph;
	font-size: 0.6rem;
	text-align: left;
	color: #000000;
	padding-left: 10px;
	border-style: none;
}

.profile-title {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('../images/subimg-profile01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.profile-title2 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('../images/subimg-profile02.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.homepage-content{
	background-color: #E6E6E6;
  	display: -webkit-box; /*Android4.3*/
  	display: -moz-box;    /*Firefox21*/
 	display: -ms-flexbox; /*IE10*/
  	display: -webkit-flex; /*PC-Safari,iOS8.4*/
  	display: flex
}
.homepage-title1 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('../images/subimg-title01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.homepage-title2 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('../images/subimg-title02.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.homepage-title3 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('../images/subimg-title03.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.homepage-title5 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('../images/subimg-title05.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #000000;
}
.homepage1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	padding-left: 10%;
}
.homepage1-l{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#E6E6E6;
	padding-left: 10%;
}
.homepage1-r{
	width: 70%;
	float: left;
	text-align: center;
	background-color:#E6E6E6;
	padding-right: 10%;
}
.homepage2{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}
.homepage2-l{
	width: 70%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}
.homepage2-r{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#FFFFFF;
	padding-right: 10%;
}
.homepage3{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.homepage4{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}
.homepage5{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	padding: 0 10%;
}
.homepage5 h4,.homepage5 h5{
	text-align: left;
}
.homepage2 td,.homepage2 th{
	height: 2rem;
	text-align: center;
}
.websystem-title1 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('../images/subimg-title01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.websystem-title2 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('../images/subimg-title02.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.websystem-title3 {
    height: 0;
    padding-top: 8.05%;
    background:#ffffff url('../images/subimg-title03.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}
.websystem-title5 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('../images/subimg-title05.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #000000;
}
.trs-title1 {
    height: 0;
    padding-top: 8.05%;
    background:#FFFFFF url('../images/trs-title1.jpg') 0 0 no-repeat;
    background-size: contain;
	color: #FFFFFF;
}

.websystem1{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	padding-left: 10%;
}
.websystem1-l{
	width: 30%;
	float: left;
	text-align: center;
	background-color:#E6E6E6;
	padding-left: 10%;
}
.websystem1-r{
	width: 70%;
	float: left;
	text-align: center;
	background-color:#E6E6E6;
	padding-right: 10%;
}
.websystem2{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding-left: 10%;
}.websystem3{
	width: 100%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 0 10%;
}
.websystem4{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}
.websystem5{
	width: 100%;
	text-align: center;
	background-color:#E6E6E6;
	padding: 0 10%;
}
.contact-title1 {
    height: 0;
    padding-top: 8.05%;
    background:#E6E6E6 url('../images/subimg-title01.jpg') 0 0 no-repeat;
    background-size: contain;
}
.contact1{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color:#E6E6E6;
	padding: 0 10%;
}

.trs-fl1{
	width: 100%;
}
.trs-fl1-1{
	float: left;
	width: 60%;
}
.trs-fl1-2{
	float: left;
	width: 40%;
	text-align: left;
	padding-top: 3%;
	background-image: url("../images/trs-img5.gif");
	background-size: cover;
}
.trs-fl1-2 h3{
	padding-left: 10px;
	font-weight: bold;
}
.trs-fl2{
	width: 100%;
	background-image: url("../images/trs-img6.gif");
	background-size: 100%;
	display: inline-block;
	background-repeat: no-repeat;
}
.trs-fl2-1{
	float: left;
	margin-top: 2%;
	width: 50%;
	text-align: left;
}
.trs-fl2-2{
	padding-top:3.5%;
	padding-left: 5%;
	padding-right: 3%;
	float: left;
	width: 50%;
	text-align: left;
}
.trs-fl2-2 h4{
	padding-left: 10px;
	line-height: 1.45rem;
}
.trs-box1{
	width: 100%;
	padding-top: 0.4%;
	background-image: url("../images/trs-img8.gif");
	background-size: 100%;
	display: inline-block;
	background-repeat: no-repeat;
}.trs-box1 h4{
	margin-bottom: 1rem;
	padding-left: 10px;
	line-height: 1.45rem;
}

.trs-box1 img{
	margin-top: 0.6%;
}