/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: mytowng
Template: mytown
Version: 202306
*/



html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,a,table,tr,th,td,figure,article {
  padding: 0;
  border: 0;
   vertical-align:baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img,video,object {
	vertical-align:middle;
}
html{font-size: 62.5%; /* 16px x 0.625 = 10px(=1rem) */}
body {font-size: 1.6rem;/* 16px */}

body{background-color:#ffffff;}

body{
	font-family:"メイリオ",Meiryo,YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}






/*--------------------------------------
　フォント　テキスト
--------------------------------------*/

h1.word span,h2.word span,h3.word span,h4.word span,h5.word span,.word p span{
	word-wrap:break-word;
	font-size:inherit;
	line-height:inherit;
	display:inline-block;
}


h2,h3,h4,h5,h6{
	background:none;
	line-height:1.5;
	font-weight:normal;
	margin:2rem 0;
}
h2{font-size:2.6rem;}
h3{font-size:2.2rem;}
h4{font-size:1.8rem;}
h5,h6{font-size:1.6rem;}


h1.entry-title{
	font-size:2rem;
}


p,.yellowbox,.graybox,.redbox,.post ul li,.post ol li{
	font-size:1.6rem;
	line-height:2.7rem;
}
.big_p{
	font-size:1.8rem;
	line-height:1.5;
}


/* リンクの色 */
a {
	color: #333;
	text-decoration:none;
}

/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #778899;
}
#footer a:hover{
	color:#999;
}


/* オブジェクトフィット */
.fit{
	-o-object-fit:cover;
	   object-fit:cover;
	font-family: 'object-fit: cover;'
}





/*--------------------------------------
　ヘッダー部分
--------------------------------------*/



/* ヘッダーアブソルート */

header.site-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
}


.sumanone{
	display:none;
}
nav li a:hover{
	text-decoration:none;
}

.site-header .site-title{
	display:none;
}
.site-branding{
	width: 25%;
    min-height: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 3rem;
}
.main-navigation{
	width:100%;
	height:0;
}
.main-navigation ul.menu{
	display:block;
}
.head-area{
	position:relative;
	padding:1rem 0;
	z-index:1;
}
.site-description{
	margin:0.5rem 0 -1rem 0;
	font-size:1.3rem;
}
.head-area .site-description{
	display:none;
}
/*20260115修正*/
/* ナビの高さ0を殺す（超重要） */
#site-navigation.main-navigation{
  height:auto !important;
}

/* PCだけ通常メニュー表示 / SPだけスライド表示 */
@media (max-width:1023px){
  #em-main-menu{ display:none !important; }
  .suma{ display:inline-block !important; }
}
@media (min-width:1024px){
  #em-main-menu{ display:block !important; }
  #em-main-menu .sumanone{ display:block !important; }
  .suma{ display:none !important; }
}



/*--------------------------------------
　スライドメニュー
--------------------------------------*/
#em-menubox{
	width:100%;
}
.suma{
	display:inline-block;
	width:100%;
}
.slidemenu .menu{
	display:block;
	padding:0 5% 0 15%;
}

.navbar_toggle{
 z-index:9999;
	margin:0;
	cursor:pointer;
	position:absolute;
	top:0.5rem;
	right:1rem;
	padding:2rem;
	background-color:rgba(252,252,252,1);
}
.navbar_toggle:hover{
	opacity:0.7;
}
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 0.2rem;
 width: 3rem;
 background: #5c6b80;
 -webkit-transition: ease .5s;
	-o-transition: ease .5s;
 transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
 top: 0;
}
.navbar_toggle_icon:nth-child(2) {
 margin: 0.8rem 0;
}
.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open{
	position:fixed;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 1rem;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
 transform: translateY(-50%);
	 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -1rem;
 -webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

.slidemenu ul li{
	list-style:none;
	margin:2rem;
	background:#e3727b;
	width:80%;
	padding:0.3rem 1rem;
}
.slidemenu ul li a{
	color:#fff;
	font-size:1.5rem;
	display:block;
	padding:0;
	width:auto;
	}
.slidemenu ul li a:hover{
	text-decoration:none;
}



.slide-container{
-webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
 -webkit-transition:ease .5s;
 -o-transition: ease .5s;
 transition:ease .5s;
 z-index:1000;
	display:block;
	height:100vh;
	text-align:left;
	width:100%;
	background:rgba(256,256,256,0.5);
	position:fixed;
	top:0;
}

/*OPEN時の動き*/
.slide-container.open {
-webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
 	height:100vh;
	width:100%;
	z-index:8888;
	background:url('/wp-content/uploads/2025/06/wave-back.png');
	background-size:contain;
	display:block;
	text-align:left;
	position:fixed;
	top:0;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	overflow-y:auto;
}
body.fixed {
width:100%;
height:100%;
position:fixed;
}

header .suma ul.menu li a:hover{
	color:#fcd200;
}


.slide-inner {
    height: 100%;
}

/*メニューの横にアイコン*/













/*--------------------------------------
　パンくず部分
--------------------------------------*/

#breadcrumb{
	width:95%;
	margin:1rem auto;
	font-size:1.3rem;
	
}
#breadcrumb ol{
	padding:0 1rem;
}
/* パンくず位置調整 */


