@charset "UTF-8";
/*
Theme Name: 甫喜本英雄
Theme URL: 
Description: 
Author: Soma Onojima
Version: 
Tags: 
License:
License URI: 
*/

*{
	box-sizing: border-box;
	color: #444;
	line-height: 1.6em;
	word-break: break-word;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #f7f7f7;
}

/* 共通スタイル */
a,a:hover,a:active,a:visited,a:link{
	color: inherit;
	text-decoration: none;
}

a.btnPrimary{
	color: #e8375d;
	margin: 1em auto;
	padding: 1em 2em;
	font-weight: bold;
	border:2px solid #e8375d;
	border-radius: 2em;
	transition: 0.3s;
}
a.btnPrimary:hover{
	color: #fff;
	background-color:#e8375d;
	-webkit-animation: bounce 0.5s 1 linear;
    animation: bounce 0.5s 1 linear;
}
a.btnPrimary i{
	color: #e8375d;
	margin-left: 1em;
}
a.btnPrimary:hover i{
	color:#fff;
}

@keyframes bounce {
0% {
transform: scale(1.0);
}
25% {
transform: scale(1.06);
}
50% {
transform: scale(1.0);
}
75% {
transform: scale(1.03);
}
100% {
transform: scale(1.0);
}
}

p{
	font-size: 16px;
	line-height: 1.8em;
    margin: 0.5em 0 1em;
}

p:last-of-type{
	margin-bottom: 0px;
}

strong {
    font-weight: bold;
}

p.pre{
	background-color: #f5f5f5;
	padding: 20px;
}

img{
	display: block;
	width: 100%;
}

em{
	font-weight: bold;
}

dl {
    line-height: 1.6em;
}
small{
	font-size: 0.8em;
	color:#777;
}

.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-nowrap{display: flex;flex-wrap: nowrap;}
.flex-column{flex-direction: column;}
.flex-top{align-items: flex-start;}
.flex-middle{align-items: center;}
.flex-c-middle{align-content: center;}
.flex-sa{justify-content: space-around;}
.flex-sb{justify-content: space-between;}
.flex-center{justify-content: center;}
.flex-right{justify-content: flex-end;}

.bg-white{
	background-color: #fff;
}

.padding-wrap{
	padding: 0px 40px;
}

.content-wrap{
	width: 100%;
	max-width: 1080px;
	padding: 40px;
	margin: 40px auto;
}
.sub-contents-wrap{
	width: 100%;
	padding: 30px;
}
.article-wrap{
	width: 100%;
	max-width: 1080px;
	margin: 40px auto;
	flex-direction: row-reverse;
}

#profile,#greeting{
	margin-top: 60px;
}


h4{
	padding: 1em;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
	color: #e8375d;
	font-weight: bold;
}
h2,h3,.h2_sub{
	margin-bottom: 1em;
	font-weight: bold;
	color: #e8375d;
	text-align: center;
	line-height: 1.6em;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 28px;
}
.h2_sub{
	font-size: 24px;
	display: block;
	margin-top: 0.3em;
}
.hr_stripe{
	height: 3px;
	border-width: 0;
	background-color: #ffccbc;
	background-image: -webkit-linear-gradient(135deg,
	#e8375d 0px,#e8375d 2px, transparent 2px, transparent 4px,
	#e8375d 4px, #e8375d 6px, transparent 6px, transparent);
	background-image:         linear-gradient(-45deg,
	#e8375d 0px,#e8375d 2px, transparent 2px, transparent 4px,
	#e8375d 4px, #e8375d 6px, transparent 6px, transparent);
	background-size: 6px 6px;
}
.marV60{
	margin: 60px auto;
}
.row1,.row2{
	width: 100%;
    max-width: 1080px;
	margin: 40px auto;
}
.row2 section{
	width: calc(50% - 20px);
}

.sp{
	display: none;
}
.main-top-padding{
	padding-top: 40px;
}
/* End 共通スタイル */

/* 固定メニュー */
header{
	display: flex;
	position: fixed;
	top: 0;
	width: 100vw;
	height: 40px;
	padding: 0.5em 15px;
	background-color: rgba(255,255,2555,0.8);
	z-index: 999;
}

header h1,
#globalnav ul li a{
	color: #e8375d;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
	transition: 0.1s;
}
header h1 a:hover,
#globalnav ul li a:hover{
	color: #f96887;
	text-decoration: none;
}
header h1 a:hover #officialSite{
	opacity: 0.7;
}

