@charset "UTF-8";
/*
Theme Name: ハロワブログサービステンプレート1
Theme URI:
Description:
Version:1.1
Author:K.Okamoto
Author URI:
*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－

　CSSリセット等

－－－－－－－－－－－－－－－－－－－－－－－－－*/
* {
	margin:0;
	padding:0;
	letter-spacing:0.1rem;
	box-sizing:border-box;
}

body {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	height:100%;
}

main {
	margin-bottom:auto;
}

ul {
	list-style-type:none;
	
}

img {
	max-width:100%;
	vertical-align:middle;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－

　ヘッダー

－－－－－－－－－－－－－－－－－－－－－－－－－*/
body.halowa2021 header {
	border-bottom:solid 1px #CCC;
}

body.halowa2021 header div.title {
	width:80%;
	margin:0 auto;
	padding:1.6rem;
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－

　トップページ

－－－－－－－－－－－－－－－－－－－－－－－－－*/
body.halowa2021 main.front {
	padding:1rem 0;
}

body.halowa2021 main.front section {
	width:80%;
	margin:0 auto;	
	text-align:center;
}

body.halowa2021 main.front section ul.front {
	margin:2rem 0;
}

body.halowa2021 main.front section ul.front li {
	border:solid 2px #999;
	padding:2rem 1.6rem;
	border-radius:1rem;
	margin:1rem 0;
}

@media screen and (min-width:800px){
body.halowa2021 main.front section ul.front {
	display:flex;
	justify-content:space-between;
}

body.halowa2021 main.front section ul.front li {
	width:calc(100% / 3 - 2rem);
}
}

body.halowa2021 main.front section ul.front li h4 {
	text-align:center;
	color:#F60;
}

body.halowa2021 main.front section ul.front li h3 {
	text-align:center;
	margin:0.8rem 0 1.6rem;
	font-size:1.6rem;
}

body.halowa2021 main.front section.service {
	margin:3rem auto;	
}

body.halowa2021 main.front section.service h1 {
	font-size:2rem;
	margin-bottom:1rem;
}

body.halowa2021 main.front section.service p {
	text-align:left;
	margin:0 auto;
}

@media screen and (min-width:800px){
body.halowa2021 main.front section.service p {
	width:80%;
}
}

body.halowa2021 main.front section.service div {
	margin:2rem auto;
	background-color:#D3ECF3;
	padding:1rem;
}

@media screen and (min-width:800px){
body.halowa2021 main.front section.service div {
	width:80%;
	padding:1rem;
}

body.halowa2021 main.front section.service div table {
	width:80%;
	margin:0 auto;
}

body.halowa2021 main.front section.service div table tr th {
	vertical-align:top;
	text-align:left;
	width:20%;
}

body.halowa2021 main.front section.service div table tr td {
}
}

/*－－－－－－－－－－－－－－－－－－－－－－－－－

　フッター

－－－－－－－－－－－－－－－－－－－－－－－－－*/
body.halowa2021 footer {
	background-color:#333;
	color:#FFF;
	padding:1.6rem 0;
}

body.halowa2021 footer div {
	width:80%;
	margin:0 auto;
}

body.halowa2021 footer div p.title {
	margin-bottom:1rem;
}

body.halowa2021 footer div p.tel {
	margin-top:1rem;
}

body.halowa2021 footer div p.tel a {
	color:#FFF;
	text-decoration:none;
	font-size:2.4rem;
}