@charset "utf-8";

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

	トップページ＆共通レイアウト定義

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

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


*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body{
	margin: 0;
	padding: 0;
}

html{
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,td,th,
address,
blockquote,form,fieldset,legend,div,hr,pre{
	margin: 0;
	padding: 0;
	font-style: normal;
	text-align: left;
	font-size: 100%;
	line-height: 1.2;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}


body{
	background: #f9f6ef url("../images/nomura-top/34931272_s.jpg") repeat;
 font-optical-sizing: auto;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
}
.pagenation,
.rank,
.txt_tel,
.page_head,
.btn_sahre,
.btn_more,
.main_head,
.sp_menu_area h2{
 font-family: Oswald,Arial, Helvetica, "Noto Sans JP", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,td{
	vertical-align: top;
}

svg,
img,
object,
embed{
	border: 0;
	vertical-align: top;
	outline: none;
	max-width: 100%;
	height: auto;
}
svg {
 overflow-x: visible;
 overflow-y: visible;
}
object:focus{
	outline: none;
}

embed:focus{
	outline: none;
}

img,
input,
select,
textarea{
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
	font-size: 12px;
}

input[type="button"],
input[type="text"],
input[type="submit"] {
	-webkit-appearance: none;
}

button{
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

::-webkit-input-placeholder{
    color: #ccc;
}
::-moz-placeholder{
    color: #ccc;
}
:-moz-placeholder{
    color: #ccc;
}
:-ms-input-placeholder{
    color: #ccc;
}

abbr,
acronym,
fieldset{
	border: 0;
}

hr{
	margin: 2em 0;
	display: block;
	border: 0;
	border-bottom: 1px solid #ddd;
	clear: both;
}

img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	vertical-align: top;

	-moz-user-select: none; 
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none; 
	user-drag: none;
}

iframe{
	display: block;
	vertical-align: top;
}

i,
em{
	font-style: normal;
}

a{
	color: #000;
	background: transparent;

	-moz-transition: 0.25s;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

a:hover,
a:focus{
	opacity: 0.6;
}

a:hover img{
}

ul li{
	list-style: none;
}

::selection{background-color:#333; color: #fff; }
::-moz-selection {background-color:#333; color: #fff; }
input::selection,
textarea::selection{background-color:#b6d6fd; color: #000; }
input::-moz-selection,
textarea::-moz-selection{background-color:#b6d6fd; color: #000; }

div,
ul,
section,
article{
	width: auto;
}

.tel_dis{ cursor: default; }

.sp_i{ display: none; }
.sp_b{ display: none; }

.pc_i{ display: inline; }
.pc_b{ display: block; }

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

.txt_c{ text-align: center;}
.txt_r{ text-align: right;}

/*============================================================
	TopContentsStyle
============================================================*/
 
/*============================================================
	Page / column
============================================================*/
#page{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.inner{
	width: 100%;
	padding:  0 10px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

/*============================================================
	Header
============================================================*/
.btn_sp_menu{ display: none;}
#page_header{
	width: 100%;
	position: relative;
	text-align: center;
 border-bottom: none;
 background: #11254b; /* 新デザイン ヘッダー紺（ロゴ背景と同色） */
}
#page_header .inner{
 max-width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 5px 30px;
}
#page_header .logo{
 max-width: none;
 width: auto;
}
#page_header .logo img{
 display: block;
 height: 88px;
 width: auto;
}
#page_header .logo a:hover,
#page_header .logo a:focus{
	opacity: 1;
}

.btn_search_h{
 background: #ff6900;
 padding: 12px 20px;
 border-radius: 30px;
}
.btn_search_h img{
 width: 20px;
}
.global_nav{
 font-weight: bold;
 font-size: 100%;
 margin-left: 2%;
 margin-right: auto;
}
.global_nav li{
 display: inline-block;
}
.global_nav a{
 text-decoration: none;
 padding:  0 1em;
 color: #fff; /* 紺ヘッダー上で視認できるよう白文字 */
}
.global_nav a:hover,
.global_nav a:focus{
 color: #ff6900;
}

@media screen and (max-width: 1140px) and  (min-width: 769px){
 #page_header .inner{
  padding-right: 10px;
 }
 #page_header .logo img{
  height: 60px;
 }
 .global_nav{
  font-size: 14px;
 }
 .btn_search_h{
  padding: 10px 20px;
  border-radius: 20px;
 }
 .btn_search_h img{
  width: 15px;
 }
}

