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


/* ↓　全体の基本設定　↓*/
/* ↓　本文フォント設定　↓ */
body{
	font-size: 16px;
	color: #323232;
	background-color: #fff;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
/* ↓　表題フォント設定　↓ */
h1,h2,h3{
	color: #243f98;
	font-family: 'Sawarabi Mincho', serif;
}
h1{
	font-size: 50px;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 24px;
}
/*  記事幅900px */
.container{
	width: 900px;
	max-width: 90%;
	margin: 0 auto;
}
.container .container{
	margin: 0;
}
/*↓↓↓アコーディオンメニューCSS↓↓↓*/
.ac_menubtn{
	position: absolute;
	top:-70px;
	left: 50%;
	z-index: 500;
	transform: translateX(-50%);
	display: flex;
}
.ac_menubtn ul{
	flex: 1;
}
.ac_menubtn ul:first-child{
	flex: 1;
	border-right: solid 1.5px #fff;
}
.ac_menubtn ul:nth-child(2){
	flex: 1;
	border-left: solid 1.5px #fff;
}
.accordion {
	text-align: center;
}
.accordion .ac_inner {
	display: none;
}
.accordion p{
	cursor: pointer; 
	padding: 10px;
	background-color: #243f98;
	color:#fff;
}
.accordion .ac_inner li{
	padding: 10px 0;
	background-color: #243F98;
	background-image: linear-gradient(
	rgba(255,255,255,1),
	rgba(255,255,255,0.9));
	cursor: pointer;
}
.accordion i{
	display: inline-block;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
	color: #fff;
	font-size:19px; 
}
.accordion a{
	display: block;
}
/*↑↑↑アコーディオンメニューCSSここまで↑↑↑*/
/* ↑　全体の基本設定　↑ */


/* ↓　header　↓ */
header{
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background-image: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8));
	position: fixed;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 1s;
}
header.hide{
	transform: translatey(-100%)
}
.header_container{
	display: flex;
	width: 1140px;
	height: 65px;
	max-width: 100%;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}
.header_menu,.header_logo{
	display: flex;
	align-items: center;
	transition: 0;
}
header h1{
	font-size: 38px;
	font-weight: normal;
}
header h1 span{
	font-size: 14px;
	margin-left: 3px; 
}
header h1 a{
	color: #1f2444;
	padding: 6px 8px;
}
header li a{
	color: #1f2444;
	padding: 23px 9px 21px;
	font-size: 90%;
}
header a:hover{
	color: #243f98;
	background-color: #fff;
}
header ul{
	display: flex;
}
/* ↓　ヘッダー - トグルボタン　↓ */
.header_btn{
	flex: 0 0 30px;
	position: absolute;
	top: 11px;
	right: 3px;
	width: 30px;
	height: 43px;
	display: none;
	margin: 0 10px;
	cursor: pointer;
}
.header_btn_inner{
	position: relative;
	width: 100%;
	height: 100%;
}
.header_btn_inner div:nth-child(-n+3){
	height: 4px;
	width: 100%;
	background-color: #1f2444;
	border-radius: 2px;
}
.header_btn_inner div:nth-child(1){
	position: absolute;
	top: 0;
	transition: 1s;
}
.header_btn_inner div:nth-child(2){
	position: absolute;
	top: 12px;
	transition: 1s;
}
.header_btn_inner div:nth-child(3){
	position: absolute;
	top: 24px;
	transition: 1s;
}
.header_btn_inner div:nth-child(4){
	position: absolute;
	top: 28px;
	left: 0;
	color: #1f2444;
	font-size: 10px;
	transition: 1s;
	text-align: center;
	width: 100%;
}
.header_btn.header_open .header_btn_inner div:nth-child(1){
	top: 12px;
	transform: rotate(405deg);
}
.header_btn.header_open .header_btn_inner div:nth-child(2){
	opacity: 0;
	transform: rotate(360deg);
}
.header_btn.header_open .header_btn_inner div:nth-child(3){
	top: 12px;
	transform: rotate(315deg);;
}
.header_btn.header_open .header_btn_inner div:nth-child(4){
	opacity: 0;
}
.header_btn.header_close .header_btn_inner div:nth-child(1){
	top: 0;
	transform: rotate(0deg);
}
.header_btn.header_close .header_btn_inner div:nth-child(2){
	opacity: 1;
	transform: rotate(0deg);
}
.header_btn.header_close .header_btn_inner div:nth-child(3){
	top: 24px;
	transform: rotate(0deg);
}
.header_btn.header_close .header_btn_inner div:nth-child(4){
	opacity: 1;
}
.header_click{
	display: none;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	opacity: 0.4;
	z-index: 800;
	position: fixed;
}
/* ↑　ヘッダー - トグルボタン　↑ */
/* ↑　header　↑ */


/* ↓　article　↓ */
article{
	width: 100%;
}