div#breadcrumb  ul li{
	display:inline;/*横並びにする*/
	line-height:2rem;/*行間*/
}




/*--------------------------------------
　コンテンツ部分
--------------------------------------*/


#content-w{
	min-height:100%;
}


#content{
	max-width:100%;
	margin:0 auto;
}
.em-main-page{
	width:100%;
}

.page-section{
padding:3rem 0;
overflow:hidden;
	position:relative;
}
.page-container{
max-width:95%;
margin:0 auto;
padding:0 1rem;
	position:relative;
}

.grayish{
background-color:#f5f5f5;
}


.em-center{
text-align:center;
margin:auto;
}
.t-center{
	text-align:center;
}

.entry-content{
	margin:0;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.rel{
	position:relative;
}

/* スペース */
.pa-t{
    padding-top:1.6rem;
}
.pa-tx{
    padding-top:1.6rem;
}
.pa-txx{
	padding-top:3.2rem;
}
.pa-b{
	padding-bottom:1.6rem;
}
.pa-bx{
	padding-bottom:1.6rem;
}
.pa-bxx{
	padding-bottom:3.2rem;
}
.pa-tb{
	padding:1.6rem 0;
}
.pa-tbx{
	padding:1.6rem 0;
}
.pa-tbxx{
	padding:3.2rem 0;
}
.pa-all{
	padding:1.6rem;
}
.pa-allx{
	padding:1.6rem;
}
.pa-allxx{
	padding:3.2rem;
}
.ma-t{
	margin-top:1.6rem;
}
.ma-tx{
	margin-top:1.6rem;
}
.ma-txx{
	margin-top:3.2rem;
}
.ma-b{
	margin-bottom:1.6rem;
}
.ma-bx{
	margin-bottom:1.6rem;
}
.ma-bxx{
	margin-bottom:3.2rem;
}
.ma-tb{
	margin:1.6rem auto;
}
.ma-tbx{
	margin:1.6rem auto;
}
.ma-tbxx{
	margin:3.2rem auto;
}
.ma-all{
	margin:1.6rem;
}
.ma-allx{
	margin:1.6rem;
}
.ma-allxx{
	margin:3.2rem;
}
/* スペースここまで */

.em-page .entry-title{
	margin:auto;
	text-align:center;
	font-size:2.4rem;
	color:#555;
}
.home .site-main{
	padding:0;
}
.site-main{
	margin-top:10rem;
}
.entry-title {
    margin: auto;
    text-align: center;
    font-size: 1.8rem;
	font-weight:normal;
    color: #555;
	width:100%;
}



.box_inner{
	width: -moz-fit-content;
  width: fit-content;
	margin:auto;
}

.em-box-a{
	width:90%;
	margin:0 auto;
}
.em-box-b{
	width:90%;
	margin:0 auto;
}
.em-box-c{
	width:90%;
	margin:0 auto;
}


.img-wrap figure{
	aspect-ratio: 16 / 9;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.img-wrap figure img{
width: 100%;
	height: 100%;
	object-fit: cover; /* トリミングしながら表示 */
	display: block;
}
.page-eyecatch{
	aspect-ratio:16/6;
	position:relative;
}
.page-eyecatch img{
	width:100%;
	height:100%;
	object-fit:cover;
}




/*--------------------------------------
　HOME
--------------------------------------*/

/*body.home.no-scroll {
  overflow: hidden;
  height: 100vh;
}*/

.wave_back.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}


.first_title{
	max-width:70%;
}


/* 初期状態：body.home が読み込まれたとき */
body.home header.site-header,
body.home .content_wave_back {
  display: none;
}

/* 最初は wave_back を画面上に固定して表示 */
body.home .wave_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  pointer-events: none; /* スクロールできるように */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: opacity 1s ease;
}