/*============================================================
	Nav
============================================================*/

/*============================================================
	Content
============================================================*/
#content{
	width: 100%;
}
/*============================================================
	Main
============================================================*/
#main{
 padding-top: 50px;
	width: 100%;
}

/* Main Design */
#main p,
#main ul,
#main dl,
#main ol,
#main blockquote,
#main pre,
#main td,
#main th{
	line-height: 1.75;
	font-size: 100%;
	margin-bottom: 1em;
}

#main table{
	margin-bottom: 1em;
}

#main td,
#main th{
	margin-bottom: 0;
}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 1em;
}

/* 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 *:last-child{
	margin-bottom: 0;
}

/*============================================================
	TOP
============================================================*/

/* ===== main_head ===== */
#main.page h1,
#main.page h2,
#main .page_head,
#main .main_head{
 color:#11254b;
 line-height: 1.5;
 font-size: 36px;
 font-weight: 500;
}
#main.page h1{
 font-weight: 700;
}
#main.page h2,
#main .page_head{
 font-size: 30px;
 font-weight: 700;
}
#main .main_head i{
 display: block;
 margin-top: 0;
 font-size: 50%;
 font-weight: 700;
}
#main .main_head span{
 font-weight: 300;
}

#main .sec_side .main_head{
 font-size: 30px;
}
#main .sec_side .main_head i{
 font-size: 53%;
}

#main .main_head .pic{
 display: block;
 margin-top: 10px;
 font-size: 50%;
 font-weight: bold;
}
#main .tag{
 font-size: 12px;
 margin: 0; 
}
#main .tag i{
 display: inline-block;
 line-height: 1;
 margin: 0 2px 2px 0;
}
#main .tag a{
 display: block ;
 border: 1px solid #000;
 color: #000;
 padding: 8px 10px;
 border-radius: 20px;
 text-decoration: none;
}
#main .ico_cate{
 display: inline-block;
 background: #ff6900;
 border: 1px solid #ff6900;
 color: #fff;
 padding: 3px 10px;
 margin-right: 2px;
 border-radius: 5px;
 text-decoration: none;
 font-size: 12px;
}
/* ===== main_area ===== */
#main .inner{
 display: flex;
 justify-content: space-between;
}
#main.page{
 padding:  50px 0;
}
#main.consultant .inner{
 display: block;
}
#main.page .inner{
 display: block;
 max-width: 1140px;
}

#main .main_area{
 width: 66%;
 padding-bottom: 60px;
}

#main .sub_area{
 width: 30%;

}
.owl-prev,
.owl-next{
 position: absolute;
 top: 50%;
 margin-top: -22px;
 width: 33px;
 height: 55px;
 background:  no-repeat center center;
 background-size: 100% 100%;
 background-image: url("../images/ico_ar_l.png");
}
.owl-prev{
 left: -20px;
}
.owl-next{
 right: -20px;
 background-image: url("../images/ico_ar_r.png");
}
#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{
 position: relative;
 text-decoration: none;
 padding: 0 20px;
}
#main .article_list li::before{
 display: block;
 content: "";
 position: absolute;
 right: 1px;
 top: 0;
 height: 100vh;
 border-right: 1px solid #a3a3a3;
}
#main .article_list{
 border-left: 1px solid #a3a3a3;
}
#main .txt_title{
 margin: 0 0 1em 0;
 line-height: 1.5;
 font-size: 112.5%;
 font-weight: bold;
}
#main .sec_top{
 border-bottom: 1px solid #a3a3a3;
 padding-bottom: 20px;
 margin-bottom: 50px;
}
#main .sec_top_seminar{
 background: #11254b;
 color: #fff;
 padding:  20px;
 margin-bottom: 50px;
}
#main .sec_top_seminar .main_head{
 color: #fff;
}
#main .sec_top_seminar .article_list{
 border: 0;
 max-width: 500px;
 margin: auto;
}
#main .sec_top_seminar .article_list a{
 color: #fff;
}
#main .sec_top_seminar .tag a{
 border-color: #fff;
}
#main .sec_top_seminar .article_list li{
 padding: 0;
}
#main .sec_top_seminar .article_list li::before{
 content: normal
}
/* ===== .btn_more ===== */
#main .change{
 margin: 0;
 text-align: center;
}
#main .btn_more{
 display: inline-block;
 width: 100%;
 max-width: 282px;
 line-height: 1;
 border: 2px solid #11254b;
 color: #11254b;
 padding: 14px 10px;
 border-radius: 30px;
 text-decoration: none;
 text-align: center;
 font-size: 24px;
 font-weight: 600;
}
/* ===== XXXXX ===== */

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