/* ヒーローイメージ */
.hero{
	width: 100%;
	height: 375px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero .container{
	margin: 0;
}
.hero h1{
	color: #fff;
	text-shadow: 0 0 3px #323232;
}

/* ↓汎用背景色↓ */
.bgc-w{
	background-color: #fff;
}
.bgc-lb{
	background-color: #efeefe;
}
/* ↑汎用背景色↑ */


/* ↓パンくずリスト↓ */
.bread{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
}
.bread ul{
	display: flex;
	flex-wrap: wrap;
}
.bread li{
	flex: 0 0 auto;
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
}
.bread li:not( :last-child )::after{
	content: " >"
}
/* ↑パンくずリスト↑ */

/* テーブル 共通 */
.pri table,.com table{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	width: 100%;
	max-width: 900px;
	text-align: center;
}
.pri th,.com th{
	background-color: #7c8cc1;
	color: #fff;
	border: 2px solid #fff;
	padding: 1.5%;
	width: 33%;
		vertical-align: middle;
}
.pri td,.com td{
	border-bottom: 2px solid #fff;
	padding: 3%;
	text-align: center;
}
.pri table tr:nth-child(2n),.com table tr:nth-child(2n){
	background-color: #f7f7f7;
}
.pri table tr:nth-child(2n+1),.com table tr:nth-child(2n+1){
	background-color: #efeefe;
}
/* ↑　テーブル 共通　↑ */

/*↓↓↓ローディング画面↓↓↓*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 2000;
}
#loader {
	display: none;
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	text-align: center;
	color: #323232;
	z-index: 2000;
}
.loading_height{
	display: none;
	height: calc(100vh + 1px);
	width: 100%;
}
/*↑↑↑ローディング画面ここまで↑↑↑*/

/* ↓トップページ↓ */
body.top{
	background-image: url(../images/top_bg.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.top .container{
	width: 1086px;
	max-width: 90.5%;
}
.top_hero_bg{
	display: flex;
	height: 620px;
	width: 100%;
	z-index: 500;
}
.top_hero_l,.top_hero_r{
	margin: 0;
}
.top_hero_l{
	flex: 1;
	background-image: url(../images/top_L_hero.jpg);
	background-size: cover;
	background-position: center top;
	z-index: 600;
	animation: top_hero_l 3s linear 0s 1 normal;
	margin-left: -1px;
}
.top_hero_r{
	flex: 1;
	background-image: url(../images/top_R_hero.jpg);
	background-size: cover;
	background-position: center bottom;
	z-index: 600;
	animation: top_hero_r 3s linear 0s 1 normal;
}
.top_hero_t{
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	height: 620px;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 700;
}
.top_hero_t h1{
	text-align: center;
	color: #fff;
	font-size: 60px;
	width: 100%;
}
.top.container{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.top_con1,.top_con3{
	background-color: rgba(255, 255, 255, 0.8);
}
.top_con1 .container{
	justify-content: space-around;
	align-items: center;
	padding-top: 57px;
	padding-bottom: 57px;
	flex-wrap: wrap;
}
.top_pro,.top_voi_text,.top_voi,.top_ser,.top_flo{
	margin-bottom: 30px;
}
.top_pro:nth-child(1){
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 23.75vw;
	max-width: 308px;
}
.top_pro:nth-child(1) > div{
	padding: 25px 10px 15px;
	text-align: center;
	border: #243f98 2px solid;
	flex: 0 0 100%;
	max-width: 284px;
}
.top_pro:nth-child(1) p{
	color: #243f98;
	line-height: 1;
}
.top_pro:nth-child(1) span:nth-child(1){
	font-size: 4.4vw;/*768で34px*/
	white-space: nowrap;
}
.top_pro:nth-child(1) span:nth-child(2){
	font-size: 13vw;/*768で100px*/
}
.top_pro:nth-child(1) span:nth-child(3){
	font-size: 4.1vw;/*768で13px*/
}
.top_pro:nth-child(2){
	flex: 0 0 30vw;
/*	width: 30vw;*/
}
.top_pro:nth-child(2) h2{
	color: #243f98;
	font-size: 2vw;
	font-family: 'メイリオ', sans-serif;
	margin: 5px;
	white-space: nowrap;
}
.top_pro:nth-child(2) p{
	color: #243f98;
	font-size: 1.8vw;/*768で14px*/
	line-height: 2;
	margin: 10px 20px;
}
.top_pro:nth-child(3){
	flex: 0 0 28.75vw;
	max-width: 346px;
	min-width: 182px;
}
.top_pro:nth-child(3) img{
	width: 100%;
	height: auto;
}
.semicircle{
	background-color: #00736d;
	height: 93px;
	width: 186px;
	border-radius: 0 0 93px 93px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.semicircle h3{
	font-size: 25px;
	color: #fff;
	line-height: 30px;
	font-weight: normal;
}
.top_con2 .container.bgc-w{
	display: flex;
	flex-wrap: wrap;
	padding: 57px 0 27px;
	margin-top: 30px;
	margin-bottom: 60px;
	box-shadow: 5px 5px 5px rgba(53, 53, 53, 0.5);
	justify-content: space-around;
}
.top_con2 > .container > .top{
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}
.top_link{
	width: 100%;
	text-align: right;
	margin: 20px 30px;
	font-size: 90%;
}
.top_link a{
	color: #243f98;
}
.top_link a:hover{
	color: #919fcb;
}
.top_voi_text{
	font-size: 16px;
	color: #243f98;
	flex: 1;
	min-width: 200px;
	max-width: 500px;
	line-height: 1.8;
}
.top_voi{
	flex: 0 0 23%;
	background-color: #243f98;
	color: #fff;
	text-align: center;
	padding-bottom: 5px;
	max-width: 210px;
	min-width: 100px;
}
.top_voi:first-child{
	background-color: #fff;
}
.top_voi img{
	width: 100%;
	height: auto;
}
.top_voi p{
	white-space: nowrap;
}
.top_con3 > .container:nth-child(2){
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	flex-wrap: wrap;
}
.top_con3 > .container:nth-child(3){
	display: flex;
}
.top_con3 > .container:nth-child(4){
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.top_ser{
	flex: 0 0 23%;
	text-align: center;
	color: #fff;
	max-width: 246px;
}
.top_ser p{
	color: #fff;
	font-size: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.top_ser:nth-child(1){
	background-color: #eb6100;
}
.top_ser:nth-child(2){
	background-color: #127324;
}
.top_ser:nth-child(3){
	background-color: #eb6877;
}
.top_ser:nth-child(4){
	background-color: #0075a9;
}
.top_ser > div{
	width: 100%;
	height: 140px;
	background-size: cover;
	background-position: center;
}
.top_ser:nth-child(1) > div{
	background-image: url(../images/top_s_fudousan.jpg);
}
.top_ser:nth-child(2) > div{
	background-image: url(../images/top_s_office.jpg);
}
.top_ser:nth-child(3) > div{
	background-image: url(../images/top_s_tenpo.jpg);
}
.top_ser:nth-child(4) > div{
	background-image: url(../images/top_s_sisetsu.jpg);
}
.top_con3 .top_link{
	margin: 0 30px;
}
.top_btn.btn{
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	background-color: #243f98;
	margin: 30px auto 60px;
	padding: 12px 30px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	width: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.top_btn:hover{
	background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));
}
.top_btn:active {
	box-shadow: inset 0 0 4px rgba(128, 128, 128, 0.1);
	transform: translateY(4px);
}
.top_con4{
	overflow: hidden;
}
.top_con4 > .container:nth-child(2){
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 30px;
	margin-bottom: 90px;
	flex-wrap: wrap;
}
.top_flo{
	flex: 0 0 20%;

	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
}
.top_flo p:nth-child(1){
	text-align: center;
	color: #243f98;
	font-size: 24px;
	font-weight: bold;
	width: 100%;
	margin: 25px auto 5px;
}
.top_flo p:nth-child(2){
	color: #243f98;
	font-size: 14px;
	width: 100%;
	margin: 10px 20px 10px;
}
.top_arrow{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 5%;
	color: #fff;
	font-size: 200%;
}
.top_flo:last-child{
	position: relative;
}
.top_bucket{
	width: 258px;
	height: 191px;
	position: absolute;
	right: -76px;
    bottom: -87px;
	background-image: url(../images/top_bucket.png);
	background-size: cover;
	background-position: center;
}
/* ↑トップページここまで↑ */


/* ↓　サービス案内　↓ */
/*全体設定*/
.back{
	flex: 0 0 50%;
	height: 400px; 
	align-items: flex-start;
	justify-content: space-around;
}
.back h3{
	text-align: center;
	margin-top: 0;
	margin-bottom:10px;
}
.back p{
	align-items: center;
	margin-top: 5%;
	margin-bottom: 10px;
}
.ser_title{
	flex: 0 0 50%;
	height: 400px;
}
.back small{
	font-size: 15px;
}
.ser_table{
	margin-bottom: 50px;
}
.ser_border{
	margin-top: 50px;
	border-bottom: 3px solid rgba(36,63,152,0.40);
}
.sisetu_ser{
	background-color: #efeefe;
	padding-bottom: 50px;
}
.ser_ichiran{
	position: relative;
}
.ser_ti{
	font-size: 20px;
	margin-left: 5px;
	width: 40%;
}
.sisetu_exp > div:nth-child(2){
	font-size: 14px;
	line-height: 1.2;
	flex: 1;
}
.sisetu_exp {
	border-bottom: 3px solid rgba(36,63,152,0.40);
	padding: 5px 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.sisetu_ser caption{
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.ser_kumo h3{
	position:absolute;
	left: 45%;
	top: 30%;
}
.ser_icon{
	margin:50px;
}
.ser_example{
	align-items: baseline;
	justify-content: center;
}
.yuudou_annai{
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-color: #fff;
}
.yuudou_annai p{
	flex: 0 0 90%;
	font-size: 20px;
	color: #243f98;
	text-align: center;
}
/*Flex*/
.ser_flex .oheya,.mizu,.kitin,.ser_example{
	display: flex;
	flex: wrap;
	flex-wrap: wrap;
}
.ser_ichiran .sisetu_exp{
	display: flex;
}
.yuudou{
	display: flex;
	flex-wrap: wrap;
	margin: 3% 2.5% 50px;
}
/* カテゴリ画像 */
.ser_img{
	width: 300px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
.titleimg_oheya{
	background-image: url(../images/ser_room.jpg)
}
.titleimg_mizu{
	background-image: url(../images/ser_mizumawari.jpg)
}
.titleimg_kitin{
	background-image: url(../images/ser_kitchen.jpg)
}
.ser_img_entrance{
	background-image: url(../images/ser_entrance.jpg)
}
.ser_img_air1{
	background-image: url(../images/ser_air_container1.jpg)
}
.ser_img_air2{
	background-image: url(../images/ser_air_container2.jpg)
}
.ser_img_unit{
	background-image: url(../images/ser_outdoor_unit.jpg)
}
.ser_img_window{
	background-image: url(../images/ser_window.jpg)
}
.ser_img_fllor{
	background-image: url(../images/ser_floor.jpg)
}
.ser_img_lighting{
	background-image: url(../images/ser_lighting.jpg)
}
.ser_img_toilet{
	background-image: url(../images/ser_toilet.jpg)
}
.ser_img_bathroom{
	background-image: url(../images/ser_bathroom.jpg)
}
.ser_img_washroom{
	background-image: url(../images/ser_washroom.jpg)
}
.ser_img_sink{
	background-image: url(../images/ser_sink.jpg)
}
.ser_img_stove{
	background-image: url(../images/ser_stove.jpg)
}
.ser_img_rangefood{
	background-image: url(../images/ser_range_food.jpg)
}
.ser_kumo{
	background-image: url(../images/ser_kumo.png);
	margin: 10px 7%;
	height: 75px;
	position: relative;
}
.yuudou_img{
	background-image: url(../images/ser_souji_dougu.jpg);
	height: 150px;
	flex: 1;
}
/*table設定*/
.ser table,.ser th,.ser td{
	border: 5px solid #efeefe;
	font-size: 14px;
	font-weight: 200;
}
.ser table{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 900px;
}
.ser th{
	padding: 10px;
	width: 10%;
	vertical-align: middle;
}
.ser td{
	padding: 15px;
}
.ser caption{
	color: #243f98;
	text-align: left;
	caption-side: top;
}
/*マージン*/
#fudousan,#sisetu{
	margin: 80px 0;
	padding-top: 50px;
	text-align: center;
}
.fudosan .oheya,.mizu,.kitin{
	margin-top: 90px;
}
.back p{
	margin-left:10%;
	margin-right:10%;
}
.ser table{
	margin-top: 10px;
}
.ser_title {
	display: flex;
	align-items: center;
	justify-content: center;
}
.ser_title h2{
	color: #fff;
	text-shadow: 0 0 3px #323232;
}
/*色付け*/
.ser_flex .oheya> .back:nth-child(4n+0){
	background-color: #f7f7f7;
}
.ser_flex .oheya> .back:nth-child(4n+1){
	background-color: #f7f7f7;
}
.ser_flex .oheya> .back:nth-child(4n+2){
	background-color: #efeefe;
}
.ser_flex .oheya> .back:nth-child(4n+3){
	background-color: #efeefe;
}
.ser_flex .mizu> .back:nth-child(4n+0){
	background-color: #f7f7f7;
}
.ser_flex .mizu> .back:nth-child(4n+1){
	background-color: #f7f7f7;
}
.ser_flex .mizu> .back:nth-child(4n+2){
	background-color: #efeefe;
}
.ser_flex .mizu> .back:nth-child(4n+3){
	background-color: #efeefe;
}
.ser_flex .kitin> .back:nth-child(4n+0){
	background-color: #f7f7f7;
}
.ser_flex .kitin> .back:nth-child(4n+1){
	background-color: #f7f7f7;
}
.ser_flex .kitin> .back:nth-child(4n+2){
	background-color: #efeefe;
}
.ser_flex .kitin> .back:nth-child(4n+3){
	background-color: #efeefe;
}
/* ↑　サービス案内　↑ */


/* ↓　料金表ページ　↓ */
.pri .mid_img{
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5% 0;
}
.pri .picA {
	background-image: url(../images/pri_midA.jpg);
}
.pri .picB {
	background-image: url(../images/pri_midB.jpg);
}
.pri .picC {
	background-image: url(../images/pri_midC.jpg);
}
.pri_space {
	margin-top: 3%;
}
.pri_list  {
	margin-left: 3%;
	list-style-type: square;
}
.pri p,.pri_list {
	line-height: 1.8;
}
.pri_otokuplan {
	margin-bottom: 5%;
}


/* テーブル 料金案内 */
.table_green {
	color: #24937f;
	font-weight: 600;
	font-size: 120%;
}
.pri_kai {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}
.table3 td {
	vertical-align: middle;
}
h4.pri_space {
	margin-left: -5px;
}
.pri td p {
	text-align:left;
	margin: 0 10%;
	line-height: 1.3;
	color: #000;
	font-weight: normal;
	font-size: 80%;
}
.pri_text{
	display: block;
	text-align: right;
}

/* ↑　料金表ページ　↑ */


/*↓↓↓ここからお客様の声のページ↓↓↓*/
.hero.voi h1{
	font-size: 40px;
}
.voi_main{
	position: relative;
	margin-top: 70px;
}
.voi_main ul.accordion p{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.voi_contents{
        margin-top: 50px;
        margin-bottom: 50px;
}
.voi_contents h2{
        font-size: 24px;
        text-align: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 35px;
        padding-bottom: 35px;
}
.voi_pic_inner{
	display: flex;
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.voi_pic_inner div:first-child{
	flex:　1 ;
	width: 90%;
	max-width: 400px;
	margin-right: 10px;
}
.voi_pic_inner div:nth-child(2){
	flex:　1 ;
	width: 90%;
	max-width: 400px;
	margin-left: 10px;
}
.voi_pic_inner div img{
	height: auto;
	width: 100%;	
}
.voi_text p{
	display: block;
	width: 90%;
	align-items: center;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 1.9;
}
.voi_text p span{
	font-weight: bold;
	display: block;
}
#tenpo h2{
	padding-bottom: 0px;
}
/*↑↑↑お客様の声ページここまで↑↑↑*/



/* ↓　会社概要　↓ */
.com_hero{
	background-position: center top;
}
/* テーブル 会社概要 */
.com_ta th {
	width: 20%;
}
.com_ta td {
	text-align: left;
	padding: 2%;
}
/***********************
***   代表者あいさつ　　***
***********************/
.com_talk {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	width: 100%;
}
.com_pic {
	background-size: cover;
	background-position: center;
	width: 300px;
	height: 300px;
}
.com_talk .com_pic{
	flex: 0 0 300px;
}
.com_text {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex: 1;
	margin-bottom: 5px;
}
.com_text h3{
	font-size: 22px;
	text-align: center;
	color: #323232;
	font-weight: normal;
	flex: 0 0 90%;
}
.com_text h3:not(:first-child){
	margin-top: 40px;
}
.com_text p {
	margin-top: 20px;
	flex: 0 0 90%;
}
.com_name {
	text-align: right;
}
.com_name span{
	white-space: nowrap;
}
.com_logo_flex {
	display:flex;
	flex: 100%;
	justify-content: flex-end;
}
.com_logo_flex a {
	display: block;
}
.com_logo {
	width: 168px;
	height: 50px;
}
.com_logo img {
	width: 100%;
	height: auto;
}
.com_button{
	border-radius: 3px;
	padding: 10px 10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.com_button:hover{
	background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));
}
.com_button:active {
	box-shadow: inset 0 0 4px rgba(128, 128, 128, 0.1);
	transform: translateY(4px);
}
/***********************
***   企業理念　　********
***********************/
.com_hope1{
	font-size: 18px;
	margin: 15px;
}
/***********************
***   スタッフの想い　　***
***********************/
.com_thought {
	margin-top: 50px;
	overflow-x: hidden;
}
.com_thought h2 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.com_staff{
	display: flex;
}
.bgc-lb.com_staff{
	display: flex;
	flex-flow: row-reverse;
}
.com_voice {
	flex: 1;
	vertical-align: middle;
}
.com_staff p{
	line-height: 1.9;
	margin: 50px;
}
.com_staff .com_pic{
	flex:1;
	background-size: cover;
	min-height: 300px;
}
.slide_in{
	opacity: 0;
}
.slide_to_r{
	transform: translateX(-200%);
}
.slide_to_l{
	transform: translateX(200%);
}
.slide_in_op{
	opacity: 1;
	transform: translateX(0);
	transition: 1s ease-out;
}
/***********************
***   中間層の画像　　　***
***********************/
.com .mid_img {
	background-image:url(../images/com_mid1.jpg);
	height: 300px;
	width: 100%;
	margin-top: 130px;
	margin-bottom: 50px;
	background-position: center;
	background-size: cover;
}
/***********************
***   所在地　　　　***
***********************/
.com_add {
	margin-bottom: 80px;
}
.com_add h2 {
	font-size: 30px;
}
.com_add p {
	margin-top: 25px;
	margin-bottom: 30px;
	margin-left: 20px;
	line-height: 1.9;
}
/* ↑　会社概要　↑ */



/* ▼▼▼ FAQページ ▼▼▼ */
/* ヒーローイメージ位置 */
.faq_hero{
	background-position: right top;
}

/* ▼▼▼ カード ▼▼▼ */
.faq_card{
	margin-bottom: 55px;
	background-color: #efeefe;
	
}
.faq_con1 dt{
	font-size: 18px;
	color: #fff;
	background-color: #243f98;
	padding: 40px;
	
}
.faq_con1 dd{
	font-size: 18px;
	color: #243f98;
	background-color: #efeefe;
	padding: 40px 40px 60px;
}
.faq_dl{
	flex: 1;
}
.faq_con1 .faq_container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.faq_con1 .faq_card{
	flex: 0 0 48%;
}
/* ▲▲▲ カード ▲▲▲ */

/* ボタン */
.ser_nav div{ 
	display: inline-block;
}

.faq_con2,.btnbox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn{
	color: #FFFFFF;
	font-size: 18px;
	border-radius: 10px;
	background-color: #243f98;
	padding: 10px 30px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.btn:hover{
	background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3));
}
.btn:active{
	box-shadow: inset 0 0 4px rgba(128, 128, 128, 0.1);
	transform: translateY(4px);
}
/* ▲▲▲ FAQページ ▲▲▲ */



/*↓↓↓問い合わせページ↓↓↓*/
.con_top .hero span,.con_check .hero span,.con_thanks .hero span{
		display: block;
	}
.con_check h2,.con_thanks h2{
	text-align: center;
	margin-bottom: 30px;
}
.con_top h2 {
	text-align: center;
	margin: 30px auto;
}
.con_check p{
	padding-left: 60px;
	line-height: 3.5;
}
.con_thanks p{
	text-align: center;
	line-height: 60px
}
.con_check_text_2{
	padding-left: 60px;
	line-height: 2;
}
.con_check_text{
	display: flex;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border-bottom: solid 3px #efeefe;
}
.con_check_text div:first-child{
	flex:0 0 30%;
}
.con_check_text div:nth-child(2){
	flex:0 0 70%;
}
/* ↓　フォーム　↓ */
.con_btn_container{
	display: flex;
	 margin-top: 30px;
	 width: 50%;
	 justify-content: space-between;
}

.tel div {
	text-align: center;
	font-size: 30px;
} 
.tel div span{
	margin-left: 7px;
}
.required {
	display: inline-block;
	border-radius: 5px;
	background-color:#F51317;
	color: #FFFFFF;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	height: fit-content;
	margin: 3px;
}
label, .form_flex {
	display: flex;
	align-items: flex-start;
}
label div {
	flex: 1;
}
form label {
	margin: 20px auto;
}
label {
	width: 100%;
}
.form_frex {
	flex: 0 0 30%;
}
.form_short, .form_long, .radio_box {
	flex: 0 0 70%;
}
.radio{
  display:block;
  position:relative;
  padding-left:1em;
}
.radio input{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
}
.form_short input {
	width: 240px;
	border-radius: 3px;
}
.form_long input {
	width: 400px;
	border-radius: 3px;
}
select {
	border-radius: 3px;
}
textarea {
	width: 400px;
	height: 260px;
}
#form.container{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#form.container > .container{
	display: flex;
	justify-content: space-around;
}
.con_sp {
	display: none;
}
.form_error {
     background-color : #F5B5B6 ;
 }

.con_error {
     color : F51317 ;
 }
/* ↑　フォーム　↑ */
/*↑↑↑問い合わせページ↑↑↑*/

/* ↓　問い合わせ確認・完了ページ　↓ */
.con_check h2{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}
.con_check p{
	padding-left: 60px;
	line-height: 3.5;
}
.con_check_text_2{
	padding-left: 60px;
	line-height: 2;
}
.con_check_text{
	display: flex;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border-bottom: solid 3px #efeefe;
}
.con_check_text div:first-child{
	flex:0 0 30%;
}
.con_check_text div:nth-child(2){
	flex:0 0 70%;
}
.con_thanks h2{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 40px;
	border-top: solid 3px #efeefe;
}
.con_thanks section{
	border-bottom:  solid 3px #efeefe;
	padding: 0;
	margin-bottom: 30px;
}
.con_thanks p{
	text-align: center;
	line-height: 2;
	padding-bottom: 40px;
}
/* ↓↓↓CONTACT:ボタン↓↓↓*/
 .con_btn_container{
	display: flex;
	margin-top: 50px;
	width: 100%;
	justify-content: center;
}
 .con_check .con_btn_container{
	display: flex;
	margin-top: 50px;
	width: 90%;
	max-width: 700px;
	justify-content: space-between;
}
/*↑↑↑FAQ/CONTACT:ボタンここまで↑↑↑*/
/* ↑　問い合わせ確認・完了ページ　↑ */


/* ▼▼▼ privacyページ ▼▼▼ */
/* ヒーローイメージ位置 */
.prv_hero{
	background-position: right center;
}

/* 背景色余白 */
.prv_text{
	padding: 40px;
}
/* 文字装飾 */
.prv_text h2{
	color: #323232;
	font-size: 18px;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin-top: 50px;
	border-bottom: solid 1px #CCCCCC;
}
.prv_text p{
	font-size: 15px;
	padding-top: 15px;
}
.prv_text ul{
	list-style: square;
	font-size: 15px;
	padding-top: 10px;
	margin-left: 40px;
}
.prv_text ol{
	list-style: decimal;
	font-size: 15px;
	padding-top: 10px;
	margin-left: 40px;
}

/* ▲▲▲ privacyページ ▲▲▲ */



/* ▼▼▼ サイトマップページ ▼▼▼ */
/* ヒーローイメージ位置 */
.sit_hero{
	background-position: center;
}
/*↓↓↓アコーディオン↓↓↓*/
.sit_article .accordion{
	text-align: left;
}
.sit_article .ac_inner{
	display: none;
}
.sit_article p{
	cursor: pointer; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-color: #efeefe;
	color:#323232;
	/*border-top: solid 1px #ccc;*/
}
.sit_article li:nth-child(2n) p{
	background-color: #F7F7F7;
}
.sit_article .ac_inner li{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
	background-color: #fff;
	background-image: none;
	cursor: pointer;
	border-top: solid 1px #CCCCCC;
}
.sit_article .ac_inner .sit_menu{
	padding-left: 120px;
}
.sit_article i{
	display: inline-block;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 40px;
	color: #323232;
	font-size:15px; 
}
.sit_article .accordion a{
	display: block;
}
.sit_article .accordion > li:not(:first-child){
	border-top: solid 1px #ccc;
}

/*↑↑↑アコーディオンここまで↑↑↑*/
/* ▲▲▲ サイトマップページ ▲▲▲ */


/* ↓　TOPに戻るボタン　↓ */
.page-top_btn{
	position: fixed;
    bottom: 20px;
    right: 20px;
	width: 74px;
	height: 74px;
	z-index: 1000;
}
.page-top_btn a {
    display: block;
    background: #243f98;
    color: #fff;
	width: 100%;
	height: 100%;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	line-height: 1.2;
}
.page-top_btn a:hover {
    background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
    text-decoration: none;
}
.page-top_btn i{
	color: #FFF;
	font-size: 24px;
}
.page-top_btn.hide{
	opacity: 0;
}
/* ↑　TOPに戻るボタン　↑ */


/* ↓　footer　↓ */
footer{
	width: 100%;
	background-color: #1f2444;
	text-align: center;
	margin-top: 55px;
}
.footer_menu{
	background-color: #00736d;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.footer_menu .container{
	margin: 0;
}
footer ul{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
footer li a{
	padding: 10px 10px 9px;
	font-size: 14px;
}
footer li a:hover{
	color: #243f98;
	background-color: #fff;
}
.foot_con{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: center;
}
.foot_text{
	color: #fff;
}
.foot_con1{
	width: 100%;
	padding: 10px 0;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	font-size: 20px;
	text-align: center;
    margin: 50px 0 35px;
}
.foot_con2{
	text-align: left;
	font-size: 15px;
}
.foot_con3{
	font-size: 38px;
	line-height: 1;
	display: flex;
	align-items: center;
}
.foot_con4{
	display: flex;
	align-items: center;
}
.foot_button{
	color: #00736d;
	font-size: 15px;
	font-weight: bold;
	border: #00736d 3px solid;
	border-radius: 10px;
	background-color: #fff;
	padding: 10px 13px;
	flex: 0 0 auto;
}
.foot_button:hover{
	color: #fff;
	border: #fff 3px solid;
	background-color: #00736d;
}
.foot_tel{
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.foot_tel > div{
	flex: 0 0 auto;
}
.foot_i_tel{
	background-color: #00736d;
	border-radius: 50%;
	margin-right: 5px;
	height: 42px;
	width: 42px;
	font-size: 24px;
    padding: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .fa-envelope{
	margin-right: 5px;
}
footer small{
	display: block;
	font-size: 11px;
	padding-top: 40px;
	padding-bottom: 60px;
}
/* ↑　footer　↑ */



/* ↓　@keyframes アニメーション　↓ */

/* ↓　トップヒーロー　↓ */
@keyframes top_hero_r{
	0%{
		background-position: left top;
	}
	100%{
		background-position: center bottom;
	}
}
@keyframes top_hero_l{
	0%{
		background-position: right bottom;
	}
	100%{
		background-position: center top;
	}
}
/* ↑　トップヒーロー　↑ */

/* ↓　トグルボタン開閉時の背景　↓ */
@keyframes header_clickOpen{
	0%{
		opacity: 0;
		width: 0;
		height: 0;
	}
	1%{
		opacity: 0;
		width: 100vw;
		height: 100vh;
	}
	100%{
		opacity: 0.4;
		width: 100vw;
		height: 100vh;
	}
}
@keyframes header_clickClose{
	0%{
		opacity: 0.4;
		width: 100vw;
		height: 100vh;
	}
	99%{
		opacity: 0;
		width: 100vw;
		height: 100vh;
	}
	
	100%{
		opacity: 0;
		width: 0;
		height: 0;
	}
}
/* ↑　トグルボタン開閉時の背景　↑ */

/* ↑　@keyframes アニメーション　↑ */



/* ↓　@media ここから　↓ */

/* ↓　幅1201px以上　↓ */
@media(min-width: 1201px){
	
	/* ↓　トップページ　↓ */
	.top_pro:nth-child(2){
		flex: 0 0 auto;
		width: 360px;
	}
	.top_pro:nth-child(2) h2{
		font-size: 24px;
	}
	.top_pro:nth-child(2) p{
		font-size: 22px;
	}
	.top_pro:nth-child(1) span:nth-child(1){
		font-size: 52px;/*768で34px*/
		white-space: nowrap;
	}
	.top_pro:nth-child(1) span:nth-child(2){
		font-size: 156px;/*768で34px*/
	}
	.top_pro:nth-child(1) span:nth-child(3){
		font-size: 49px;/*768で34px*/
	}
	/* ↑　トップページ　↑ */
	
	.com_hero{
		background-position: center 15%;
	}
}
/* ↑　幅1201px以上　↑ */


/* ↓　幅 965px以下　↓ */
@media (max-width: 965px){
	/* ↓　header　↓ */
	header h1{
		font-size: 32px;
	}
	header h1 span{
		font-size: 12px;
	}
	header h1 a{
		padding: 10px 3px 11px;
	}
	header li a{
		padding: 24px 6px 21px;
		font-size: 13px;
	}
	/* ↑　header　↑ */
	
	/* ↓　トップページ　↓ */
	.top_con4 .container:nth-child(2){
		justify-content: center;
	}
	.top_flo{
		flex: 0 0 80%;
		min-height: 240px;
	}
	.top_arrow{
		flex: 0 0 100%;
		margin-bottom: 30px;
	}
	.top .fa-arrow-right{
		transform: rotate(90deg);
	}
	/* ↑　トップページ　↑ */
	
	/* ↓　footer　↓ */
	footer li a{
		padding: 12px 5px 10px;
		font-size: 12px;
	}
	.foot_con{
		justify-content: space-around;
	}
	.foot_con2{
		width: 80%;
		margin-bottom: 30px;
	}
	.foot_i_tel{
		margin-left: 5px;
	}
	/* ↑　footer　↑ */
	
}
/* ↑　幅 965px以下　↑ */

/* ↓　768以上　↓ */
@media (min-width: 768px){
	.sit_article .accordion p:hover,.sit_article .accordion li:hover{
	background-color: #C9CBDA;
	}
}
/* ↑　768以上　↑ */

/* 768px未満。iPad未満 */
@media (max-width: 767px){
	/* 共通項目 */
	body{
		font-size: 14px;
	}
	article{
		margin-top: 65px;
	}
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 24px;
	}
	h3{
		font-size: 16px;
	}

	/* ヘッダー */
	header{
		top: 0;
		left: 0;
		background-color: #fff;
	}
	.header_container{
		position: relative;
	}
	.header_btn{
		display: block;
	}
	.header_menu{
		display: none;
		position: absolute;
		top: 65px;
		right: 0;
		width: 45%;
		min-width: 200px;
		background-color: rgba(255, 255, 255, 0.8);
		z-index: 900;
		transition: 1s;
	}
	.header_menu.header_open{
		display: block;
		right: 0;
		opacity: 1;
		animation: header_menuOpen 1s forwards;
	}
	.header_menu.header_close{
		display: block;
		right: -45vw;
		opacity: 0;
	}
	.header_menu ul{
		display: block;
	}

	.header_menu li{
		margin: 0;
	}
	.header_menu  a{
		display: block;
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #1f2444;
		font-size: 14px;
	}
	.header_menu a:hover{
		color: #243f98;
		background-color: #fff;
	}
	.header_click.header_open{
		display: block;
		animation: header_clickOpen 1s forwards;
	}
	.header_click.header_close{
		display: block;
		animation: header_clickClose 1s forwards;
	}
	/* ↑　header　↑ */
	
	/* トップページ */
	.top_hero_bg{
		top: 65px;
		height: 300px;
	}
	.top_hero_t{
		top: 65px;
		height: 300px;
	}
	.top_hero_t h1{
		font-size: 8.5vw;
	}
	.top_pro:nth-child(1){
		min-width: 308px;
	}
	.top_pro:nth-child(1) div{
		min-width: 264px;
	}
	.top_pro:nth-child(1) span:nth-child(1){
		font-size: 48px;
		white-space: nowrap;
	}
	.top_pro:nth-child(1) span:nth-child(2){
		font-size: 144px;
	}
	.top_pro:nth-child(1) span:nth-child(3){
		font-size: 45px;
	}
	.top_pro:nth-child(2){
		flex: 0 0 100%;
	}
	.top_pro:nth-child(2) h2{
		font-size: 22px;
	}
	.top_pro:nth-child(2) p{
		font-size: 16px;
	}
	.top_pro:nth-child(3){
		flex: 0 0 auto;
		max-width: 100%;
	}
	.semicircle{
		height: 72px;
		width: 144px;
		border-radius: 0 0 72px 72px;
	}
	.semicircle h3{
		font-size: 18px;
		line-height: 22px;
	}
	.top_voi_text{
		flex: 0 0 100%;
		max-width: 500px;
	}
	.top_con2 > .container > .container{
		justify-content: space-around;
		margin-left: auto;
		margin-right: auto;
	}
	.top_voi{
		flex: 0 0 100%;
		max-width: 210px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.top_con3 > .container:nth-child(2){
		justify-content: space-around;
	}
	.top_ser{
		flex: 0 0 100%;
		margin: 10px;
	}
	.top_btn{
		width: 309px;
	}
	.top_con4 > .container:nth-child(2){
		align-items: stretch;
		margin-top: 30px;
		margin-bottom: 90px;
		flex-wrap: wrap;
	}
	/* ↑　トップページ　↑ */
	
	
	/* ↓　サービス案内　↓ */
	.ser_flex .oheya,.mizu,.kitin,.ser_example{
		display:block;	
	}
	.ser_ichiran .sisetu_exp{
		display:block;
	}
	.titleimg_oheya,.titleimg_mizu,.titleimg_kitin{
		background-image: none;
		height: auto;
		border: 2px solid #efeefe;
		padding: 5px;
	}
	.ser_title {
		align-items: center;
		justify-content: center;
	}
	.back h3{
		text-align: center;
		margin-top: 0;
	}
	.ser_flex .oheya> .back:nth-child(2n+0){
		background-color: #efeefe;
	}
	.ser_flex .oheya> .back:nth-child(2n+1){
		background-color: #f7f7f7;
	}
	.ser_flex .mizu> .back:nth-child(2n+0){
		background-color: #efeefe;
	}
	.ser_flex .mizu> .back:nth-child(2n+1){
		background-color: #f7f7f7;
	}
	.ser_flex .kitin> .back:nth-child(2n+0){
		background-color: #efeefe;
	}
	.ser_flex .kitin> .back:nth-child(2n+1){
		background-color: #f7f7f7;
	}
	.ser_icon{
		display: flex;
		justify-content: center;
	}
	.ser_kumo{
		display: none;
	}
	.ser_img{
		background-size: cover;
		height: 150px;
		width: 50%;
	}
	.back{
		display: flex;
		flex-wrap: wrap;
		padding-top: 15px;
		height: 250px; 
		justify-content: space-around;	
	}
	.back > div:first-child{
		flex: 0 0 40%;
	}
	.back h3 span{
		display: block;
	}
	.back small{
		font-size: 10px;
		text-align: center;
		}
	.back > div:nth-child(3){
		width: 90%;
	}
	.back p{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.ser_img_rangefood,.ser_img{
		margin-left: 0;
		margin-right: 0;
	}
	.ser_ti{
		font-size: 20px;
		margin-left: 0;
		margin-bottom: 10px;
		width: 100%;	
	}
	.yuudou > div{
		flex: 0 0 100%;
	}
	.sisetu_exp{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.sisetu_exp > div:nth-child(2){
		line-height: 1.8;
	}
	/* ↑　サービス案内　↑ */
	
	
	/* ↓　料金表　↓ */
	.pri_kai {
		display: block;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
	}
	.pri .table_green {
		vertical-align: middle;
	}
	.pri .table3 th {
		vertical-align: middle;
	}
	.pri_list  {
		margin-left: 5%;
		list-style-type: square;
	}
	/* ↑　料金表　↑ */
	
	
	/*↓↓↓お客様の声ページ↓↓↓*/
	.voi_contents h2{
		font-size: 16px;
	}
	.voi_contents h2 span{
		display: block;
	}
	.voi_contents{
		margin-top: 30px;
	}
	.voi_pic_inner{
		display: flex;
	}
	.voi_pic_inner div:first-child{
		flex:auto;
		margin-right: 10px;
	}
	.voi_pic_inner div:nth-child(2){
		flex:auto;
		margin-left: 10px;
	}
	.voi_text p{
		display: block;
		width: 90%;
		align-items: center;
		justify-content: center;
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 1.9;
	}
	/*↑↑↑お客様の声ページここまで↑↑↑*/
	
	
	/* ↓　会社概要　↓ */
	.com_talk{
		flex-wrap: wrap;
		justify-content: center;
		flex: 0 0 100%;
	}
	.com_text {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.com_text h3 {
		font-size: 18px;
		margin-top: 20px;
	}
	.com_text p {
		line-height: 1.9;
		font-size: 14px;
		width: 90%;
	}
	.com_pic {
		height: 276.47px;
	}
	.com_hope{
		padding-top: 70px;
	}
	.com_thought{

	}
	.com_thought h2{
		padding: 20px 0;
		background-color: #efeefe;
		margin-bottom: 0;
	}
	.com_thought .com_staff{
		padding-top: 20px;
	}
	.com_staff{
		flex-wrap: wrap;
	}
	.bgc-lb.com_staff{
		flex-flow: row;
		flex-wrap: wrap;
	}
	.com_staff p{
		line-height: 1.9;
		margin: 30px;
	}
	.com_staff .com_pic{
		flex: 0 0 100%;
	}
	.com_voice{
		flex: 0 0 100%;
	}
	.com .mid_img {
		height: 276.47px;
	}
	.com_add p {
		font-size: 14px;
		line-height: 1.9;
	}
	.com_ta td {
		vertical-align: middle;
	}
	/* ↑　会社概要　↑ */
	
	
	/* ↓　FAQ　↓ */
	.faq_con1 .faq_card{
	flex: 0 0 100%;
	}
	/* ↑　FAQ　↑ */
	
	
	/* ↓　お問い合わせ　↓ */
	.con_top h2 span {
		display: block;
	}
	.con_top h2 {
		font-size: 24px;
	}
	label {
		display: block;
	}
	.form_long input {
		width:100%;
	}
	textarea {
		width: 100%;
	}
	.radio_box {
		display: none;
	}
	.con_sp {
		display: block;
	}
	select {
		width:100%;
	}
	/* ↑　お問い合わせ　↑ */
	
	/*↓↓↓お問い合わせ:ボタンここから↓↓↓*/
	.btn{
		font-size: 14px;
		padding: 5px 10px;
	}
	/*↑↑↑ボタンここまで↑↑↑*/
	
	/*↓↓↓問い合わせ確認・サンクスここから↓↓↓*/
	.con_check_text{
		display: block;
	}
	.con_check p{
	padding-left: 60px;
	line-height: 2;
	}
	.con_check_text div:first-child{
	font-weight: bold;
	}
	input,select{
		height: 30px;
	}
	/*↑↑↑問い合わせ確認・サンクスここまで↑↑↑*/
	
	
	/*↓↓↓TOPに戻るボタン↓↓↓*/
	.page-top_btn {
		width: 60px;
		height: 60px;
		bottom: 5px;
		right: 5px;
	}
	.page-top_btn i{
		font-size: 12px;
	}
	/*↑↑↑TOPに戻るボタン↑↑↑*/
	
	/*フッター*/
	footer li:nth-child(-n+7){
		display: none;
	}
	footer li a{
		padding: 10px 10px 9px;
		font-size: 14px;
	}
	.foot_con{
		justify-content: center;
	}
	.foot_con1{
		font-size: 16px;
	}
	.foot_con2{
		text-align: center;
	}
	.foot_con1 span,.foot_con2 span{
		white-space: nowrap;
	}
	.foot_con3{
		flex: 0 0 100%;
		justify-content: center;
		margin: 20px 0;
		font-size: 36px;
	}
	.foot_button{
		font-size: 18px;
		padding: 10px 13px;
		margin-top: 40px;
		margin-right: 0;
	}
	footer small{
		padding-top: 40px;
		padding-bottom: 100px;
	}
}
@media (max-width: 500px) {
	.top_pro:nth-child(2) h2{
		font-size: 18px;
	}
	.pri .table_green {
		font-size: 110%;
	}
	.hero span{
		display: block;
	}
	.com th {
		width: 40px;
	}
	.com tr,.com td,.com th {
		border-top: none;
		border-right: none;
		border-left: none;
	}
	.com td,.com th {
		font-size: 10px;
	}
	.com_talk{
		flex-wrap: wrap;
	}
	.com_talk .com_pic{
		flex: 0 0 100%;
		margin-left: 0;
	}
	.com_text{
		flex: 0 0 100%;
	}
	.com_textbig2_sp {
		margin-top: 40px;
	}
	.com_name_sp {
		max-width: 90%;
		margin: 0 auto 20px auto;
		text-align: center;
		font-size: 16px;
	}
	.com_logo_flex {
		justify-content: center;
		margin-bottom: 70px;
	}
	.com_logo img{
		width: 130px;
		padding-top: 4px;
	}
	.com_logo{
		width: auto;
	}
	.com_button {
		margin-left: 10px;
	}
	.com_pic {
		margin-top: 20px;
	}
	.com_hope {
		margin: 15px auto 60px;
	}
	.com_thought h2 {
		margin: 0 auto 20px auto;
		text-align: center;
		padding-top: 30px;
	}
	.com_thought .com_pic {
		width: 300px;
		height: 296.47px;
		text-align: center;
		max-width: 90%;
		margin: 30px auto;
	}
	.com_thought p {
		line-height: 1.9;
		margin-left: 20px;
		margin-right: 20px;
		padding-bottom: 20px;
	}
	.com .mid_img {
		margin-top: 30px;
	}
	.con_top h2 span {
		display: block;
	}
	/*↓↓↓問い合わせ確認・サンクスここから↓↓↓*/
	.con_check_text{
		display: block;
	}
	.con_check p,.con_check_text_2{
	padding-left: 5px;
	}
}