@import url( "notoserif/css/font.css");
@import url( "notosans/styles/stylesheet.css");

/*!
Theme Name: 株式会社なごみ
Theme URI: http://underscores.me/
Author: Studio-Aono
Author URI: https://studio-aono.com
Description: 株式会社なごみ　2022年全面リニューアル
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nagomi2022
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

株式会社なごみ is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> 目次
----------------------------------------------------------------
# 共通パーツ
    カスタムプロパティ　タイポグラフィとリンク　テキストを消す
    幅90％まとめ指定　幅1028pxまとめ指定　見出し類　bg_pink　bg_gray
    二重丸リスト　パンくずリスト　404ページ
# ヘッダ／ナビゲーション／スライダー／トップアピール
# フッター
    お問い合せブロック　フッターメニュー　奥付
# トップページ
    コンセプト　事業内容　ブログ新着　お客様の声
# 固定ページ
    共通ヘッダ（一括指定）　プロフィール　コンサルティング事業
    研修事業　６次産業化支援　調査事業　教育支援事業
    メディア情報　お客様の声　お問い合せ
# なごみブログ
# 検索結果／404ページ
--------------------------------------------------------------*/

/*画像がぼやける対策*/
img {
 image-rendering: -webkit-optimize-contrast;
}

/*--------------------------------------------------------------
#共通パーツ
---------------------------------------------------------------*/

div{max-width: 100%}

/***** pc／spで表示有無 *****/
br.sp{
display: inline
}
br.pc,
.pc_only,
#secondary{
display: none
}
/*タブレット以上*/
@media screen and (min-width:481px){
br.sp{
display: none
}
br.pc,
.pc_only{
display: inline
}
}

/***** カスタムプロパティ *****/
:root {
  --main_color: #de405b;
  --sub_color: #ffe5e5;
  --txt_color:#444444;
  --bg_pink:#FFF5F2;
  --bg_pink_hover:#FFEBE5;
  --bg_gray:#fafafa;
}

/***** タイポグラフィとリンク *****/
body,
button,
input,
select,
optgroup,
textarea {
	color:var(--txt_color);
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 1.6rem;
    font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.06em;
    font-feature-settings: "palt" 1;
}
/* タブレット以上 */
@media (min-width:481px){
body,
button,
input,
select,
optgroup,
textarea {
font-family: 'Noto Sans Japanese';
 font-weight: 300;
 line-height: 1.7;
 letter-spacing: 0.0em;
}
strong{
font-weight: 500
}
}
a,a:visited{
color: var(--main_color);
text-decoration: none
}
a:hover,
a:focus,
a:active {
	color: #eb8c9c;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
/***** テキストを消す *****/
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/***** ピンク文字 *****/
span.pink{
color: var(--main_color);
}
span.pink.child{
padding-left: 1rem
}

/***** 幅90％まとめ指定 *****/
body.search .page-content,
div#not_found,
div.post-navigation .nav-links,
div.wp-pagenavi,
article.post,
div.contact_body,
div.privacy_policy,
div.client_summary_body,
div.voices_detail_body,
div.media_img,
div.education_example,
div.research_method p,
div.sixthsector_supprtcenter,
div.training_overview,
div.consul_annotation,
p.consul_training,
table.dounload_block,
div.discription,
div.plofire_contents,
dl.entry_block,
.top_concept dl,
#colophon .contact_block p,
.index_line.margin,
.index_border.margin{
width: 90%;
margin: 0 auto;
}

/***** タブレット以上の横幅まとめ指定 *****/
@media screen and (min-width:481px){
footer#colophon,
div.page-content,
div.blog_content,
div.blog_after,
main#primary{
width: 988px;
margin: 0 auto;
padding-top: 12px
}
div.post-navigation .nav-links,
div.wp-pagenavi,
article.post,
div.contact_body,
div.privacy_policy,
div.client_summary_body,
div.voices_detail_body,
div.media_img,
div.education_example,
div.research_method p,
div.sixthsector_supprtcenter,
div.training_overview,
div.consul_annotation,
p.consul_training,
table.dounload_block,
div.discription,
div.plofire_contents,
dl.entry_block,
.top_concept dl,
#colophon .contact_block p,
.index_line.margin,
.index_border.margin{
width: 100%
}
}
/***** 見出し類 *****/
.index_border{
width: 100%;
font-size: 1.8rem;
font-weight: bold;
color: var(--main_color);
text-align: center;
padding: 8px 0;
margin: 24px 0;
border-top: 8px  var(--sub_color) solid;
border-bottom: 8px  var(--sub_color) solid
}

.index_line{
background-color:  var(--main_color);
font-size: 1.7rem;
font-weight: bold;
color: #fff;
line-height: 1.25;
padding: 8px 0px;
text-align: center;
}
.index_line.bgpink{
background-color:  var(--bg_pink);
color:var(--main_color);
}
.index_line.large{
height: 42px;
font-size: 1.8rem;
padding: 8px 0px 2px 0px;
}
.index_line.exlarge{
height: 42px;
font-size: 2.1rem;
padding: 8px 0px 2px 0px;
}
/* タブレット以上 */
@media (min-width:481px){
.index_border{
font-size: 2.4rem;
font-weight: 500;
width:70%;
padding: 16px 0;
margin: 0 auto;
margin-top: 24px;
margin-bottom: 24px
}
.index_line{
font-weight: 500;
width: 70%;
margin: 0 auto;
}
.index_line.bgpink{
font-size: 1.8rem;
}
}
 
/*bg_pink*/
.bg_pink{
background-color: var(--bg_pink);
padding: 5%
}

/*bg_gray*/
.bg_gray{
background-color: var(--bg_gray);
padding: 5%
}
/* タブレット以上 */
@media (min-width:481px){
.bg_pink,.bg_gray{
width: 70%;
margin: 0 auto;
padding: 2%
}
}

/*二重丸リスト*/
ul.double_circle li{
margin-left: 1.6rem;
text-indent: -1.6rem;
margin-bottom: 4px
}
ul.double_circle li:before{
content:'◎';
color: var(--main_color)
}
ul.double_circle.pink li{
color: var(--main_color)
}

/*パンくずリスト*/
div.breadcrumbs{
display: none
}
@media (min-width:481px){
div.breadcrumbs{
display:inline;
font-size: 1.3rem
}
}