/* ===== news_article_head ===== */
#main .news_article_head{
 margin-bottom: 50px;
}
#main .news_article_head p{
 margin-bottom: 1em;
}
#main .news_article_head h1{
 margin-bottom: 0.5em;
 line-height: 1.25;
 font-size: 30px;
}
#main .news_article_head h1+p{ line-height: 1;}
#main time,
#main .news_article_head time{
 font-size: 88%;

}
#main .news_article_head .tag{
 margin-bottom: 2em;
}
#main .news_article_head .pic{
 display: block;
}
#main .news_article_head .pic img{
 width: 100%;
}
/* ===== news_article_area ===== */
#main .btn_sahre{
 margin:  1.5em 0;
}
#main .btn_sahre dt,
#main .btn_sahre dd{
 display: inline-block;
 vertical-align: middle;
}
#main .btn_sahre dt{ margin-right: 0.5em;}
#main .btn_sahre dd img{ width: 25px; margin-right: 5px;}

#main .news_article_footer .btn_sahre{
 margin:  2em 0 0 0;
 font-size: 125%;
 color: #666;
}
#main .news_article_footer .btn_sahre dt,
#main .news_article_footer .btn_sahre dd{
 display: block;
 text-align: center;
}
#main .news_article_footer .btn_sahre dt{ margin-right: 0; margin-bottom: 10px;}
#main .news_article_footer .btn_sahre dd img{ width: 30px; margin: 0 5px;}

#main .news_article_area{
 background: #fff;
 padding: 25px 20px;
 border-radius: 20px;
}
/* ===== news_article ===== */
.inner{
 max-width: 1260px;
}
#main .aligncenter,
#main .wp-caption{
	width: 100% !important;
	max-width: 640px;
	margin: 3em auto 3em auto;
}
#main .wp-block-image{
	text-align: center;
	margin-bottom: 3em;
}
#main .news_article{
	padding: 0;
 color: #333;
}
#main .news_article a{
 text-decoration: underline;
 font-weight: bold;
 color: #00c8ff;
}

#main .news_article blockquote,
#main .news_article p,
#main .news_article ul,
#main .news_article ol,
#main .news_article dl{
	font-size: 100%;
	line-height: 1.75;
	margin-bottom: 1.25em;
}
#main .news_article li{
	line-height: 1.75;
}
#main .news_article ol,
#main .news_article ul{
 background: #f8f8f8;
 border: 5px solid #eaeaea;
 padding: 15px;
}
#main .news_article ol li{
	margin-left: 1.6em;
 margin-bottom: 1em;
}

#main .news_article ul li{
	position: relative;
	margin-left: 1.6em;
 margin-bottom: 1em;
}
#main .news_article ol li:last-child,
#main .news_article ul li:last-child{ margin-bottom: 0}
#main .news_article ul li::after{
 content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: -1em;
	width: 8px;
	height: 8px;
	background: #999;
}


#main .news_article h2{
	clear: both;
	position: relative;
 color: #11254b;
	padding:  15px 0;
	font-size: 150%;
	margin-top: 4em;
	margin-bottom: 1em;
 border-top: 1px solid #00c8ff;
 border-bottom: 1px solid #00c8ff;
}
#main .seminar_profile{
 overflow: hidden;
}
#main .seminar_profile p{
}

#main .news_article h2:first-child{ margin-top: 0}

#main .news_article h3{
	clear: both;
	font-size: 150%;
	margin-top: 3em;
	margin-bottom: 1em;
	color: #11254b;
 border-bottom: 2px solid #11254b;
 padding-bottom: 5px;
}
#main .news_article .head_interview_q{
	margin-top: 2em;
	margin-bottom: 1em;
	color: #333;
 border-bottom: 0;
 padding-bottom: 0;
 padding-left: 10%;
 position: relative;
}
#main .news_article .head_interview_q::before{
 display: block;
 border-bottom: 2px solid #333;
 content: "";
 width: 8%;
 top: 50%;
 left: 0;
 position: absolute;
}
#main .news_article .head_interview_a{
 padding-left: 10%;
 position: relative;
}

