/*
Theme Name:Original Theme
Theme URI:https://pinomo.sakura.ne.jp/marubun/
Author:pinta
Description:丸文WordPressオリジナルテーマ
Version:1.0
*/

/*reset*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}*/

html { 
	scroll-behavior: smooth;
	overflow-x: hidden;
	margin-top: 0 !important;
}
iframe {
    vertical-align: bottom;
}
#sp { /*pcでは非表示*/
		display: none;	
	}
body {
	/*font-family: trajan-pro-3, "Noto Serif JP", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	margin: 0; 
	overflow-x: hidden!important;
	font-family: "M PLUS Rounded 1c";
    font-weight: 400;
}
.container {
	margin: 2em auto;
}
.bold {
	font-weight: bold !important;
}
header {
	position: relative;
    z-index: 300;
    padding-top: 0px;
}
header.hdr {
  box-shadow: 0px 6px 10px rgb(0 0 0 / 15%);
}

a:link{
	text-decoration: none;

}
a:visited{
	text-decoration: none;

}
a:hover{
	text-decoration: none;

}
a:hover img {
	opacity: .85;
}
.pagenation {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 90%;
    margin: 0 auto;
    max-width: 580px;
}
.pagenation a,
.pagenation a:visited {
	color: #000;
}

.article-date {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    color: #0772B4;
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 15px;
}
.cat-data {
    background: #222;
    color: #fff;
    padding: 0.2em 0.5em;
    font-size: 13px;
    display: inline-block;
    line-height: 13px;
    margin: 0.25em 0;
    border-radius: 3px;
}
.fs_large {
	font-size: 1.8em;
}
.fs_small {
    font-size: .9em;
}
.nowrap {
	white-space: nowrap;
}
.small_coment {
	width: fit-content;
    margin: auto;
    text-align: left;
}

.logo{
	width: 290px;
}

ul{
	list-style: none;
}
ol {
    list-style-type: none;
}
.contentsBlog {
	width: 90%;
	margin: 0 auto;
	line-height: 1.75;
}
.contentsBlog .articleTitle {
	margin-block-start: 0.2em;
    margin-block-end: 0.2em;
}
.article-img img {
	width: 100%;
	height: auto;
}
/*投稿一覧(施工実績一覧)*/
.thumbnail img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.page-numbers {
	box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.page-numbers li {
	margin: 0 1em;
	line-height: 1em;
}
.articleTitle {
	margin: 0.5em auto;
    font-size: 2em;
}
.article {
	margin-bottom: 2em;
}
.article p {
	margin-block-start: 0;
    margin-block-end: 0;
    font-size: .9em;
}
/* wordpress 記事 css 打ち消し */
#hidden_cate {
	display: none;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.pc { display: none !important;
}

.sp { display: block !important;
	/*text-align: left;*/
	margin: 0 auto;
/*	margin-top: -30;*/
	width: 100%;
}



.effect{
	opacity: 0;
}

.is-active {
	position: absolute;
	top: 45%;
	/* left: 15%; */
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
	font-size: 25;
	color: #ffffff;
	font-family: "M PLUS Rounded 1c";
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: table;
	text-align: center;
	margin: 0 auto;
	line-height: 25px;
}

@keyframes fadeInAnime{
  from {
	opacity: 0;
  }

  to {
	opacity: 1;
  }
}

ul {
	padding-inline-start: 0;
}
dl {
	margin-block-start: 0;
    margin-block-end: 0;
}
dt {
	margin-inline-start: 0;
}
dd {
	margin-inline-start: 0;
}

a,a:visited,a:hover,a:active {
  color: inherit;
}

	#cplist ul li:nth-of-type(1){
		color: #0075b6;
	}

	#cplist ul li:nth-of-type(2){
		color: #ff6699;
	}

	#cplist ul li:nth-of-type(3){
		color: #009933;
	}

	#cplist ul li:nth-of-type(4){
		color: #ff6600;
	}

	#cplist ul li:nth-of-type(5){
		color: #009933;
	}

#insta{
	height: 550px;
	color: #5f5f5f;
	text-align: center;
	background-color: #c4c4c4;
	font-size: 7vw;
}