/*--------------------------------------------------------------
#ヘッダ／ナビゲーション／スライダー
----------------------------------------------------------------
/***** ヘッダ *****/
#masthead {
display: flex;
height: 70px;
position: relative
}
#masthead .header_logo a{
display: block;
height: 67px;
width: 180px;
margin-left: 12px;
background-image: url( "images/header/header_logo2022.png");
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
}
#masthead  .contact_link{
position:   absolute;
right: 68px;
top:8px;
width: 60px;
height: 53px;
background-image: url( "images/header/mail_icon.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
#masthead  .contact_link a{
display: block;
width: 100%;
height:100%
}
#masthead  .contact_link a:hover{
background-image: url( "images/header/mail_icon_hover.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}

/* タブレット以上  */
@media (min-width:481px){
#masthead {
justify-content: space-between;
width: 1272px;
/*padding: 0px 16px;*/
margin: 0 auto/*PC配置*/
}
#masthead .header_logo a{
background-image: url("images/header/header_logo2022_PC.png")
}
}

/***** ナビゲーション *****/
#masthead .glovalnav{
font-size: 1.8rem;
font-family: 'SourceHanSerifMedium';
z-index: 5;
position: fixed;
right: -100%;
width: 100%;
height: auto;
 /* メニューを縦に */
display: flex;
flex-direction: column;
transition: .3s;
padding-bottom: 60px;
background-color: #ffffff
}
#masthead .glovalnav a:hover,
#masthead .glovalnav li a.current{
background-color: var(--bg_pink_hover) ;
}
#masthead .glovalnav.open {
  right: 0%;
}
#masthead .glovalnav ul{
  width: 100%;
  background-color: var(--bg_pink);
  border-top:2px #ffffff solid
}
#masthead .glovalnav ul li a{
width: 100%;
height: 12vw;
display: flex;
justify-content: center;
align-items: center;
border-bottom:2px #ffffff solid;
color: #444444;
text-decoration: none
}

/*iPhone SEなど*/
@media screen and (max-width:360px) {
#masthead .glovalnav ul li a{
font-size: 1.6rem;
height: 11vw;
}
}

#masthead .glovalnav a:hover,
#masthead .glovalnav li a.current{
background-color: vae(--base_pink);
}
#masthead .glovalnav .drawmenu_top{
margin-top: 12px;
height: 63px;
  width: 100%;
}
#masthead .glovalnav .drawmenu_top a{
display:block;
height: 57px;
  width: 57px;
  padding: 4px;
  margin: 0 auto;
background-image: url( "images/header/nagomi_logo.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
#masthead .glovalnav .drawmenu_top a:hover{
background-color: #fff;
opacity: 0.7
}
#masthead .linkbox,
#colophon .linkbox{
width: 175px;
padding-top: 12px;
margin: 0 auto;
}
#masthead .linkbox .upper,
#colophon .linkbox{
display: flex;
justify-content: space-between;
}
#masthead .glovalnav .linkbox .upper a,
#colophon .linkbox a{
height: 50px;
width: 50px;
}
#masthead .linkbox a.fb,
#colophon .linkbox a.fb{
background-image: url( "images/header/f_logo_RGB-Blue_114.png");
background-size: contain
}
#masthead .linkbox a.insta,
#colophon .linkbox a.insta{
background-image: url( "images/header/Instagram_Glyph_Gradient_RGB.png");
background-size: contain
}
#masthead .glovalnav .linkbox .lower a{
display: block;
margin-top: 24px;
width: 175px;
height: 49px;
background-image: url( "images/header/hamamatsu_chick_banner.png");
background-size: contain
}

/***** ハンバーガーボタン *****/
button.hamburger {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	vertical-align: middle;
	text-align: inherit;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}
.btn.hamburger {
  /* ボタンの配置位置  */
  position: absolute;
  top: 12px;
  right: 12px;
  /* ボタンの大きさ  */
  width: 42px;
  height: 42px;
  /* 最前面に */
  z-index: 10;
  /* background-color: red; わかりやすいように */
}
.btn-line {
	display: block;
	position: relative;  /* バーガー線の位置基準として設定 */
	width: 100%;  /* 線の長さと高さ */
	height: 4px;
	background-color: #a4a4a4;  /* バーガー線の色 */
	transition: .2s;
}
.btn-line::before,
.btn-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #a4a4a4;
  transition: .5s;
}
.btn-line::before {
  /* 上の線の位置 */
  transform: translateY(-16px);
}
.btn-line::after {
  /* 下の線の位置 */
  transform: translateY(16px);
}
/***** メニューオープン時 *****/
.btn-line.open {
	background-color: transparent;  	/* 真ん中の線を透明に */
}
.btn-line.open::before ,
.btn-line.open::after {
	content: "";
	background-color: #a4a4a4;  /* 上下の線の色を変える */
    height: 3px;
	transition: .2s;
}
.btn-line.open::before {
	transform: rotate(45deg);  /* 上の線を傾ける */
}
.btn-line.open::after {
	transform: rotate(-45deg);  /* 下の線を傾ける */
}

/***** メニューオープン時の背景 *****/
#masthead .fadeLayer.open{
z-index: 2;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:#000000;
  opacity:0.6;}

/*タブレット以上*/
@media screen and (min-width:481px){
#masthead{
justify-content: space-between;
}
#masthead .header_logo a{
width: 160px
}
#masthead .glovalnav{
position: static;
width: auto;
background-color: transparent;
font-family: 'Noto Sans Japanese', sans-serif;
}
#masthead .glovalnav ul{
font-size: 1.5rem;
letter-spacing: 0.0em;
display: flex;
padding-top: 12px;
width: auto;
border-top: none;
background-color: #fff;
height: 70px
}
#masthead .glovalnav ul li{
padding: 0px 9px;
width: auto;
border: none;
}
#masthead .glovalnav ul li a{
height: 58px;
border-bottom: none
}
#masthead .glovalnav a:hover,
#masthead .glovalnav li a.current{
color: var(--main_color) ;
background-color: #fff
}
#masthead .glovalnav .drawmenu_top,
#masthead .glovalnav ul li.contact{
display: none;
padding: 0px 0px
}
#masthead .glovalnav .linkbox{
display: none
}
#masthead .contact_link{
position: static;
margin-top:12px;
}
.btn.hamburger {
display: none
}
}