header h1 a{
	color: #e8375d;
}

#officialSite{
	width: 64px;
	margin-left: 8px;
}

#globalnav ul{
	list-style-type: none;
	margin-bottom: 0px;
    padding-left: 0px;
}
#globalnav ul li a{
	margin: 0 1em;
}
#globalnav ul li a:last-child{
	margin-right: 0px;
}

.drawer-hamburger{
	display: none;
	width: 48px;
	height: 48px;
	padding: 12px 12px 24px;
	background-color: #e8375d;
	box-sizing: border-box;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background-color: #fff;
}
.drawer-hamburger:hover{
	background-color: #e8375d;
	opacity: 0.8;
}
.drawer-hamburger-icon:before{
	top: -8px;
}
.drawer-hamburger-icon:after{
	top: 8px;
}
.drawer-menu {
    padding: 20px;
}
.drawer-menu li a {
    display: block;
    line-height: 1.6em;
    color: #e8375d;
    padding: 0.5em;
    font-weight: bold;
}
.drawer-nav{
	width: 220px;
}
.drawer--right.drawer-open .drawer-hamburger{
	right: 220px;
}
/* End 固定メニュー */

/* ヒーローイメージ */
#heroImage{
	width: 100vw;
	height: 90vh;
	padding: 80px;
	background-image: url("img/heroImage.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#tag_name{
	width: 35vw;
	max-width: 400px;
}
#catchcopy{
	width: 30vw;
	max-width: 350px;
}
/* End ヒーローイメージ */

/* トップページ */

/* コンテンツナビゲーションｋ*/
#contents-navigation {
	width: 100%;
	max-width: 1080px;
	margin: 40px auto;
	position: relative;
	top: -100px;
	margin-bottom: -100px;
}
.contents-nav-tile {
	display: block;
    width: calc((100% - 40px) / 3);
	margin-right: 20px;
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	transition: .3s;
	cursor: pointer;

}
.contents-nav-tile:last-of-type{
	margin-right: 0px;
}
.contents-nav-tile:hover{
	box-shadow: 0px 10px 25px rgba(0,0,0,0.4);
  	transform: scale(1.05,1.05);
}
.contents-nav-tile .overlay{
	height: 100%;
	padding: 20px;
	background-color: rgba(232, 55, 93, 0.80);
	background-image: url("img/triangle.svg");
	background-size: 20px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.overlay.pre{
	background-color:  rgba(173, 173, 173, 0.8);
}
.contents-nav-tile span{
	font-size: 20px;
    font-weight: bold;
    color: #fff;
    display: block;
    line-height: 1.6em;
    padding-bottom: 0.2em;
    text-align: center;
    border-bottom: 1px dashed #fff;
}

.contents-nav-tile p{
	font-size: 14px;
	color: #fff;
}

.contents-nav-tile#cn-profile{
	background-image: url("img/cn-profile-bg.jpg");
}

.contents-nav-tile#cn-past{
	background-image: url("img/cn-past-bg.jpg");
}
.contents-nav-tile#cn-future{
	background-image: url("img/cn-future-bg.jpg");
}

/* End コンテンツナビゲーション */

/* ご挨拶 */
#greeting{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.greeting-left{
	width: 70%;
	margin-right: 40px;
}
.greeting-left p:first-of-type{
	color: #e8375d;
    font-size: 24px;
    margin-bottom: 20px;
}
.greeting-right{
	width: calc(30% - 40px);
	transition: 0.3s;
	background-image: url("img/stand_001.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.greeting-right:hover{
	background-image: url("img/stand_002.png");
}

.sign{
	width: 200px;
	margin-top: 20px;
}
/* End ご挨拶 */

/* ブログ */
#news{
	width: 100%;
	max-width: 1080px;
	margin: 40px auto;
}
#news .sub-contents-wrap > ul{
	margin-bottom: 40px;
}
#news .sub-contents-wrap > ul > li{
	margin-bottom: 20px;
}
.news-thum {
    width: 200px;
    height: 200px;
	margin-right: 30px;
    background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
}
.news-desc{
	width: calc(100% - 230px);
}
a.news-title {
    display: block;
    line-height: 1.6em;
    color: #e8375d;
	font-size: 20px;
}
.news-desc time {
    color: #999;
    font-size: 14px;
    line-height: 1.6em;
}
a.read-more {
	display: inline-block;
	line-height: 1.6em;
    padding: 0.5em 1em;
    background-color: #e8375d;
    color: #fff;
    font-size: 14px;
}