/* 共通 */
.base-wrap{
	width: 90%;
	margin: 0 auto;
	font-family: 'M PLUS Rounded 1c';
	font-weight: 400;
	font-size: 15px;
}
.base-wrap .ttlBox {
	text-align: center;
	padding: 2em 0;
}
.base-wrap .ttlBox h2 {
	margin-top: 0;
}
.base-wrap .contentsBox-wrap img {
	width: 100%;
}
.base-wrap .contentsBox-wrap img.ico-ttlBox {
	width: 72px;
}
.base-wrap .contentsBlog .item,
.base-wrap .contentsBox .item {
	margin-bottom: 1.6em;
	width: 100%;
}
.base-wrap .contentsBlog .title,
.base-wrap .contentsBox .title {
	text-align: left;
	display: block;
}
.base-wrap ul {
	padding-inline-start: 0;
}
.base-wrap dl.tableBlock {
	border-bottom: 1px solid #000;
}
.base-wrap dt {
	padding-bottom: .5em;
	border-bottom: none;
	font-size: 18px;
}
.base-wrap dd {
    margin-inline-start: 0;
}
.base-wrap dd dt {
	margin-inline-start: 0;
	border-bottom: none;
	padding-bottom: 0;
}
ul.topicBoxNoimage {
	margin-block-start: 2em;
    margin-block-end: 0;
    padding-inline-start: 0;
}
ul.topicBoxNoimage dt {
    padding-bottom: 0.5em;
    border-bottom: none;
    font-size: 18px;
}
ul.topicBoxNoimage dd {
    margin-inline-start: 0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 1em;
    margin-top: 0;
    padding-bottom: 1em;
    font-size: 1em;
}
a:hover {
	color: #0772B4;
}
a:visited {
	color: #000;
}
.btn {
    margin: 60px auto;
    display: block;
    z-index: 200;
    position: relative;
}
.btn a {
	display: block;
	height: 60px;
	width: 280px;
	border-radius: 30px;
	background-color: #0772B4;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
}
.btn a:hover {
	background-color: #2985BE;
}
.btn a:visited {
	display: block;
	height: 60px;
	width: 280px;
	border-radius: 30px;
	background-color: #0772B4;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
	margin: 60px auto;
}
.mdsBox {
	text-align: center;
	margin: 60px auto;
}
.mdsJp {
	font-size: 22px;
    font-weight: 600;
    margin-bottom: 0.5em;
    margin-block-start: unset;
}
.mdsEn {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 600;
	color: #0772B4;
	font-size: 18px;
    letter-spacing: .05em;
}
.bgBlue {
	background-color: #C1E7FF;
	width: auto;
    margin: 0 auto;
    padding: 40px 5%;
}
.bgWite {
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
	max-width: 780px;
}
.pageHeadMds {
	margin: 0 auto 100px;
	position: relative;
	text-align: center;
}