#main .news_article h4{
 padding: 10px;
 background: #f1f1f1;
 
}
#main .news_article .head_interview,
#main .news_article .sgb-heading{
 border: 0;
	clear: both;
	font-size: 125%;
 line-height: 1;
	margin-top: 3em;
	margin-bottom: 0;
 padding:  14px;
 text-align: center;
	color: #fff;
 background: #11254b;
}

#main .news_article h4{
	font-size: 125.0%;
	margin-top: 3em;
	margin-bottom: 1em;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; margin-left: 10px; margin-bottom: 10px;}
.alignleft { float: left; margin-right: 10px; margin-bottom: 10px;}
.size_s{
 max-width: 250px;
}

.orange {
  color: #ffb36b;
}
.green {
  color: #75c375;
}
.blue {
  color: #6bb6ff;
}
.red {
  color: #ee7b7b;
}
.silver {
  color: silver;
}
.keiko_blue {
  background: linear-gradient(transparent 50%, rgba(107, 182, 255, 0.24) 50%);
}
.keiko_yellow {
  background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}
.keiko_green {
  background: linear-gradient(transparent 50%, rgba(151, 232, 154, 0.69) 50%);
}
.keiko_red {
  background: linear-gradient(transparent 50%, rgba(255, 88, 88, 0.24) 50%);
}
.labeltext {
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1;
}

#main .news_article .wp-caption img{ margin-bottom: 1em;}
#main .news_article img{   }
#main .news_article .wp-caption-text { font-size: 88%;}

#main .news_article blockquote{
	padding: 25px 25px 25px 75px;
	background: #eee;
	border-radius: 10px;
	margin-bottom: 3em;
	position: relative;
}

#main .news_article blockquote:before{
	content: "\f10d";
	display: block;
	position: absolute;
	color: #0a96cb;
	font-size: 250%;
	font-family: FontAwesome;
	left: 20px;
	top: 10px;
}
#main .news_article blockquote *:last-child{ margin: 0 !important;}
#main .news_article em{
	text-decoration: none;
	font-weight: bold;	
 background: linear-gradient(transparent 50%, #e0eef3 20%);
}
#main .news_article table{
	border: 1px solid #999;
	margin: 0 auto 2em auto;
}
#main .news_article th,
#main .news_article td{
	border: 1px solid #999;
	padding: 8px;
}
#main .news_article th{ background: #eee;}
/*============================================================
	input
============================================================*/
#main .news_article .wp-block-contact-form-7-contact-form-selector p{
 margin: 1em 0 0 0;
}

#main .contact_area input[type="text"],
#main .contact_area input[type="password"],
#main .contact_area input[type="datetime"],
#main .contact_area input[type="date"],
#main .contact_area input[type="month"],
#main .contact_area input[type="time"],
#main .contact_area input[type="week"],
#main .contact_area input[type="number"],
#main .contact_area input[type="email"],
#main .contact_area input[type="url"],
#main .contact_area input[type="search"],
#main .contact_area input[type="tel"],
#main .contact_area input[type="color"],
#main .contact_area select,
#main .contact_area textarea,
#main .contact_area .field,
#main .news_article input[type="text"],
#main .news_article input[type="password"],
#main .news_article input[type="datetime"],
#main .news_article input[type="date"],
#main .news_article input[type="month"],
#main .news_article input[type="time"],
#main .news_article input[type="week"],
#main .news_article input[type="number"],
#main .news_article input[type="email"],
#main .news_article input[type="url"],
#main .news_article input[type="search"],
#main .news_article input[type="tel"],
#main .news_article input[type="color"],
#main .news_article select,
#main .news_article textarea,
#main .news_article .field {
  display: block;
  width: 100%;
  margin: 0.5em 0;
  padding: 0.55em;
  border: 0;
  border-radius: 3px;
  background: #f2f2f2;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
  line-height: 1.5;
  transition: ease;
}
#main .contact_area textarea,
#main .news_article textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
#main .contact_area select,
#main .news_article select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: 97.5% center;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #f2f2f2;
}
#main .contact_area select::-ms-expand,
#main .news_article select::-ms-expand {
  display: none;
}