#news > ul > li{
	margin-bottom: 40px;
}
#news ul li p{
	font-size: 14px;
	margin-bottom: 0.5em;
}
.article-section{
	width: calc(100% - 270px);
}
article{
	border-top: 3px solid #e8375d;
}
.article-content{
	padding: 30px;
}
.article-content section {
    margin: 50px 0px;
}
.article-title{
	padding: 20px 30px;
	border-bottom: 1px solid #eee;
}
time {
    color: #999;
    line-height: 1.6em;
    font-size: 14px;
}
time:after {
    content: "│";
	margin: 0 0.2em;
}
.post-categories{
	display: flex;
	flex-wrap: wrap;
	padding-left: 24px;
	background-image: url("img/icon-folder.svg");
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
}
.post-categories li:before{
	content: "/";
	margin: 0 0.2em;
	font-size: 14px;
	color: #999;
}
.post-categories li:first-child:before{
	content: none;
}
.post-categories li a{
	 color: #999;
    font-size: 14px;
	line-height: 1.6em;
}
.article-title h2,.article-content h3,.article-content h4 {
	text-align: left;
	font-weight: normal;
	line-height: 1.6em;
}
.article-title h2{
	margin-bottom: 0px;
	font-size: 28px;
}

.articleList-content > ul > li{
	padding: 20px;
	border-bottom: 1px solid #eee;
}

#sidenav{
	width: 250px;
}
.tagList{
	margin-top: 40px;
	padding: 30px;
}
.tags span,.tags a{
	display: block;	
	font-size: 14px;
	color:#999;
	line-height: 1.6em;
	margin-right: 0.5em;
}
.tags a{
	color: #1da1f2;
}
.tags a:before{
	content: "#";
	color: #1da1f2;
}
.article-content img{
	display: block;
	width: 100%;
	padding: 5px;
    box-shadow: 0 0 0 1px #ccc;
    margin: 5px auto;
}
.eyeCatch {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 1px solid #eee;
}
/* End ブログ */

/* 記事スタイル */
.article-content h3 {
    font-size: 24px;
    margin: 2em 0px 0.5em;
}
.article-content h3:first-of-type{
	margin: 0.5em 0px;
}
.article-content h4 {
    font-size: 20px;
    margin: 2em auto 0.5em;
    padding: 0px;
    border-bottom: none;
}
.article-content a{
	color: #1da1f2;
	line-height: 1.6em;
}
.article-content ul,.article-content ol{
	line-height: 1.6em;
	list-style-position: inside;
	margin: 0.5em auto 1em;
}
.article-content ul li:before {
    content: '・';
}
.article-content ol {
    list-style-type: decimal;
}
.scroll{
    margin: 1em auto;
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height:5px;
}
.scroll::-webkit-scrollbar-track{
 background:#F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background:#BCBCBC;
}

.article-content table{
	width: 100%;
	margin: 1em auto 1em;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}
.article-content table th,
.article-content table td{
	padding: 0.8em;
	lkne-height:1.6em;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.article-content table th{
	font-weight: bold;
	background-color: #f9f9f9;
}
.article-content blockquote{
	margin: 0.5em auto 1em;
	padding: 20px;
	background-color: #eee;
}
blockquote p:first-of-type{
	margin-top: 0px;
}
.article-content cite{
	display: inline-block;
	line-height: 1.6em;
	margin: 0.5em auto 1em;
}
.wp-block-image img{
	width: auto;
	max-width: 100%;
}
/* End 記事スタイル */

/* 前後の記事 */
#articlePrevNext {
    margin: 20px 0px;
}
.article-prev-wrap,
.article-next-wrap{
	width: calc(50% - 10px);
}
.article-prev,
.article-next{
	padding: 10px;
	background-color:#fff;
	transition: 0.5s all;
}
.article-prev .prev,
.article-next .next{
	display: block;
	line-height: 1.6em;
	font-size: 12px;
	color: #e8375d;
}
.article-prev:hover,
.article-next:hover{
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}

