@charset "UTF-8";
/* ---------------------
◆◆配色◆◆
白 : #ffffff(#fff)
薄い白 : #f6f6f6
薄いグレー : #afafaf
グレー : #5e5e5e
黒 : #222222(#222)
青 : #0b3674
紺 : #08244c
---------------------- */

/*  ------------ ▼▼ cssリセット ▼▼ ------------  */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, tr, th, td, hr, header, footer, nav, section, main, article, aside, figure, figcaption, div, form, a{
	margin : 0;
	padding : 0;
	box-sizing: border-box;
}
table a{
	margin : 0;
	padding : 0;
}
/*  ------------ ▼▼ 基本 ▼▼ ------------  */
body {
	width : 100%;
	font-family : 'Jost', 'Noto Sans JP', sans-serif;
	font-size : 1em; /*16px*/
	color : #fff;
}
/* スクロール */
.scroll-prevent {
	/*動き固定*/
	position: fixed;
	/*奥行きを管理*/
	z-index: -1;
	/*下2つで背景を元のサイズのまま表示することができる*/
	width: 100%;
	height: 100%;
  }
/* 段落 */
h1 {
	font-family : 'Jost', sans-serif;/*Jost*/
	font-weight : 600;/*SemiBold600*/
	letter-spacing : 0.025em;/*AV25*/
	color : #0b3674;
}
p, table {
	color : #222;
}
/*画像の下にできる余白を消す*/
img {
	vertical-align:bottom;
}
/* リンク */
a:link, a:visited, a:active {
	color : #222;
	text-decoration-line : none;
}
a:hover {
	color : #222;
	text-decoration : underline;
	text-underline-offset: 5px;
}
/*  ------------ ▼▼ 共通 ▼▼ ------------  */
/* ▼ ヘッダー ▼ */
header {
	width : 100%; /* 幅いっぱいを指定 */
	height : 80px; /* 高さを80pxに指定 */
	position : fixed; /* ウィンドウを基準に画面に固定 */
	top : 0; /* 上下の固定位置を上から0pxにする */
	left : 0; /* 左右の固定位置を左から0pxにする */
	display : flex; /* 中の要素を横並びにする */
	align-items : center; /* 中の要素を上下中央に並べる */
	z-index : 100;
	color : #fff;
}
header .header-nav {
	display : flex; 
	margin-left : auto;
}
header .header-nav .menu {
    display : flex; 
}
header .header-nav .menu a {
	color : #fff;
}
header .header-nav .menu li {
	list-style : none; 
	margin-right : 50px;
}
/* メニューバーSERVICE */
/* 矢印⬇︎ */
.has-child-arrow {
	position : absolute;
	left : 80px;
	top : 5px;
	width : 8px;
	height : 8px;
	border-top : 2px solid #fff;
	border-right : 2px solid #fff;
	transform : rotate(135deg);
	transition: all .3s;
}
/*ナビゲーションのリンク設定*/
nav ul li a {
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 1em; /*16px*/
	font-weight : 500; /*Medium500*/
	letter-spacing : 0.1em; /*AV100*/
	color : #08244c;
	display : block;
	text-decoration : none;
	transition : all .3s;
}
nav ul li {
	position : relative;
}
nav li.has-child ul {
	position : absolute;
	left : 0;
	top : 24px;
	z-index : 4;
	width : 230px;
	visibility : hidden;
	opacity : 0;
	transition : all .3s; /*アニメーション設定*/
}
/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul {
	visibility : visible;
	opacity : 1;
}
/*ナビゲーションaタグの形状*/
nav li.has-child ul li a {
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 0.875em; /*14px*/
	font-weight : 400; /*normal(Regular)400*/
	letter-spacing : 0.1em; /*AV100*/
	color : #fff;
	border-bottom : solid 1px #fff;
	padding : initial;
	padding : 10px;
}
/* ハンバーガーメニュー展開時、背景を固定 */
body.active {
	height: 100%;
	overflow: hidden;
  }