body.home.wave-hidden .wave_wrapper {
  opacity: 0;
  pointer-events: none;
}

/* 下の本体（header.site-header、home_content）は常に通常位置にある */

.content_wave_back {
  position: relative;
  z-index: 1;
}



/* wave-hidden が付いたら中身を表示 */
body.home.wave-hidden header.site-header,
body.home.wave-hidden .home_content {
  display: block;
}
.wave_back.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}

/* movie */
.top_movie {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
}

.top_movie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 0;
	
}

.video-overlay-text {
  position: absolute;
  bottom: 12rem;
  left: 5%;
  color: #fff;
  z-index: 2; /* グラデーションより上 */
	max-width:50%;
}

.video-overlay-text h2.video{
	font-size:3rem;
	line-height:1.4;
}
.video-overlay-text h2.video span{
	display:block;
}



.top_movie video.active {
  opacity: 1;
  z-index: 1;
}

/* グラデーションレイヤーを動画の上に重ねる */
.top_movie::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 60%);
  z-index: 1;
  pointer-events: none;
}








.content_wave_back {
  background: url('/wp-content/uploads/2025/06/wave-back.png');
  background-size: contain;
  background-repeat: repeat;
  background-attachment: scroll; /* 固定はせずスクロールに合わせて動く */
  background-position: center top;
}






.home .entry-title{
	display:none;
}


.wave_back {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100vh;
  background: url('/wp-content/uploads/2025/06/wave-back.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0rem; /* 初期は上から */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 1s ease;
}


.wave_back.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}
html, body {
  height: 100%;
}
.home_image2 img{
	width:100%;
}


/* 画像グラデーション関連 */

/* 枠全体を16:9に統一 */
.image-link {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.image-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, transparent 60%);
  z-index: 1;
  pointer-events: none;
}
/* figure内のimgサイズをぴったりに */
.image-link figure,
.image-link figure a,
.image-link figure img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.image-link figure img{
	transition: transform 1.2s ease; /* ゆっくりズーム */
  transform: scale(1); /* 初期状態 */
}
/* オンマウスでズーム */
.image-link:hover img {
  transform: scale(1.1); /* 110% に拡大 */
}

/* 黒いグラデーションオーバーレイ */
.image-link::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, transparent 60%);
  z-index: 1;
  pointer-events: none;
}

/* テキスト配置 */
.overlay-text {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  color: #fff;
  font-size: 2.8rem;
  z-index: 2;
  line-height: 1.2;
  display: block;
  pointer-events: none;
}

/* サブテキスト */
.overlay-text span {
  display: block;
  font-size: 1.8rem;
  opacity: 0.9;
}
/* テキスト配置 */
.overlay-text2 {
  position: absolute;
  top: 50%;
  left: 3rem;
  transform: translateY(-50%);
  color: #fff;
  font-size: 2.0rem;
  z-index: 2;
  line-height: 1.2;
  display: block;
  pointer-events: none;
}

/* サブテキスト */
.overlay-text2 span {
  display: block;
  font-size: 1.5rem;
  opacity: 0.9;
}






/* top お問い合わせボタン*/

.video-overlay-button{
	 position: absolute;
  bottom: 2rem;
  right: 2rem;
    z-index: 10; /* グラデーションより上 */
	
	
}
.video-overlay-button a{
	color:#fff;
	display:block;
	padding:3rem 2rem;
	text-align: center;
    text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
	background:#dc143c;
}
/* ★ホバー時に反転 */
.video-overlay-button a:hover {
  background-color: #fff;
  color: #dc143c;
}
.video-overlay-button a span{
	display:block;
	font-size:1.3rem;
}
/* top以外 お問い合わせボタン*/

.page-bottom-button{
	width:20rem;
}
.page-bottom-button a{
	color:#fff;
	display:block;
	padding:3rem 2rem;
	text-align:center;
	text-decoration:none;
	transition: background-color 0.3s ease, color 0.3s ease;
	background:#dc143c;
}
/* ★ホバー時に反転 */
.page-bottom-button a:hover {
background-color: #efefef;
color: #dc143c;
}
.page-bottom-button a span{
	display:block;
	font-size:1.3rem;
}