/* front_page */
.front_page {
	margin: 0 auto;
	font-family: 'M PLUS Rounded 1c';
	font-weight: 400;
	font-size: 15px;
}
.front_page .bgBlue {
    padding: 40px 5%;
}
.front_page #top {
	margin: 0 auto;
	position: relative;
}
.front_page .giza_top01{
	position: absolute;
    left: 0;
    top: -4em;
    width: 100%;
    height: auto;
}
.front_page .giza_btm01{
	position: absolute;
    left: 0;
    bottom: -4em;
    width: 100%;
    height: auto;
}
.front_page .informationBox {
	margin-top: 100px;
}
.front_page .informationBox .mdsEn {
	font-size: 22px;
}
.front_page .informationBox ul.topicBoxNoimage .mdsEn {
	font-size: 18px;
}
.front_page ul.businessContents {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	align-items: center;
	justify-content: space-around;
	padding-inline-start: 0;
	max-width: 768px;
    margin: 0 auto;
}
.front_page .businessContents li {
	width: 50%
}
.front_page .businessContents li a {
	display: block;
    background-color: #fff;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 1em auto;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25em;
}
.front_page .businessContents li a img {
	display: block;
    text-align: center;
    margin: 0 auto;
    padding: 1.5em 0 1em;
}
.front_page .businessContents li a:hover {
	color: #000;
	margin-top: -2px;
}
.front_page .businessBox {
	position: relative;
	margin: 160px auto;
}
.front_page .worksBox {
	margin-bottom: 120px;
}
.front_page .topicBox li a {
    display: flex;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E0E0E0;
}
.front_page .topicBox_img {
	float: left;
	display: inline-block;
	margin-right: 1em;
	width: 288px
}
.front_page .topicBox_img img {
	width: 288px;
    height: 162px;
    object-fit: cover;
}
.front_page .topicBox_contents .yymmdd {
	font-size: 16px;
}
.front_page .topicBox_contents .category {
	background: #222;
    color: #fff;
    padding: 0.2em 0.5em;
    font-size: 13px;
    display: inline-block;
    line-height: 13px;
    margin: 0.25em 0;
    border-radius: 3px;
}
.front_page .topicBox_contents .contents {
	font-size: 15px;
}
.front_page .aboutBox {
	text-align: center;
	margin: 160px auto;
}
.front_page .aboutContents_wrapper {
	background: url("img/bg_about.png");
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5em 0;
    position: relative;
}
.front_page .aboutContents {
    margin: 0 auto;
    width: 70%;
    max-width: 700px;
}
.front_page .aboutContents dt {
    margin-bottom: 0.5em;
}
.front_page .aboutContents dt span {
	font-family: 'Barlow', sans-serif;
    font-size: 60px;
    font-weight: 400;
}
.front_page .aboutContents dd {
	margin: 0 2em;
}
.front_page .aboutContents dd span {
    white-space: nowrap;
}
.front_page .aboutContents dd span:after {
  content: "／";
}
.front_page .aboutContents dd span:last-child:after {
  content: "";
}
.front_page .aboutContents::after {
    content: '';
    border-bottom: 1px solid #fff;
    display: block;
    margin: 2em 35% 1.5em;
}
.front_page .pickupBox {
	margin: 160px auto;
}
.front_page .pickupContents {
	margin: 0 auto;
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: flex-start;
    justify-content: space-around;
    padding-inline-start: 0;
}
.front_page .pickupContents li {
	margin-bottom: 4em;
	width: 47%
}
.front_page .pickupContents li:nth-child(3),
.front_page .pickupContents li:nth-child(4) {
	margin-bottom: 0em;
}
.front_page .pickupContents_img img {
/*
	width: 100%;
	height: auto;
*/
	width: 100%;
    height: 240px;
    object-fit: cover;
}
.front_page .pickupContents_ttl {
	color: #0772B4;
	font-weight: 500;
	font-size: 28px;
	letter-spacing: .05em;
}
.front_page .pickupContents_ttl:first-letter {
	font-size: 40px;
	font-weight: 400;
}
.front_page .marubunsan-no-sanashi_Box {
	margin: 160px auto;
}
.front_page .marubunsan-no-sanashi_Box .head_txt {
	background: url(img/marubunsan-no-hanashi_head-txt_bg.png);
    background-repeat: no-repeat;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 2em;
    background-size: cover;
}
.front_page .marubunsan-no-sanashi_Contents li {
	margin: 4em auto;
}
.front_page .marubunsan-no-sanashi_Contents_ttl {
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}
.front_page .marubunsan-no-sanashi_Contents_img img {
	border-radius: 90px;
	display: block;
    height: 180px;
    width: 180px;
    object-fit: cover;
    overflow: hidden;
    margin: 2em auto;
}
.front_page .marubunsan-no-sanashi_Contents_txt {
    margin: 0 auto;
    text-align: justify;
    max-width: 400px;
}

/*下層ページ共通 .common*/
.common .giza_top01 {
	position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    bottom: -100px;
}
.common .giza_btm01{
	position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    bottom: -90px;
}

.common .mds_img_box {
	text-align: center;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 3em;
}
.common .mds_img_box img {
    display: block;
    text-align: center;
    margin: 0 auto;
    height: 100px;
    width: auto;
}
.common .img100per {
	width: 100%;
}
.common .pageContents {
	text-align: left;
	padding-top: 1em;
	position: relative;
}