.wpcf7-list-item{
 margin-left: 0 !important;
}
.wpcf7-submit{
 display: block;
 padding:  14px 0;
 line-height: 1;
 border-radius: 30px;
 max-width: 180px;
 margin: auto;
 text-align: center;
 width: 100%;
 background-color: #11254b;
 border: 0;
 color: #fff;
 font-weight: bold;
 font-size: 18px;
}
/*============================================================
	Sub
============================================================*/
.rank{
 position: absolute;
 top: 0;
 left: 10px;
 display: block;
 width: 1.5em;
 height: 1.5em;
 line-height: 1.5em;
 font-size: 150%;
 vertical-align: middle;
 text-align: center;
 background: #11254b;
 color: #fff;
 border-radius: 50%;
 z-index: 10;
}
#main .top_rank_area .article_list li,
#main .sub_area .top_rank_list li{
 position: relative;
 padding-top: 10px;
 margin-bottom: 15px;
}
#main .sub_area .rank{
 top: -5px;
 left: -5px;
}
#main .top_rank_list .pic{
 width: 160px;
 margin-right: 10px;
 float: left;
}
#main .top_rank_list .txt_title{
 font-size: 14px;
}
#main .top_rank_list a{
 text-decoration: none;
 display: block;
 overflow: hidden;
}
#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;
 font-size: 88%;
}
#main .categories_list li{
 line-height: 1;
 margin-bottom: 1em;
}
#main .categories_list a{
 text-decoration: none;
}
/*============================================================
	LIST
============================================================*/
#main .page_nav{
 margin: 2em 0 0 0;
 text-align: center;
}
#main .page_nav li{
 display: inline-block;
 margin: 0 5px;
}
#main .page_nav a{
 display: block;
 background: #11254b;
 color: #fff;
 padding:  12px 2em;
 text-decoration: none;
 border-radius: 20px;
 font-weight: bold;
}
#main .article_list_arc{
 border: 0;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#main .article_list_arc li{
 padding: 0;
 background: #fff;
 border-radius: 10px;
 margin-bottom: 2%;
 width: 49%;
}
#main .article_list_arc li>a{
 padding:  20px 20px 0 20px;
}
#main .article_list_arc .tag{
 padding:  0 20px 20px 20px;
}
#main .article_list_arc li::before{
 content: normal;
}
/*============================================================
	Contact
============================================================*/
#main .sec_contact{
 margin-bottom: 70px;
}
#main .sec_contact .txt_tel{
 font-size: 36px;
 line-height: 1;
}
#main .sec_contact .txt_tel img{
 vertical-align: baseline;
 margin-right: 10px;
 width: 36px;
}
#main .sec_contact .txt_tel a{
 color: #11254b;
}
#main .contact_area{
 background: #fff;
 padding: 20px 50px;
 border-radius: 20px;
 margin-top: 30px;
}
#main .contact_area .wpcf7{
 max-width: 700px;
 margin: auto;
}


/*============================================================
	Footer
============================================================*/
#page_footer{
	width: 100%;
 padding: 25px 0;
	position: relative;
	text-align: center;
 background: #11254b;
 color: #fff;
 font-size: 88%;
}
#page_footer .flogo{
 display: block;
 width: 100px;
 margin-bottom: 30px;
}
#page_footer a{
 color: #fff;
 text-decoration: none;
}
#page_footer p{
 font-size: 88%;
 line-height: 1.5;
 margin-bottom: 1em;
}
#page_footer ul{
 margin-bottom: 35px;
}
#page_footer li{
 display: inline-block;
 border-left: 1px solid #fff;
 line-height: 1;
}
#page_footer li:last-child{
 border-right: 1px solid #fff;
}
#page_footer a{
 display: block;
 padding:  0 1em;
}
/*============================================================
	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;
}
/*============================================================
	search_404
============================================================*/
#main .sub_head{
 color: #11254b;
 font-size: 150%;
 line-height: 1;
 margin-bottom: 1em;
}
#main .sec_search_none form{
 position: relative;
}
#main .sec_search_none{
 padding:  30px 20px;
 background: #fff;
 margin: 60px 0;
 border-radius: 20px;
}
#main .art_link,
#main .pagenation ul{
	margin: 2em 0 0 0 ;
	text-align: center;
	font-size: 88%;
}
#main .pagenation li{
	display: inline-block;
	margin: 0 0.25em;
	line-height: 1;
}
#main .pagenation a{
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #11254b;
}
#main .pagenation .num a{
	color: #11254b;
}
#main .pagenation .num a:hover{
}
#main .pagenation .active{
	color: #768093;
	padding: 5px;
}
#main .art_link a{
 display: inline-block;
 margin:  0 0.5em;
 text-decoration: none;
	line-height: 1;
}
#main .art_link a,
#main .pagenation .next a,
#main .pagenation .prev a{
 border: 1px solid #11254b;
 opacity: 0.5;
	padding: 12px 30px;
	color: #11254b;
 background: url("../images/ico_ar_l.png") no-repeat 10px 50%;
 background-size: 10px auto;
 padding-right: 45px;
}
#main .art_link a[rel="prev"],
#main .pagenation .prev a{
padding-left: 45px;
}
#main .art_link a[rel="next"],
#main .pagenation .next a{
 padding-right: 45px;
 background-image: url("../images/ico_ar_r.png");
 background-position: calc(100% - 10px) 50%;
}