/***** スライダー／メイン部 *****/
#top_block{
position: relative;
background-color: var(--main_color);
}
#slider1,.slider-pro .sp-mask.sp-grab,.sp-slide,.sp-image-container{
height: 480px !important
}
.slider-pro h1.sp-layer{
position: absolute;
top: 137px !important;
font-family: 'SourceHanSerifSemiBold';
font-weight: 400;
font-size: 9.4vw !important;
text-align: center;
padding-bottom: 14px !important;
color: #FFFFFF;
text-shadow:
    #DE405B 1px 1px 2px, #DE405B -1px 1px 2px,
    #DE405B 1px -1px 2px, #DE405B -1px -1px 2px;
}
.slider-pro h1.sp-layer:before{
content: '';
background-color: #ffffff;
position: absolute;
bottom: 0;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
width: 60%;
height: 2px;
letter-spacing: -0.1em
}
.slider-pro p.sp-layer{
position: absolute;
top: 216px !important;
font-family: 'SourceHanSerifMedium';
font-weight: 400;
color: #ffffff;
font-size: 6.4vw !important;
text-shadow: 0px 0px 4px #000000;
text-align: center
}
/*iPhone SEなど*/
@media screen and (max-width:360px) {
.slider-pro h1.sp-layer{
top: 60px !important;
}
.slider-pro p.sp-layer{
top: 130px !important;
}
#slider1, .slider-pro .sp-mask.sp-grab, .sp-slide, .sp-image-container{
height: 400px !important
}
}

.slider-pro p.sp-layer a.slider_more{
color: #ffffff;
text-decoration: none;
display: block;
width: 184px;
height: 40px;
font-size:21px;
line-height: 38px;
border: 1px solid #ffffff;
background-color: rgba(0,0,0,0.15);
text-align: center;
margin: 0 auto;
margin-top: 16px;
border-radius: 4px
}
.slider-pro p.sp-layer a.slider_more:hover{
background-color: rgba(255,255,255,0.2);
}
.sp-arrows{
display: none
}
/* タブレット以上 */
@media (min-width:481px){
#top_block{
height: 776px
}
#slider1, .slider-pro .sp-mask.sp-grab, .sp-slide, .sp-image-container{
height: 600px !important
}
.slider-pro h1.sp-layer,
.slider-pro p.sp-layer{
width: 1028px;
}
.slider-pro h1.sp-layer{
top: 167px !important;
font-size: 6rem !important
}
.slider-pro h1.sp-layer:before{
width: 30%
}
.slider-pro p.sp-layer{
top: 290px !important;
font-size: 3rem !important
}
.slider-pro p.sp-layer a.slider_more{
margin-top: 32px
}
.sp-arrows{
display: block
}
}

/***** スライダー下部メッセージ *****/
.top_message{
position: relative;
width: 100%;
height: auto;
/*margin: 0 auto;*/
padding-left: 12px;
color: #ffffff;
display: flex;
}




.top_message h2{
font-family: 'SourceHanSerifSemiBold';
font-size: 3.8vmax;
line-height: 1.3;
 font-weight:  400;
margin-top: 4px;
margin-bottom: 0px
}
.top_message p{
margin-bottom: 8px;
line-height: 1.3;
}
.top_message .left_box{
/*font-family: 'Noto Sans Japanese';*/
font-weight: 300;
font-size: 1.8vmax;
width: 60%;
letter-spacing: 0em
}
.top_message .right_box{
width: 40%;
}
.top_message .right_box .profile_link a{
display: block;
position: absolute;
z-index: 1;
width: 150px;
height: 55px;
bottom:0;
right: 6px;
background-image: url( "images/top_slider/profile_link_sp.png");
background-repeat: no-repeat;
background-size: contain
}
.top_message .right_box .profile_link a:hover{
background-image: url( "images/top_slider/profile_link_sp_hover.png");
background-repeat: no-repeat;
background-size: contain
}
img.top_message_smile{
width: 43vw;
position: absolute;
right: 0;
bottom:0
}
/*iPhone SEなど*/
@media screen and (max-width:360px) {
.top_message .left_box{
 text-shadow    : 
       2px  2px 1px var(--main_color),
      -2px  2px 1px var(--main_color),
       2px -2px 1px var(--main_color),
      -2px -2px 1px var(--main_color),
       2px  0px 1px var(--main_color),
       0px  2px 1px var(--main_color),
      -2px  0px 1px var(--main_color),
       0px -2px 1px var(--main_color); 
}
.top_message .right_box .profile_link a{
width: 135px;
height: 49px;
}
}

/*トップアピール*/
.top_appeal{
position: absolute;
top:-88px;
width: 65%;
height: 82px;
border: 1px solid #ffffff;
text-align: center;
border-radius: 4px;
background-color: rgba(255,255,255,0.6);
color:#000;
}
.top_appeal .catch{
height: 20px;
font-size:1.3rem;
font-weight: 500;
line-height: 22px
}
.top_appeal .title a{
display: block;
background-color: rgba(222,64,91,0.8);
color: #ffffff;
font-family: 'SourceHanSerifSemiBold';
font-size:3.8vw;
height: 6.2vw;
line-height: 6.2vw
}
.top_appeal .title a:hover{
background-color: rgba(222,64,91,1);
}
.top_appeal .description{
padding: 3px;
line-height: 1.25;
}

/*iPhone SEなど*/
@media screen and (max-width:360px) {
.top_appeal{
top:-80px;
text-shadow: initial;
height: 72px;
}
}


/* タブレット以上 */
@media (min-width:481px){
.top_message{
width: 1028px;
margin: 0 auto;
display: flex;
height: 176px;
}
.top_message h2{
font-size: 4.8rem;
margin-block-start: 0.4em;
margin-block-end: 0.2em;
}
.top_message .left_box{
width: 690px;
font-size:2.1rem
}
.top_message .right_box{
width: 270px;
}
.top_message .right_box .profile_link a{
width: 136px;
height: 64px;
background-image: url( "images/top_slider/profile_link_pc.png");
right:260px;
bottom:21px
}
.top_message .right_box .profile_link a:hover{
background-image: url( "images/top_slider/profile_link_pc_hover.png");
opacity: 1.0
}
img.top_message_smile{
width: 272px;
height: 400px;
right: 24;
}

/*トップアピール*/
.top_appeal{
height: 94px;
width: 360px;
top:-122px;
left: 334px;
}
.top_appeal .catch{
height: 20px;
font-size:1.4rem;
line-height: 20px
}
.top_appeal .title a{
font-size:2rem;
height: 30px;
line-height: 30px
}
.top_appeal .description{
font-size: 1.5rem
}
}

/*****　フッター　*****/
#colophon{
}
#colophon .contact_block{
padding-top: 8px
}