/*page_service*/
.page_service .business_sub_box dl {
	display: flex;
    justify-content: space-evenly;
    margin: 2em auto;
    font-size: 19px;
    color: #0772B4;
    font-weight: 600;
    line-height: 19px;
    height: 19px;
    padding: 1em;
    background: #eee;
}
.page_service .business_sub_box dl dt {
	margin-inline-start: 0;
    border-right: 1px solid #0772B4;
    line-height: 19px;
    padding-right: 2em;
}
.page_service .box {
	margin-bottom: 100px;
}
/*page_company*/
.page_company .listTxt {}
.page_company .listTxt dt {
	color: #0772B4;
    margin-bottom: 0.5em;
    font-weight: 600;
}
.page_company .listTxt dd {
	border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.page_company .listTxt dd dt {
	color: #000;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 0;
}
.page_company .listTxt dd dd {
	border-bottom: none;
    margin: .1em 0 1em 1em;
    padding-bottom: 0;

}
.page_company .listTxt dd dd span {
	margin-right: .5em;
	font-size: .85em;
	white-space: nowrap;
}
.page_company .listTxt dd dd span:after {
	content:"/";
	padding-left: 0.5em;
}
.page_company .listTxt dd dd span:last-child:after {
	content:none;
}
/*page-group*/
.page_group .listGroup {
	margin-bottom: 4em;
}
.page_group .listGroup dt {
	font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1em;
}
.page_group .listGroup dd {
	margin-bottom: 1em;
}
.page_group .listGroup dd img {
	width: 100%;
}
/*page_awards*/
.page_awards .box {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.page_awards .listImg {
	text-align: center;
    margin-bottom: 4em;
    width: 50%;
}
.page_awards .listImg .date {
	color: #0772B4;
    font-weight: 600;
    margin-bottom: 0.5em;
}
.page_awards .listImg .title {
	margin-bottom: 0.5em;
}
.page_awards .listImg .contents {
	width: 85%;
    margin: 0 auto;
}
/*page_story*/
.page_story .listImg {
    margin-bottom: 2em;
}
.page_story .listImg .date {
	font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    color: #0772B4;
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 15px;
}
.page_story .listImg .title {
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 1.2em;
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
    line-height: 1.75;
}
.page_story .listImg .contents {
    margin: 0 auto 1em;
}
.page_story .listImg .contents img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

/*page_works*/
.page_works .listImg {
    margin-bottom: 2em;
}
.page_works .listImg .date {
	font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    color: #0772B4;
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 15px;
}
.page_works　.listImg .title {
    margin-bottom: 0.5em;
    font-weight: 600;
    font-size: 1.2em;
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
    line-height: 1.75;
}
.page_works .listImg .contents {
    margin: 0 auto 1em;
}
.page_works .listImg .contents img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.page_works .topicBox li a {
    display: flex;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E0E0E0;
}
.page_works .topicBox_img {
	float: left;
	display: inline-block;
	margin-right: 1em;
	width: 288px
}
.page_works .topicBox_img img {
	width: 288px;
    height: 162px;
    object-fit: cover;
}
.page_works .topicBox_contents .yymmdd {
	font-size: 16px;
}
.page_works .topicBox_contents .category {
	background: #222;
    color: #fff;
    padding: 0.2em 0.5em;
    font-size: 13px;
    display: inline-block;
    line-height: 13px;
    margin: 0.25em 0;
    border-radius: 3px;
}
.page_works .topicBox_contents .contents {
	font-size: 15px;
/*	margin-top: 32.5px;*/
}


/* page-newlife.php */
.page-newlife {
	margin-top: 7em;
}
.page-newlife .moegi_map {
	margin: 2em auto;
}
.page-newlife h1 {
	display: table;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 auto;
	font-size: 22px;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.page-newlife h1 img {
	width: 40px;
	float: left;
	margin-left: -0.5em;
}
.page-newlife .main-image-wrap {
	margin: 0 auto;
	display: block;
}
.page-newlife .main-image {
	width: 100%;
}
.page-newlife .contentsBox-wrap {}
.page-newlife .contentsBox {}
.page-newlife .access {}

/* page-seiburyokuka.php */
.page-seiburyokuka {
    margin-top: 7em;
}
.page-seiburyokuka h1 {
	display: table;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 auto;
	font-size: 22px;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.page-seiburyokuka h1 img {
	width: 40px;
	float: left;
	margin-left: -0.5em;
}
.page-seiburyokuka .main-image-wrap {
	margin: 0 auto;
	display: block;
}
.page-seiburyokuka .main-image {
	width: 100%;
}
.page-seiburyokuka .contentsBox-wrap {}
.page-seiburyokuka .contentsBox {}
.page-seiburyokuka .access {}

/* page-marubunsangyou.php */
.page-marubunsangyou {
	margin-top: 7em;
}
.page-marubunsangyou h1 {
	display: table;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 auto;
	font-size: 22px;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.page-marubunsangyou h1 img {
	width: 40px;
	float: left;
	margin-left: -0.5em;
}
.page-marubunsangyou .main-image-wrap {
	margin: 0 auto;
	display: block;
}
.page-marubunsangyou .main-image {
	width: 100%;
}
.page-marubunsangyou .contentsBox-wrap {}
.page-marubunsangyou .contentsBox {}
.page-marubunsangyou .access {}

/* page-marubunkougyou.php */
.page-marubunkougyou {}
.page-marubunkougyou h1 {
	display: table;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 auto;
	font-size: 22px;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.page-marubunkougyou h1 img {
	width: 40px;
	float: left;
	margin-left: -0.5em;
}
.page-marubunkougyou h2 {
	display: table;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 auto;
	font-size: 22px;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
.page-marubunkougyou h2 .title-ico {
	width: 40px;
	float: left;
	margin-left: -0.5em;
}
.page-marubunkougyou .main-image-wrap {
	margin: 0 auto;
	display: block;
}
.page-marubunkougyou .main-image {
	width: 100%;
}
.page-marubunkougyou .permit span {
	margin-right: 1em;
}
.page-marubunkougyou .contentsBox-wrap {}
.page-marubunkougyou .contentsBox {}
.page-marubunkougyou .access {}

/*page_privacypolicy*/
.page_privacypolicy .pageContents ul {
    padding: 0;
    border-top: 1px solid #ccc;
    margin-top: 2em;
    margin-bottom: 4em;
}
.page_privacypolicy .pageContents li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 1em;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0;
}
.page_privacypolicy .pageContents li h2 {
    color: #0772B4;
    margin-bottom: 0.6em;
    font-weight: 600;
    font-size: 1.3em;
    display: inline-block;
}
.page_privacypolicy .pageContents li p {
    margin-top: 0;
}
.page_privacypolicy .pageContents li p a:link {
    text-decoration: underline;
}
.page_privacypolicy .pageContents li dt {
    margin-bottom: 0.25em;
    font-weight: 600;
}
.page_privacypolicy .pageContents li dd {
    margin-bottom: 0.6em;
}


.overview .ttl-list {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#footer {
	margin: 200px auto 0;
    padding: 0;
}
.footerMenu {
	background: #2C2C2C;
    color: #fff;
    padding: 3em 2em;
    margin: 0 auto;
}
.footerMenu ul {
	padding: 0;
    margin: 0 auto;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    max-width: 780px;
}
.footerMenu ul li a {
    border-top: none;
    padding-top: 1em;
    padding-bottom: 1em;
    display: block;
    color: #fff;
    background: none;
	font-size: .8em;
}
.footer_company {
	display: flex;
    justify-content: space-between;
    margin: 0 auto 60px;
    max-width: 680px;
}
.footer_info {
	background: #1893d1;
    color: #fff;
    padding: 2em 10%;
    font-weight: 600;
}
.footer_txt {
    margin: 0 auto;
    font-size: .85em;
}
.company_name {
	font-size: 1.4em;
}
.footer_sns {
  display: inherit;
}
.footer_sns ul {
    display: flex;
    justify-content: space-between;
    width: 300px;
    margin: 0 auto 30px;
}


.copyright {
	font-size: .75em;
    font-weight: 400;
    text-align: center;
}
.site_name {
	width: 100%;
	color:#ffffff;
	font-size: 150%;
	display: block;
	margin: 0.5em auto;
	letter-spacing: 2px!important;
	font-family: "M PLUS Rounded 1c";
}
.site_name span {
	font-size:55%;
	text-align:center;
	line-height:1.6em!important;
}
.site_name p {
	font-size:112%;
	margin:0;
}
div.header-inner {
	padding:10px;
}
h5{
	font-size: 1.3em;
}
/*instagram*/
div#instafeed {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	justify-content: center;
	margin: 0px auto;
}
/*header*/
.navToggle{
	display: none;
}
.header {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}
.header h1 {
	margin-right: auto;
	height: 58px;
    line-height: 58px;
}
.header nav {
	height: 30px;
    line-height: 30px;
}
.header ul {
	display: flex;
	margin-block-start: 0em;
    margin-block-end: 0em;
}
nav ul {
	list-style:none;
	padding: 0 !important;
	letter-spacing:2px;
	line-height: 30px;
}
nav ul li {	
	text-align:center;	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
    margin-right: 1em;
    line-height: 30px;
}
nav ul li:last-child {
    margin-right: 0;
}
nav ul li span{
	display: block;
	font-size: 0.8em;
	padding-top: 2%;
	font-weight: 600;
	font-family:"Noto Serif JP", serif;
	text-align:center;
}
nav ul li a {
	font-size: 0.7em;
	text-decoration: none;
	color: #000000;
	margin-right: 1.5em;
	line-height: 10px;
}
nav ul li a:visited{
	text-decoration: none;
	color: #000000;
}
nav ul li a:hover{
	color: #333333;
}
/* contactfoam */
/* 必須マーク */
.must {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #888;
	border-radius: 5px;
	font-size: .75em;
}
/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 10px 15px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}
/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 240px;
	height: 60px;
	background: #555;
	color: #fff;
	font-size: 20px;
	border-radius: 10px;
}
/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}
/*contactform デフォルトデザイン 打ち消し*/
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output,
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: none !important;
}


/*
768pxから start =================================
*/
@media screen and (min-width: 768px){
/* パソコンで見たときは"pc"のclassが表示される */
	.pc {
		display: block !important;
		width:100%;
		max-width: 1200px;
		text-align: center;
		margin: 0 auto;
	}

	.sp {
		display: none !important;
	}


	.br-sp {display: none;

	}

	.header-inner {
		margin: 0 auto;
		max-width: 1200px;
	}

	.base-wrap{
		max-width: 1000px;
		margin: 2em auto 0;
	}
	.base-wrap .contentsBlog,
	.base-wrap .contentsBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 2em auto;
	}
	.base-wrap .contentsBlog a:link {
		width: 48%;
	}
	.base-wrap .contentsBlog .item,
	.base-wrap .contentsBox .item {
		margin-bottom: 1.6em;
	}
	.base-wrap .contentsBlog .title,
	.base-wrap .contentsBox .title {
		height: 4em;
	}
	.base-wrap .contentsBlog .img,
	.base-wrap .contentsBox .img {
		width: 100%;
	}
	.page-newlife {}
	.page-newlife .moegi_map {
		margin: 0 auto;
		text-align: center;
	}
	.page-newlife .moegi_map img {
		width: 60%;
	}
	.base-wrap ul {
	padding-inline-start: 40px;
	}
	.common .giza_top01 {
	position: absolute;
    left: 0;
	bottom: -100px;
    width: 100%;
    height: auto;
	}
	.front_page .giza_top01{
	position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: auto;
	}
	.front_page .giza_btm01{
	position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    height: auto;
	}
	header {
	padding-top: 0;
	}
	.contentsBlog {
		max-width: 780px;
		margin: 0 auto;
		line-height: 1.75;
	}

	.wp-block-video{
		width: 48%;
	}
}
/*
768pxから end =================================
*/