/*画像スライドショー*/
.top_img {
 position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
}
.top_img .slide-figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	object-fit:cover;
  transition: opacity 1s ease-in-out;
  z-index: 0;
	
}
.top_img::before {/*グラデーション*/
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, transparent 60%);
  z-index: 2;
  pointer-events: none;
}



/*--------------------------------------
　各ページのタイトルヘッダー部分
--------------------------------------*/
.pagetitle h1{
	color:#fff;
}
.pagetitle h1.entry-title{
	color:#fff;
}

.page-eyecatch .pagetitle{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 777;
    left: 10%;
}

.page-slug{
	color:#fff;
}
.page-eyecatch::before {/*グラデーション*/
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, transparent 60%);
  z-index: 2;
  pointer-events: none;
}

/*--------------------------------------
　各ページ
--------------------------------------*/

.page_wave_back {
  background: url('/wp-content/uploads/2025/06/wave-back.png');
  background-size: contain;
  background-repeat: repeat;
  background-attachment: scroll; /* 固定はせずスクロールに合わせて動く */
  background-position: center top;
}

/*見え方修正*/
.about .page_wave_back {
  background: url('/wp-content/uploads/2025/06/wave-back.png');
  background-size: contain;
  background-repeat: repeat;
  background-attachment: scroll; /* 固定はせずスクロールに合わせて動く */
  background-position: center top;
}
.page_wave_back{
	padding-bottom:5rem;
}

/*--------------------------------------
　声
--------------------------------------*/

.archive-voice .pagetitle{
	background:#d1de4c;
}


.pagetitlearea figure{
	aspect-ratio:16/9;
	margin:0;
}
.pagetitlearea figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.voice-tabs {
    margin: 5rem 1.6rem 2rem 1.6rem;
}
.tab-menu {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding: 0;
	margin:0;
}
.tab-menu li {
    padding: 1rem;
    background-color: #eee;
    cursor: pointer;
	font-size:1.3rem;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.tab-menu li.active {
    background-color: #dc143c;
    color: #fff;
}


/* ★ホバー時に反転 */
.tab-menu li:hover {
  background-color: #dc143c;
  color: #fff;
}










.grandchild-category{
	text-align:center;
}

.post-type-meta{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 777;
    left: 10%;
}
.post-type-name{
	color:#fff;
	font-size:2rem;
	margin:0;
	line-height:1.5;
}
.post-type-slug{
	color:#fff;
	margin:0;
}
.single-top-widget-area figure{
	aspect-ratio:16/6;
}


.back-to-archive{
	margin:5rem 0 2rem 0;
}
.back-to-archive a{
	background: #cc0033;
    color: #fff;
    padding: 0.5rem;
}

/*--------------------------------------
　声一覧
--------------------------------------*/


.content_voice .post-thumbnail {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}


.content_voice .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.entry-title-voice{
	font-size:1.4rem;
	line-height:1.5;
	margin:1rem 0;
	text-align:center;
}

/*--------------------------------------
　アニメーションテキスト
--------------------------------------*/





/*--------------------------------------
　ヒストリー
--------------------------------------*/
.seireki {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
	color:#999;
	font-size:3.2rem;
	text-align:center;
	margin:3rem 0;
}
.vertical-line {
  width: 0.1rem;
  height: 100%;
  background-color: #999;
  margin: 0 auto;
}
.float-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 1rem 0 0;
  float: none;
}

/* コンテナにclearfix */
.text-image-float-wrap::after {
  content: "";
  display: block;
  clear: both;
}
.parent-block{
	overflow:hidden;
}

/*--------------------------------------
　企業理念
--------------------------------------*/
.back_img_mm01{
	background:#fff;
}
.wp-block-cover.back_img_mm01 img{
	object-fit:contain;
}
.back_img_mm01.ma-tx_vision{
	margin-top:3rem;
}
.wp-block-cover.back_img_mm01 p{
	line-height:1.5;
	font-size:1.8rem !important;
}
.line_hight_mm{
	line-height:1.2;
}