/*============================================================
	consultant_list
============================================================*/
#main .consultant_list li{
 margin-bottom: 40px;
}
#main .consultant_list{
 margin-bottom: 140px;
}
#main .consultant_list a{
 text-decoration: none;
 display: flex;
 justify-content:space-between;
 align-items: center;
}
#main .consultant_list .pic{
 width: 20%;
 text-align: center;
}
#main .consultant_list .pic img{
 border-radius: 50%;
 overflow: hidden;
 display: block;
 margin-bottom: 10px;
}
#main .consultant_list div{
 width: 75%;
}

/*============================================================
	static
============================================================*/
#main.page p,
#main.page li{
 line-height: 1.75;
}
#main.page li{
 margin-bottom: 1em;
}
#main.page h2{
 margin: 2em 0 1em 0;
}
#main.page .sec_search_none h2{
 margin-top: 0
}
#main .categories_list li,
#main.page ul li{
 list-style: disc;
}
#main .sub_area .categories_list li, #main.page .sub_area ul li{
 margin-left: 0;
 list-style: none;
}
#main .sub_area .categories_list a, #main.page .sub_area ul a{
 text-decoration: none;
}
#main .categories_list a{
 text-decoration: underline;
 color: #11254b;
}

#main .categories_list li,
#main.page ul li{
 margin-left: 1.6em;
}
#main.page .categories_list li,
#main.page .categories_list li{
 margin-bottom: 0
}
#main.page .page_inner_menu{
 display: flex;
 justify-content: space-between;
 margin: 5em 0;
}
#main.page .page_inner_menu li{
 list-style: none;
 margin: 0;
 width: 24%;
}
#main.page .page_inner_menu a{
 display: block;
 color: #11254b;
 text-decoration: none;
 padding:  0.5em;
 width: 100%;
 text-align: center;
 border: 2px #11254b solid;
 font-weight: bold; 
}
#main.page .page_inner_menu a::before{
 width: 10px;
 height: 10px;
 content: "";
 display: inline-block;
 margin-right: 15px;
 transform: rotate(45deg) translateY(-5px);
 border-bottom: 1px solid #11254b;
 border-right: 1px solid #11254b;
}
#main #access{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
#main #access h2{
 width: 100%;
}
#main .sec_company_access{
 width: 48%;
}
#main .sec_company_access h3{
line-height: 1;
font-size: 125%;
padding: 0.5em 0;
text-align: center;
margin-bottom: 1em;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
color: #11254b;
}
#main .map_area{
 width: 100%;
 height:  300px;
 margin-bottom: 1em;
}
#main .map_area iframe{
 width: 100%;
 height:  100%;
}
#main .sec_company_item{
 background: #cfd3db;
 padding: 35px 5%;
 margin-bottom: 2em;
 border-radius: 20px;
}
#main .sec_company{
 margin-bottom: 100px;
}
#main .sec_company_item h3{
 text-align: center;
 font-size: 150%;
 color: #11254b;
 margin-bottom: 1em;
 line-height: 1;
}
#main .sec_company_item h4{
 text-align: center;
 font-size: 125.0%;
 color: #11254b;
 margin-bottom: 1em;
}
#main .table_outline{
 width: 100%;
}
#main .table_outline th,
#main .table_outline td{
 padding:  1em 0;
 border-bottom: 1px solid #aaa;
 vertical-align: middle;
}
#main .table_outline th{
 white-space: nowrap;
 padding-right: 1em;
}
/*============================================================
	consultant
============================================================*/
#main.consultant{
 padding-bottom: 100px;
}
#main .consultant_article_head .grp{
 display: flex;
 justify-content: space-between;
 align-items: center; 
}
#main .consultant_article_head h1{
 font-size: 150%;
 line-height: 1;
 margin-bottom: 1.5em;
}
#main .consultant_article_head h2{
 margin: 0 0 1em 0;
 line-height: 1;
}
#main .consultant_article_head .pic{
 width: 28%;
 overflow: hidden;
 border-radius: 50%;
}
#main .consultant_article_head .txt{
 width: 68%;
}
#main .consultant_article_head .btn_sahre{
 text-align: center;
}