span.ourwaku {
	border : 1px solid #fff;
	padding : 10px 20px;
}
/* ▼ ABOUT ▼ */
#about {
	position: relative;
	background-color : rgba(8,36,76,0.8);
}
.category-jp0 {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1.125em; /*18px*/
	font-weight : 700; /*Bold700*/
	letter-spacing : 0.05em; /*AV50*/
	padding-bottom : 60px;
}
.about-p {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1em; /*16px*/
	font-weight : 400; /*normal(Regular)400*/
	letter-spacing : 0.050em; /*AV50*/
	line-height: 35px; /* 行の高さを指定する */
}
#about p, #about h1 {
	color : #fff;
}
#about-p-bottom {
	padding-bottom : 30px;
}
/* ABOUTボタン */
.btn1_outer {
	margin : 60px auto 0;	
}
.btn1 {
	position: relative;
	display : flex;
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 1.125em; /*18px*/
	font-weight : 500; /*Medium500*/
	letter-spacing : 0.1em; /*AV100*/
	width : 100%;
	max-width : 300px; /*ボタン枠の幅*/
	height : 65px; /*ボタン枠の高さ*/
	margin : 0 auto;
	justify-content : center;
	align-items : center;
	border : solid 1px #fff;
}
.btn1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    width: 20px;
    height: 1px;
    background: #fff;
}
.btn1 > span {
	color : #fff;
}
/* hoverホバー */
.btn1:hover:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1%;
    width: 21px;
    height: 1px;
    background: #0b3674;
}
.btn1:hover {
	background-color : #fff;	
	text-decoration-line : none;
}
.btn1:hover > span {
	color : #0b3674;
}
/* ▼ SERVICE▼  */
.service {
	width : 100%;
	margin : 0 auto;
	border-bottom : 1px solid #afafaf;
}
.category-jp {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1.25em; /*20px*/
	font-weight : 700; /*Bold700*/
	letter-spacing : 0.05em; /*AV50*/
	padding-bottom : 60px;
}
.service img {
	width: 100%;
	height: auto;
	object-fit: contain;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.25);
}
.service .tbpc, .service .sp {
	padding : 0;
}
.service .click {
	display: flex;
	align-items: center;
	height : 50px;
	margin: 20px 0;
}
.service p {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1.25em; /*20px*/
	font-weight : 700; /*Bold700*/
	letter-spacing : 0.025em; /*AV25*/
}
.service p:first-child{
	margin-right:auto;
}
.arrow{
	margin-right : 5px;
}
.arrow img {
	width : 30px;
	height : 30px;
	box-shadow : none;
}
/* hoverホバー */
.service img:hover {
	filter : brightness(0.6);
}
.service a:hover {
	text-decoration-line : none;
}