/*
960pxまで start =================================
*/
@media screen and (max-width: 960px){
	#pc { /*spでは非表示*/
		display: none;
	}
	#sp { /*pcでは非表示*/
		display: inherit;
	}
	header {
	padding: 5px 0;
	}
	.header {
		flex-direction: column;
	}

	.header h1 {
		margin: 0 auto;
	}

	nav ul {
		list-style:none;
		padding: 0 !important;
	}

	nav ul li a:link{
		font-size: .7em;
		text-decoration: none;
		line-height: 46px;
    	height: 46px;
	}

	nav ul li a:visited{
		font-size: .7em;
		text-decoration: none;
		color: #666666;
	}


	nav ul li a:hover{
		font-size: .7em;
		text-decoration: none;
		color: #cccccc;
	}
	#footerbox {
		display: block;
	}
	.site_name {
		width: 100%;
		color:#ffffff;
		display: block;
		margin: 2em auto;
		text-align: center;
		letter-spacing: 2px!important;
		font-family: "M PLUS Rounded 1c";
		line-height:1.6em!important;
	}
	
	#sns {
		width: 80%;
		margin:0 auto;
	}

	/* 入力項目を見やすくする */
	input.wpcf7-form-control.wpcf7-text,
	textarea.wpcf7-form-control.wpcf7-textarea {
		width: 90%;
		padding: 10px 15px;
		margin-top: 10px;
		border: 1px solid #d0d5d8;
		border-radius: 3px;
	}
	textarea.wpcf7-form-control.wpcf7-textarea {
		height: 200px;
	}

	/* 送信ボタンを見やすくする */
	input.wpcf7-submit {
		width: 240px;
		height: 60px;
		background: #555;
		color: #fff;
		font-size: 20px;
		border-radius: 10px;
	}
	.contentsBlog {
		max-width: 780px;
		margin: 0 auto;
		line-height: 1.75;
	}
}
/*
960pxまで end =================================
*/