.foot_btn_contact a{
 display: block;
 position: fixed;
 bottom: 30px;
 right: 10px;
 z-index: 98;
 background: #ff6900;
 color: #fff;
 text-decoration: none;
 padding: 15px 30px;
 line-height: 1;
 font-weight: bold;
}
.foot_btn_contact a:hover,
.foot_btn_contact a:focus{
 color: yellow;
 background: #ff6900;
 opacity: 1;
}
/*============================================================
	search_box
============================================================*/

.search_area_box{
	display: none;
	position: fixed;
	padding: 25px;
	top: 20vh;
	left: 50%;
	width: 640px;
	margin-left: -320px;
	background: #fff;
	z-index: 100;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
 border-radius: 40px;
}
.ov{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0.25;
	z-index: 99;
	background: #11254b;
}
.menu_on{	overflow: hidden;}
.ser_on .search_area_box,
.ser_on .ov{
	display: block;
	cursor: pointer;
}

.search_area_box p{
	position: relative;
}
.s{
	display: block;
	width: 100%;
	height:  40px;
	padding: 10px;
	border: 1px solid #ccc;
 border-radius: 20px;
	font-size: 16px;
}
.btn_s_submit{
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 50px;
	background: #ff6900;
 border-radius: 20px;
	z-index: 1;
}
.btn_s_submit img{
	width: 20px;
}



/*============================================================
	DX_PAGE add 0925
============================================================*/
#main .lp_area .inner{
 max-width: 1200px;
}
#main.page .lp_area h2{
 margin: 0 0 1em 0;
}
.sec_introduction{
 padding: 65px 0;
}
#main .header_onlineconsul .inner,
#main .header_dx .inner{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
#main .header_onlineconsul,
#main .header_dx{
 padding: 60px 0 80px 0;
 color: #fff;
 background: linear-gradient(90deg, #40567f 0%, #11264c 100%)
}
#main .header_onlineconsul{
 background: linear-gradient(90deg, #c5ecee 0%, #67bbbf 100%);
 color: #11254b;
}
#main .header_onlineconsul h1,
#main .header_dx h1{
 text-align: center;
 color: #11254b;
}
#main .header_dx h1{ color: #fff;}
#main .header_onlineconsul .pic,
#main .header_dx .pic{
 width: 50%;
 order: 2;
}
#main .header_onlineconsul .txt_box,
#main .header_dx .txt_box{
 color: #fff;
 width: 48%;
 order: 1;
}
#main .header_onlineconsul .txt_box{
color:#11254b;
}
#main .header_onlineconsul h1+p{ min-height: 10em;} 
#main .header_onlineconsul p,
#main .header_dx .txt_box p{
 margin-bottom: 2em;
}
#main .header_onlineconsul p:last-child,
#main .change,
#main .header_dx .txt_box p:last-child{
 margin-bottom: 0;
 text-align: center;
}

#main .sec_dx_info{
  background: #f9f9f3;
  padding:  30px 20px;
  border-radius: 20px;
  max-width: 800px;
  margin: 50px auto 0 auto;
}
#main .sec_consul_info h3,
#main .sec_dx_info h3{
 color:#11254b;
 text-align: center;
 margin: 0 0 1em 0;
 font-size: 30px;
}
#main.page .issue_list {
 display: flex;
 justify-content: space-between;
}
#main.page .issue_list+p{
 margin-top: 2em;
}
#main.page .sec_step,
#main .sec_merit,
#main .sec_issue{
 background: #3f495b;
 padding: 65px 0;
}
#main .sec_merit{ background: #f9f9f3}
#main.page .sec_step{ background: #071736}