/* ▼ BLOG ▼ */
.blog {
	position: relative;
	background-color : #f6f6f6;
}	
.new_blog {
	/*flex-basis: 100%;*/
	width : 100%;
	margin : 0 auto;
}
/* ▼どんな画像でも対応 */
.image-wrap {
	position : relative;
	overflow : hidden;
	padding-top : 70%;
	box-shadow : 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
.image-wrap img {
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%,-50%);
	object-fit: cover;
	width : 100%;
	height : 100%;
}
/* ▲どんな画像でも対応 */
.blog_day {
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 1.125em; /*18px*/
	font-weight : 600; /*SemiBold600*/
	letter-spacing : 0.050em; /*AV50*/
	color : #5e5e5e;
	padding-top : 16px;
}
.blog_day-p {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1em; /*16px*/
	font-weight : 700; /*Bold700*/
	color : #222;
	padding-top : 6px;
}
/*  BLOGボタン */
.btn2_outer {
	margin : 60px auto 0;	
}
.btn2 {
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 1.125em; /*18px*/
	font-weight : 500; /*Medium500*/
	letter-spacing : 0.1em; /*AV100*/
	position : relative;
	width : 100%;
	max-width : 300px;
	height : 65px;
	background-color : #08244c;
	display : flex;
	margin : 0 auto;
	justify-content : center;
	align-items : center;
}
.btn2 > span {
	color : #fff;
}
.btn2::after {
    content : "";
    position : absolute;
    top : 50%;
    right : 0%;
    width : 21px;
    height : 1px;
    background : #fff;
}
/* hoverホバー */
.image-wrap img:hover {
	filter : brightness(0.6);
}
.new_blog a:hover {
	text-decoration-line : none;
}
a:hover .blog_day-p {
	text-decoration: underline;
}
.btn2:hover {
	background-color : rgba(8, 36, 76, 0.9);
	text-decoration-line : none;
}
/* ▼ NEWS ▼ */
.news_bgwhite {
	position: relative;
	background-color : #fff;
}
#news .newsday {
	font-family : 'Jost', sans-serif;/*Jost*/
	font-size : 1em; /*16px*/
	font-weight : 600; /*SemiBold600*/
	letter-spacing : 0.05em;/*AV50*/	
	color : #5e5e5e;
}
#news span.area, #news span.onearea {
	font-family : 'Noto Sans JP', sans-serif;/*Noto Sans JP*/
	font-size : 0.875em; /*14px*/
	font-weight : 400; /*normal(Regular)400*/
	display: inline-block;
}
#news .news_sp a {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1em; /*16px*/
	font-weight : 400; /*normal(Regular)400*/
}
/* ▼ Mail&Tel ▼ */
#mailtel_bkcolor {
	position : absolute;
	top : 0;
	right : 0;
	left : 0;
	bottom : 0;
	background-color : #00122b;
	opacity : 0.7; /*70%*/
	z-index : 2;
}
.mailtel-box {
	text-align: center;
	width : 650px; 
}
.mailtel_child p {
	color : #fff;
}
/* ▼Mail */
.mailtel-font {
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 2.5em; /*40px*/
	font-weight : 500; /*Medium500*/
	letter-spacing : 0.06em; /*AV60*/	
}
.mailtel-font-p {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1em; /*16px*/
	font-weight : 400; /*normal(Regular)400*/
	letter-spacing : 0.05em; /*AV50*/	
}
#mailform {
	color : #08244c;
	vertical-align : 30%;
	margin-left : 10px;
}
#mailtel p.button3 {
	display : flex;
	align-items : center;
	justify-content : center;
	background-color : #fff;
	border : 1px solid #08244c;
	width : 300px;
	height : 65px;
	color : #08244c;
	margin : 50px auto auto auto;
}
/* ▼メールフォームへのボタン */
.btn3_outer {
	margin: 50px auto 0;	
}
.btn3 {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 1.125em; /*18px*/
	font-weight : 700; /*Bold700*/
	letter-spacing : 0.1em; /*AV100*/
	position : relative;
	width : 100%;
	max-width :335px;
	height : 95px;
	background-color : #fff;
	display : flex;
	margin : 0 auto;
	justify-content : center;
	align-items : center;
}
.btn3 > span {
	color : #0b3674;
}
.btn3::after {
	content : "";
	position : absolute;
	top : 50%;
	right : 0%;
	width : 24px;
	height : 1px;
	background : #08244c;
}
/* hoverホバー */
.btn3:hover {
	box-shadow: 0 6px 12px 0 rgba(0,0,0,0.75);
	text-decoration-line : none;
	background-color : #fff;
	opacity: 0.8;
}
/* ▼Tel */
span#tel {
	font-family : 'Jost', sans-serif; /*Jost*/
	font-size : 1.875em; /*30px*/
	font-weight : 500; /*Medium500*/
	letter-spacing : 0.1em; /*AV100*/	
	vertical-align : 20%;
	margin-left : 10px;
}
.mailtel-time{
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 0.875em; /*14px*/
	font-weight : 400; /*normal(Regular)400*/
	letter-spacing : 0.1em; /*AV100*/	
}
span.time {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 0.813em; /*13px*/
	font-weight : 400; /*normal(Regular)400*/
	letter-spacing : 0.1em; /*AV100*/	
	border : solid 1px #fff;
	margin : 20px;
	padding : 2px 15px;
}
/* Tel電話番号 */
span#tel a {
	color:#fff !important;
	text-decoration:none !important;
}
/* ▼ 住所address ▼ */
#address {
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 0.938em; /*15px*/
	font-weight : 400; /*normal(Regular)400*/
	line-height : 1.8; /* 行間 */
	color: #222;
}
.address_bgwhite {
	position: relative;
	background-color : #fff;
}
#nav-bottom {
	display : flex;
	margin-left : auto;
}
#nav-bottom li a{
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 0.875em; /*14px*/
	font-weight : 400; /*normal(Regular)400*/
	color : #222;
}
span.service-font{
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-size : 0.875em; /*14px*/
	font-weight : 400; /*normal(Regular)400*/
	color : #222;
}

/* ▼ フッター ▼ */
#footer-copy {
	position : relative;
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	height : 50px;
	background-color : #08244c;
	color : #fff;
	font-family : 'Noto Sans JP', sans-serif; /*Noto Sans JP*/
	font-weight : 400; /*normal(Regular)400*/
	font-size : 0.875em; /*14px (small-1px（13px）) */
}