/*--------------------------------------
　お問い合わせ
--------------------------------------*/
.contact-table{
	border:0;
	background:#f5f5f5;
	width:100%;
}
.contact-table tr th, .contact-table tr td{
	font-size:1.5rem;
	vertical-align:middle;
	padding:0 2rem;
	display:block;
	text-align:left;
}
.contact-table tr th{
	border-bottom:0;
}
.contact-table tr td{
	border-bottom:0.2rem solid #0066cc;
}
.contact-table tr td input{
	font-size:1.5rem;
	width:100%;
}
.wpcf7-submit.soshin{
	display: block;
  width: auto;
  text-align: center;
  border:0.2rem solid rgba(0, 102, 204, 0.8);
	border-radius:1rem;
  font-size: 1.5rem;
  color: rgba(0, 102, 204, 0.8);
  text-decoration: none;
  padding: 1rem 10%;
	margin:5rem auto;
	cursor:pointer;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.wpcf7-submit.soshin:hover{
	  background-color: rgba(0, 102, 204, 0.8);
	color:#fff;
	border:0.2rem solid #fff;
}

.contact-table .kenmei{
	font-size:1.6rem;
}
.contact-table select{
	font-size:1.6rem;
}
.contact-table textarea{
	font-size:1.5rem;
}


/*--------------------------------------
　テーブル
--------------------------------------*/
table {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	border-top: 0.1rem #999 solid;
	border-right: 0.1rem #999 solid;
	margin-bottom: 2rem;
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
}
table tr th, table tr td{
	font-size:1.5rem;
}

.mo-table{
	white-space:nowrap;
	overflow:auto;
}



/*--------------------------------------
　ページナビ
--------------------------------------*/
.em-pagelink .page-numbers{
	height:auto;
	line-height:1.7;
}
.p-navi{
	border-top: 0.2rem dotted #e3727b;
    margin: 10rem auto 0 auto;
	width:95%;
}
.p-navi dl dd {
    font-size: 1.5rem;
    padding-left: 5rem;
    line-height: 2.5;
    margin: 0 0 0 2rem;
}
.p-navi dl dt {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 2.5;
    float: left;
    width: auto;
    color: #666;
}

/*--------------------------------------
　更新情報等　投稿者
--------------------------------------*/

.em-front .blogbox,.em-page .blogbox{
	display:none;
	}

.post-author{
	display:none;
}

.smanone p{
	font-size:1.4rem;
}



/*--------------------------------------
　投稿ページ
--------------------------------------*/



.em-post{
	padding:2rem;
}
.em-post .entry-title{
	width:100%;
	line-height:1.5;
	margin-bottom:1.6rem;
}
.em-post .mainbox{
	margin:5% 0;
}
.post-tag-area a::before{
	content:"# ";
	
}

.single .entry-meta .kdate time.updated{
	display:inline-block;
}
.archive .entry-meta .kdate time.updated{
	display:inline-block;
}
.post-navigation .nav-links{
	display:block;
}
.post-navigation .nav-previous{
	display:block;
}
.post-navigation .nav-next{
	display:block;
	text-align:left;
}
.nav-previous .nav-subtitle, .nav-next .nav-subtitle{
	font-weight:bold;
	line-height:2;
}
ul.catgroup{
	margin:0;
}
ul.catgroup li{
	display:inline-block;
	margin:0 0.5rem 1.6rem 0;
}
ul.catgroup li a{
	background:#0066cc;
	font-size:1.3rem;
	padding:0.7rem;
	color:#fff;
}





/*--------------------------------------
　アーカイブ部分
--------------------------------------*/
.archive .site-main article{
	padding:1.6rem;
}





/*--------------------------------------
　検索結果部分
--------------------------------------*/


.search .site-main article {
    border-left: 0.2rem solid #0066cc;
    border-bottom: 0.1rem dotted #999;
    padding: 1rem;
}





/*--------------------------------------
　サイド部分
--------------------------------------*/
ul.side-newpost-area{
	list-style:disc !important;
}
ul.side-newpost-area li{
	margin-bottom:1.6rem;
}
.widget-title{
	font-size:2rem;
	border-bottom:0.2rem solid #0066cc;
}

/*--------------------------------------
　404
--------------------------------------*/

.error-404 .page-title{
	text-align:center;
}


/*--------------------------------------
　フッター部分
--------------------------------------*/
#footer{
	margin:0 auto 5rem auto;
	padding:3%;
}

footer ul{
	padding:0;
}
#page-top{
	display:none;