/* End 前後の記事 */

/* サイドバー */
.sidenav-pc-header,
.sidenav-sp-header{
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 24px;
	background-image: -webkit-linear-gradient(315deg,rgba(232,55,93,1.00) 0%,rgba(201,30,44,1.00) 100%);
	background-image: -moz-linear-gradient(315deg,rgba(232,55,93,1.00) 0%,rgba(201,30,44,1.00) 100%);
	background-image: -o-linear-gradient(315deg,rgba(232,55,93,1.00) 0%,rgba(201,30,44,1.00) 100%);
	background-image: linear-gradient(135deg,rgba(232,55,93,1.00) 0%,rgba(201,30,44,1.00) 100%);
}
.sidenav-sp-header{
	display: none;
}
.sidnav-item{
	margin: 20px 0px;
}
.sidenav-item-title{
	display: block;
	padding: 1em;
	line-height: 1.6em;
	border-bottom: 1px solid #eee;
}
.tab {
    width: 50%;
	font-size: 14px;
    text-align: center;
    padding: 1em;
    border-bottom: 1px solid #eee;
	background-color: #eee;
	cursor: pointer;
}
.tab.now{
	background-color: #fff;
}
#recent-popular .tab-contents ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
    padding: 10px;
}
.sidenav-article-img{
	width: 80px;
	height: 80px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sidnav-article-info{
	width: calc(100% - 100px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sidnav-title{
	display: block;
	font-size: 14px;
	line-height: 1.6em;
}
.sidnav-time{
	display: block;
	font-size: 12px;
	line-height: 1.6em;
	color: #999;
}
.sidenav-list li{
	padding: 1em;
	font-size: 14px;
	border-bottom: 1px solid #eee;
}
.sidenav-list li:last-child{
	border-bottom: none;
}
.sidenav-list li a{
	display: block;
	line-height: 1.6em;
}
.list-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
	margin-right: 0.5em;
    background-color: #eee;
    background-image: url("img/icon-chevron-right.svg");
	background-size: 4px;
	background-repeat: no-repeat;
	background-position: center;
}
.sidenav-list li a:hover .list-icon{
	background-color: #999;
}

#recent li:hover,
#popular li:hover{
	background-color: #f9f9f9;
}
/* End サイドバー */

/* プロフィールページ */
#profile .left {
    width: 40%;
    margin-right: 20px;
}
#profile .right{
	width: calc(60% - 20px);
	padding: 20px;
}
#profile h4 {
    font-size: 30px;
    border-bottom: none;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 1em;
}
#profile dl {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
}
#profile dl dt, #profile dl dd {
    margin-bottom: 0.5em;
}
#profile dl dt {
	width: 56px;
    background-color: #e8375d;
    color: #fff;
    padding: 0.1em 0.5em;
    margin-right: 1em;
    font-size: 14px;
	text-align: center;
}
#profile dl dd{
    width: calc(100% - 56px - 1em);
}
#career table{
	max-width: 620px;
	margin: 0 auto;
}
#career th{
	width: 28%;
	padding: 0.5em 1em;
	font-weight: bold;
	text-align: left;
	font-size: 18px;
}
#career th span {
    font-size: 14px;
    color: #555;
}
#career td{
	width: 72%;
	padding: 0.5em 1em;
	border-left:1px solid #333;
	font-weight: bold;
	font-size: 18px;
}
#career .flex-wrap{
	max-width: 700px;
	margin: 80px auto 0px;
}
#career figure {
    width: 40%;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
    padding: 10px;
	margin: 0 auto 20px;
}
#career figure:nth-of-type(1){
	transform: rotate(-2deg);
}
#career figure:nth-of-type(2){
	transform: rotate(1deg);
}
#career figure:nth-of-type(3){
	transform: rotate(-1deg);
}
#career figure:nth-of-type(4){
	transform: rotate(0deg);
}
#career figure figcaption {
    font-size: 14px;
    margin-top: 6px;
    text-align: center;
    font-weight: bold;
}
/* Endプロフィールページ */
/* してきたこと */
#job,#fireworks,#matsu,#marathon,#kodomo,#benriya{
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0px;
	border: 1px solid #ccc;
	padding: 20px;
}
#job .left,#fireworks .left,#matsu .left,#marathon .left,#kodomo .left,#benriya .left{
	width: 30%;
	margin-right: 20px;
}
#job .right,#fireworks .right,#matsu .right,#marathon .right,#kodomo .right,#benriya .right{
	width: calc(70% - 20px);
}
#job h3,#fireworks h3,#matsu h3,#marathon h3,#kodomo h3,#benriya h3{
	margin-bottom: 0px;
	text-align: left;
	font-size: 26px;
}
.past_wrap .titleBox {
    border-bottom: 1px dotted #ccc;
    padding-bottom:  10px;
}
.past_wrap .titleBox span{
	font-weight: bold;
}
.past-list {
    width: 100%;
    max-width: 540px;
    margin: 30px auto 80px;
    font-size: 18px;
    font-weight: bold;
}
.past-list li {
    margin-bottom: 1em;
}
.past-list li:before{
	content:'・';
	color: #999;
}
/* End してきたこと */

