/*
Theme Name: meihodo2
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

.serif {font-family: "Noto Serif JP", serif; font-weight: 800;}

.border_none {border-bottom: none !important;}

p {line-height: 1.7; letter-spacing: 1px;}
.letter0 {letter-spacing: 0; line-height: 1.4;}

.sec_title01 {position: relative; display: inline-block; padding-bottom: 5px;}
.sec_title01::before {display: block; content: ""; width: 100%; height: 2px; background: #222; position: absolute; bottom: 1px; left: 0; z-index: 1;}
.sec_title01::after {display: block; content: ""; width: 30px; height: 4px; background: #65aadd; position: absolute; bottom: 0; left: 0; z-index: 10;}

.btn_mini .vk_button_link.btn-sm {padding: 4px 10px;}

.global-nav-list .current_page_item a {color: #333 !important; background-color: #fff;}




/***************************************************
  header
***************************************************/
#site-header { background-color: #fff;}
.site-header { color:#fff; }
.site-header a { color:#fff; }

.site-header--layout--nav-float .site-header-container{ padding:10px;}

.header_scrolled .site-header .global-nav {margin-left: 0; margin-right: 0;}
.site-header--layout--nav-float .site-header-container {justify-content: flex-end;}

/***************************************************
  menu
***************************************************/
.device-pc .global-nav-list>li>a { padding:5px 15px; }
.global-nav-list li { margin:0 3px; }
.global-nav-list>li a { color: #fff !important; border:1px solid #ddd; background-color: #333; }
.global-nav-list>li a:hover { color: #333 !important; border:1px solid #ddd; background-color: #fff; }
.global-nav-list>li:before { border-bottom:none; }


/***************************************************
  footer
***************************************************/
.site-footer { background-color: #3e3a39; color:#fff; }
.site-footer a { color:#fff; }
.footer_box { display:flex; justify-content: left; }
.footer_box ul { margin:0; }
.footer_box li { list-style:none; display:inline-block; margin:0; padding:0 16px 0 0; text-indent:-10px; }
.footer_logo { width:140px; padding:0; margin:0; padding-right: 20px;}
.footer_nav_wrap {padding-top: 17px;}

/***************************************************
  page header
***************************************************/
.page-id-13 .page-header {
    background: url(https://mei-fp.com/wp/wp-content/uploads/2025/06/company.png) no-repeat;
    background-size: cover;
    height: 850px;
    display: flex;
    align-items: center;
}
.page-id-13 .page-header-title {
	text-indent: -9999px; 
}
/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.page-id-13 .page-header {
    background: url(https://mei-fp.com/wp/wp-content/uploads/2025/06/company.png) no-repeat;
    background-size: cover;
    background-position: -95px;
    height: 370px;
    display: flex;
    align-items: center;
}
}


/*実績*/
.page-id-34 .page-header {
    background: url(https://mei-fp.com/wp/wp-content/uploads/2025/06/page_001.png) no-repeat;
    background-size: cover;
    height: 850px;
    display: flex;
    align-items: center;
}
.page-id-34 .page-header-title { text-indent: -9999px; }
/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.page-id-34 .page-header {
    background: url(https://mei-fp.com/wp/wp-content/uploads/2025/06/page_001.png) no-repeat;
    background-size: cover;
    background-position: -95px;
    height: 370px;
    display: flex;
    align-items: center;
}
}



.page-id-14 .page-header {
    display:none;
}
.page-id-14 .page-header-title { text-indent: -9999px; }


/*news*/
/*.page-id-15 .page-header {
    background: url(http://meihodo-energy.com/wp/wp-content/uploads/2025/06/news.png) no-repeat;
    background-size: cover;
    height: 850px;
    display: flex;
    align-items: center;
}
.page-id-15 .page-header-title { text-indent: -9999px; }*/




.page-id-32 .page-header {
    background: url(https://mei-fp.com/wp/wp-content/uploads/2025/06/investment.png) no-repeat;
    background-size: cover;
    height: 850px;
    display: flex;
    align-items: center;
}
.page-id-32 .page-header-title { text-indent: -9999px; }
/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.page-id-32 .page-header {
    background: url(https://mei-fp.com/wp/wp-content/uploads/2025/06/investment.png) no-repeat;
    background-size: cover;
    background-position: -95px;
    height: 370px;
    display: flex;
    align-items: center;
}
}
.page-id-32 .site-body {background-color: #f4f2f2;}


.page-id-202 .page-header { display:none; }
.page-id-210 .page-header { display:none; }






.breadcrumb-list { display:none; }

/***************************************************
  button
***************************************************/
.news_button a { margin-top:10px!important; padding:5px 10px!important; }
.group_button a { margin-top:10px!important; padding:5px 10px!important; }
.group_button2 a { margin-top:28px!important; padding:5px 10px!important; }

.return_btn			{
					border:1px solid #e0e0e0;
					padding:15px;
					border-radius: 3px;
					margin:20px 0px;
					text-align: center;
					}

.return_btn a { color:#333; font-weight:bold; }

/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.group_button2 a { margin-top:10px!important; padding:5px 10px!important; }
}

/***************************************************
  archive
***************************************************/
.postListText_singleTermLabel { display: none; }

/***************************************************
  contetns title
***************************************************/
.con_title { color:#222; /*border-bottom:5px solid #263e63;*/ display:inline-block; }

/***************************************************
  top page
***************************************************/
/* maim movie */
.main_mov { margin-top:-56px; /*height:100vh;*/ min-height: 800px;}
.main_logo { width:75%; }
.main_copy { width:80%; }

/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.main_mov { margin-top:-56px; height:300px; }
.main_logo { width:90%; }
.main_copy { width:100%; }
}

/***************************************************
  新着情報
***************************************************/
.txt-block { margin-bottom:-1px;  }
.txt-block ul {  }
.txt-block li { width:100%; list-style:none; display:inline-block; border-top:1px solid #333; padding:20px 0; margin-bottom:-5px;  }
.txt-block li:last-child { border-bottom:1px solid #333; padding:20px 0;  }
.txt-block span { margin-right:20px; color: #888; letter-spacing: 1px;}
.txt-block li a {color: #333; text-decoration: none;}

/* 更新日を非表示 */
.entry-meta-item-updated { display:none; }
/* 投稿者を非表示 */
.entry-meta-item-author { display:none; }
.fa-calendar-alt::before { display:none; }




.newslist_box dl {display: table; width: 100%; box-sizing: border-box; padding: 20px 0; border-bottom: solid 1px #333;}
.newslist_box dl:nth-of-type(1) {border-top: solid 1px #333;}
.newslist_box dt {display: table-cell; width: 130px; vertical-align: top;}
.newslist_box dt span {color: #888; letter-spacing: 1px; line-height: 1.2; font-weight: 400;}
.newslist_box dd {display: table-cell; vertical-align: top; box-sizing: border-box; padding-left: 10px;}
.newslist_box dd h4 {font-size: 1.1em; letter-spacing: 1px; line-height: 1.3; margin-bottom: 5px; background: none; padding: 0; color: #333; font-weight: 400;}
.newslist_box dd p {font-size: 0.9em; letter-spacing: 1px; line-height: 1.3; color: #888;}
.newslist_box dd a:hover h4 {color: #2D53A5;}
.newslist_box dd a:hover p {color: #2D53A5;}

@media screen and (max-width: 767px) {
	.newslist_box dl {padding: 20px 0 5px; display: block; margin: 0;}
	.newslist_box dt {display: block; width: 100%;}
	.newslist_box dd {display: block; width: 100%; padding-left: 0;}
}


/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.txt-block li { list-style:none; margin-right:20px; display:block; }
}




/***************************************************
  company_profile
***************************************************/
.profile dl dt { width: 100%; border-right: none; color:#222; margin:1em 0 0 0; font-size: 1.1em;}
.profile dl dd { width: 100%; margin:0 0 1em 0; font-size: 1.1em;}
/*.company_photo { padding-top:100px; }*/
.group {  }
.group ul { text-align: center; margin-bottom:15px;}
.group li { list-style:none; display:inline-block; margin:0 5px; vertical-align:middle; }
.meihodo_group01 { width:50px; }
.meihodo_group02 { width:100px; }
/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.company_photo { padding-top:0px; text-align: center; }
}

/***************************************************
  company_profile
***************************************************/
.chikuden_box { position:absolute; }
.chikuden_photo { position:relative; top:-340px; left:-50px; z-index: 2;}
.photo_size { width:450px; }
.chikuden_txt { position:relative; top:-50px; left:-30px; z-index: 3; font-size:0.7em; }

/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.chikuden_photo { position:relative; top:-220px; left:25px; z-index: 2;}
.photo_size { width:300px; }
.chikuden_txt { position:relative; top:-30px; left:20px; z-index: 3; font-size:0.7em; }
}




/***************************************************
  result
***************************************************/
.table_01 { border:none; }
.table_01_title { padding:10px 15px!important; background-color: #84bae5; color:#fff; font-weight:bold; }
.table_01 tr:nth-child(2n) { background: #dfeaf8; }
.table_01 th { padding:10px 15px!important; background-color: #84bae5; color:#fff; font-weight:bold; }
.table_01 td { padding:3px 5px; text-align: center; border-top:none; border-bottom:none; }
.table_01 td:nth-child(2) { text-align: left; }
.table_01 td:first-child { border-left:none; }
.table_01 td:last-child { border-right:none; }

.table_02 { border:none; }
.table_02_title { padding:10px 15px!important; background-color: #87cab0; color:#fff; font-weight:bold; }
.table_02 tr:nth-child(2n) { background: #d2efe0; }
.table_02 th { padding:10px 15px!important; background-color: #87cab0; color:#fff; font-weight:bold; }
.table_02 td { padding:3px 5px; text-align: center; border-top:none; border-bottom:none; }
.table_02 td:nth-child(2) { text-align: left; }
.table_02 td:first-child { border-left:none; }
.table_02 td:last-child { border-right:none; }


.mark_box { border:dashed 1px #aaa; padding:10px 15px; border-radius: 10px;}
.mark_box ul { text-align: center; }
.mark_box li { display:inline-block; margin:0 20px; }
.a_box { background-color: #f5a500; border-radius: 5px; padding:5px 10px; color:#fff; display: inline-block; margin: 5px; }
.b_box { background-color: #8f7db8; border-radius: 5px; padding:5px 10px; color:#fff; display: inline-block; margin: 5px; }
.c_box { background-color: #8fc31f; border-radius: 5px; padding:5px 10px; color:#fff; display: inline-block; margin: 5px; }
.d_box { background-color: #274b8a; border-radius: 5px; padding:5px 10px; color:#fff; display: inline-block; margin: 5px; }
.e_box { background-color: #d6000f; border-radius: 5px; padding:5px 10px; color:#fff; display: inline-block; margin: 5px; }

.title_comment { position:relative; top:-100px; left:960px; z-index: 4; font-size:0.7em; color:#fff; }


/*---------------------------------------------------------
  width: 560px
----------------------------------------------------------*/
@media screen and (max-width: 560px) {
.mark_box li { display:flex; margin:0 20px; }
.title_comment { position:relative; top:-50px; left:230px; z-index: 4; font-size:0.7em; color:#333; }
}

/*---------------------------------------------------------
　contact
----------------------------------------------------------*/
.contact_title				{display: block; border-bottom: solid 2px #333;}
.hissu						{ background-color: #65aadd; border-radius: 4px; padding:5px 10px; color:#fff; font-size:0.8em; }
.doui_box					{ background-color: #f0edec; border-radius: 7px;}
.doui_box_in {padding: 20px;}
.koumoku_text				{ font-weight:bold; margin-bottom: 0; font-size: 1.1em;}
.koumoku_text2              { font-weight:bold; display: block; box-sizing: border-box; padding: 12px; text-align: center; background: #d5cdca; font-size: 1.3em; border-radius: 6px 6px 0 0; margin-bottom: 5px;}
.doui_box_span				{color: #c7a803; font-size: 1em; font-weight: 600;}
.cf7form_input,
.cf7form_input dt,
.cf7form_input dd			{ box-sizing: border-box; }

.cf7form_input dt,
.cf7form_input dd			{ margin: 0px; }


.cf7form_input dt			{ font-weight: bold; }

.cf7form_input dd input[type="text"],
.cf7form_input dd input[type="tel"],
.cf7form_input dd input[type="email"],
.cf7form_input dd textarea	{ padding: 1em; width: 100%; border: none; background-color: #e2f6fa; }

.cf7form_input dd textarea { height: 20em; }

.cf7form_input_file + .cf7form_input_file { margin-top: 20px; }

.cf7form_input_file label {
    display: block;
    position: relative;
    padding: 1.5em 4em;
    width: 90%;
    max-width: 300px;
    border: 1px solid #777;
    border-radius: 2em;
    cursor: pointer;
}

.cf7form_input_file input {
    display: none;
}

.cf7form_input_file p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 0px 1em;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.cf7form_policy {
    padding: 2em 0;
    margin: 30px auto 0px;
    width: 100%;
    text-align: left;
}

.cf7form_policy p {
    margin-bottom: 1em;
}

.cf7form_policy input,
.cf7form_policy label {
    cursor: pointer;;
}

.cf7form_submit {
    text-align: center;
	max-width: 300px;
	width: 90%;
	margin: 30px auto 0;
}

.cf7form_submit input {
    padding: 0.3em 2em;
    border: 2px solid #222;
    border-radius: 10px;
    background-color: #fff;
    outline: none;
    appearance: none;
    color: #222;
	width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}
.cf7form_submit #previous_btn {color: #999; border: 2px solid #999; max-width: 180px; padding: 0.1em 2em; font-size: 1em; margin-bottom: 30px; margin-top: 20px;}
.cf7form_submit #previous_btn:hover {opacity: 0.7;}
.cf7form_submit #submit_btn01 {color: #fff; background: #296292;}
.cf7form_submit #submit_btn01:hover {background: #cbb05f;}
.cf7form_submit .wpcf7-spinner {
    display: block;
    margin: 10px auto 0px;
}

@media screen and (max-width: 767.98px) {
    .cf7form_input dt {
        padding: 1em 0px 0px 0px;
    }
    .cf7form_input dd {
        padding: 1em 0px 1.5em;
        border-bottom: 1px solid #ddd;
    }
}
@media screen and (min-width: 768px) {
    .cf7form_input {
        display: flex;
        flex-wrap: wrap;
    }
    .cf7form_input dt,
    .cf7form_input dd { border-bottom: 1px solid #ddd; }
    
    .cf7form_input dt:last-of-type,
    .cf7form_input dd:last-child { border:none; }

    
    .cf7form_input dt {
        display: flex;
        align-items: ;/*250602 center */
        padding: 2em 1em 2em 0px;
        width: 20%;
    }
    .cf7form_input dd {
        padding: 2em 0px 2em 1em;
        width: 80%;
    }
}


/*---------------------------------------------------------
　entry
----------------------------------------------------------*/
.next-prev-prev.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-start;
}

.next-prev-prev.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: bold;
position: absolute;
font-size: 2rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1rem);
left: 1rem;
}

.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}

.next-prev-next.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.next-prev-next.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
position: absolute;
font-size: 2rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1rem);
right: 1rem;
}

.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}


/*上に戻るボタンカスタマイズ*/
.page_top_btn {
    right: 20px;
    bottom: 120px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    box-shadow: none;
    background-image: url("https://mei-fp.com/wp/wp-content/uploads/2025/06/totop.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
	filter: grayscale(1) brightness(1.5);
}



/*---------------------------------------------------------
　about
----------------------------------------------------------*/
.about_main video {width: 100%; height: auto;}







/*---------------------------------------------------------
　page_main
----------------------------------------------------------*/


.page_main {
	height: 670px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.page_main_energy {background-image: url(https://mei-fp.com/wp/wp-content/uploads/2025/08/energy_main_bg.jpg);}
.page_main_ai {background-image: url(https://mei-fp.com/wp/wp-content/uploads/2025/08/ai_main_bg.jpg);}
.page_main_ev {background-image: url(https://mei-fp.com/wp/wp-content/uploads/2025/08/ev_main_bg.jpg);}
.page_main_news {background-image: url(https://mei-fp.com/wp/wp-content/uploads/2025/08/news_main_bg.jpg);}

.page_main_in {
	max-width: 1500px;
	width: 88%;
	margin: auto;
	position: relative;
	height: 100%;
}

.page_main_img {
	max-width: 900px;
	width: 62%;
	position: absolute;
	right: 0;
	top: 18%;
	z-index: 1;
}
.page_main_ev .page_main_img {text-align: right;}
.page_main_news .page_main_img {text-align: right;}

.page_main_title {
	max-width: 657px;
	width: 35%;
	position: absolute;
	top: 20%;
	left: 4%;
	z-index: 10;
}

@media screen and (max-width: 1536px) {
	.page_main {height: 600px;}
	.page_main_ev .page_main_img {width: 52%;}
	.page_main_news .page_main_img {width: 52%;}
}
@media screen and (max-width: 1366px) {
	.page_main {height: 560px;}
}
@media screen and (max-width: 1199px) {
	.page_main {height: 500px;}
}
@media screen and (max-width: 991px) {
	.page_main {height: 580px;}
	.page_main_img {top: auto; bottom: 30px; width: 100%; max-width: 620px;}
	.page_main_energy .page_main_img {bottom: 20px;}
	.page_main_ev .page_main_img {width: 90%;}
	.page_main_news .page_main_img {width: 90%;}
	.page_main_title {top: 10%; width: 90%;}
	
	.page_main_news .page_main_title img {width: 200px;}
}
@media screen and (max-width: 680px) {
	.page_main {height: 500px;}
}

@media screen and (max-width: 567px) {
	.page_main {height: 0; padding-bottom: calc(460 / 567 * 100%);}
	.page_main_in {height: 0; padding-bottom: calc(460 / 567 * 100%);}
	.page_main_energy .page_main_title img {max-width: 200px;}
	.page_main_ev .page_main_img {left: 0; right: 0; margin: auto;}
	.page_main_news .page_main_img {left: 0; right: 0; margin: auto;}
	
	.page_main_news .page_main_title img {width: 160px;}
	.page_main_ev .page_main_title img {max-width: 360px;}
}
@media screen and (max-width: 450px) {
	.page_main_energy .page_main_title img {max-width: 170px;}
	.page_main_news .page_main_title img {width: 140px;}
	.page_main_ai .page_main_title img {max-width: 300px;}
	.page_main_ev .page_main_title img {max-width: 300px;}
}





/*---------------------------------------------------------
　news
----------------------------------------------------------*/

.postListText {padding: 30px 0; border-bottom: solid 1px #333;}
.postListText_title {font-size: 16px; }
.postListText_title a {text-decoration: none;}
.postListText_date {font-size: 16px; color: #777;}





/*---------------------------------------------------------
　top 
----------------------------------------------------------*/

@media screen and (max-width: 991px) {
	.main_logo img {max-width: 300px;}
	.h_main_text01 {font-size: 30px !important;}
	.main_mov {min-height: 700px;}
	.h_main_text02 {float: none !important; margin: auto !important; max-width: 280px; width: 100%; display: block !important;}
	.h_main_text02 img {max-width: 280px;}
}

@media screen and (max-width: 767px) {
	.main_logo img {max-width: 210px;}
	.h_main_text01 {font-size: 24px !important;}
	.main_mov {min-height: 420px;}
	.h_main_text02 {padding-top: 30px;}
	.h_main_text03 img {max-width: 300px;}
}

@media screen and (max-width: 567px) {
	.main_logo img {max-width: 190px;}
	
}

@media screen and (max-width: 560px) {
	.main_mov {min-height: 530px;}
	.h_main_text02 {max-width: 240px;}
	.h_main_text02 img {max-width: 240px;}
}

@media screen and (max-width: 450px) {
	.h_main_text02 {padding-top: 40px;}
	.main_mov {min-height: 540px;}
}