@charset "utf-8";

/*****************************************************************

	SP 共通レイアウト定義

*****************************************************************/

/* ====== BASE Module SET ===== */

body{
}

img{
	max-width: 100%;
}

.tel_dis{ cursor: pointer; }

.sp_i{ display: inline; }
.sp_b{ display: block; }

.pc_i{ display: none; }
.pc_b{ display: none; }

.pc_ib{ display: none; }
.sp_ib{ display: inline-block; *display: inline; zoom: 1; }

#sub ul a,
.link{
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}

#sub ul a::after,
.link::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}

/*============================================================
	Page / column
============================================================*/
#page{
	min-width: 320px;
	overflow: hidden;
 padding-top: 50px;
}

.inner{
 padding:  0 15px;
}


/*============================================================
	TopContentsStyle
============================================================*/


/*============================================================
	Nav
============================================================*/
 
.btn_sp_menu{
	position: fixed;
	top: 10px;
	right: 15px;
	display: block;
	width: 30px;
	height: 30px;
	background: url("../images/btn_spmenu.png") no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
 z-index: 110;

}

.menu_on  .btn_sp_menu{
	background-image: url("../images/btn_spmenu_on.png")
}

/*============================================================
	Page / column
============================================================*/

/*============================================================
	sp_menu
============================================================*/
.global_nav,
.btn_search_h{
 display: none;
}

#content,
#page_footer{
 transition: 0.5s transform;
}

.menu_on #content,
.menu_on #page_footer{
 transform: translateX(-100%)
}

#page_header{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 border-bottom: 1px solid #ccc;
 z-index: 90;
 background: rgba(230,230,230,0.8) ;
}
#page_header .inner{
 padding:  0;display: block;
}
#page_header .logo{
 width:  85px;
}
#page_header .logo img{
 height: auto;
 width: 100%;
}
.sp_menu_area{
 position: fixed;
 overflow: auto;
 top: 0;
 left: 0;
 bottom: 0;
 width: 100%;
 z-index: 100;
 padding: 65px 15px;
 background: #11254b;
 color: #fff;
 transform: translateX(100%);
 transition: 0.5s transform;
}
.menu_on{ overflow: hidden;}
.menu_on .sp_menu_area{
 transform: translateX(0)
}
.sp_menu_area a{
 text-decoration: none;
 color: #fff;
}
.sp_menu_area form{
 display: flex;
 background: #fff;
 overflow: hidden;
 border-radius: 20px;
}
.inp_txt{
 display: block;
 border: 0;
 padding: 7px;
 line-height: 1;
 width: 100%;
}
.btn_sp_search{
 padding:  5px 10px;
 background: #ff6900;
  border-radius: 20px;

 
}
.btn_sp_search img{
 width: 15px;
}
.sp_global_nav{
 margin-top: 24px;
 font-family: Oswald,Arial, Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
 border-top: 1px solid #fff;
 margin-bottom: 75px;
 font-size: 88%;
}
.sp_global_nav li{
 line-height: 1;
}
.sp_global_nav i{
 font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
 font-size: 68%;
 margin-left: 1em;
}
.sp_global_nav .jp{
 font-size: 78%;
 font-weight: bold;
 margin-left: 0;
}
.sp_global_nav a{
 display: flex;
 align-items: center;
 line-height: 1;
 padding:  15px 0;
 position: relative;
 border-bottom: 1px solid #fff;
 font-weight: 600;
}
.sp_global_nav a small{ margin-left: 1em;font-weight: 400;}
.sp_global_nav a::after{
	content:"";
	display: block;
	width:7px;
	height:7px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:0;
	top:50%;
	margin-top:-4px;
}
.sp_menu_area .wp-tag-cloud{
 font-size: 12px;
}
.sp_menu_area .wp-tag-cloud li{
 display: inline-block;
 line-height: 1;
 margin: 0 5px 5px 0;
}
.sp_menu_area .wp-tag-cloud a{
 display: block;
 border: 1px solid #fff;
 padding: 8px 10px;
 border-radius: 20px;
 text-decoration: none;
}
.sec_sp_menu_area{
 margin-bottom: 75px;
}
.sp_categories_list{
 font-size: 78%;
}
.sp_categories_list li{
 line-height: 1;
}
.sp_categories_list a{
 display: block;
 padding: 7px 0;
}
.sp_menu_area h2{
 font-size: 18px;
 line-height: 1;
 margin-bottom: 0.5em;
 font-weight: 500;
}
/*============================================================
	TOP
============================================================*/
#main{
 padding-top: 0;
	width: 100%;
}
/* Main Design */
#main p,
#main ul,
#main dl,
#main ol,
#main blockquote,
#main pre,
#main td,
#main th{
	font-size: 88%;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
	font-size: 100%;
}

/* default */
#main ul ul,
#main ul p,
#main ul blockquote,
#main ul pre,
#main ul dl,
#main dl dl,
#main dl p,
#main dl ul,
#main dl ol,
#main blockquote p,
#main blockquote ul,
#main blockquote dl,
#main blockquote ol,
#main ol blockquote,
#main ol pre,
#main ol p,
#main td p,
#main td ul,
#main td dl{
	font-size: 100%;
}
/* ===== main_head ===== */
#main.page{
 padding:  20px 0;
}