/* -------- ▼ 3カラム ▼ -------- */
/* ---- 1列レイアウト ---- */
@media screen and ( max-width:767px) {
	h1 {
		font-size : 2.5em;/*40px*/
	}
	/* ▼ 目的(動画) ▼ */
	#wrapper{
		position: fixed;
		width : 100%;
		height : 100%; /*高さを全画面にあわせる*/
		background-color : #08244c;
		/*mix-blend-mode : multiply; 乗算 */
		/*opacity : 0.35;35％ */
		z-index : -1;
	}
	.purpose {
		position : relative; /*配置の起点*/
		height : 320px; /*高さを320px*/
		z-index : 0;
	}
	#video-multiply {
		position : absolute;
		height : 320px; /*高さを320px*/
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		background-color : #0b3674;
		mix-blend-mode : multiply; /* 乗算 */
		opacity : 0.35;/* 35％ */
		z-index : 1;
	}
	video {
		position : fixed;/*中央揃え*/
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		width: 100vw;
		height : 320px; /*高さを320px*/
		object-position: 10% 50%;/*家族3人映る配置*/
		object-fit: cover;
		z-index : -10;
	}
/* ▼ ロゴ ▼ */
	header p{
		position : fixed;/*中央揃え*/
		left : 20px;
		top : 15px;
		justify-content : center;
		align-items : center;
	}
/* ▼ ハンバーガー ▼ */
	.header-nav .menu li {
		display : none;
	}
	.menubtn1 {
		cursor : pointer;
		width : 50px;
		height : 50px;
		border-radius : 5px;
		position : absolute;
		right : 10px;
	}
	/*ボタン内側*/
	.menubtn1 span {
		display : inline-block;
		transition : all .4s;/*アニメーションの設定*/
		position : absolute;
		left : 14px;
		height : 3px;
		border-radius: 2px;
		background : #fff;
		width : 45%;
	}
	.menubtn1 span:nth-of-type(1) {
		top : 15px; 
	}
	.menubtn1 span:nth-of-type(2) {
		top : 23px;
	}
	.menubtn1 span:nth-of-type(3) {
		top : 31px;
	}
	/*activeクラスが付与されると線が回転して×に*/
	.menubtn1.active span:nth-of-type(1) {
		top : 18px;
		left : 18px;
		transform : translateY(6px) rotate(-45deg);
		width : 30%;
	}
	.menubtn1.active span:nth-of-type(2) {
		opacity : 0;/*真ん中の線は透過*/
	}
	.menubtn1.active span:nth-of-type(3){
		top : 30px;
		left : 18px;
		transform : translateY(-6px) rotate(45deg);
		width : 30%;
	}
	#g-nav {
		position : fixed;
		top : -200%; /*上に隠す*/
		left : 0;
		width : 100%;
		height : 100%;
		background-color : #00122b;
		opacity : 0.9;
		transition : all 0.6s;
	}
	/*アクティブクラスがついたら位置を0に*/
	#g-nav.panelactive {
		top : 0;
	}
	/*ナビゲーションの縦スクロール*/
	#g-nav.panelactive #g-nav-list {
		position : fixed;
		width : 100%;
		height : 100vh;
		margin : 0 auto;
		overflow : auto; /*画面が小さくなっても縦スクロールできる*/
		/*-webkit-overflow-scrolling : touch;*/
	}
	/*ナビゲーション天地中央揃え*/
	#g-nav ul {
		padding : 60px;
	}
	/*リストのレイアウト設定*/
	#g-nav li {
		list-style : none;
		z-index : 15;
	}
	#g-nav li a {
		font-family : 'Noto Sans JP', sans-serif;/*Noto Sans JP*/
		font-size : 1em; /*16px*/
		font-weight : 400;/*normal(Regular)400*/
		letter-spacing : 0.1em;/*AV100*/
		text-decoration : none;
		padding : 10px;
		display : block;
		text-transform : uppercase;
		text-indent: -0.8em; /*改行の折り返し位置と開始位置に合わせる*/
	}
	span#service-sp{
		font-family : 'Noto Sans JP', sans-serif;/*Noto Sans JP*/
		font-size : 1em; /*16px*/
		font-weight : 400;/*normal(Regular)400*/
		letter-spacing : 0.1em;/*AV100*/
		text-decoration : none;
		padding : 10px;
		display : block;
		text-transform : uppercase;
		text-indent: -0.8em; /*元の位置に戻す（改行の折り返し位置と開始位置に合わせる）*/
	}