/* すること */
#aim,#contact{
	margin-top: 60px;
}
#aim1,#aim2,#aim3,#aim4,#aim5{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}
.aim-num{
	width: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40%;
}
#aim1 .aim-num{
	background-image: url("img/point1.svg");
	background-color: #e61f44;
}
#aim2 .aim-num{
	background-image: url("img/point2.svg");
	background-color: #edb018;
}
#aim3 .aim-num{
	background-image: url("img/point3.svg");
	background-color: #65b732;
}
#aim4 .aim-num{
	background-image: url("img/point4.svg");
	background-color: #2d82c6;
}
#aim5 .aim-num{
	background-image: url("img/point5.svg");
	background-color: #ba4b96;
}
.aim-content {
    width: calc(100% - 150px);
    padding: 20px;
}
.aim-content h4{
	border-bottom: 1px solid #ccc;
	font-size: 26px;
	padding:0px 0px 0.5em;
	line-height: 1.6em;
}

.aim-content p{
	font-size: 18px;
	font-weight: bold;
}
#policy{
	margin-top: 120px;
}
.policy-box {
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.policy-box dl{
	padding: 20px;
}
.policy-box dl dt{
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
}
.policy-box dl dd{
	margin-bottom: 1em;
	font-weight: bold;
}
.policy-box dl dd:last-child{
	margin-bottom: 0px;
}


#p-politics h4,
#p-politics dl dt{
	color: #00afec;
}

#p-region h4,
#p-region dl dt{
	color: #e4007f;
}

#p-welfare h4,
#p-welfare dl dt{
	color: #598f35;
}
#p-education h4,
#p-education dl dt{
	color: #17a15c;
}
#p-children h4,
#p-children dl dt{
	color: #ea5532;
}

/* End すること */

/* ご挨拶 */
#greetings{
	padding: 90px 40px 40px;
	min-height: 100vh;
	background-image: url("img/greeting-bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#greetings h2{
	text-align: left;
	color: #fff;
}
#greetings p{
	color: #fff;
}
#greetings .sign_white{
	width: 200px;
	margin-top: 20px;
}
/* End ご挨拶 */

/* お問い合わせ */
form{
	margin:40px auto;
	width: 100%;
    max-width: 600px;
}

form p {
    margin: 1em 0px;
}

form input,form textarea{
	width: 100%;
	border: 1px solid #ccc;
	padding: 0.5em;
	font-size: 1.1em;
}