#main.page h1,
#main.page h2,
#main .page_head,
#main .main_head{
 font-size: 24px;
}
#main.page h1{
 font-size: 28px;
}
#main .main_head i{
 font-size: 50%;
}

#main .sec_side .main_head{
 font-size: 24px;
}
#main .sec_side .main_head i{
 font-size: 50%;
}

#main .main_head .pic{
 margin-top: 10px;
}
#main .tag{
 font-size: 10px;
}
#main .tag i{
 margin: 0 4px 4px 0;
}
#main .tag a{
 padding: 6px 10px;
 border-radius: 20px;
}
#main .ico_cate{
 padding: 2px 5px;
 border-radius: 2px;
 font-size: 10px;
}
/* ===== main_area ===== */
#main .inner{
 display: block
}
#main .main_area{
 width: 100%;
 padding:  20px 0;
}

#main .sub_area{
 width: 100%;
 padding:  20px 0;

}
.owl-prev,
.owl-next{
 margin-top: -0;
 width: 20px;
 height: 33px;
}

.owl-prev{
 left: -12px;
}
.owl-next{
 right: -12px;
}
#main .slide_article{
 margin-bottom: 40px;
}
#main .article_list{
 margin: 0;
}
#main .article_list .pic{
 display: block;
 margin-bottom: 1em;
 overflow: hidden;
}
#main .article_list li>a{
 display: block;
 text-decoration: none

}
#main .article_list li{
 padding: 0 15px;
}
#main .article_list{
}
#main .txt_title{
 margin: 0 0 1em 0;
 line-height: 1.5;
 font-size: 112.5%;
 font-weight: bold;
}
#main .article_list_arc .tag{
 display: none;
}
#main .sec_top{
 border-bottom: 1px solid #a3a3a3;
 padding-bottom: 20px;
 margin-bottom: 50px;
}
#main .article_list li::before{
 right: 0;
}
/* ===== .btn_more ===== */
#main .change{
 margin: 0;
 text-align: center;
}
#main .btn_more{
 display: block;
 margin: auto;
 width: 100%;
 max-width: 140px;
 padding: 12px 10px;
 border-radius: 30px;
 font-size: 16px;
}
/* ===== entru ===== */
.alignright { float: none; margin-left: 0; margin-bottom: 10px;}
.alignleft { float: none; margin-right: 0; margin-bottom: 10px;}
.size_s{
 display: block;
 max-width: 250px;
 margin-left: auto;
 margin-right: auto;
}


/* ===== XXXXX ===== */

/* ===== XXXXX ===== */

/* ===== XXXXX ===== */

/* ===== news_article ===== */


/*============================================================
	Sub
============================================================*/
#main .sec_side .wp-tag-cloud li{
 display: inline-block;
 line-height: 1;
 margin: 0 0 5px 0;
}
#main .sec_side .wp-tag-cloud a{
 display: block;
 border: 1px solid #000;
 padding: 8px 10px;
 border-radius: 20px;
 text-decoration: none;
 color: #000;
}
#main .sec_side{
 margin-bottom: 80px;
}
#main .sec_side ul{
 margin: 0;
}
#main .categories_list li{
 line-height: 1;
 margin-bottom: 1em;
}
#main .categories_list a{
 text-decoration: none;
}
/*============================================================
	News entry
============================================================*/
#main .news_article_head h1{
 font-size: 150%;
}
#main .news_article blockquote, #main .news_article p, #main .news_article ul, #main .news_article ol, #main .news_article dl{
 font-size: 88%;
}
#main .news_article h3,
#main .news_article h2{
 font-size: 125%;
}
#main .news_article h4{
 font-size: 112.5%
}
/*============================================================
	Footer
============================================================*/
#page_footer{
	width: 100%;
	position: relative;
	text-align: center;
}


/*============================================================
	check_cookie_popup
============================================================*/
.check_cookie_popup{
 display:none;
 padding: 20px;
 width: 100%;
 position: fixed;
 bottom: 0;
 left: 0;
 background: rgba(255,255,255,0.80);
 z-index: 1000;
 color: #000;
 text-align: center;
}
.check_cookie_popup p{
 margin: 0 0 1em 0;
 font-size: 16px;
 line-height: 1.5;
 text-align: left;
}
.btn_check_cookie{
 display: inline-block;
 background: #11254b;
 color: #fff;
 line-height: 1;
 padding:  15px 2em;
}
/*============================================================
	LIST
============================================================*/
#main .article_list_arc li>a{
 padding:  10px 10px 0 10px;
}
#main .article_list_arc .tag{
 padding: 0 10px 10px 10px;
}
#main .article_list_arc li{
 padding: 0;
}
#main .page_nav{
 font-size: 78%;
}