/*お問い合せブロック*/
footer .contact_block{
text-align: center
}
bottn#contact a{
display: block;
width: 235px;
height: 50px;
margin: 0 auto;
background: var(--main_color);
border-radius: 6px;
color: #ffffff;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 50px;
margin-bottom: 32px
}
bottn#contact a:hover{
opacity: 0.7
}
/*フッターメニュー*/
#colophon .footer_nav{
margin-top: 32px
}
ul.category_list,
#colophon .footer_nav ul{
border-top: 1px #ffffff solid;
background-color: var(--bg_pink);
}
ul.category_list li a,
#colophon .footer_nav ul li a{
display: flex;
justify-content: center;
align-items: center;
border-top: 1px #ffffff solid ;
height: 42px;
color: #444444
}
ul.category_list li a:hover,
#colophon .footer_nav ul li a:hover,
#colophon .footer_nav ul li a.current{
background-color: var(--bg_pink_hover) ;
}
/* タブレット以上 */
@media (min-width:481px){
bottn#contact a{
font-weight: 500
}
#colophon .footer_nav ul{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#colophon .footer_nav ul li a{
width: 244px;
}
}
 
 

/*奥付*/
#colophon .contact_block p{
margin-bottom: 24px
}
#colophon .copyright{
text-align: center;
font-size: 1.4rem;
margin-bottom: 24px
}
#colophon .copyright .footerlogo{
height: 100px;
margin: 16px 0;
background-image: url( "images/header/nagomi_logo.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
#colophon .copyright .notes{
font-size: 0.8rem
}

/***** トップページ *****/
/*コンセプト*/
.top_concept dl{
margin-bottom: 24px;
}
.top_concept dt{
padding: 16px 0;
font-family: 'SourceHanSerifSemiBold';
font-size:7vw;
text-align: center;
text-shadow:
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
background-image: url(  "images/top_page/top_concept_bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
.top_concept dd{
padding-top: 24px;
}
.top_concept .profile_link{
width: 100%;
height: 49vw;
margin-top: -24px;
background-image: url("images/top_page/concept_profile_link.png");
background-repeat: no-repeat;
background-position: top center;
background-size: contain
}
.top_concept .profile_link a{
display: block;
height: 100%;
}
.top_concept .profile_link a:hover{
background-image: url("images/top_page/concept_profile_link_hover.png");
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
}
/* タブレット以上 */
@media (min-width:481px){
.top_concept{
position: relative;
font-size: 1.7rem
}
.top_concept .profile_link{
height: 56px;
width: 1028px;
margin-top: 0px;
background-image: url("images/top_page/concept_profile_link-PC.png");
background-size: auto
}
.top_concept .profile_link a{
position: absolute;
width: 375px;
height: 168px;
right: 0px;
bottom: 0px;
background-image: url("images/top_page/concept_profile_link-PCimg.png");
}
.top_concept .profile_link a:hover{
background-image: url("images/top_page/concept_profile_link-PCimg_hover.png");
}
.top_concept dl{
display:table;
margin-inline-start:0px;
margin-inline-end:0px;
min-height: 141px;
}
.top_concept dt{
display: table-cell;
vertical-align: middle;
font-size: 2.6rem;
width: 336px;
padding: 0px;
text-align: center;
background-size:392px 141px
}
.top_concept dd{
display: table-cell;
vertical-align: middle;
padding: 0px;
width: 652px
}
.top_concept .pc_only a{

}
top_concept .pc_only a:hover{
background-image: url("images/top_page/concept_profile_link-PCimg_hover.png");
}
}
 
 
/*事業内容*/
.business_development .image_box{
text-align: center;
height: 79vw;
width: 100%;
display: table;
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
}
.business_development .image_box p{
font-family: 'SourceHanSerifMedium';
font-size: 2rem;
color: #FFF;
text-shadow: 
    #333 1px 1px 2px, #333 -1px 1px 2px,
    #333 1px -1px 2px, #333 -1px -1px 2px;
    display: table-cell;
    vertical-align: middle
}
.business_development .image_box p span.notes{
font-size: 90%
}
.business_development .image_box a{
display: block;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
line-height: 36px;
width: 168px;
height: 36px;border: 1px #fff solid;
text-shadow: 0px 0px 2px #000000;
background-color: rgba(255,255,255,0.2);
border-radius: 3px;
margin: 0 auto;
margin-top: 8px
}
.business_development .image_box a:hover{
background-color: rgba(255,255,255,0.35);
}
.business_development .image_box.consulting{
background-image: url("images/top_page/business_image_consulting.png");
}
.business_development .image_box.training{
background-image: url("images/top_page/business_image_training.png");
}
.business_development .image_box.sixthsector{
background-image: url("images/top_page/business_image_sixthsector.png");
line-height: 1.75
}
.business_development .image_box.research{
background-image: url("images/top_page/business_image_research.png");
line-height: 2
}
.business_development .image_box.education{
background-image: url("images/top_page/business_image_education.png");
}
/* タブレット以上 */
@media (min-width:481px){
.business_development_box_wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.business_development_box_wrapper:last-child{
justify-content: center;
}
.business_development_box{
width: 316px
}
.business_development_box .index_line.large{
width: 100% !important
}
.business_development .image_box p span.notes{
font-size: 1.5rem
}
.business_development_box.last{
margin-left: 20px
}
.business_development_box .image_box{
height:316px;
margin-bottom: 32px}
.business_development .image_box.consulting{
background-image: url("images/top_page/business_image_consulting_PC.png");
}
.business_development .image_box.training{
background-image: url("images/top_page/business_image_training_PC.png");
}
.business_development .image_box.sixthsector{
background-image: url("images/top_page/business_image_sixthsector_PC.png");
line-height: 1.75
}
.business_development .image_box.research{
background-image: url("images/top_page/business_image_research_PC.png");
line-height: 2
}
.business_development .image_box.education{
background-image: url("images/top_page/business_image_education_PC.png");
}
}

/*ブログ新着*/
div.blog_articles{
padding-bottom:  24px
}
dl.entry_block{
height: 25vw;
display: flex;
margin-bottom: 24px
}
dl.entry_block dt{
width: 36%;
overflow: hidden
}
dl.entry_block dt img{
object-fit: cover;
}
dl.entry_block dd{
padding-left: 2%;
width: 62%;
line-height: 1.3
}
dl.entry_block dd .entry_title{
font-size:1.6rem;
font-weight: bold;
}
dl.entry_block dd .entry_date{
font-size:1.4rem
}
div.blog_morelink a,
.backlink a{
display: block;
width: 184px;
height: 48px;
margin: 0 auto;
font-size: 1.8rem;
font-weight: bold;
line-height: 48px;
text-align: center;
border: 1px dotted var(--main_color);
border-radius: 8px;
margin-top: 16px
}
div.blog_morelink a:hover,
.backlink a:hover{
opacity: 1.0;
background-color: var(--bg_pink);
}
/* タブレット以上 */
@media (min-width:481px){
.entry_block_wrapper,.related_article{  /*関連記事も同時に設定*/
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
dl.entry_block{
display: block;
height: auto;
width: 316px
}
dl.entry_block dt{
width: 100%;
height: 240px
}
dl.entry_block dd{
width: 100%;
padding-left: 0px;
padding-top: 8px
}
dl.entry_block dd .entry_title{
font-size: 1.8rem;
font-weight: 500;
}
div.blog_morelink a,
.backlink a{
font-weight: 500;
}
}

/*お客様の声*/
.top_voices_block{
position: relative;
padding: 13px 5%;
background-image: url("images/top_page/voice_toplink_bg.png");
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
background-color: var(--bg_pink);
margin-bottom: 24px;
}
.top_voices_block a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.top_voices_block:hover{
opacity: 0.8
}
.top_voices_block dl{
text-align: center;
font-weight: bold;
margin-bottom: 8px
}
.top_voices_block dl:after{
content:"";
position: absolute;
width: 148px;
height: 100px;
left: 0;
right: 0;
margin: auto;
background-size: contain;
}
.top_voices_block dl.jack:after{
background-image: url("images/top_page/voices_thum-jack_company.png")
}
.top_voices_block dl.katsu:after{
background-image: url("images/top_page/voices_thum-katsusato.png")
}
.top_voices_block dl.yamato:after{
background-image: url("images/top_page/voices_thum-yamato_chiropractics.png")
}
.top_voices_block dl.bento:after{
background-image: url("images/top_page/voices_thum-boxlunch_d.png")
}
.top_voices_block dl dt{
color: #fff;
padding: 4px 0px;
background-color: var(--main_color);
}
.top_voices_block dl dd{
font-size: 1.5rem;
padding: 4px 0px;
background-color: rgb(252,205,205,0.5)
}
.top_voices_block p{
padding-top: 94px
}
/* タブレット以上 */
@media (min-width:481px){
.top_voices_block_wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top_voices_block{
width: 484px;
border-radius: 24px
}
.top_voices_block dl{
font-weight: 500;
}
.top_voices_block dl:after{
width: 222px;
height: 150px;
}
.top_voices_block p{
padding-top: 150px
}
}
 
 
/***** 固定ページ *****/
/*共通パート*/
/*共通ヘッダ*/
#pages_header{
width: 100%;
height: 32vw;
}
#pages_header{
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
}
#pages_header.default{
background-image: url("images/pages/pages_header_bg-default.png");
}
#pages_header.consulting{
background-image: url("images/pages/consulting/pages_header_bg-consulting.png");
}
#pages_header.training{
background-image: url("images/pages/training/pages_header_bg-training.png");
}
#pages_header.sixthsector{
background-image: url("images/pages/sixthsector/pages_header_bg-sixthsector.png");
}
#pages_header.research{
background-image: url("images/pages/research/pages_header_bg-research.png");
}
#pages_header.education{
background-image: url("images/pages/education/pages_header_bg-education.png");
}
#pages_header h1.pages_title{
font-family: 'SourceHanSerifSemiBold';
text-align: center;
color: #fff;
text-shadow:
    #DE405B 1px 1px 1.5px, #DE405B -1px 1px 1.5px,
    #DE405B 1px -1px 1.5px, #DE405B -1px -1px 1.5px;