position:fixed;
	right:1rem;
	bottom:1rem;
	z-index:9999;
}
#page-top:hover{
	opacity:0.6;
}
#page-top a{
color:#1a1a1a;
}
#footer .footerlogo{
	font-size:1.6rem;
	line-height:1.4;
	margin:0;
}


.footermenubox ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0.5rem 1rem;
	justify-content:center;
}
.footermenubox ul li:last-child{
	border-right:none;
}
.footermenubox ul li{
	border-right:0.1rem solid #ccc;
	line-height:2;
	font-size:1.3rem;
	padding:0 1.6rem;
}
.footer-c{
	margin-top:3rem;
	text-align:center;
}
.footerdescription{
	font-size:1.4rem;
	margin-bottom:0.5rem;
}
.footerlogo{
	margin-top:0.5rem;
}
.footer-in .copy{
	text-align:center;
	font-size:1.3rem;
}

.footer-center ul{
	display:flex;
	align-items:center;
	justify-content:center;
	list-style:none;
	margin:2rem;
}
.footer-center ul li{
	margin:0.6rem 0;
}

.footer-center ul li p.li-border{
	line-height:1.5;
	margin:0;
	border:0.1rem solid #999;
	text-align:center;
}
.footer-center ul li p a{
	padding:0.5rem 1rem;
	font-size:1.4rem;
	}


/*media Queries タブレット（835px以上）
------------------------------------------------------------------------------------------*/
@media screen and (min-width: 835px) {
	
	



/*--------------------------------------
　フォント　テキスト
--------------------------------------*/
	.titlefont{
	font-size:5.6rem;
	line-height:1;
}	
h2{font-size:2.8rem;}
h3{font-size:2.4rem;}
h4{font-size:1.9rem;}

h1.entry-title{
	font-size:2.8rem;
}	
	
	
	.home h2.em-title{
	font-size: 3.6rem;
    margin: 3.6rem 0 0 0;
}
h2.em-title{
	font-size: 3.6rem;
    margin: 3.6rem 0;
}	
h2.em-title small{
	font-size: 1.5rem;
    }
	.home p.em-title-jp{
		font-size:1.5rem;
	}
	p.em-title-jp{
		font-size:1.5rem;
	}	
	
	
	

/*--------------------------------------
　ヘッダー部分
--------------------------------------*/

.site-branding{
	width: 25%;
}
.site-description{
	font-size:1.4rem;
}
#em-main-menu ul li{
	list-style:none;
	display:inline-block;
	margin:0 1.4%;
		font-size:1.4rem;
}

/*--------------------------------------
　パンくず部分
--------------------------------------*/

#breadcrumb{
	width:90%;
	}	

	
	
/*--------------------------------------
　コンテンツ部分
--------------------------------------*/
	.home .em-main-page{
		margin-top:0;
	}
	.em-main-page,.em-main-single{
		margin-top:11rem;
	}
.page-container{
max-width:90%;
margin:0 auto;
padding:0 1rem;
}



/* スペース */
.pa-tx{
    padding-top:3.2rem;
}
	.pa-txx{
		padding-top:4.8rem;
	}	
.pa-bx{
	padding-bottom:3.2rem;
}
	.pa-bxx{
		padding-bottom:4.8rem;
	}
.pa-tbx{
	padding:3.2rem 0;
}
	.pa-tbxx{
		padding:4.8rem 0;
	}
.pa-allx{
	padding:3.2rem;
}
	.pa-allxx{
		padding:4.8rem;
	}
.ma-tx{
	margin-top:3.2rem;
}
	.ma-txx{
		margin-top:4.8rem;
	}
.ma-bx{
	margin-bottom:3.2rem;
}
	.ma-bxx{
		margin-bottom:4.8rem;
	}
.ma-tbx{
	margin:3.2rem auto;
}
	.ma-tbxx{
		margin:4.8rem auto;
	}
.ma-allx{
	margin:3.2rem;
}
	.ma-allxx{
		margin:4.8rem;
	}
/* スペースここまで */

	.em-page .entry-title{
	font-size:3.6rem;
}
.site-main{
	padding-top:0rem;
}
.entry-title {
    font-size: 2.4rem;
}
	
	.text_line_x{
	line-height:2.4;
}
	
	.em-box-a{
	width:85%;
}
	.em-box-b{
		width:60%;
	}
	.em-box-c{
		width:70%;
	}
	