/*
768pxまで start =================================
*/
@media screen and (max-width: 768px){
	.tab {
		display: block !important;
	}
	.bgBlue {
    padding: 60px 5% 120px;
	}
	.front_page .giza_top01{
	position: absolute;
    left: 0;
    top: -90px;
    width: 100%;
    height: auto;
	}
	.front_page .giza_btm01{
	position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
    height: auto;
	}
	.front_page .aboutContents_wrapper {
	padding: 8em 0 11em;
	}
	header {
	padding: 5px 0;
	}
	.front_page .businessContents li a {
		display: block;
	    background-color: #fff;
	    text-align: center;
	    width: 200px;
	    height: 150px;
	    margin: 1em auto;
	    font-size: 17px;
	    font-weight: 600;
	    line-height: 1.25em;
	}
		.front_page .aboutBox .mdsBox {
		margin-bottom: 30px;
	    position: relative;
	    z-index: 1;
	}
/*
	.footer_company {
		display: block;	
	    text-align: center;
	}
	.footer_txt {
		margin: 0 auto 1em;
	}
*/

    #footer {
        margin: 200px auto 0;
        padding: 0;
    }
    .footerMenu {
        background: #2C2C2C;
        color: #fff;
        padding: 3em 2em;
        margin: 0 auto;
    }
    .footerMenu ul {
        padding: 0;
        margin: 0 auto;
        border-bottom: 0.5px solid #4D4D4D;
        display: block;
    }
    .footerMenu ul li a {
        border-top: 0.5px solid #4D4D4D;
        padding-top: 1em;
        padding-bottom: 1em;
        display: block;
        color: #fff;
        background: url(img/link_yaji.svg);
        background-repeat: no-repeat;
        background-position: right;
    }
    .footer_info {
        background: #1893d1;
        color: #fff;
        padding: 2em 10%;
        font-weight: 600;
    }
    .footer_company {
        display: block;
    }
    .footer_txt {
        margin: 0.5em auto;
    }
    .footer_sns {
        margin: 3em 7%;
        display: block;
    }
    .footer_sns ul {
        display: flex;
        justify-content: space-between;
    }

	.common .giza_top01 {
	position: absolute;
    left: 0;
	bottom: -50px;
    width: 100%;
    height: auto;
	}
	.page_awards .box {
		display: block;
	}
	.page_awards .listImg {
    width: auto;
}
/*
768pxまで end =================================
*/