/* ▼ 目的 ▼ */
	#purpose_p {
		position : absolute;
		top : 35%;
		left : 7%;
		z-index : 2;
	}
	.our {
		font-family : 'Noto Sans JP', sans-serif;/*Noto Sans JP*/
		font-size : 1em;/*16px*/
		font-weight : 700;/*bold700*/
		letter-spacing : 0.05em;/*AV50*/
		height : 50px;
		color : #fff;
		}
/* ▼ ABOUT ▼ */
	#about h1{
		font-size : 2.5em;/*40px*/
		letter-spacing : 0.025em;/*AV25*/
	}
	.category, .category3 {
		padding : 90px 0;
		width : 85%;
		margin : 0 auto;
		/*height : 100vh;*/
	}

/* ▼ SERVICE ▼ */
	.service_bgwhite {
		position : relative;
		background-color :#fff;
		width : 100%;
	}
	#service_bgimg {
		position : absolute;
		background : url(../images/service_back.jpg);
		background-size : cover;
		background-repeat: no-repeat;
		top : 0;
		left : 0;
		right : 0;
		bottom : 0;
		width : 100%;
		height : 650px;
	}
	.category2 {
		position: relative;
		width : 85%;
		margin : 0 auto;
		padding : 90px 0;
		z-index : auto;
	}
	.container {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		row-gap : 50px;
	}
/* ▼ news ▼ */
	#news table, .tbpc {
		display : none;
	}
	#news_spbox {
		width : 100%;
		margin : 0 auto;
	}
	.news_sp {
		border-bottom : solid 1px #cecece;
		/*margin-top : 5px;*/
		padding: 20px 0;
	}
	.news_sp_top {
		border-bottom: solid 1px #cecece;
		/* margin-top: 5px; */
		padding-bottom : 20px;
	}
	.news_sp {
		border-bottom: solid 1px #cecece;
		padding: 20px 0;
}
	span.area {
		border : solid 1px #08244c;
		color : #08244c;
		padding : 2px 8px;
		margin-left : 6px;
		font-size : 14px;
	}
	span.onearea {
		border : solid 1px #08244c;
		color : #08244c;
		padding : 2px 24px;
		margin-left : 6px;
	}
	.areagetu{
		font-family: 'Noto Sans JP', sans-serif;
		padding-top : 10px;
	}
/* ▼ Mail&Tel ▼ */
	.mailtel {
		position : relative;/*配置の起点*/
		height : 750px;/*高さを全画面にあわせる*/
	}
	#mailtel_bk {
		position : absolute;
		background : url(../images/mailtel_sp.jpg) no-repeat;
		background-size : cover;
		background-position : center;
		top : 0;
		right :0;
		left : 0;
		bottom : 0;
	}
	#mailtel_grid {
		position : absolute;
		right : 0;
		left : 0;
		bottom : 0;
		z-index : 2;
	}
	.mailtel_child {
		width : 100%;
		padding : 78px 20px;
		text-align : center;
	}
	.button4 {
		margin-top : 40px;
		padding-bottom : 15px;
	}
	/* 中央棒線*/
	.mailtel_child:nth-child(1) {
		border-bottom : 1px solid #fff;
	}

/* ▼ 住所address ▼ */
	#address_grid {
		display : grid;
		grid-template-columns : 1fr;
		width : 100%;
		margin : 0 auto;
	}
	#address_right {
		display : none;
	}
	#address_left img{
		width: 110px;
		height: 67px;
	}
	#address {
		padding-top : 35px;
	}
	#sp_center{
		text-align : center;
	}

}

/* ---- 2列レイアウト ---- */
@media screen and (min-width:768px) and ( max-width:1023px) {
	h1 {
		font-size : 4em; /*64px*/
		margin-bottom : -5px; /*縮める*/
	}
	/* ▼ 目的(動画) ▼ */
	.purpose {
		position : relative; /*配置の起点*/
		height : 100vh; /*高さを全画面にあわせる*/
	}
	#video-multiply {
		position : absolute;
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		background-color : #0b3674;
		mix-blend-mode : multiply; /* 乗算 */
		opacity : 0.35;/* 35％ */
		z-index : 1;
	}
	video {
		position : fixed;/*中央揃え*/
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		width: 100vw;
		height: 100vh;
		object-fit: cover;
		z-index : -10;
	}
