html {
	width: 100%;
}

body {
	width: 100%;
}

h1 {
	color: #898989;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 2.68vw;
	line-height: 1;
}

/*
#MAIN {
	padding-top: 100px;
}
*/


/* *** 青緑の四角形(サービスの下など) *** */
.square {
	width: 90px;
	height: 9px;
	background: #00ada9;
	display: inline-block;
	margin-top: 0.37397vw;
}
/* *** ここまで *** */

.index_width {
/*
	width: 885px;
	width: 66%;
*/
	width: 66.19296933vw;
}

/* *** 最初の画像や文字の配置 *** */
.index_top {
	height: 100vh;
	background-color: #fff;
	background-image: url("../img/top.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.index_top div {
	padding-top: 25%;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", "MS P 明朝", "MS PMincho", "MS 明朝", "Sawarabi Mincho", serif, sans-serif;
	font-weight: bold;
}

.index_top .top_left {
/*
	font-size: 32px;
	line-height: 38px;
*/
	font-size: 2.3934vw;
	line-height: calc(2.3934vw * 1.2);
}

.index_top .top_right {
/*
	font-size: 58.5px;
	line-height: 70.2px;
*/
	margin-left: 20px;
	font-size: 4.3755vw;
	line-height: calc(4.3755vw * 1.2);
}

.index_top img {
	width: calc(2.992vw * 1.25);
	height: 2.992vw;
}
/* *** ここまで *** */

.index_main {
	background: #fff;
}


/* *** 最初の説明 *** */
.top_explanation {
/*
	font-size: 24px;
	line-height: 34px;
*/
	color: #015e9e;
	font-family:  "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", "MS P 明朝", "MS PMincho", "MS 明朝", "Sawarabi Mincho", serif, sans-serif;
	font-weight: bold;
	font-size: 1.795vw;
	line-height: 2.617vw;
}
/* *** ここまで *** */

/* *** 画像を等間隔 *** */
.img_equallyspace {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;

	box-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-o-box-pack: justify;
	-ms-box-pack: justify; 
}

.space {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify;
}

/* *** サービスと実績紹介 *** */
.service_margin {
	margin-top: 2.01945vw;
	margin-top: 2.01945vw;
}

.service_width {
	width: 11.8175vw;
}

.service_img {
	width: 11.8175vw;
	height: 10.097233vw
}

.service_bp {
	padding-right: 0.598355vw;
	padding-left: 0.598355vw;
	padding-bottom: 1.3463vw;
}

/* *** 追加 2019/10/16 *** */
.service_width .flyer_link {
	margin-top: 1em;
	text-align: center;
}
.service_width .flyer_link a {
	display: inline-block;
}
/* *** **** *** */

/* *** サービスと会社情報で使用 *** */
.explanation_p {
/*
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 12px;
	line-height: 17px;
*/
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 0.897532vw;
	line-height: calc(0.897532vw * 1.4167);
}
.explanation_back {
	background: #f7f8f8;
}

/* *** サービスと実績紹介で使用 *** */
.explanation_b {
/*
	display: block;
	text-align: center;
	color: #40638a;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 13px;
	line-height: 29px;
*/
	display: block;
	text-align: center;
	color: #40638a;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 0.97233vw;
	line-height: calc(0.97233vw * 2.231);
}



/* *** 会社情報 *** */
.companyinformation_top {
	margin-top: 5.609574vw;
}

.companyinformation_top h1 {
	margin-left: 21.0172vw;
}
.companyinformation_top .square{
	display: block;
	margin-left: 21.0172vw;
}

.companyinformation {
	text-align: left;
	padding-top: 1.49589vw;
	padding-bottom: 1.49589vw;
	
	width: 66%;
	margin: auto;

	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;

	justify-content:space-between;
}
.companyinformation_span {
	color: #40638a;
	font-width: bold;
}

.gyoumu_span {
	font-size: 0.747943vw;
}

.gyoumu_ul {
	list-style-type: disc;
	list-style-position: inside;
}
.gyoumu_li {
	display: list-item;
}
.gyoumu_li_li {
	display: block;
}
.gyoumu_li_p {
    color: #231815;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
    font-size: 0.897532vw;
    line-height: calc(0.897532vw * 1.4167);
}
.gyoumu_ul3 {
	white-space: nowrap;
}
.gyoumu_ul3 li {
	line-height: 0.897532vw;
	letter-spacing: -1px;
}

.gyoumu_li3 {
	padding: 0;
	padding-left: 2px;
}
.gyoumu_li3_s {
	padding: 0;
	padding-left: 10px;
}
.gyoumu_li_div {
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: space-evenly;
}
.img_add {
	width: 95%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.img_width {
	width: calc(100% / 4);
	height: calc(100% / 4);
}

.img_m_left {
/*
	margin-left: 30px;
*/
}

.img2 {
	width: 100%;
	height: 100%;
}
/*
.gyoumu_ten {
	font-size: 24px;
	line-height: 16px;
}

.kaisya_table {
	width: 50vw;
	border: 1px solid #000;
	border-collapse : collapse;
}

.kaisya_table tr td {
	text-align: center;
	border: 1px solid #000;
	border-collapse : collapse;
	
	font-size: 0.897532vw;;
	line-height: calc(0.897532vw * 1.4167);
	letter-spacing: 2px;
}

.td1 {
	width: 18%;
	padding: 0 10px;
}
.td2 {
	width: 25%
}

.kaisya_kyoka p,
.tairu p{
    display: block;
    width: 124%;
    letter-spacing: 0;
    transform: scale(0.8);
    transform-origin: left top;
}

.kaisya_table tr td.table_last {
	text-align: left;
}
*/

.companyinformation_text {
/*
	width: 380px;
	min-width: 380px;
	min-height: 380px;
	padding-left: calc(50% - 420px - 20px);
	padding-right: 10px;
	
	height: 26.3692595vw;
	padding-left: 16.903515vw;
*/
	width: 27.87584vw;
  	object-fit: cover;
	padding-right: 20px;
}

/*
.companyinformation_text_top {
    padding-top: calc((100% - 340px) / 2);
    padding-top: 2.3934181vw;
}
*/


.companyinformation_img {
/*
	min-height: 380px;
	width: 50vw;
	width: 51.159312vw;
	width: 66%;
	height: 33%;
*/
	width: 100%;
	height: auto;
  	object-fit: cover;
}
/* *** ここまで *** */


.explanation_bp {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

/* *** ここまで *** */

/* *** 帯 *** */
.band {
/*
	height: 95px;
*/
	background: #00ada9;
	height: 7.030666vw;
}

.band_text {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;

/*
	box-pack: justify;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-o-box-pack: justify;
	-ms-box-pack: justify;

	width: 430px;
	width: 30.74046375vw;
	padding-top: 20px;
*/
	width: calc(27.87584vw + 3.51533vw);
	padding-top: 1.4958863vw;
	padding-left: 16.903515vw;
}

.band_text div {
/*
	padding: 0 31px;
	padding: 0 1.346298vw;
*/
	width: 10.17202693vw;
	border-right: 1px solid #fff;
}
.band_text .band_p1 {
/*
	font-size: 24px;
	line-height: 34px;
*/
	text-align: center;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 1.7950636vw;
	line-height: 2.54300673vw;
}

.band_p1 span {
/*
	font-size: 17px;
*/
	display: inline-block;
	text-align: center;
	margin-left: 5px;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 1.2715034vw;
}

.band_text .band_p2 {
	text-align: center;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 10px;
	line-height: 17px;
}
/* *** ここまで *** */

/* *** 実績紹介 *** */
.actualintroduction_top {
	margin-top: 7.77860883vw;
}

.actualintroduction {
	margin-top: 2.094241vw;
}


.actualintroduction_width {
/*
	width:		235px;
*/
	width:		17.5766642vw;
}

.actualintroduction_img img {
/*
	width:		235px;
	height:		230px;
*/
	width:		17.5766642vw;
	height:		17.2026926vw;
}
/* *** 半透明 *** */
.actualintroduction_img {
/*
	width:		235px;
	height:		230px;
*/
	width:		17.5766642vw;
	height:		17.2026926vw;
	overflow:	hidden;
	position:	relative;	/* 相対位置指定 */
}
.actualintroduction_img .caption {
/*
	margin-top: 110px;
	font-size: 17px;
	line-height: 17px;
*/
	display: inline-block;
	text-align: center;
	margin-top: 50%;
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.actualintroduction_img .mask {
	width: 100%;
	height: 100%;
	position: absolute;	/* 絶対位置指定 */
	top: 0;
	left: 0;
	opacity: 0;	/* マスクを表示しない */
	background-color: rgba(255, 255, 255, 0.6);	/* マスクは半透明 */
	-webkit-transition:	all 1s ease;
	transition: all 1s ease;
}
.actualintroduction_img:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* *** ここまで　*** */
/* *** ここまで　*** */

/* *** お問い合わせ *** */
.contactus_top {
	margin-top: 7.4794316vw;
}

.contactus_top h2 {
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", sans-serif;
	font-size: 1.010471204vw;
	font-weight: bold;
	line-height: calc(1.010471204vw * 1.71429);
}

.map_top {
	margin-top: 1.8698578908vw;
}

.maps {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.contactus {
	margin-top: 3.3657442vw;
}

.contactus p {
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 1.010471204vw;
	line-height: calc(1.010471204vw * 1.71429);
}

.mail-form{
/*
	width: 60%;
	margin-top:10px
	margin-left: 55px;
*/
	/*width: 32.31114435vw;
	margin-left: 4.113687vw;*/
	width: 100%;
	margin-left: 4.113687vw;
}
/*
.mail-form p {
    width: 80%;
    padding-left: 8px;
    margin-top: 10px;
}
*/
.mail-bord{
	font-weight: bold;
}
.mail-form form {
	margin-top: 10px;
	width: 100%;
}

.mail-form input {
/*
    width: 80%;
	width: 100%;
*/
	width: calc(100% - 7px);
    height: 30px;
    font-size: 15px;
    padding-left: 5px;
    margin: 0 0 8px 0;
    background-color: #F7F7F7;
    border: 1px solid #ddd;
}

.mail-form textarea{
/*
    width: 80%;
	width: 100%;
*/
	width:  calc(100% - 7px);
	height: 130px;
	padding: 5px 0px 0px 7px;
	font-family: inherit;
    font-size: 90%;
    background-color: #F7F7F7;
    border: 1px solid #ddd;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.btn-warning {
	color: #fff;
	background-color: #221814;
	border-color: #221814;
}
.btn-sm {
    padding: 8px 13px;
    font-size: 12px;
    line-height: 1.5;
    float: right;
}

.mail-title {
/*
	width: calc(100% - 430px - 100px);
	padding-left: calc(50% - (100% - 430px - 100px));
*/
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 8.97531787vw;
	margin-top: 27px;
	text-align: left;
	line-height: 12px;
}
.mail-title .square {
	/*margin-top: 2.3934181vw;*/
	margin-top: 5px;
}

.mail-form .p0{
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.p0 span {
	font-size: 20px;
}

.mail_end {
	margin-top: 5.2356021vw;
	margin-left: 55px;
	margin-bottom: 50px;
}
.mail_end p {
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", sans-serif;
	font-size: 0.89753178vw;
	line-height: 1.5;
}

.contactus_img {
	text-align: center;
	margin-top: 4.8616305vw;
}

.contactus_img img {
	width: 4.48765894vw;
	height: 4.48765894vw;
}
.contactus_img_margin {
	margin-left: 5.98365625vw;
}
.br_s{
	display:none;
}
.line_1{
	border-right: 1px solid #4c4c4b;
}

@media only screen and (max-width: 1090px){
	.td1 {
		width: 18%;
		padding: 0 5px;
	}
}

/*お問合せ*/
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:35%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.mail-form p input{
    width: 20%;
    margin: 10px 0 8px 0;
	
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}