/*--------------------------------------
　HOME
--------------------------------------*/
	
	


	
	
/*--------------------------------------
　声
--------------------------------------*/

.post-type-name{
	color:#fff;
	font-size:2.8rem;
}
.post-type-slug{
	color:#fff;
}
	
	
/*--------------------------------------
　声一覧
--------------------------------------*/
	
.entry-title-voice{
	font-size:1.6rem;
	}	
	
/*--------------------------------------
　企業理念
--------------------------------------*/

.wp-block-cover.back_img_mm01 p{
	font-size:2.2rem !important;
}	

/*--------------------------------------
　お問い合わせ
--------------------------------------*/
.contact-table{
	display:table;
}
.contact-table tr th, .contact-table tr td{
	font-size:1.5rem;
	display:table-cell;
	padding:0 2rem;
}
.contact-table tr th{
	border-bottom:0.2rem solid #0066cc;
}
.contact-table tr td{
	border-bottom:0.2rem solid #999;
}
.contact-table tr td input{
	font-size:1.5rem;
}
	
	
/*--------------------------------------
　ヒストリー
--------------------------------------*/
.seireki {
	font-size:4.2rem;
}	
	.float-img {
    float: right;
    width: 50%;
    min-width: 300px;
    margin: 0 0 1rem 1rem;
  }
	
	

/*--------------------------------------
　投稿ページ
--------------------------------------*/
#content.single{
max-width:90%;
padding-top:20rem;
}
.entry-title.single{
max-width:none;
margin:auto;
}
/* アーカイブページ　*/
#content.archive{
max-width:90%;
padding-top:20rem;
}
.entry-title.archive{
max-width:none;
margin:auto;
}
/* 検索結果　*/
#content.search{
max-width:90%;
padding-top:20rem;
}
/* 404　*/
#content.not{
max-width:90%;
padding-top:20rem;
}



/*--------------------------------------
　フッター部分
--------------------------------------*/
#footer{
	margin:0 auto 1rem auto;
	padding:0;
}

#footer-in {
		max-width:90%;
		margin:0 auto;
	}

	.fixed-menu{
		display:none;
	}


	.footer-c{
	margin-top:4rem;
}
	
	
	
	
	
	
	
	
	
	
	
	
	


/*-- ここまで --*/
}

/*media Queries PCサイズ（1024px以上）
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {





/*--------------------------------------
　フォント　テキスト
--------------------------------------*/
	
h2{font-size:3rem;}
h3{font-size:2.6rem;}
h4{font-size:2rem;}
h5,h6{font-size:1.8rem;}

h1.entry-title{
	font-size:7rem;
}		
.big_p{
	font-size:2rem;
	}

/*--------------------------------------
　ヘッダー部分
--------------------------------------*/

	
	#em-main-menu{
		text-align:right;
	}
	#em-main-menu ul li{
	font-size:1.4rem;
}
	#em-main-menu ul li i{
		font-size:3rem;
	}
.sumanone{
	display:block;
	max-width:100%;
}
	.header.site-header .smanone ul.menu{
		text-align:right;
	}
	.site-branding{
	width: 15%;
    margin: 0 auto 0 0;
    padding-left: 5%;
    text-align: center;
	}
	.main-navigation{
	width: 75%;
    margin: 0 0 0 auto;
    padding-right: 2%;
    height: 100%;
}

/*--------------------------------------
　スライドメニュー
--------------------------------------*/
.suma{
	display:none;
}
/*--------------------------------------
　パンくず部分
--------------------------------------*/

#breadcrumb{
	width:70%;
	}	
	


/*--------------------------------------
　コンテンツ部分
--------------------------------------*/

.page-container{
max-width:90%;
}


/* スペース */
.pa-tx{
    padding-top:8rem;
}
	.pa-txx{
		padding-top:12rem;
	}
.pa-bx{
	padding-bottom:8rem;
}
	.pa-bxx{
		padding-bottom:12rem;
	}
.pa-tbx{
	padding:8rem 0;
}
	.pa-tbxx{
		padding:12rem 0;
	}
.pa-allx{
	padding:8rem;
}
	.pa-allxx{
		padding:12rem;
	}
.ma-tx{
	margin-top:8rem;
}
	.ma-txx{
		margin-top:12rem;
	}