/* ▼ ロゴ ▼ */
	header p{
		position : fixed;/*中央揃え*/
		left : 30px;
		top : 15px;
		justify-content : center;
		align-items : center;
	}
/* ▼ 目的 ▼ */
	#purpose_p {
		position : absolute;
		top : 40%;
		left : 65px;
		z-index : 2;
	}
	.our {
		font-family : 'Noto Sans JP', sans-serif;/*Noto Sans JP*/
		font-size : 1.47em;/*24px*/
		font-weight : 700;/*bold700*/
		letter-spacing : 0.05em;/*AV50*/
		height : 60px;
		color : #fff;
	}
/* ▼ ABOUT ▼ */
	#about {
		text-align : center;
	}
	#about h1{
		font-size : 4.069em;/*65px*/
		letter-spacing : 0.025em;/*AV25*/
		margin-bottom: -10px; /*縮める*/
	}
	.category {
		width : 80%;
		padding : 130px 0;
		margin : 0 auto;
	}
	#news, .mailtel_grid {
		display : none;
	}
/* ▼ SERVICE ▼ */
	.service_bgwhite {
		position : relative;
		width : 100%;
		background-color : #fff;
}
	#service_bgimg {
		position : absolute;
		background : url(../images/service_back.jpg);
		background-size : cover;
		background-repeat: no-repeat;
		top : 0;
		left : 0;
		right : 0;
		bottom : 0;
		width : 100%;
		height : 650px;
	}
	.category2 {
		position: relative;
		width : 80%;
		margin : 0 auto;
		padding : 130px 0;
		z-index : auto;
	}
	.container {
		width: 100%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 25px;
	}

/* ▼ NEWS ▼ */
	.menubtn1, #news_spbox, .sp {
		display : none;
	}
	#g-nav #g-nav-list li {
		display : none;
	}
	#news {
		display : flex;
	}
	#news table {
		width : 65%;
		font-family: 'Noto Sans JP', sans-serif;
		border-collapse : collapse;
		margin-left: auto;
	}
	#news table tr {
		border-bottom : solid 1px #cecece;
	}
	#news table tr td {
		padding : 20px 0;
	}
	#news table tr.top-clear td {
		padding: 13px 0 20px 0;
	}
	span.area {
		border : solid 1px #08244c;
		color : #08244c;
		padding : 2px 4px;
		margin: 0 20px 0;
	}
	span.onearea {
		border : solid 1px #08244c;
		color : #08244c;
		padding : 2px 18px;
		margin: 20px;
	}
/* ▼ Mail&Tel ▼ l*/
	.mailtel {
		position : relative;/*配置の起点*/
		height: 420px;
	}
	#mailtel_bk {
		position : absolute;
		background : url(../images/mailtel.jpg) no-repeat;
		background-size : cover;
		background-position : center;
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		z-index : -1;
	}
	#mailtel_grid {
		display : flex;
		position : absolute;
		top : 0;
		right : 0;
		left:0;
		bottom:0;
		z-index : 2;
	}
	.mailtel_child {
		padding : 90px 20px;
		width : 100%;
		text-align : center;
	}
	.button4 {
		margin-top : 50px;
		padding-bottom : 15px;
	}
	/* 中央棒線*/
	.mailtel_child:nth-child(1) {
		border-right : 1px solid #fff;
	}
/* ▼ 住所address ▼ */
	.category3 {
		padding: 80px 0 90px 0;
		width: 80%;
		margin: 0 auto;
	}
	#address_grid {
		display : grid;
		grid-template-columns : 1fr;
		width : 100%;
		margin : 0 auto;
	}
	#address_left {
		display : grid;
		grid-template-columns : 1fr 1fr;
		align-items: center;
	}
	#nav-bottom ul {
		list-style : none;
		padding-top : 60px;
		padding-right : 40px;
	}
	#nav-bottom li {
		line-height : 35px;
		width : 100%;
		white-space : normal;
	}
	#address_left img{
		width: 140px;
		height: 85px;
	}
}