/*============================================================
	search_404
============================================================*/
#main .sub_head{
 font-size: 125%;
}
#main .sec_search_none{
 padding:  20px 10px;
 margin-bottom: 30px;
 border-radius: 20px;
}
/*============================================================
	consultant
============================================================*/
#main .consultant_list div{
 display: none;
}
#main .consultant_list a{
 display: block;
}
#main .consultant_list .pic{
 width: 100%;
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
#main .consultant_list .pic img{
 width: 25%;
 margin-right: 5%;
}

#main.consultant{
 padding: 20px 0;
}
#main .consultant_article_head .pic{
 width: 200px;
 display: block;
 margin:  0 auto 20px auto;
}
#main .consultant_article_head .txt{
 width: auto;
}
#main .consultant_article_head h1{
 font-size: 125%;
 text-align: center;
}
#main .consultant_article_head .grp{
 display: block;
}
/*============================================================
	company
============================================================*/
#main.page .page_inner_menu{
 display: flex;
 flex-wrap: wrap;
}
#main.page .page_inner_menu li{
 list-style: none;
 margin: 0 0 2% 0;
 width: 100%;
}

#main #access{
 display: block;
}
#main #access h2{
 width: 100%;
}
#main .sec_company_access{
 width: 100%;
 margin-bottom: 2em;
}
#main .sec_company_access h3{
font-size: 112.5%;
}
#main .map_area{
 width: 100%;
 height:  300px;
 margin-bottom: 1em;
}

#main .sec_company_item{
 padding: 20px;
 border-radius: 20px;
}
#main .sec_company{
 margin-bottom: 50px;
}
#main .sec_company_item h3{
 font-size: 125.0%;
}
#main .sec_company_item h4{
 font-size: 112.50%;
}
/*============================================================
	DX_PAGE add 0925
============================================================*/
#main .lp_area .inner{
}
#main.page .lp_area h2{
 margin: 0 0 1em 0;
}
.sec_introduction{
 padding: 35px 0;
 overflow: hidden;
}

#main .header_onlineconsul .inner,
#main .header_dx .inner{
 display: block;
}
#main .header_onlineconsul,
#main .header_dx{
 padding: 30px 0 40px 0;
}
#main .header_onlineconsul .pic,
#main .header_dx .pic{
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
}
#main .header_onlineconsul .pic img,
#main .header_dx .pic img{ width: 75%;}
#main .header_onlineconsul .txt_box,
#main .header_dx .txt_box{
 width: 100%;
}
#main.page .sec_step, #main .sec_merit, #main .sec_issue{
 padding: 30px 0;
}
#main .sec_consul_info h3,
#main .sec_dx_info h3,
#main.page .sec_step h2,
#main.page .sec_merit h2,
#main.page .sec_issue h2{
 font-size: 24px;
}
#main.page .sec_step li{
 padding: 15px;
 display: block;
 text-align: center;
 border-width: 2px;
}
#main.page .sec_step li::before{
 bottom: -60px;
}
#main.page .sec_step ol img {
    width: 45%;
    margin: 0 0 15px 0;
}
#main.page .sec_step ol{
 font-size: 100%;
}
#main.page .issue_list{
 display: block;
}
#main.page .issue_list li{
 margin: 0 0 10px 0;
 width: 100%;
 text-align: center;
}
#main.page .issue_list img{
 width: 60%;
}
#main .sec_consul_info{
  padding:  20px;
}

#main .header_onlineconsul h1+p{ min-height: 1em;} 
#main .consul_issue{
 padding: 15px;
 border-width: 2px;
 border-radius: 20px;
 display: block;
 text-align: center;
}
#main .consul_issue ul{
 width: 100%;
 font-size:88%;
}
#main .consul_issue img{
 width: 60%;
}
#main.page .consul_issue li{
 margin: 0 0 0.5em 0;
 list-style: none;
 padding-left: 25px;
 background: url("../../../uploads/2024/09/img_consul_list.png") no-repeat left center;
 background-size: 20px auto;
 min-height: 20px;
}
/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	XXXX
============================================================*/

/*============================================================
	Footer
============================================================*/
#page_footer{
	width: 100%;
 padding: 25px 0;
 font-size: 78%;
}
#page_footer .flogo{
 display: block;
 width: 75px;
 margin-bottom: 15px;
}
#page_footer a{
 color: #fff;
 text-decoration: none;
 display: block;
 padding:  10px 0;
 border-bottom: 1px solid #a6aab4;
}
#page_footer p{
 font-size: 78%;
 line-height: 1.5;
}
#page_footer ul{
 display: none;
 margin-bottom: 15px;
 border-top: 1px solid #a6aab4;
}
#page_footer li{
 display: block;
 border-left: 0;
}
#page_footer li:last-child{
 border-right: 0;
}
#page_footer a{
 display: block;
 padding:  1em 0;
}
.foot_btn_contact a{
 bottom: 10px;
 right: 10px;
 padding: 10px 15px;
}
/*============================================================
	search_box
============================================================*/
.search_area_box {
	width: 300px;
	margin-left: -150px;
}