input:focus:placeholder-shown {
color: transparent;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
input:focus::-ms-input-placeholder {
color: transparent;
}

.form-title,.required{
	display: inline-block;
	margin-bottom: 0.5em;
}
.form-title{
	font-weight: bold;
	font-size: 1.1em;
}

.required,.option{
	margin-left: 1em;
	padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.required{
    background-color: #f44336;
	color: #fff;
}
.option{
	background-color: #dddddd;
}

.wpcf7-not-valid-tip {
    padding: 0.3em 0.5em;
    margin-top: 0.5em;
    color: #f00;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
}

.wpcf7-submit{
	cursor: pointer;
	padding: 0.5em 1em;
	margin: 10px auto;
	font-weight: bold;
	display: inline-block;
	background-image: -webkit-linear-gradient(270deg,rgba(232,55,93,1.00) 0%,rgba(190,21,58,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(232,55,93,1.00) 0%,rgba(190,21,58,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(232,55,93,1.00) 0%,rgba(190,21,58,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(232,55,93,1.00) 0%,rgba(190,21,58,1.00) 100%);
	color: #fff !important;
	border: none;
	box-shadow: 0 2px 5px rgba(0,0,0,0.26);
	transition: 0.5s all;
}
.wpcf7-submit:hover{
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
/* End お問い合わせ */

/* ページネーション */
.page-numbers {
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
.page-numbers.current {
    background-color: #eee;
    border-radius: 25px;
    color: #999;
}
.pagenation{
	padding: 10px;
}
/* End ページネーション */

/* footer-nav */
#footer-nav ul li{
	width: calc(100% / 3 - 10px);
}
#footer-seisaku,
#footer-profile,
#footer-jisseki{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 20px;
	margin: 0 auto;
    width: 100%;
	max-width: 300px;
    height: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	font-size: 16px;
	text-align: right;
}
#footer-seisaku{
	background-image: url("img/footer-seisaku.jpg");
}
#footer-profile{
	background-image: url("img/footer-profile.jpg");
}
#footer-jisseki{
	background-image: url("img/footer-past.jpg");
}
/* footer-nav */

/* footer */
footer{
	padding: 20px;
	background-color: #e8375d;
}
.footer-menu {
	width: 100%;
    max-width: 1080px;
    margin: 0 auto 20px;
}
.footer-menu ul li {
    width: calc(100% /7);
}
.footer-menu ul li a{
	display: block;
	padding: 1em;
	font-size: 14px;
	text-align: center;
	color: #fff;
	transition: 0.3s;
}
.footer-menu ul li a:hover{
	transform: scale(1.2);
}
.footer-logo{
	width: 40%;
	padding: 20px;
	border-right: 1px solid rgb(255, 118, 130);
}
svg#footer_logo {
    width: 100%;
    max-width: 200px;
}
.footer-contents {
    max-width: 1080px;
    margin: 0 auto;
}
.address p{
	color: #fff;
	font-size: 14px;
}

.footer-news{
	width: 60%;
	padding: 20px;
}

.footer-news span{
	font-size: 18px;
	line-height: 1.6em;
	color: #fff;
}
/* End footer */


@media screen and (max-width:1199px){
	#heroImage{
		padding: 60px;
	}
}
@media screen and (max-width:1039px){
	#heroImage{
		padding: 40px;
	}
	#greeting{
		width: 90%;
	}
	#job .left,#fireworks .left,#matsu .left,#marathon .left,#kodomo .left,#benriya .left{
	width: 35%;
	}
	#job .right,#fireworks .right,#matsu .right,#marathon .right,#kodomo .right,#benriya .right{
		width: calc(65% - 20px);
	}
}
@media screen and (max-width:879px){
	header{
		height: 48px;
	}
	.main-top-padding{
		padding-top: 48px;
	}
	.drawer-hamburger{
		display: block;
	}
	#globalnav{
		display: none;
	}
	.content-wrap{
		padding: 30px;
	}
	#greeting{
		width: 100%;
	}
	.article-section{
		width: 100%;
		margin-bottom: 40px;
	}
	.sidenav-pc-header{
		display: none;
	}
	#sidenav{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	.sidenav-sp-header{
		display: flex;
		height: 80px;
	}
	.article-wrap{
		margin: 10px auto 40px;
	}
	.eyeCatch{
		height: 150px;
	}
	#job .left,#fireworks .left,#matsu .left,#marathon .left,#kodomo .left,#benriya .left{
	width: 40%;
	}
	#job .right,#fireworks .right,#matsu .right,#marathon .right,#kodomo .right,#benriya .right{
		width: calc(60% - 20px);
	}
	#footer-nav ul li{
		width: 100%;
	}
	#footer-seisaku, #footer-profile, #footer-jisseki{
		margin: 10px auto;
	}
	
}
@media screen and (max-width:768px){
	#heroImage{
		padding: 12vh 20px 12vh;
		flex-direction: column-reverse;
	}
	#tag_name{
		width: 60vh;
		max-width: 450px;
	}
	#catchcopy{
		width: 50vh;
		max-width: 380px;
	}
	.padding-wrap{
		padding: 0px 20px;
	}
	.sub-contents-wrap{
		padding: 20px;
	}
	.row2 section{
		width: calc(50% - 10px);
	}
	.footer-menu ul li{
		width: calc(100% /4);
	}
}
@media screen and (max-width:639px){
	#profile,#greeting{
	margin-top: 60px;
}
	h2{
		font-size: 32px;
	}
	.h2_sub{
		font-size: 20px;
	}
	h3{
		font-size: 24px;
	}
	#tag_name{
		max-width: 400px;
	}
	#catchcopy{
		max-width: 300px;
	}
	.greeting-left p:first-of-type{
    	font-size: 20px;
	}
	.contents-nav-tile{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	.row2 section{
		width: 100%;
	}
	.row2 section:first-of-type{
		margin-bottom: 40px;
	}
	.greeting-wrap {
    	flex-direction: column-reverse;
	}
	.greeting-left{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.greeting-right{
		width: 100%;
		height: 300px;
		margin-bottom: 20px;
	}
	.news-thum{
		width: 130px;
		height: 130px;
		margin-right: 20px;
	}
	.news-desc{
    	width: calc(100% - 150px);
	}
	.footer-logo{
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgb(255, 118, 130);
	}
	.footer-news{
		width: 100%;
	}
	.article-title h2{
		font-size: 24px;
	}
	.article-content,.article-title{
		padding: 20px;
	}
	.article-prev-wrap,
	.article-next-wrap{
		width: 100%;
	}
	.article-prev-wrap:empty,
	.article-next-wrap:empty{
		display: none;
	}
	#profile .left{
		width: 80%;
		max-width: 320px;
		margin: 0 auto;
	}
	#profile .right{
		width: 100%;
	}
	#profile .right h4{
		text-align: center;
	}
	#career tr,#career th,#career td{
		display: block;
	}
	#career tr,#career th{
		width: 100%;
	}
	#career tr{
		margin-bottom: 20px;
	}
	#career th{
		padding: 0.5em 0px;
	}
	#career td{
		width: calc(100% - 10px);
		margin-left: 10px;
	}
	#career figure{
		width: 45%;
	}
	#greetings{
		padding: 88px 20px 40px;
	}
	#job, #fireworks, #matsu, #marathon, #kodomo, #benriya {
    	flex-direction: column-reverse;
	}
	#job .left, #fireworks .left, #matsu .left, #marathon .left, #kodomo .left, #benriya .left {
    	margin: 0 auto;
		width: 100%;
	}
	#job .right, #fireworks .right, #matsu .right, #marathon .right, #kodomo .right, #benriya .right {
    	width: 100%;
		margin-bottom: 1em;
	}
	#job h3, #fireworks h3, #matsu h3, #marathon h3, #kodomo h3, #benriya h3 {
    font-size: 24px;
}
	.aim-num{
		width: 100%;
		height: 70px;
	}
	.aim-content{
		width: 100%;
	}
	#aim1 .aim-num{background-image: url("img/point1-hr.svg");}
#aim2 .aim-num{background-image: url("img/point2-hr.svg");}
#aim3 .aim-num{background-image: url("img/point3-hr.svg");}
#aim4 .aim-num{background-image: url("img/point4-hr.svg");}
#aim5 .aim-num{background-image: url("img/point5-hr.svg");}
	
}
@media screen and (max-width:480px){
	#officialSite{
		display:none;
	}
	h2{
		font-size: 26px;
	}
	.h2_sub{
		font-size: 18px;
	}
	#tag_name{
		max-width: 80%;
	}
	#catchcopy{
		max-width: 250px;
	}
	.padding-wrap{
		padding: 10px;
	}
	.content-wrap{
		padding: 30px 10px;
	}
	.news-thum{
		width: 100%;
		height: calc((100vw - 80px) * 0.4);
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.news-desc{
		width: 100%;
	}
	.news-title{
		font-size: 18px;
	}
	.footer-menu ul li {
    width: calc(100% /2);
}
	.article-title h2{
		font-size: 22px;
	}
	.eyeCatch{
		height: 120px;
	}
	#career figure {
    	width: 100%;
		max-width: 300px;
	}
	.aim-content h4{
		font-size: 22px;
	}
	.aim-content p{
		font-size: 16px;
	}
}