font-size: 7.5vw;
line-height: 32vw;
padding-right: 4px;
margin-left: -8px
}
#pages_header h1.pages_title:before{
content: '';
display: inline-block;
width: 14vw;
height: 14vw;
margin-right: -6px;
background-image: url("images/pages/pages_title_head.png");
background-size: contain;
vertical-align: middle
}

/* タブレット以上 */
@media (min-width:481px){
#pages_header_wrapper{
width: 1272px;
height: 120px;
background-color: var(--sub_color)
}
#pages_header{
width: 988px;
height: 120px;
margin: 0 auto
}
#pages_header h1.pages_title{
font-size: 32px;
line-height: 120px;
text-align: left;
margin-left: 42px
}
#pages_header h1.pages_title:before{
width: 76px;
height: 72px;
margin-right: -8px;
}
#pages_header.default{
background-image: url("images/pages/pages_header_bg_PC-default.png");
}
#pages_header.consulting{
background-image: url("images/pages/consulting/pages_header_bg_PC-consulting.png");
}
#pages_header.training{
background-image: url("images/pages/training/pages_header_bg_PC-training.png");
}
#pages_header.sixthsector{
background-image: url("images/pages/sixthsector/pages_header_bg_PC-sixthsector.png");
}
#pages_header.research{
background-image: url("images/pages/research/pages_header_bg_PC-research.png");
}
#pages_header.education{
background-image: url("images/pages/education/pages_header_bg_PC-education.png");
}
}
/*pc専用（個別ページヘッダの背景を全幅にする）*/
@media (min-width:1025px){
#pages_header_wrapper{
width: 100%;
}
}