/* ---- 3列レイアウト ---- */
@media screen and (min-width:1024px) {
	h1 {
		font-size : 4.376em;/*70px*/
		margin-bottom: -5px; /*縮める*/
	}
	#g-nav #g-nav-list li {
		display : none;
	}
	/* ▼ 目的(動画) ▼ */
	.purpose {
		position : relative; /*配置の起点*/
		height : 100vh; /*高さを全画面にあわせる*/
	}
	#video-multiply {
		position : absolute;
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		background-color : #0b3674;
		mix-blend-mode : multiply; /* 乗算 */
		opacity : 0.35;/* 35％ */
		z-index : 1;
	}
	video {
		position : fixed;/*中央揃え*/
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		width: 100vw;
		height: 100vh;
		object-fit: cover;
		z-index : -10;
	}
/* ▼ ロゴ ▼ */
header p{
	position : fixed;/*中央揃え*/
	left : 30px;
	top : 15px;
	justify-content : center;
	align-items : center;
}
/* ▼ 目的 ▼ */
	#purpose_p {
		position : absolute;
		top : 40%;
		left : 65px;
		z-index : 2;
	}
	.our {
		font-family : 'Noto Sans JP', sans-serif;/*Noto Sans JP*/
		font-size : 1.75em;/*28px*/
		font-weight : 700;/*bold700*/
		letter-spacing : 0.05em;/*AV50*/
		height : 70px;
		color : #fff;
	}
/* ▼ ABOUT ▼ */
	#about h1 {
		font-size : 4.069em;/*65px*/
		font-weight : 600;/*SemiBold600*/
		letter-spacing : 0.025em;/*AV25*/
		margin-bottom : -10px; /*縮める*/
	}
	#about {
		text-align : center;
	}
	.category {
		padding : 130px 0;
		width : 1024px;
		margin : 0 auto;
	}
/* ▼ SERVICE ▼ */
	.service_bgwhite {
		position : relative;
		width : 100%;
		background-color : #fff;
	}
	#service_bgimg {
		position : absolute;
		background : url(../images/service_back.jpg);
		background-size : cover;
		background-repeat : no-repeat;
		top : 0;
		width : 100%;
		height : 650px;
	}
	.category2 {
		position: relative;
		width : 1024px;
		margin : 0 auto;
		padding : 130px 0;
		z-index : auto;
	}
	.container {
		width : 100%;
		margin : 0 auto;
		display : grid;
		grid-template-columns : repeat(3, 1fr);
		column-gap : 25px;
	}

/* ▼ news ▼ */
	#news {
		display : flex;
	}
	.menubtn1, #news_spbox, .sp {
		display : none;
	}
	#news table {
		font-family: 'Noto Sans JP', sans-serif;
		width : 70%;
		border-collapse : collapse;
		margin-left : auto;
	}
	#news table tr {
		border-bottom : solid 1px #cecece;
	}
	#news table tr td {
		padding : 35px 0;
	}
	#news table tr.top-clear td {
		padding : 23px 0 35px 0;
	}
	.news_tbpc_top {
		padding-bottom : 35px;
	}
	span.area {
		border : solid 1px #08244c;
		color : #08244c;
		padding : 2px 10px;
	}
	span.onearea {
		border : solid 1px #08244c;
		color : #08244c;
		padding : 2px 30px;
	}
/* ▼ Mail&Tel ▼ */
	.mailtel {
		position : relative; /*配置の起点*/
		height : 420px; 
	}
	#mailtel_bk {
		position : absolute;
		background : url(../images/mailtel.jpg) no-repeat;
		background-size : cover;
		background-position : center;
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		z-index : -1;
	}
	#mailtel_grid {
		display : flex;
		position : absolute;
		top : 0;
		right : 0;
		left : 0;
		bottom : 0;
		z-index : 2;
	}
	.mailtel_child {
		padding : 90px 20px;
		width : 100%;
		text-align : center;
	}
	.button4 {
		margin-top : 50px;
		padding-bottom : 15px;
	}	
	/* 中央棒線*/
	.mailtel_child:nth-child(1) {
		border-right : 1px solid #fff;
	}
/* ▼ 住所address ▼ */
	.category3 {
		padding: 80px 0 90px 0;
		width : 1024px;
		margin : 0 auto;
	}
	#address_grid {
		display : grid;
		grid-template-columns : 1fr 1fr;
		width : 100%;
		margin : 0 auto;
	}
	#nav-bottom ul {
		list-style : none;
		padding-left : 50px;
	}
	#nav-bottom li {
		line-height : 35px;
		width : 100%;
		white-space : nowrap;
	}
	#address_left img{
		width : 140px;
		height : 85px;
	}
	#address {
		padding-top : 35px;
	}
}