#main.page .sec_step h2,
#main.page .sec_merit h2,
#main.page .sec_issue h2{
 margin:  0 0 1em 0;
 color: #fff;
 text-align: center;
 font-size: 42px;
}
#main.page .sec_merit h2{ color: #11254b}
#main.page .sec_merit h2 em,
#main.page .sec_issue h2 em{
 color: #ff6900;
}
#main.page .issue_list li{
 margin: 0;
 list-style: none;
 width: 33%;
}
#main.page .sec_step ol{
 margin:  0 auto 3em auto;
 max-width: 980px;
 font-size: 112.5%;
 font-weight: bold;
}

#main.page .sec_step li::before{
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 border: 30px solid #ff6900;
 border-color: #ff6900 transparent transparent transparent;
 bottom: -64px;
 left: 50%;
 margin-left: -30px;
}
#main.page .sec_step li:last-child{
 background: #fcf9cf;
 margin: 0;
}
#main.page .sec_step li:last-child::before{
 content: normal;
}
#main.page .sec_step li{
 position: relative;
 margin: 0 0 30px 0;
 list-style: none;
 border: 5px solid #ff6900;
 padding: 30px 20px;
 border-radius: 20px;
 background: #f9f9f3;
 display: flex;
 justify-content: flex-start;
 line-height: 2;
}
#main.page .sec_step ol img{ width: 22%; margin-right: 2%}


.btn_more_contact{
 display: inline-block;
 line-height: 1;
 background: #ff6900;
 color: #fff;
 font-weight: bold;
 padding: 20px 1em;
 text-align: center;
 text-decoration: none;
 border-radius: 50px;
}

#main .sec_consul_info{
  background: #f9f9f3;
  padding:  30px 8%;
  border-radius: 20px;
  margin: 80px auto 0 auto;
}
#main.page .sec_consul_info ul{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin: 0;
}
#main.page .sec_consul_info li{
 margin: 0 0 2% 0;
 list-style: none;
 width: 32%;
}
#main .consul_issue{
 background:#dedede ;
 padding: 25px;
 border: 5px solid #a5a5a5;
 border-radius: 20px;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}
#main .consul_issue ul{
 width: 68%;
 order: 1;
 font-size: 112.5%;
 font-weight: bold;
}
#main .consul_issue ul strong{
 color: #f00;
}

#main .consul_issue img{
 width: 40%;
 order: 2;
}
#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;
}

/* ポップアップバナーの表示 */
.my-floating-banner {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  display: inline-block;
}

/* ✕ボタン */
.banner-close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #333;
  color: #fff;
  border: none;
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  z-index:10;
}

/* バナー画像 */
.banner-image {
  max-width: 450px; /* PCサイズ */
  height: auto;
  display: block;
}

/* スマホのときサイズを小さく */
@media (max-width: 768px) {
  .my-floating-banner {
    right: 10px;
    bottom: 10px;
  }

  .banner-image {
    max-width: 300px; /* スマホ用に縮小 */
  }
  
  .banner-close {
    top: -8px;
    right: -8px;
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
}
/* ホバー時に少し拡大するアニメーション */
.banner-image {
  transition: transform 0.3s ease;
}

.banner-image:hover {
  transform: scale(1.08); /* 拡大率：1.08（8%アップ） */
  opacity: unset;
}
.my-floating-banner a:hover{
	opacity: unset;
}

/* PCは折りたたまない */
.cookie-toggle,
.cookie-toggle-label {
  display: none;
}

/* -------------------------------
   スマホのみ折りたたみ機能 ON
-------------------------------- */
@media screen and (max-width: 768px) {

  /* タイトル（展開ボタン） */
  .cookie-toggle-label {
    display: block;
    font-size: 14px;
    color: #007aff;
    margin-bottom: 8px;
    cursor: pointer;
    text-decoration: underline;
  }

  /* チェックボックスを非表示 */
  .cookie-toggle {
    display: none;
  }

  /* ▼ 初期状態：閉じる */
  .cookie-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out;
  }

  /* ▼ チェックが入ったら展開 */
  .cookie-toggle:checked ~ .cookie-text {
    max-height: 300px; /* テキストが収まる高さを指定（多めでOK） */
  }
}