/*
600pxまで=================================
*/
@media screen and (max-width: 600px){
	header {
		padding-top: 0px;
		padding-bottom: 0;
	}
	.sp {
		display: block !important;
		width:100%;
		text-align: center;
		margin: 0 auto;
	}
	.pc {
		display: none !important;
	}
	.front_page #top {
		margin-top: 60px;
	}
	nav.globalMenuSp {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	background: #fff;
	color: #000
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
	}
 
	nav.globalMenuSp ul {
		background: #222;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		display: block;
	}
	 
	nav.globalMenuSp ul li {
		font-size: 1em;
		list-style-type: none;
		padding: 0;
		width: 100%;
		border-bottom: 1px dotted #333;
	}
	 
	/* 最後はラインを描かない */
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	 
	nav.globalMenuSp ul li a {
		display: block;
		color: #ddd;
		padding: 1em 0;
	}
	
		nav.globalMenuSp ul li a:hover {
		display: block;
		color: #000;
		padding: 1em 0;
		text-decoration:none!important;
	}

	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		transform: translateY(0%);
	}

	.navToggle {
	display: block;
	position: fixed;    /* bodyに対しての絶対位置指定 */
	right: 13px;
	top: 25px;
	width: 42px;
	height: 51px;
	cursor: pointer;
	z-index: 3;
	background: #666;
	text-align: center;
	}
	 
	.navToggle span {
    display: block;
    position: absolute;
    width: 28px;
    border-bottom: solid 3px #000;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
    border-radius: 3px;
	}
	 
	.navToggle span:nth-child(1) {
		top: 15px;
	}
	 
	.navToggle span:nth-child(2) {
		top: 24px;
	}

	/* 最初のspanをマイナス45度に */
	.navToggle.active span:nth-child(1) {
		top: 18px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-bottom: solid 3px #fff;
	}
	 
	/* 2番目と3番目のspanを45度に */
	.navToggle.active span:nth-child(2) {
		top: 18px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: solid 3px #fff;
	}

	.header {
		display: block!important;
		/*margin-bottom: 150px;*/
	}

	.logo {
		position: fixed;
		top: 12px;
		width: 200px;
		z-index: 2;
	}

	.navToggle {
	display: block;
    right: 13px;
    top: 8px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 3;
    background: none;
    text-align: center;
	}

	div.header-inner {
		position: fixed;
		z-index: 2;
		width: 100%;
		top: 0px;
		height: 40px;
		background-color: #fff;
		box-shadow: 0px 6px 10px rgb(0 0 0 / 15%);
	}
	.front_page .giza_top01{
	    bottom: -4em;
	}
	.front_page .giza_btm01{
	    bottom: -4em;
	}
	.front_page #top .giza_btm01{
	    bottom: -3em;
	}
	.front_page ul.businessContents {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		align-items: center;
		justify-content: space-around;
		padding-inline-start: 0;
		margin: 0 auto;
	}
	.front_page .businessContents li a {
		display: block;
	    background-color: #fff;
	    text-align: center;
	    width: 150px;
	    height: 150px;
	    margin: 1em auto;
	    font-size: 17px;
	    font-weight: 600;
	    line-height: 1.25em;
	}
	.front_page .businessContents li a img {
		display: block;
	    text-align: center;
	    margin: 0 auto;
	    padding: 1.5em 0 0.75em;
	}
	.front_page .topicBox_img {
		float: left;
		display: inline-block;
		margin-right: .5em;
		width: 160px
	}
	.front_page .topicBox_img img {
		width: 160px;
	    height: 90px;
	    object-fit: cover;
	}
	.front_page .aboutContents {
		width: auto;
	}
	.front_page .pickupContents {
	    width: auto;
	    display: inherit;
	}
	.front_page .pickupContents li {
		margin-bottom: 4em;
		width: 100%
	}
	.front_page .pickupContents li:nth-child(3),
	.front_page .pickupContents li:nth-child(4) {
		margin-bottom: 4em;
	}
	.front_page .marubunsan-no-sanashi_Box .head_txt {
		text-align: justify;
	}
	.front_page .marubunsan-no-sanashi_Contents_txt {
	    margin: 0 auto;
	    text-align: justify;
	    padding: 0 1em;
	    width: auto;
	}
	#footer {
		margin: 200px auto 0;
	    padding: 0;
	}
	.footerMenu {
		background: #2C2C2C;
	    color: #fff;
	    padding: 3em 2em;
	    margin: 0 auto;
	}
	.footerMenu ul {
		padding: 0;
	    margin: 0 auto;
	    border-bottom: 0.5px solid #4D4D4D;
	    display: block;
	}
	.footerMenu ul li a {
	    border-top: 0.5px solid #4D4D4D;
	    padding-top: 1em;
	    padding-bottom: 1em;
	    display: block;
	    color: #fff;
	    background: url(img/link_yaji.svg);
	    background-repeat: no-repeat;
	    background-position: right;
	}
	.footer_info {
		background: #1893d1;
	    color: #fff;
	    padding: 2em 10%;
	    font-weight: 600;
	}
	.footer_company {
		display: block;
	}
	.footer_txt {
		margin: 0.5em auto;
	}
	.footer_sns {
		margin: 3em 7%;
		display: block;
	}
	.footer_sns ul {
	    display: flex;
	    justify-content: space-between;
	}
	.front_page .bgBlue {
    padding: 40px 5%;
	}
	.front_page .giza_top01{
	position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    height: auto;
	}
	.front_page .aboutContents_wrapper {
	padding: 100px 0;
	}
	/*下層ページ共通 .common*/
	.common .giza_top01 {
	position: absolute;
    left: 0;
	bottom: -50px;
    width: 100%;
    height: auto;
	}
	.common .giza_btm01 {
	position: absolute;
    left: 0;
	bottom: -50px;
    width: 100%;
    height: auto;
	}
	.pageHeadMds {
	    margin: 60px auto;
	}
	.common .bgBlue {
    padding: 40px 5% 80px;
	}
	.small_coment {
	    padding: 0 2em;
	}
	.header nav {
		height: auto;
	    line-height: 0;
	}
	.header h1 {
		margin-right: auto;
		height: auto;
	    line-height: normal;
	}
	.container {
		margin:  60px auto 0;
	}
	.contentsBlog {
		padding: 2em 0 0;
	}
	.contentsBlog .articleTitle {
		margin: 0 auto;
	    font-size: 1.5em;
	}
	.page_works .topicBox_img {
		float: left;
		display: inline-block;
		margin-right: .5em;
		width: 160px
	}
	.page_works .topicBox_img img {
		width: 160px;
	    height: 90px;
	    object-fit: cover;
	}

}
/*
600pxまで end =================================
*/

/*//// フォント/////*/

@font-face {
font-family: ‘utsukushiregular’;
src: url(‘hattori-alterations.comutsukushi.eot’);
src: url(‘hattori-alterations.comutsukushi.eot?#iefix’) format(‘embedded-opentype’),
url(‘hattori-alterations.comutsukushi.woff’) format(‘woff’),
url(‘hattori-alterations.comutsukushi.ttf’) format(‘truetype’);
}