.ma-bx{
	margin-bottom:8rem;
}
	.ma-bxx{
		margin-bottom:12rem;
	}
.ma-tbx{
	margin:8rem auto;
}
	.ma-tbxx{
		margin:12rem auto;
	}
.ma-allx{
	margin:8rem;
}
	.ma-allxx{
		margin:12rem;
	}
/* スペースここまで */

	
	.em-page .entry-title{
	font-size:4.8rem;
}	
.site-main{
	padding-top:0rem;
}
.entry-title {
    font-size: 2.8rem;
}
	
	.em-box-a{
	width:80%;
}
	.em-box-b{
		width:50%;
	}
	.em-box-c{
		width:65%;
	}
	
/*--------------------------------------
　HOME
--------------------------------------*/

	
/* 動画上のテキスト */	
.video-overlay-text h2.video{
	font-size:4rem;
}
	
	
	
/* テキスト配置 */
.overlay-text {
  font-size: 3rem;
  
}

/* サブテキスト */
.overlay-text span {
  font-size: 1.8rem;
  }	

/* テキスト配置 */
.overlay-text2 {
  font-size: 2.4rem;
 }

/* サブテキスト */
.overlay-text2 span {
   font-size: 1.6rem;
 }	
	
	.video-overlay-text {
   bottom: 3rem;
		left:10%;
		max-width:55%;
}

/* top お問い合わせボタン*/


.video-overlay-button a{
	padding:4rem 2rem;
}
/* page お問い合わせボタン */	
	.page-bottom-button{
		width:30rem;
	}
	
/*--------------------------------------
　各ページ
--------------------------------------*/

.page_wave_back {
  background-size: auto;
  background-repeat: repeat;
  }

/*見え方修正*/
.about .page_wave_back {
  background-size: auto;
  background-repeat: repeat;
	}
.history .page_wave_back {
  background-size: auto;
  background-repeat: repeat;
	}
.midcarrer .page_wave_back {
  background-size: auto;
  background-repeat: repeat;
	}	
	.page-slug{
		font-size:3rem;
	}
	
/*--------------------------------------
　声
--------------------------------------*/

.post-type-name{
	color:#fff;
	font-size:7rem;
}
.post-type-slug{
	color:#fff;
	font-size:3rem;
}
.tab-menu li {
    padding: 1rem 1.6rem;
    font-size:1.6rem;
}
	
	
	
/*--------------------------------------
　声一覧
--------------------------------------*/
	
.entry-title-voice{
	font-size:2.4rem;
	}	
	
	
/*--------------------------------------
　ヒストリー
--------------------------------------*/
.seireki {
	font-size:3.6rem;
}		
	
/*--------------------------------------
　企業理念
--------------------------------------*/

.wp-block-cover.back_img_mm01 p{
	font-size:2.8rem !important;
}		
	
/*--------------------------------------
　投稿ページ
--------------------------------------*/
#content.single{
max-width:70%;
padding-top:20rem;
}
/* アーカイブページ　*/
#content.archive{
max-width:70%;
padding-top:20rem;
}
/* 検索結果　*/
#content.search{
max-width:70%;
padding-top:20rem;
}
/* 404　*/
#content.not{
max-width:70%;
padding-top:20rem;
}

/*--------------------------------------
　ページナビ
--------------------------------------*/

.p-navi{
	width:90%;
}



/*--------------------------------------
　フッター部分
--------------------------------------*/


#footer-in {
		max-width:70%;
		margin:0 auto;
	}






/*-- ここまで --*/
}

/*media Queries PCサイズ（1440px以上）
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1440px) {
 .page-container {
    max-width: 90%;
  }
	
	
	
.big_p{
	font-size:2.4rem;
	}	

/* 動画上のテキスト */	
.video-overlay-text h2.video{
	font-size:6rem;
}	
	
	
	
/* テキスト配置 */
.overlay-text {
  font-size: 5rem;
  
}

/* サブテキスト */
.overlay-text span {
  font-size: 2.4rem;
  }	
	
	
/* テキスト配置 */
.overlay-text2 {
  font-size: 3rem;
 }

/* サブテキスト */
.overlay-text2 span {
   font-size: 1.6rem;
 }		
	
/*--------------------------------------
　ヒストリー
--------------------------------------*/
.seireki {
	font-size:8rem;
}		
	
}