/*冒頭説明文*/
div#message_movie,
div.page-content div.discription{
margin-top: 32px
}
.home div#message_movie{
margin-top: 6px
}
div.discription h3{
font-family: 'SourceHanSerifSemiBold';
color: var(--main_color);
font-size: 5.6vw;
line-height:1.4;
margin-bottom: 8px
}
div.discription p{
margin-bottom: 6px
}
/*プロフィールとコンサう以外の冒頭説明文の背景*/
div.page-content div.discription.training,
div.page-content div.discription.sixthsector,
div.page-content div.discription.research,
div.page-content div.discription.education{
background-image: url( "images/pages/discription_bg.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
/* タブレット以上 幅70％一括指定*/
@media (min-width:481px){
div#not_found,div#not_found p,
body.search .page-content,
div.wpcf7,div.privacy_policy,
div.related_article,
div.voices_details_wrapper,
div.top_voices_block.main,
div.media_img,
div.education_images,
div.education_example_wrapper,
div.research_method,
div.training_index,
div.training_overview,
div.sixthsector_supprtcenter,
div.suggestion_example,
div.sixthsector_results,
div.discription{
width: 70%;
margin: 0 auto;
}
div.discription h3{
font-size: 2.8rem;
text-shadow:
    #ffffff 1px 1px 2px, #ffffff -1px 1px 2px,
    #ffffff 1px -1px 2px, #ffffff -1px -1px 2px;
}
div.discription p{
margin-bottom: 16px
}
}

/*===== プロフィール =====*/
div#message_movie{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
div#message_movie iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
h3.profile_index {
text-align: center;
margin: 8px 0px;
font-size: 1.8rem;
line-height: 1.7
}
h3.profile_index .status{
font-family: 'SourceHanSerifMedium';
font-size: 2.4rem;
color: var(--main_color)
}
div.plofire_contents{
margin-bottom: 24px
}
.plofire_contents p{
margin-bottom: 12px
}
h4.results_index{
color: var(--main_color);
font-weight: 500;
font-size: 1.6rem;
margin-top: 8px
}
span.plofire_notes{
font-size: 1.25rem;
padding-left: 0.5rem
}
table.dounload_block{
height: 24vW;
margin-top: 16px;
margin-bottom: 24px
}
table.dounload_block td{
text-align: center
}
table.dounload_block td.pdf_icon{
width: 20%;
background-image: url("images/pages/profile/pdf_icon.png");
background-repeat: no-repeat;
background-size: contain;
}
table.dounload_block td.download{
width: 80%;
height: 14vw
}
table.dounload_block td.download a{
display: block;
width: 100%;
height: 100%;
background-image: url( "images/pages/profile/download_botton.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center
}
table.dounload_block td.download a:hover{
opacity: 0.7
}
/* タブレット以上 */
@media (min-width:481px){
h3.profile_index{
margin-top: 32px;
padding-left: 264px;
font-size: 2.1rem;
text-align: left
}
h3.profile_index .status{
font-size: 2.8rem
}
div.plofire_contents{
/*padding-left: 288px;*/
padding-left: 264px;
margin-bottom: 0px;
padding-bottom: 16px;
background-image: url("images/pages/profile/standhing_img.png");
background-repeat: no-repeat;
background-position: left bottom
}
.plofire_contents p{
margin-bottom: 8px
}
table.dounload_block{
width: 360px;
height:80px
}
table.dounload_block td.download{
height: 60px
}
}
/*===== コンサルティング事業 =====*/
.discription.consulting{
padding-bottom: 55vw;
background-image: url("images/pages/consulting/consulting_top.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom
}
.index_line.consulting{
margin-top: 0px;
height: auto;
}
.index_line.consulting .index{
font-size: 2.1rem
}
.index_line.consulting .notes{
font-size: 1.6rem
}
div.consulting_chart{
margin-top: 24px;
}
table.consul_program{
width: 90%;
margin: 0 auto
}
table.consul_program th{
width: 104px;
height: 88px;
font-size: 1.8rem;
line-height: 1.25;
font-weight: bold;
text-shadow: 
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
background-image: url("images/pages/consulting/consul_program_index.png");
background-repeat: no-repeat;
background-size: contain
}
table.consul_program td.contents{
vertical-align: top;
padding-left: 8px;
padding-bottom: 32px
}
table.consul_program td.arrow{
font-size: 32px;
background-image: url( "images/pages/consulting/chapter-line.png");
background-repeat: no-repeat;
background-position: center bottom
}
p.consul_training{
margin-top: 16px;
margin-bottom: 8px
}
div.consul_training_sample{
padding-left: 5%;
padding-top: 16px;
height: 72vw;
font-size: 1.8rem;
font-weight: bold;
color:#fff;
line-height: 1.6;
text-shadow:
    #333 0.5px 0.5px 2px, #333 -0.5px 0.5px 2px,
    #333 0.5px -0.5px 2px, #333 -0.5px -0.5px 2px;
background-image: url("images/pages/consulting/consul_training_sample.png");
background-size: contain
}
div.consul_annotation{
margin-top: 16px;
margin-bottom: 24px;
padding: 8px;
border: 2px dotted var(--main_color);
border-radius: 8px;
}
/* タブレット以上 */
@media (min-width:481px){
.discription.consulting{
padding-bottom: 8px;
padding-left: 248px;
background-image: url("images/pages/consulting/consulting_top-PC.png");
background-position: left bottom;
background-size: 75%
}
.consulting_chart,
p.consul_training,
div.consul_training_sample{
width: 56%;
margin: 0 auto
}
table.consul_program{
width: 100%
}
table.consul_program th,
div.consul_training_sample{
font-weight: 500
}
table.consul_program img{
margin-top: 8px
}
div.consulting_chart,p.consul_training{
margin-top: 32px
}
div.consul_training_sample{
margin-top: 16px;
height: 388px;
padding-top: 48px;
line-height: 2;
background-repeat: no-repeat
}
div.consul_annotation{
margin-top: 32px;
width: 70%;
padding: 16px
}
}

/*=====　研修事業 =====*/
div.discription.training{
margin-bottom: 24px
}
div.training_index{
height: 64vw;
background-color: var(--bg_pink);
background-size: contain;
background-repeat: no-repeat;
background-position: center top
}
div.training_index.hospitality{
background-image: url( "images/pages/training/training_index-hospitality.png");
}
div.training_index.claims{
background-image: url( "images/pages/training/training_index-claims.png");
}
div.training_index.freshman{
background-image: url( "images/pages/training/training_index-freshman.png");
}
div.training_index.freshman_2nd{
background-image: url( "images/pages/training/training_index-freshman_2nd.png");
}
div.training_index.generation-Z{
background-image: url( "images/pages/training/training_index-generation-Z.png");
}
div.training_overview p{
margin:16px 0 ;
}
div.training_overview ul li{
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 1rem
}
ul.double_circle.allpink{
color: var(--main_color);
margin: 16px 0px 32px 0px;
}
/* タブレット以上 */
@media (min-width:481px){
div.training_index{
height: 442px;
margin-top: 40px;
}
div.training_overview .index_line{
width: 100%
}
}

/*===== ６次産業化支援 =====*/
div.sixthsector_supprtcenter{
margin-top: 24px;
margin-bottom: 24px
}
div.sixthsector_supprtcenter a{
font-size: 4vw;
text-align: center;
display: block;
width: 100%;
height: 12vw;
line-height: 12vw;
background-color: var(--sub_color);
border-radius: 16px;
margin-bottom: 10px;
}
div.suggestion_example{
padding: 16px 0px;
}
div.suggestion_example ul{
width: 90%;
margin: 0 auto;
font-weight: bold;
color: var(--main_color); 
}
div.sixthsector_results{
background-color: var(--bg_pink);
height: auto;
padding: 16px 0px;
}
div.sixthsector_results ul.double_circle li:before{
color: var(--txt_color)
}
div.sixthsector_results ul{
width: 90%;
margin: 0 auto;
font-weight: bold;
}
div.sixthsector_results .note{
font-size: 1.4rem
}
div.related_article{
margin-top:16px;
margin-bottom: 24px
}
dl.entry_block.fixed{
margin-top: 16px;
height: 35vw;
}
dl.entry_block.fixed .index_line{
font-size: 1.5rem;
padding: 2px;
margin-bottom: 4px
}
/* タブレット以上 */
@media (min-width:481px){
div.sixthsector_supprtcenter a{
font-size: 21px;
height: 40px;
line-height: 40px;
}
div.sixthsector_supprtcenter img{
margin-top: 32px
}
div.suggestion_example ul,
div.sixthsector_results ul{
font-weight: 500
}
 /*関連記事ブロック*/
div.index_line.relatedposts{  
margin-top:32px
}
dl.entry_block.fixed{
display: flex;
height: 240px;
width: 70%
}
dl.entry_block.fixed dt{
width: 320px
}
dl.entry_block.fixed dd{
padding-left: 16px
}
dl.entry_block.fixed .index_line{
width: 50%;
margin-left: 0px;
margin-bottom: 12px
}
}

/*===== 調査事業 =====*/
div.discription.research{
margin-bottom: 24px
}
div.research_method{
padding-bottom: 24px
}
div.research_method_index{
width: 100%;
height: 23vw;
display: table
}
div.research_method_index .img{
display: table-cell;
width: 45%;
background-repeat: no-repeat;
background-size: contain;
}
div.research_method_index .img.mystery_shopper{
background-image: url("images/pages/research/research_method-mystery_shopper.png")
}
div.research_method_index .img.mystery_call{
background-image: url("images/pages/research/research_method-mystery_call.png")
}
div.research_method_index .img.follow_up{
background-image: url("images/pages/research/research_method-follow_up.png")
}
div.research_method_index .index{
display: table-cell;
width: 55%;
background-color: var(--main_color);
color: #ffffff;
vertical-align: middle;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.2
}
div.research_method_index .index .notes{
font-weight: normal;
font-size: 1.4rem
}
div.research_method p{
margin-top: 16px;
margin-bottom: 16px
}
/* タブレット以上 */
@media (min-width:481px){
div.research_method_index{
height: 160px
}
div.research_method_index .index{
font-weight: 500
}
}

/*===== 教育支援事業 =====*/
div.education_images{
margin-bottom: 24px
}
div.education_images img{
margin-top: 16px
}
div.discription.education{
margin-bottom: 32px
}
div.education_example_wrapper{
background-color: var(--bg_pink);
padding-bottom: 24px
}
div.education_example{
padding-top: 16px
}
div.education_example dl{
display:flex
}
div.education_example dl dt span.result{
font-size: 1.4rem;
font-weight: normal;
background-color:  var(--main_color);
padding: 1px 6px;
color: #ffffff;
border-radius: 4px;
white-space: nowrap;
}
div.education_example dl dd{
padding-left: 4px
}
div.education_example dl dd span.notes{
font-size: 1.4rem;
}
/* タブレット以上 */
@media (min-width:481px){
div.education_example_wrapper{
padding: 8px 24px 24px 24px
}
}

/*=== メディア情報　=====*/
div.media_img{
margin-top: 12px;
margin-bottom:56px
}
div.media_img img{
margin-bottom: 12px
}

/*===== お客様の声 =====*/
/*.top_voices_blockを流用*/

/*お客様の声・入り口ページ*/
div.page-content div.top_voices_block{
background-size: 50%;
background-position: right 5% bottom 5%
}
div.page-content .top_voices_block dl:after{
width: 90%;
height: 61vw
}
div.page-content .top_voices_block p{
padding-top: 61vw
}

/* タブレット以上 */
@media (min-width:481px){
div.page-content .top_voices_block dl:after{
width: 385px;
height: 260px
}
div.page-content .top_voices_block p{
padding-top: 260px
}
div.page-content div.top_voices_block{
margin-bottom: 32px
}
}

/*お客様の声・個別ページ*/
.top_voices_block.details{
text-align: center;
font-weight: bold;
font-size: 1.8rem;
background-size: 60%;
background-position: right 5% bottom 5%
}
table.lecture_summary{
margin-bottom: 21px;
border: 1px solid #dcdcdc
}
table.lecture_summary th{
padding: 6px 12px;
font-size: 1.4rem;
background-color:#dcdcdc;
letter-spacing: 0.06em
}
.voices_detail_body table.lecture_summary td{
vertical-align: top;
padding:2px 4px;
font-size: 1.3rem;
line-height: 1.25;
}
.voices_detail_body p{
margin-top: 8px
}
.voices_detail_index{
padding: 8px 5%;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
color: var(--main_color);
background-color: var(--bg_pink);
background-image: url("images/top_page/voice_toplink_bg.png");
background-repeat: no-repeat;
background-size: 60%;
background-position: right 5% bottom 5%
}
.voices_detail_body p.query{
font-weight: bold;
}
.voices_detail_body p.reply{
margin-bottom: 24px
}
.backlink{
margin-top: 32px;
margin-bottom: 32px
}
div.client_summary_index{
margin-top: 32px;
padding: 8px 0;
text-align: center;
font-size: 1.5rem;
line-height: 1.4;
background-color: #dcdcdc
}
div.client_summary_index em{
font-size: 1.6rem;
font-weight: bold
}
div.client_summary_body{
font-size: 1.5rem;
line-height: 1.4;
margin-top: 16px;
padding-bottom: 24px
}
div.client_summary_body p{
margin-bottom: 6px;
}
div.client_summary_body em{
font-weight: bold
}
div.voices_detail_body.yamato_chiropractics{
padding-bottom: 70vw;
background-image: url("images/pages/voices/img-yamato_chiropractics.png");
background-size: 70%;
background-repeat: no-repeat;
background-position:center bottom
}
/* タブレット以上 */
@media (min-width:481px){
.index_line.exlarge.voices_details{
margin-top: 32px
}
.top_voices_block.details{
width: 70%;
margin: 0 auto;
font-weight: 500;
border-radius: 0px;
margin-bottom: 32px;
}
table.lecture_summary th,
.voices_detail_index,
.voices_detail_body p.query,
div.client_summary_index em,
div.client_summary_body em{
font-weight: 500;
}
div.voices_detail_body.yamato_chiropractics{
padding-bottom: 430px;
background-size: 56%;
}
table.lecture_summary td.yamato{
text-align: right
}
}
  
/*===== お問い合せ =====*/
div.discription.contact p{
margin-bottom: 6px
}
div.discription.contact{
margin-bottom: 24px
}
.contact_body .note{
	font-size:1.2rem;
    }	
span.wpcf7-form-control-wrap input{
width: 100%
}
.contact_body p{
margin-bottom: 16px
}
input[type="submit"]{
display: block;
width: 235px;
height: 50px;
margin: 0 auto;
background: var(--main_color);
border-radius: 6px;
color: #ffffff;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 48px;
padding: 0px;
}
input[type="submit"]:hover{
opacity: 0.7
}
div.privacy_policy{
font-size: 1.4rem
}
.wpcf7-response-output{
border-radius: 6px;
margin-top: 0px !important
}
.wpcf7-mail-sent-ok{
	border:1px #de405b dotted !important;
	border-radius:6px;
/*	margin-top:48px !important;
	padding-left:48px !important;
	padding-top:48px !important;
	padding-bottom:48px !important;*/
    }
/* タブレット以上 */
@media (min-width:481px){
div.discription.contact{
margin-top: 32px
}
input[type="submit"]{
font-weight: 500;
}
}
 

/*===== なごみブログ =====*/
/*ブログトップ*/
article.post{
margin-top: 32px
}
div.eye_catch img{
width: 100%;
height: 63vw;
object-fit: cover;
}
h2.entry-title{
margin-top: 6px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.25
}
div.excerpt{
display: none
}
div.entry-meta{
font-size: 1.4rem
}
.navigation.posts-navigation{
display: none
}
div.wp-pagenavi{
margin-top: 32px;
}
div.wp-pagenavi .pages{
display: none
}
ul.category_list{
}/*フッターメニューを流用*/

/* タブレット以上 */
@media (min-width:481px){
div.excerpt{
display: inline
}
h2.entry-title{
font-weight: 500;
padding-bottom: 6px;
border-bottom: 1px var(--main_color) solid
}
article.post dl{
display: flex
}
article.post dl dt{
width: 400px
}
div.eye_catch img{
height: 300px
}
article.post dl dd{
width:588px;
padding-left: 20px
}
h2.entry-title{
margin-top: 0px;
font-size: 2.1rem
}
.index_line.category{
width: 100%
}
ul.category_list{
display: flex;
flex-wrap: wrap;
background-color: #ffffff;
}
ul.category_list li{
width: 25%;
border-bottom: 1px var(--main_color) dotted
}
}

/*個別記事*/
.entry-header .header_entry_date,
.entry-header .entry-meta,
.entry-footer{
font-size: 1.4rem;
}
.entry-header h1.entry-title{
font-size: 2.4rem;
line-height: 1.25;
font-weight: bold;
padding-bottom: 8px;
border-bottom: 1px #444 solid
}
.entry-content p{
line-height: 1.4;
margin-bottom: 8px
}
p.inquiry_link a{
display: inline-block;
width: 44px;
text-indent: -9999px;
background-image: url( "images/blog/mail_icon_end.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
p.inquiry_link a:hover{
opacity: 0.7
}
.entry-footer{
margin-top: 24px
}
.post-navigation .nav-links{
width: 90%;
margin: 0 auto;
margin-top: 8px;
padding-top: 8px;
border-top: 1px #444 solid;
display: flex;
justify-content:center
}
.post-navigation .nav-links .nav-previous{
padding-right: 12px
}
.post-navigation .nav-links .nav-next{
padding-left: 12px
}
div.index_line.category{
margin-top: 24px
}
header.page-header h1{
font-size: 1.4rem;
padding: 6px 0% 6px 5%;
background-color: var(--bg_pink);
}
header.page-header h1 span{
font-weight: bold
}
/* タブレット以上 */
@media (min-width:481px){
body.single-post #secondary{
display: block
}
div.blog_content{
display: flex
}
div.blog_content #primary{
width: 672px;
padding-right: 20px
}
div.blog_content #secondary{
width: 316px;
padding-left: 32px;
padding-top: 104px;
}
header.page-header h1{
margin-top: 24px
}
.entry-header h1.entry-title{
font-weight: 500;
}
.entry-content p{
line-height: 1.7
}
.entry-content p b,
.entry-content p strong{
font-weight: 500
}
.post-navigation .nav-links{
width: 100%
}
.post-navigation .nav-links .nav-previous{
padding-left: 200px}
.post-navigation .nav-links .nav-next{
padding-right: 200px
}

/*タブレット以上　blog_after（関連記事／カテゴリー）*/
h3.index_line.related_post{
width: 100%;
}
.related_article.single_page {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.related_article.single_page dl{
display:flex;
width: 316px;
margin: 0;
margin-bottom: 24px
}
.related_article.single_page dl dt{
height: 118px
}
.related_article.single_page dl dt a img{
object-fit: cover;
}
.related_article.single_page dl dd{
padding-top: 0px;
padding-left: 8px
}
.related_article.single_page dl dd .entry_title{
font-size: 1.5rem
}
.entry-content p img.aligncenter{
margin-left: 0px
}

/*タブレット以上 サイドバー*/
div.blog_content #secondary h2{
font-size: 1.5rem;
background-color: var(--bg_pink);
padding-left: 8px;
margin-bottom: 8px
}
div.blog_content #secondary label{
display: none
}
div.blog_content #secondary select,
input.wp-block-search__input,
.wp-block-latest-posts__list,
.wp-block-categories-list{
font-size: 1.4rem
}
input.wp-block-search__input{
width: 180px;
flex-grow: 0
}
.wp-block-search__button{
width: 32px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
margin-left: 0px;
padding: 0px;
background-image: url("images/blog/loupe_icon.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain
}
.wp-block-search__inside-wrapper{
height: 26px;
width: 70%
}
p.wp-block-tag-cloud{
line-height: 1.5;
}
.tag-cloud-link{
font-size: 1.4rem !important
}
}

/*===== 検索結果 =====*/
form.search-form{
width: 235px;
margin: 0 auto
}
input.search-field{
width: 235px
}
input.search-field,input.search-submit{
margin: 12px 0px
}
/*404ページ*/
div#not_found{
margin-top: 32px
}
#not_found p{
margin-bottom:24px
}
#not_found .search-form{
text-align: center
}
#not_found .search-submit{
margin-top: 8px
}
/* タブレット以上 */
@media (min-width:481px){
#not_found p{
text-align: center
}
}