@charset "utf-8";

/*------------------------------------------------
	共通
------------------------------------------------*/

::-webkit-input-placeholder {
    color:    #CCC;
}
:-moz-placeholder {
    color:    #CCC;
}

.page_top
{
	position		: fixed;
	right			: 20px;
	bottom			: 10px;
	z-index 		: 500; 
}
.page_top img
{
	border-radius: 3px;
	border 			: 1px #CCC solid; 
}

.ac_point
{
	padding-top 	: 76px;
	margin-top 		: -76px;
}



/*▼form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/

#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select{
    font-size:16px;
    border-radius:3px;
    padding: 0.8em 1em;
	background: #f7f7f7;
	border: none;
	border: 1px #EEE solid;
}

button
{
       background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
button.submit_btn,
.more_btn .btn
{
	display 			: block;
	max-width 			: 300px;
	width 				: 80%;
	margin 				: 0 auto; 
}


.form_com_name
{
	width 			: 100%; 
}


.form_name
{
	width			: 10em;
}
.form_tel
{
	width			: 20em;
}
.form_mail
{
	width			: 100%;
}
.form_add
{
	width			: 100%;
}
.form_team
{
	width			: 20em;
}
.form_other
{
	width			: 100%;
	height			: 10em;
}
.form_name_s
{
	width			: 10em;
}
.form_tel_s
{
	width			: 15em;
}
.form_mail_s
{
	width			: 16em;
}
.form_add_s
{
	width			: 16em;
}
.form_zip
{
	width			: 4em;
}
.pref_add
{
	margin-bottom: 10px;
}



/*▼table--------------------------------------------------------------*/
.layout_table
{
	width			: 100%;
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
}
.layout_table td,
.layout_table th
{
		padding:0;
}

.data_box table
{

	text-align      : left;
	width           : 100%;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
}
.data_box th
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 15px 20px;
	background		: #f0f0f0;
	font-weight     : normal;
}
.data_box td
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 15px 20px;
	background		: #fff;
}



/*▼見出しタイトル--------------------------------------------------------------*/

#wp_main .section_header,
.section_type01 .section_header,
.section_type02 .section_header,
#tinymce .section_header
{
	background 		:  #FFF;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 3px 4px;
	position: relative;
}
.section_type03 .section_header
{
	background 		: #0068d7;
	color 			: #FFF;
	
}
.section_header h2,
.section_header p
{
	padding 		: 40px 0px;
	max-width 		: 1200px;
	width 			: 95%;
	margin 			: 0 auto;
	line-height 	: 1.3; 
	font-size 		: clamp(1.4rem, 3.8vw, 2.35rem);/*最小値・推奨値・最大値*/
	position 		: relative;
	transition 		: all 1.5s ease;
	transform 		: translateY(-10%);
	opacity 		: 0;
	font-weight 	: bold;
}
.section_header.active h2,
.section_header.active p,
#tinymce .section_header h2,
#tinymce .section_header p
{
	transform 		: translateY(0%);
	opacity 		: 1; 
}
.section_header h2 .jp,
.section_header p .jp
{
	display 		: block;
	margin-bottom 	: .2em; 
}
.section_header h2 .en,
.section_header p .en
{
	display 		: block;
	font-size 		: clamp(.75rem, 1vw, 1.125rem);/*最小値・推奨値・最大値*/
}
#wp_main .section_header:before,
.section_type01 .section_header:before,
.section_type02 .section_header:before,
#tinymce .section_header:before
{
	content 		: "";
	display 		: block;
	height 		 	: 4px;
	width 			: 70%;
	max-width 		: 478px;
	background 		: #017ddd;
	left 			: 0px;
	right 			: 0px;
	bottom 			: 0px;
	position 		: absolute;
	margin 			: 0 auto; 
	transition 		: all 1.5s ease;
	transform 		: scaleX(0);

}
#wp_main .section_header.active:before,
.section_type01 .section_header.active:before,
.section_type02 .section_header.active:before,
#tinymce .section_header:before
{
	transform:scaleX(1.0);
}


.section_header h2 em,
.section_header p em
{
	color 			: #017ddd; 
}
/*
#main_catch + #main_contents > #main > .section_type01:first-child > .section_header:before,
#main_catch + #main_contents > #main > .section_type02:first-child > .section_header:before,
#main_catch + #main_contents > #main > .section_type01:first-child > .section_header h2,
#main_catch + #main_contents > #main > .section_type02:first-child > .section_header h2
{
	transition-delay: 2s;
}
*/

/*▼セクション--------------------------------------------------------------*/

.section_inner
{
	padding 		: 60px 0px;
	max-width 		: 1200px;
	width 			: 90%;
	margin 			: 0 auto; 
	
}

.section_type01
{
	background 		: #f4f4f3; 
}

.section_type02
{
	background 		: #e2f2fd; 
}






/*▼section_content--------------------------------------------------------------*/

.about_box
{
	background 				: #FFF;
	position 				: relative;
	overflow 				: hidden;
	border-radius 			: 3px;
	padding-left 			: 60px;
	margin-bottom 			: 50px; 
}
.about_box:last-child
{
	margin-bottom 			: 0px; 
}


.about_box .about_header
{
	position 				: absolute;
	left 					: -.4em;
	top 					: -.2em;
	border-right 			: 1px #EEE solid;
	padding-right 			: 1em; 
}
.about_box .about_header .en
{
	font-size 				: 48px;
	color 					: #EEE;
	line-height 			: 1.3;
	    writing-mode: tb-rl;/*ライトからレフトへ*/
	writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
	width 					: 1em;
	font-weight 			: 700;
}
.about_box .about_box_inner
{
	padding 			 	: 40px 30px;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	text-align 		: left;	
}

.about_box .about_box_inner .about_cont
{
	-webkit-box-flex:1;
    -ms-flex:1 1 55%;
        flex:1 1 55%;
}
.about_box .about_box_inner .about_grf
{
	-webkit-box-flex:1;
    -ms-flex:1 1 40%;
        flex:1 1 40%;
	margin-left 	: 5%;
}
.about_box .about_box_inner .about_cont .about_catch
{
 	font-size 		: clamp(1.3rem, 3.8vw, 2.35rem);
	line-height 	: 1.3;
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: .6em;
	margin-bottom 	: .6em; 
}
.about_box .about_box_inner .about_cont .about_catch em
{
	font-weight 	: 700;
}
.about_box .about_box_inner .about_cont .about_sub_catch
{
 	font-size 		: clamp(1.08rem, 3vw, 1.56rem);
	line-height 	: 1.3;
	margin-bottom 	: 15px; 
}
.about_box .about_box_inner .about_grf figcaption
{
	display 		: block;
	margin-bottom 		: 15px;
	text-align: center;
	background 			: #eeeeee;
	border-radius 		: 30px; 
	padding 			: .2em 1em; 
}
.about_box .about_box_inner .about_grf img
{
	display 		: block;
	margin-bottom 	: 20px; 
}
.about_box .about_box_inner .about_grf .stg_copy
{
	color 				: #ed7d31;
	font-size 			: 1.3rem;
	font-weight 		: bold;
	margin 				: 0px;
	text-align: center;
}
.forte_set
{
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.forte_set .forte_box
{
	width 		: 48%;
	background 	: #FFF;
	border-radius 	: 3px;
	padding 	: 40px;
	margin-bottom 	: 50px; 
}
.forte_set .forte_box:nth-child(3),
.forte_set .forte_box:nth-child(4)
{
	margin-bottom 	: 0px; 
}
.forte_set .forte_box .forte_catch
{
 	font-size 		: clamp(1.3rem, 2.5vw, 2.06rem);
	margin-bottom 	: .6em; 
}
.forte_set .forte_box .forte_catch em
{
	font-weight 	: 700;
}


.forte_set .forte_box .forte_grf figcaption
{
	display 		: block;
	margin-bottom 		: 15px;
	text-align: center;
	background 			: #eeeeee;
	border-radius 		: 30px; 
	padding 			: .2em 1em; 
}
.forte_set .forte_box .forte_grf
{
	text-align: center;
	margin-bottom: 15px;
}
.forte_set .forte_box .forte_grf img
{
	max-width 		: 80%;
}
.forte_box .forte_sub_catch
{
	font-weight 		: bold;
	font-size 			: 1.125rem;
	text-align 			: left;
	border-left 		: 4px solid #CCC;
	color 				: #ed7d31;
	padding 			: 0px 0px 0px .8em;
	margin-bottom 		: 20px; 
	
}
.future_box
{
	padding 				: 40px;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	background 			: #FFF;
	border-radius 	: 3px;
}
.future_box .future_cont
{
	-webkit-box-flex:1;
    -ms-flex:1 1 55%;
        flex:1 1 55%;
		text-align: left;
}
.future_box .future_grf
{
	-webkit-box-flex:1;
    -ms-flex:1 1 40%;
        flex:1 1 40%;
	margin-right 	: 5%;
}
.future_box .future_cont .future_catch
{
    font-size: clamp(1.3rem, 2.8vw, 2.35rem);
    line-height: 1.3;
	margin-bottom: .6em;
}
.future_box .future_cont .future_catch em
{
	font-weight: bold;
}
.future_box .future_cont .stg_copy
{
	color 				: #ed7d31;
	font-size 			: 1.3rem;
	font-weight 		: bold;
	margin 				: 0px; 
}
.future_box .future_grf figcaption
{
    display: block;
    margin-bottom: 15px;
    text-align: center;
    background: #eeeeee;
    border-radius: 30px;
    padding: 0.2em 1em;
}
.future_box .future_data
{
	margin-bottom 		: 20px; 
}


.future_box .future_data dl,
.future_box .future_data dt,
.future_box .future_data dd
{
	margin 			: 0px;
	padding 		: 0px;
	list-style 		: none;
}
.future_box .future_data,
.future_box .future_data dl,
.future_box .future_data dd,
.future_box .future_data dt
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
}
.future_box .future_data dl
{
	font-size 		: 1.875rem;
 -webkit-box-align:end;
     -ms-flex-align:end;
         align-items:flex-end
		line-height 	: 1.1;
		font-weight 	 : 700;
		padding 		: 20px 0px; 
}
.future_box .future_data dl:first-child
{
	border-right: 1px #CCC solid;
	padding-right 	: 15px;
	margin-right 	: 15px; 
}
.future_box .future_data dd .en
{
	font-size 		: 6.225rem; 
	font-weight 	: 400;
	color 			: #017ddd;
	display: block;
	line-height: .6;
}
.future_box .future_data dd
{
	background:linear-gradient(transparent 80%, #ffea78 60%);
}
.future_box .future_data dd,
.future_box .future_data dt
{
 -webkit-box-align:end;
     -ms-flex-align:end;
         align-items:flex-end;
		 line-height: 1.1;
}
.art_list
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.art_list:after
{
	content 		: "";
	display 		: block;
	-webkit-box-flex:1;
    -ms-flex:1 1 23%;
        flex:1 1 23%;
}
.art_list .art_item
{
	width 			: 23%;
	margin 			: 0px 1% 15px; 
	border-radius 	: 3px;
	overflow 		: hidden;
	box-shadow: 5px 1px 19px -8px rgba(0, 0, 0, 0.33);
}
.art_list .art_item_inner
{
	padding 		: 20px;
	text-align 		: left;
}
.art_list .art_item_inner .area_tag
{
	background 		: #eee;
	border-radius 	: 30px;
	padding 		: .2em 1em;
	line-height 	: 1.0;
	color 			: #017ddd;
	width 			: fit-content;
	font-weight 	: bold;
	display 		: block;
	margin-bottom 	: 10px; 
}
.art_list .art_item_title
{
	font-weight: bold;
}
.art_list .art_item .btn
{

	padding 	:15px 30px 15px 25px;
	background-size: 10px auto;
	display: block;
	font-size: 1rem;
}

.cons_box
{ 
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		padding 		: 25px 0px; 
}

.cons_box .cons_img
{
	-webkit-box-flex:1;
    -ms-flex:1 1 40%;
        flex:1 1 40%;
	margin-right 	: 5%;
}
.cons_box .cons_summary
{
	-webkit-box-flex:1;
    -ms-flex:1 1 55%;
        flex:1 1 55%;
	text-align: left;
}
.cons_box .cons_summary .cons_catch
{
 	font-size: clamp(1.3rem, 3.8vw, 2.35rem);
    line-height: 1.3;
border-bottom: 1px #CCC solid;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
}
.cons_box .cons_summary .cons_catch em
{
	font-style: normal;
	font-weight: bold;
}


.cons_box .cons_summary .cons_sub_catch
{
    font-size: clamp(1.08rem, 3vw, 1.56rem);
    line-height: 1.3;
    margin-bottom: 15px;

}
.cons_box .cons_summary .cons_sub_catch em
{
	font-style: normal;
	font-weight: bold;
}
.cons_box .cons_text
{
	margin-bottom 		: 25px; 
}
.cons_box .cons_summary .btn
{
	min-width 			: 300px; 
}



/*▼CTA--------------------------------------------------------------*/

.cta_area
{
	background 		: #004d94;
	position 		: relative;
}
.cta_area:after
{
	content 		: "";
	display 		: block;
	width 			: 100%;
	height 			: 100%;
	position 		: absolute;
	left 			: 0px;
	top 			: 0px;
	background 		: url("../images/common/base/cta_bg.jpg") 0 0/ cover no-repeat;
	z-index 		: 1; 
}
.cta_area .cta_area_inner
{
	position: relative;
	z-index: 2;
	max-width 		: 1200px;
	width 			: 90%; 
	margin 			: 0 auto;
	padding 		: 72px 0px;
}

.cta_area .cta_contact_box
{
	background 		: #FFF;
	border-radius 	: 15px;
	padding 		: 30px; 
}
.cta_area .cta_contact_box .cta_title
{
	font-size 		: clamp(1.125rem, 3vw, 1.875rem);/*最小値・推奨値・最大値*/
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: 15px;
	margin-bottom 	: 15px; 
}
.cta_contact_box .cta_contact
{
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
		width 		: 95%;
		margin: 0 auto;
}
.cta_contact_box .cta_contact .cta_item
{
	width 			: 48%;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	text-align: left;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
.cta_contact_box .cta_contact .cta_item .icon
{
	-webkit-box-flex:0;
    -ms-flex:0 0 18%;
        flex:0 0 18%;
}
.cta_contact_box .cta_contact .cta_item .method
{
	-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;
	margin-left 	: 3%;
	line-height 	: 1.3; 
}
.cta_item .method .sub_text
{
	font-size 		: clamp(1.125rem, 1.5vw, 1.5rem);/*最小値・推奨値・最大値*/
	display: block;
	margin-bottom 	: 10px;
	font-weight: 400;
}

.cta_item a
{
	text-decoration: none;
}

.cta_item .tel_link
{
	font-size 		: clamp(2rem, 4vw, 3.44rem);/*最小値・推奨値・最大値*/
	font-weight: 100;
	color: #004d94;
}
.cta_item .tel_link .num
{
	font-weight 		: 400;
}
.cta_item .btn
{
	display: block;
}
.news_list dl,
.news_list dt,
.news_list dd
{
	margin 			: 0px;
	padding 		: 0px;
	list-style 		: none;
}
.news_list dl
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	text-align 		: left;
	padding 		: 25px 30px; 
	
}
.news_list dl:nth-child(odd)
{
	background 		: #eeeeee;
}

.news_list
{
	margin-bottom 		: 10px; 
}

.news_list dd
{
	-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;
		margin-left 	: 20px; 
			display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
}
.news_list dd a
{
	color: #444;
}


.news_list dd .tag
{
	margin-right 		: .5em;	 
}


.more_link
{
	text-align: right;
	margin-top 	: 10px; 
}
.more_link a
{
	text-decoration: none;
	color: #444;
	display: inline-block;
	padding 	: 0px 2em 0px 1em; 
	border-left: 1px #CCC solid;
}
.more_link a .fas
{
	color: #CCC;
	margin-left: .3em;
}



/*▼パンくず--------------------------------------------------------------*/

.ber_list ul,
.ber_list ul li
{
	margin 			: 0px;
	padding 		: 0px; 
	list-style 		: none;
}
.ber_list
{
	background: #f7f7f7;
	border-bottom 	: 1px #CCC solid; 
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 3px 4px;

}
.ber_list ul li .fas
{
	margin-right 	: .5em; 
}

.ber_list .ber_list_inner
{
	padding 		: 20px 0px;
	max-width 		: 1200px; 
	width 			: 90%;
	margin 			: 0 auto;
}
.ber_list .ber_list_inner ul
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
}
.ber_list .ber_list_inner ul li:before
{
	content: '›';
	display 			: inline-block;
	margin 				: 0 .5em;
}
.ber_list .ber_list_inner ul li:first-child:before
{
	display 			: none;
}


/*------------------------------------------------
	コンテンツ共通タイトル
------------------------------------------------*/


/*▼ページタイトル--------------------------------------------------------------*/

.page_title
{
    background 		: #0068d7 url("../images/common/base/page_title_bg.jpg") top center /cover no-repeat;
    color 			: #FFF;
	padding-top 	: 89px;
	position 		: relative;
}
.page_title .page_title_inner
{
	width 			: 90%;
	max-width 		: 1200px;
	margin 			: 0 auto;
	padding 		: 40px 0px; 
}
.page_title h1
{
	padding 		: 0px;
	margin 			: 0px;
	font-weight 	: normal;
}
.page_title .jp
{
	display: block;
	font-size 		: clamp(1.4rem, 3.8vw, 2.35rem);/*最小値・推奨値・最大値*/
}
.page_title .line
{
	position: relative;
	padding-bottom 	: 15px;
	margin-bottom 	: 15px;
	display: block;
}
.page_title .line:before
{
	content 		: "";
	display 		: block;
	height 			: 1px;
	background 		: rgba(255,255,255,.4);
	mix-blend-mode: screen;
	max-width 		: 400px;
	width 			: 80%;
	position 		: absolute;
	left 			: 0px;
	right 			: 0px;
	margin 			: 0 auto;
	bottom 			: 0px;
	
}
.page_title .en
{
	display: block;
    font-size: clamp(.75rem, 1vw, 1.125rem);
}

/*タイトルアニメーション*/

.page_title .jp
{
  -webkit-animation 	: pgt_ani01 0.8s ease-out 0.3s 1 forwards;
  animation 			: pgt_ani01 0.8s ease-out 0.3s 1 forwards;
  transform 			: translateY(80%);
  opacity 				: 0; 
}

@keyframes pgt_ani01 {
  100% {
  transform 			: translateY(0%);
  opacity 				: 1; 
  }
}
@-webkit-keyframes pgt_ani01 {
  100% {
  transform 			: translateY(0%);
  opacity 				: 1; 
  }
}

.page_title .en
{
  -webkit-animation 	: pgt_ani02 0.8s ease-out 0.3s 1 forwards;
  animation 			: pgt_ani02 0.8s ease-out 0.3s 1 forwards;
  transform 			: translateY(-80%);
  opacity 				: 0; 
}

@keyframes pgt_ani02 {
  100% {
  transform 			: translateY(0%);
  opacity 				: 1; 
  }
}
@-webkit-keyframes pgt_ani02 {
  100% {
  transform 			: translateY(0%);
  opacity 				: 1; 
  }
}


.page_title .line:before
{
  -webkit-animation 	: pgt_ani03 1.5s ease-out 0.3s 1 forwards;
  animation 			: pgt_ani03 1.5s ease-out 0.3s 1 forwards;
  transform 			: scaleX(0);
  opacity 				: 0; 
}
@keyframes pgt_ani03 {
  100% {
  transform 			: scaleX(1);
  opacity 				: 1; 
  }
}
@-webkit-keyframes pgt_ani03 {
  100% {
  transform 			: scaleX(1);
  opacity 				: 1; 
  }
}



/*▼ページタイトル--------------------------------------------------------------*/

#wp_main h2,
#tinymce h2
{
	background 		: #018be3 url("../images/common/base/h2_bg.jpg") center center / 100% auto no-repeat;
	padding 		: 15px 35% 15px 20px;
	border-radius 	: 3px;
	color 			: #FFF;
	margin 			: 0px -25px 30px;
	font-weight: normal;
	font-size 			: 1.125rem;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		clear: both;
	
}
#wp_main h2:before,
#tinymce h2:before
{
	content 		: "";
	background 		: url("../images/common/icon/arr_botw.svg") top left / cover no-repeat;
	width 			: 20px;
	height 			: 12px;
	margin-right 	: .5em; 
	display: inline-block;
	-webkit-box-flex:0;
    -ms-flex:0 0 20px;
        flex:0 0 20px;
	
	
	
}
#wp_main h3,
#tinymce h3
{
	margin 			: 0px;
	margin-bottom 	: 25px; 
	border-left 	: 1px #CCC solid;
	padding 		: .5rem 0px .5rem .8em; 
	font-size 		: clamp(1.3rem, 2vw, 1.8rem);
	font-weight 	: bold;
	overflow: hidden;
}
#wp_main h4,
#tinymce h4
{
	margin 		: 0px;
	padding 	: 0px;
	padding 		: 15px 20px 15px 40px;
	font-size 		: 1rem;
	border-top 		: 3px solid #358de1;
	margin 			: 0px -25px 30px; 
	background 		: #f7f7f7 url("../images/common/icon/title_arrow.svg") left 15px top 50% / 18px auto  no-repeat;
	clear: both;
}
#wp_main h5,
#tinymce h5
{
	margin 			: 0px; 
	background 		: #FFF;
	border: 1px #CCC solid;
	padding 		: 8px 54% 8px 15px;
	margin 			: 0px -15px 15px; 
	position 		: relative;
	font-size 		: 1rem;
	clear: both;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start

	
}

#wp_main h5:before,
#tinymce h5:before
{
	content 			: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 4px solid #358de1;
	vertical-align: middle;
	margin-right 	: 5px;
	margin-top 		: 5px; 
}

#wp_main h5:after,
#tinymce h5:after
{
	content 			: "";
	display 			: block;
	right 				: 0px;
	top 				: 0px;
	position 			: absolute;
	height 				: 100%;
	background 			: url("../images/common/base/des_bg05.gif") 0 0 repeat;
	width 				: 50%; 
}


/*------------------------------------------------
	プライバシーポリシー
------------------------------------------------*/

.add_set .dis_inblock
{
	margin-right 	: .5em;
}
.add_set .dis_inblock:before
{
	content 		: "/";
	display: inline-block;
	color: #CCC;
	padding 		: 0px .5em; 
}
.add_set .dis_inblock:first-child:before
{
	display: none;
}


/*------------------------------------------------
	お問い合わせ
------------------------------------------------*/

.data_box .contact_table
{
	margin-bottom 	: 40px; 
}

.contact_table th,
.contact_table td
{
	border-right: none;
	padding 		: 20px 25px; 
	border-bottom 	: 1px #d6d6d6 solid; 
}
.contact_table th
{
	background 		: #FFF;
	vertical-align 	: top;
	border-bottom: 
}
#contact_form .any,
#contact_form .req
{
	padding-right 		: 70px;
	position 			: relative;
	display 			: block;
}
#contact_form .any:before,
#contact_form .req:before
{
	content 			: "";
	display 			: inline-block;
	border-radius 		: 3px;
	color 				: #FFF;
	background 			: #CCC;
	padding 			: .1em .8em;
	font-size 			: 1rem;
	position 			: absolute;
	right 				: 0px;
	top 				: 0px;
	font-size 			: .875rem;
	
}
#contact_form .any:before
{
	content 			: "任意";
}
#contact_form .req:before
{
	content 			: "必須";
	background 			: #004d94;
}

/*------------------------------------------------
	事務所紹介
------------------------------------------------*/

.corp_mes
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
}

.corp_mes .mes_text
{
	-webkit-box-flex 	:1;
    -ms-flex 			:1 1 60%;
        flex 			:1 1 60%;
		margin-left 	: 5%; 
}

.corp_mes .mes_text .serif_jp
{
	text-align 			: right;
	font-weight 		: bold;
	font-size 			: 1.2rem;
	margin-top 			: 25px; 
}


.corp_mes .mes_pic
{
	-webkit-box-flex 	:1;
    -ms-flex 			:1 1 35%;
        flex 			:1 1 35%;
		position: relative;
}
.corp_mes .mes_pic img
{
	width 				: 100%;
	border-radius 		: 3px ;
}
.corp_mes .mes_catch
{
	font-size 			: 1.3rem;
	font-weight 		: 400;
	border-left 		:  1px #CCC solid;
	padding 			: .5em 0 .5em 1em; 
}

.policy_item_set
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
	
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
	margin-bottom 	: 5px; 
}

#wp_main .policy_item h3,
#tinymce .policy_item h3
{
	margin-bottom 		:20px; 
}


.policy_item
{
	width 				: 47%; 
	margin-bottom 		: 40px; 
}
.policy_item .policy_img
{

	max-width 			: 130px; 
	margin 				: 0 auto 20px; 
}
.policy_item .policy_img img
{
	width 				: 100%;
	height 				: auto;
}

.office_img_set 
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;

-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
		margin-bottom 	: 30px; 
}
.office_img_set img
{
	width 			: 32%;
	border-radius 	: 3px; 
}





.office_prf
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	margin-bottom 	: 35px; 
	
}
.office_prf .office_img
{
	width 			: 36%; 
}
.office_prf .office_img img
{
	width 			: 100%; 
}
.office_prf .office_data
{
	margin-left 		: 3%;
	-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;
}
.data_box .office_data_table th,
.data_box .office_data_table td
{
	border-right 		: none; 
}
.staff_data dl,
.staff_data dt,
.staff_data dd
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}

.staff_data dl
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;	
}
.staff_data dt
{
	width 			: 7em; 
}



.gmap_box
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border: 1px #CCC solid;
  margin-bottom 	: 25px; 
}
.gmap_box iframe 
{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.access_info
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.access_info .acs_item
{
	width 			: 49%;
	background 		: #f7f7f7;
	padding 		: 20px;
	border-radius 	: 3px;
	margin-bottom 	: 20px;
	border-top 		: 3px solid #018be3;
}
.access_info .acs_item .acs_title
{
	font-size 		: 1.125rem;
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: 15px;
	margin-bottom 	: 15px;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
.access_info .acs_item .acs_title .fas
{
	font-size 			: 1.8rem;
	margin-right 		: .5em;
	color 				: #018be3;
}

/*------------------------------------------------
	お知らせ・コラム
------------------------------------------------*/

#blog_body
{
	max-width 			: 1200px;
	width 				: 90%;
    padding 			: 60px 0px;
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	margin 				: 0 auto;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
	-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
		
}
#blog_body #blog_main
{
	width 			: 69%; 
}
#blog_body #blog_side
{
	width 			: 26%;
}


#blog_side .nav_box ul,
#blog_side .nav_box ul li
{
	padding 		: 0px;
	margin 			: 0px;
	list-style 		: none;
}

#blog_side .nav_box ul li
{
	text-align: left;
	border-bottom 		: #CCC solid 1px; 
}
#blog_side .nav_box ul
{
	padding-bottom 		: 10px; 
}



#blog_side .nav_box ul li a
{
	background		: #f7f7f7 url("../images/common/icon/arr_right_light.svg") right 15px top 50%/10px auto no-repeat;
	padding			: 15px 20px 15px 20px;
	display			: block;
	color 			: #444;
	text-decoration : none;
	transition 		: background 0.5s ease;

}
#blog_side .nav_box ul li a:hover
{
	background		: #FFF url("../images/common/icon/arr_right_light.svg") right 10px top 50%/10px auto no-repeat;
}


#blog_side .nav_box
{
	background 		: #f7f7f7;
	border-radius 	: 3px;
	margin-bottom 	: 15px;
	overflow 		: hidden;

}

#blog_side .nav_box .nav_box_title
{
	margin 			: 0px; 
	padding 		: 15px 15px;
	position 		: relative;
	background 		: #007adc; 
}
#blog_side .nav_box .nav_box_title .en
{
	font-weight 	: bold;
	color 			: #FFF;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
#blog_side .nav_box .nav_box_title .en:before
{
	content 			: "";
	width 				: 5px;
	height 				: 5px;
	border 				: 4px solid #FFF;
	display 			: inline-block;
	margin-right 		: .3em;
	border-radius 		: 50%; 
}


.wp-pagenavi {
	clear: both;
	margin-bottom 		: 60px; 
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #FFFFF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


.wp-pagenavi
{
	text-align		: center;
}
.wp-pagenavi a,
.wp-pagenavi span
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding				: 10px 16px !important;
	background			: #EEEEEE;
font-weight:normal !important;
transition: all 0.5s ease;
	margin-bottom 	: 10px;
	border-radius: 3px;

}
.wp-pagenavi .pages
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding				: 5px 8px;
}

.wp-pagenavi .current
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding				: 5px 10px;
	background			: #007adc;
	color				: #FFF;
	font-weight			: bold;
}
.wp-pagenavi a:hover
{
	background			: #007adc;
	color				: #FFF;
	font-weight			: bold;	
}
.previouspostslink,
.nextpostslink
{
	background:#FFF!important;
}
.previouspostslink:hover,
.nextpostslink:hover
{
	background:#FFF!important;
}

.article_detail
{
	text-align: left;
	padding 		: 0px 25px 0px;
	margin-bottom 	: 50px; 
}

#blog_main .article_header
{
	position 		: relative;
	margin-left 	: -25px;
	margin-right 	: -25px; 
}

#blog_main .article_header .clf
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
        -webkit-box-pack : end;
            -ms-flex-pack : end;
                justify-content : flex-end;
				background 		: #f7f7f7; 
				padding 	: 15px; 
}

#blog_main .article_header .clf .date
{
	margin-right 			: 1em;
	padding-right 			: 1em;
	border-right 			: 1px #CCC solid; 
}



#blog_main .article_header h2
{
	background: none;
	margin: 0px;
	padding: 0px;
	color: #444;
	font-size 		: 1.5rem;
	font-weight: bold;
	border-top 		: 1px #CCC solid; 
	border-bottom 	: 1px #CCC dotted;
	padding 		: 15px 20px;
	margin-bottom 	: 25px; 
}
#blog_main .article_header h2:before
{
	display: none;
}
#blog_main h3
{
	font-size 				: 1.2rem; 
}

#wp_main .page_nav_np,
#wp_main .page_nav_np li,
#tinymce .page_nav_np,
#tinymce .page_nav_np li
{
	margin 					: 0px;
	padding 				: 0px;
	list-style 				: none;
}
#wp_main .page_nav_np,
#tinymce .page_nav_np
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
	justify-content: space-between;
 	-ms-flex-pack: justify;
	margin-bottom 	: 20px; 
	width 			: 100%; 

}


#wp_main .page_nav_np a,
#tinymce .page_nav_np a
{
	display: block;
	background 			:  #EEE;
	padding 			: 15px 16px;
 	transition 			:  all 0.5s ease;
	text-decoration 	: none;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#wp_main .page_nav_np a:hover,
#tinymce .page_nav_np a:hover
{
	background 			: #007adc;
	color 				: #FFF; 
}
#wp_main .back_link a,
#tinymce .back_link a
{
	background 			:  #EEE;
	padding 			: 15px 16px;
 	transition 			:  all 0.5s ease;
	text-decoration 	: none;
	border-radius 		: 3px;
-webkit-border-radius 	: 3px;
-moz-border-radius 		: 3px;
	display 			: block;
}
#wp_main .back_link,
#tinymce .back_link
{
	width 				: 80%;
	max-width 			: 400px;
	margin-left 		: auto;
	margin-right 		: auto; 
}



#wp_main .back_link a:hover,
#tinymce .back_link a:hover
{
	background 			: #af355e;
	color 				: #FFF; 
}


#wp_main .back_link,
#tinymce .back_link
{
	text-align 		: center;
}
.column_list
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.column_list:after
{
	content 		: "";
	display: block;
	-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;
}


.column_list .column_item
{
	background 		: #FFF;
	width 			: 48.5%;
	margin 			: 0px .75% 20px;
	padding 		: 15px;
	text-align 		: left;
	background 		: #FFF url("../images/common/base/des_bg05.gif") top left repeat-x;
	border 			: #CCC solid 1px; 
}
.column_list.list_col2 .column_item
{
	width 			: 31.5%;
}
.column_list .column_item a
{
	text-decoration: none;
	color: #444;
	position: relative;
	
}
.column_list .column_item a:before
{
	content 			: "";
	background: url()
}


.column_list .column_item a .colmn_item_title
{
	text-decoration: underline;
	font-size 		: 1.124rem; 
}
.column_list .column_item a:hover .colmn_item_title
{
	text-decoration: none;
}
.column_list .column_item .colmn_item_title
{
	display 		: block;
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: 15px;
	margin-bottom 	: 15px; 
}
.column_list .column_item_cat .tag
{
	display: block;
	width: fit-content;
	margin-left: auto;
}


/*------------------------------------------------
	弁理士紹介
------------------------------------------------*/

.staff_item
{
	border-top 			: 5px solid #CCC;
	padding 			: 66px 38% 0px 115px;
	position 			: relative;
	margin-left 		: -25px;
	margin-right 		: -25px;
	margin-bottom 		: 50px; 
}
.staff_item:before
{
	content 			: "";
	display 			: block;
	height 				: 5px;
	width 				: 65%;
	background 			: #1288e3;
	position 			: absolute;
	left 				: 0px;
	top 				: -5px; 
}
.staff_item .staff_des
{
	position 			: absolute;
	left 				: 5px;
	top 				: 66px;
}
.staff_item .staff_des .en
{
	display 			: block;
	writing-mode: tb-rl;/*ライトからレフトへ*/
	writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
	line-height 		: 1.0;
	font-size 			: 72px;
	width 				: 72px;
	color 				: #EEE;
	font-weight 		: 700; 
}
.staff_item .staff_pic
{
	position 			: absolute;
	right 				: 33px;
	top 				: 66px; 
	width 				: 29.5%;
	overflow 			: hidden;
	border-radius 		: 3px; 
}
.staff_item_header .staff_ove .name
{
	display 			: block;
	font-size 		: clamp(2.6rem, 3.8vw, 3rem);
	border-bottom 		: 1px #CCC solid;
	padding-bottom 		: 10px;
	margin-bottom 		: 10px; 
}
.staff_item_header .staff_ove .en
{
	display 		: block;
	font-size 		: clamp(2rem, 2vw, 2.25rem);
	font-weight 		: 300;
	color 				: #1288e3;
	margin-bottom 		: 10px; 
}
.staff_item_header
{
	margin-bottom 	: 40px; 
}
.staff_item_header .staff_ove .tag
{
	margin-right 		: 10px;
	margin-bottom 		: 3px;
	margin-top 			: 3px; 
	background 			: #004d94;
}
.staff_item_header .staff_ove .skill
{
	text-align 			: right;
}
.staff_item .prf_block
{
	margin-bottom 		: 25px; 
}
.staff_item .prf_his dl,
.staff_item .prf_his dt,
.staff_item .prf_his dd
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.staff_item .prf_his dl
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	padding 		: 10px 15px;
}
.staff_item .prf_his dl:nth-child(even)
{
	background: #f7f7f7;
}
.staff_item .prf_his dt
{
	margin-right 	: 15px;
	white-space 	: nowrap;
}
.staff_item .sub_title
{
	margin 			: 0px;
	background 		: #1288e3;
	color 			: #FFF;
	border-radius 	: 30px;
	padding 		: 0px 2em;
	width 			: fit-content;
	margin-bottom 	: 10px; 
}

/*------------------------------------------------
	サービス
------------------------------------------------*/
.ser_section
{
	background 		: #f7f7f7; 
}

.ser_about_box
{
	background 				: #FFF url("../images/common/base/des_bg06.gif") top -40px left 0px repeat-x;
	position 				: relative;
	overflow 				: hidden;
	border-radius 			: 3px;
	margin-bottom 			: 50px; 
}

.ser_about_box .ser_about_box_inner
{
	padding 			 	: 45px 40px 30px;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	text-align 		: left;
}

.ser_about_box .ser_about_box_inner .ser_about_cont
{
	-webkit-box-flex:1;
    -ms-flex:1 1 55%;
        flex:1 1 55%;
}
.ser_about_box .ser_about_box_inner .ser_about_grf
{
	-webkit-box-flex:1;
    -ms-flex:1 1 50%;
        flex:1 1 50%;
	margin-left 	: 5%;
}
.ser_about_box .ser_about_box_inner .ser_about_cont .ser_about_catch
{
 	font-size 		: clamp(1.26rem, 3.8vw, 2.35rem);
	line-height 	: 1.3;
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: .6em;
	margin-bottom 	: .6em;
	font-weight: 700;
}
.ser_about_box .ser_about_box_inner .ser_about_cont .ser_about_catch em
{
	font-weight 	: 700;
	color 			: #017ddd; 
}
.ser_about_box .ser_about_box_inner .ser_about_cont .ser_about_sub_catch
{
 	font-size 		: 1rem;
	margin-bottom 	: 15px;
	font-weight: bold;
}
.ser_about_box .ser_about_box_inner .ser_about_grf figcaption
{
	display 		: block;
	margin-bottom 		: 15px;
	text-align: center;
	background 			: #eeeeee;
	border-radius 		: 30px; 
	padding 			: .2em 1em; 
}
.ser_about_box .ser_about_box_inner .ser_about_grf img
{
	display 		: block;
	margin-bottom 	: 20px; 
}
.ser_about_box .ser_about_box_inner .ser_about_grf .stg_copy
{
	color 				: #ed7d31;
	font-size 			: 1.3rem;
	font-weight 		: bold;
	margin 				: 0px;
	text-align: center;
}

.ser_section01
{
	background: #FFF;
	box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 3px 4px;
	position: relative;
	z-index: 2;

}
.ser_forte_large .ser_catch
{
    font-size: clamp(1.4rem, 3.8vw, 2.35rem);
	margin-bottom 	: 20px; 
	padding-bottom 	: 20px;
	border-bottom 	: 1px #CCC solid; 
	text-align: center;
	font-weight: bold;
}
.ser_forte_large .ser_catch em
{
	font-weight 		: bold;
	color 				: #0180e1;
}
.ser_forte_grf
{
	text-align 			: center;
}
.ser_forte_large .ser_sub_catch
{
	margin-bottom 		:20px;
	text-align 			: center;
}
.ser_forte_grf figcaption
{
 	display 			: block;
	margin 				: 0 auto 20px; 
    text-align 			: center;
    background 			: #eeeeee;
    border-radius 		: 30px;
	max-width 			: 400px;
	width 				: 100%; 
    padding 			: 0.2em 1em;
}

.ser_forte_grf img
{
	max-width 				: 638px;
	width 					: 100%; 
	height 				: auto; 
}
.ser_forte_grf
{
	margin-bottom 			: 25px; 
}
.ser_catch_ans
{
	text-align: center;
    font-size: clamp(1.4rem, 3.8vw, 2.35rem);
	font-weight: bold;
}
.ser_catch_ans strong
{
 background 		: linear-gradient(transparent 70%, #ffea78 50%);
 color 				: #ed7d31;
 display 			: inline-block;
}
.ser_section02
{
	background 		: #f7f7f7; 
}
.ser_forte_set
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
		margin-bottom 	: 25px; 
	
}
.ser_forte_set .ser_forte_item
{
	background 			: #FFF;
	border-radius 		: 3px;
	width 				: 48.5%;
	margin-bottom 		: 25px; 
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	overflow: hidden;
}
.ser_forte_set .ser_forte_item .en
{
	font-size 				: 40px;
	color 					: #EEE;
	line-height 			: 1.3;
	    writing-mode: tb-rl;/*ライトからレフトへ*/
	writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
	font-weight 			: 700;
	color 					: #FFF;
	display 				: inline-block;
	width 					: 1em; 
	position: relative;
	left: -.1em;
	top: -.1em;
	
}
.ser_forte_set .ser_forte_des
{
	background 				: #0180e1;
	-webkit-box-flex:0;
    -ms-flex:0 0 50px;
        flex:0 0 50px;
}
.ser_forte_set .ser_forte_item_inner
{
	padding 				: 25px; 
}
.ser_forte_set .ser_forte_item_inner .catch
{
 	font-size 				: clamp(1.1rem, 2.2vw, 1.7rem);
	line-height 			: 1.3; 
	border-bottom: 1px #CCC solid;
	padding-bottom 			: 15px;
	margin-bottom 			: 15px;
	font-weight: bold;
}
.ser_forte_set .ser_forte_item_inner .catch em
{

	color: #0180e1;
}

.ser_fee_item
{
	padding 		: 20px;
	border-radius 	: 3px;
	background 		: #FFF;
	margin-bottom 	: 20px; 
}
.ser_fee_arr,
.ser_flow_arr
{
	text-align 		: center;
	margin-bottom 	: 20px; 
}
.ser_fee_flow
{
	margin-bottom 	: 35px;
	padding-bottom: 1px;
}
.ser_fee_flow .ser_fee_item
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.ser_fee_flow .ser_fee_item.end .fee_table
{
	margin-bottom: 0px;
	margin-left 		: 0px; 
}
.ser_fee_flow .ser_fee_item.end
{
	border 				: 2px solid #e4e4e4; 
}

.ser_fee_flow .ser_fee_item .ser_fee_num,
.ser_fee_flow .ser_fee_item .ser_fee_num_s
{
	background: #EEE;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		color: #004d94;
		font-weight: bold;
	
}
.ser_fee_flow .ser_fee_item .ser_fee_num p,
.ser_fee_flow .ser_fee_item .ser_fee_num_s p
{
	margin 			: 0px; 
}
.ser_fee_flow .ser_fee_item .ser_fee_cont
{
	-webkit-box-flex:1;
    -ms-flex:1 1 60%;
        flex:1 1 60%;
	margin-left 		: 3%; 
}
.ser_fee_flow .ser_fee_item.end .ser_fee_cont,
.ser_fee_flow .ser_fee_item .ser_fee_cont.left_none
{
	margin-left 		: 0px; 
}
.ser_fee_flow .ser_fee_item .ser_fee_num
{
	-webkit-box-flex:1;
    -ms-flex:1 1 30%;
        flex:1 1 30%;
		border-radius: 3px;
		font-size: 1.125rem;
}
.ser_fee_flow .ser_fee_item .ser_fee_num_s
{
	-webkit-box-flex:1;
    -ms-flex:1 1 13%;
        flex:1 1 13%;
		border-radius: 3px;
		font-size: 1.125rem;
}
.ser_fee_flow .ser_fee_item .ser_fee_num_s:first-child
{
	margin-right 	: 1% ;
}
.ser_fee_flow .ser_fee_item .inner
{
	padding 			: 15px;
	
}
.ser_fee_num .en,
.ser_fee_num_s .en
{
	font-size 			: 2rem;
	display 			: inline-block;
	vertical-align 		: middle;
}

.fee_table th,
.fee_table td
{
	border-right: none;
	text-align: center;
}
.fee_table
{
	border-top 		: 1px #CCC solid; 
}
.fee_table td
{
	color: #ed7d31;
}
.fee_table th
{
	background: url("../images/common/base/des_bg02.gif") 0 0 repeat;
}
.fee_table th .en
{
	font-weight: 700;
}
.ser_flow
{
	margin-bottom 	: 25px;
	padding-bottom: 1px;
}
.ser_flow_item
{
	background 			: #FFF;
	padding 			: 30px;
	border-radius 		: 3px;
	margin-bottom 		: 25px;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		border-bottom 		: 4px #018be3 solid;
}
.ser_flow_item .ser_flow_title
{
	
	-webkit-box-flex:0;
    -ms-flex:0 0 100px;
        flex:0 0 100px;
		height: 100px;
		background 		: #EEE;
		border-radius 		: 50%; 
			display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
		-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
		font-size 		: 1.5rem;
		color 			: #018be3;
		text-align 		: center;
		line-height 	: 1.0;
}
.ser_flow_item .ser_flow_title .num
{
	font-size 			: 2rem;
	display 			: block;
	line-height 		: 1.0;
}

.ser_flow_item .ser_flow_inner
{
	margin-left 		: 3%;
	-webkit-box-flex 	: 1;
    -ms-flex 			: 1 1 auto;
        flex  			: 1 1 auto;
}
.ser_flow_item .ser_flow_catch
{
	font-size 			: 1.25rem;
	border-bottom 		: 1px #CCC solid;
	padding 			: 0px 0px 15px 0px;
	margin 				: 0px 0px 15px 0px; 
}

.ser_list,
.ser_list li
{
	margin 			: 0px;
	padding 		: 0px;
	list-style: none;
}


.ser_list
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;


-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.ser_list li
{
	-webkit-box-flex:1;
    -ms-flex:0 0 32%;
        flex:0 0 32%;
		font-size 	: 1.125rem;
		font-weight: bold;
		background-color: #FFF;
		padding 		: 15px 15px 15px 25px;
		margin 			: 0px .65% 10px; 
		color: #004d94;
		font-weight: bold;
		text-align: center; 
}
.ser_list:after
{
	content 			: "";
	display 			: block;
	-webkit-box-flex 	:1;
    -ms-flex 			:1 1 auto;
        flex 			:1 1 auto;
}
.col_set
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	
}
.col_set .col_item:nth-child(2)
{
	margin-left 		: 35px; 
}

/*------------------------------------------------
	採用情報
------------------------------------------------*/


.data_box .rec_table tr td,
.data_box .rec_table tr th
{
	border-bottom 		: 1px #DDD solid;
	border-right 		: 1px #FFF solid; 
}
.data_box .rec_table tr th
{
	background 			: #f7f7f7; 
}


.data_box .rec_table tr:first-child th
{
	border-top 			: 1px #DDD solid;
	text-align 			: center;
	background 			: #EEE; 
}
.data_box .rec_table th:last-child,
.data_box .rec_table td:last-child
{
	border-right 		: none; 
}
.data_box .rec_table tr th:first-child
{
	width 			: 34%;
}
.data_box .rec_table
{

	margin-left 	: 0px;
}
.sp_scroll_text
{
	display 		: none;
}




/*1150以下の指定（pc小）*/

@media screen and (max-width: 1150px) 
{
.about_box .about_box_inner .about_grf figcaption,
.forte_set .forte_box .forte_grf figcaption,
.future_box .future_grf figcaption
{
	font-size 			: .875rem 
}
.future_box .future_data dl
{
	font-size 			: 1.6rem; 
}
.future_box .future_data dd .en
{
	font-size 			: 5.3rem; 
}
.art_list .art_item .btn
{
padding: 15px 20px 15px 15px;
background-size 		: 10px auto;
background-position: top 50% right 10px;
}
.cta_contact_box .cta_contact
{
	width 			: 100%; 
}
.ser_fee_num .en, .ser_fee_num_s .en
{
	display 		: block;
	text-align: center;
	line-height 	: 1.0;  
}
}




/*1024以下の指定（タブレット）*/
@media screen and (max-width: 1024px) {

.ac_point
{
	padding-top 	: 70px;
	margin-top 		: -70px;
}

.page_top
{
	width 			: 40px;
	height 			: auto;
}
.page_top img
{
	width		: 100%;
	height  		: auto;
}


/*------------------------------------------------
	トップページ
------------------------------------------------*/

.section_header h2,
.section_header p
{
	padding 		: 30px 0px; 
}
.section_inner
{
	padding 		: 40px 0px; 
}
.about_box,
.forte_set .forte_box,
.forte_set .forte_box:nth-child(3)
{
	margin-bottom 	: 40px; 
}

.future_box .future_data
{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.cta_area .cta_area_inner
{
	padding 		: 42px 0px; 
}
.about_box .about_header
{
	position 		: relative;
	padding-right 	: 0px;
	top 			: 0px; 
	left 			: 0px;
	margin-top 		: -.7em; 
	border-right 	: none; 
}
.about_box .about_header .en
{
	writing-mode: lr-tb;/*レフトからライトへ*/
    writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -o-writing-mode: horizontal-tb;
 	-webkit-writing-mode: horizontal-tb;
	width: auto;
}
.about_box
{
	padding-left 		: 0px; 
}
.about_box .about_box_inner
{
	padding 			: 0px 30px 30px;
	display 			: block;
}
.about_box .about_box_inner .about_cont .about_catch br
{
	display: none;
}


.about_box .about_box_inner .about_grf
{
	margin-left 	: 0px;
	margin-top 		: 25px;
}
.forte_set .forte_box
{
	width 				: 100%; 
}
.forte_set .forte_box .forte_catch
{
    font-size: clamp(1.4em, 3.8vw, 2.35rem);

}
.future_box
{
 	flex-flow 		: column-reverse nowrap;
 	-ms-flex-flow 	: column-reverse nowrap;	
}
.future_box .future_cont .future_catch
{
    font-size: clamp(1.4rem, 3.8vw, 2.35rem);
	text-align: center;
}
.future_box .future_grf
{
	margin-right 		: 0px;
	margin-top 			:20px;  
}

.future_box .future_cont .stg_copy
{
	text-align: center;
}


.art_list .art_item
{
	width 				: 47%;
	margin-bottom 		: 25px; 
}
.cta_contact_box .cta_contact .cta_item .method a.btn
{
	font-size 			: 1rem;
 	padding 			: 13px 50px 13px 20px;
	background-size 	: 10px auto; 
}
.cta_contact_box .cta_contact .cta_item .icon
{
	-webkit-box-flex:0;
	-ms-flex:0 0 57px;
	flex: 0 0 57px;
}

.about_box .about_box_inner .about_grf
{
	max-width 			: 424px;
	margin-left: auto;
	margin-right: auto;
}

.cons_box
{
	display: block;
	padding 			: 0px; 
}
.cons_box .cons_img
{
	margin 				: 0 auto 15px; 
	max-width 			: 600px;
}
.cons_box .cons_summary
{
	max-width 			: 600px;
	margin 				: 0 auto;
}

.cons_box .cons_img img
{
	width 				: 100%;
	max-width 			: 550px; 
	display 			: block;
	margin-left 		: auto;
	margin-right 		: auto; 
}


.about_box .about_box_inner .about_grf img,
.ser_about_box .ser_about_box_inner .ser_about_grf img,
.forte_set .forte_box .forte_grf img,
.future_box .future_grf img
{
	width 				: 100%; 
	max-width 			: 424px;
	display 			: block;
	margin-left 		: auto;
	margin-right 		: auto; 
}
.about_box .about_box_inner .about_grf figcaption,
.ser_about_box .ser_about_box_inner .ser_about_grf figcaption,
.ser_about_box .ser_about_box_inner .ser_about_grf .sup_list,
.forte_set .forte_box .forte_grf figcaption,
.future_box .future_grf figcaption,
.forte_box .forte_sub_catch,
.forte_box .sup_list,
.future_box .future_grf
{
	max-width 			: 424px;
	margin-left 		: auto;
	margin-right 		: auto; 
}



/*------------------------------------------------
	コンテンツ共通タイトル
------------------------------------------------*/


/*▼ページタイトル--------------------------------------------------------------*/


.page_title
{
	padding-top 		: 70px; 
}

/*▼コンテンツタイトル--------------------------------------------------------------*/

#wp_main h4,
#wp_main h2,
#tinymce h4,
#tinymce h2
{
	margin-left 		: -2.5%;
	margin-right 		: -2.5%; 
}
#wp_main h5,
#tinymce h5
{
	margin-left 		: -1.5%;
	margin-right 		: -1.5%; 
}



/*------------------------------------------------
	お問い合わせ
------------------------------------------------*/
.contact_table,
.contact_table tbody,
.contact_table tr,
.contact_table th,
.contact_table td
{
	display 			: block;
	width 				: 100%; 
}
.contact_table td
{
	border-bottom: none;
	padding 			: 20px 15px 25px; 
}
.contact_table th
{
	background 			: #EEE;
	padding 			: 15px 20px; 
}

.data_box .contact_table
{
	margin-bottom 			: 0px; 
}

/*------------------------------------------------
	事務所紹介
------------------------------------------------*/
.corp_mes
{
	display: block;
}



.corp_mes .mes_pic
{
	overflow 		: hidden;
	width 			: 100%;
	height 			: 310px; 
	background 		: #f5f9fa;
	margin-bottom 	: 20px; 
} 
.corp_mes .mes_pic img
{
	position 		: absolute;
	top 			: -7%;
	left 			: 0px;
	right 			: 0px;
	margin 			: 0 auto;
	width 			: 65%; 
	max-width 		: 424px;
}
.corp_mes .mes_text
{
	margin-left 	: 0px; 
}
.corp_mes .mes_catch
{
	font-size 		: 1.2rem; 
}
.policy_item
{
	width 			: 100%;
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: 35px; 
}
.policy_item:last-child
{
	border-bottom: none;
	padding-bottom: 0px;
}
.office_prf
{
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: column-reverse wrap;
 	-ms-flex-flow 	: column-reverse wrap;
	
}
.office_prf .office_data
{
	margin-left 	: 0px;
	margin-bottom 	: 25px; 
}
.office_prf .office_img
{
	width 				: 50%;
	margin 				: 0 auto; 
}

.office_img_set img
{
	width 			: 48%; 
}
.office_img_set img:last-child
{
	display 		: none;
}
.office_prf .office_data table
{
	margin-bottom 	: 0px; 
}


/*------------------------------------------------
	お知らせ・コラム
------------------------------------------------*/

#blog_body
{
	padding 	: 40px 0px; 
	display: block;
}
#blog_body #blog_main,
#blog_body #blog_side
{
	width 		: 100%; 
}


#blog_side .nav_box .nav_box_title .en:after
{
	content 			: "";
	display 			: block;
	position 			: absolute;
	width 				: 13px;
	height 				: 13px;
	right 				: 15px;
	top 				: 0px;
	bottom 				: 0px;
	margin 				: auto 0; 
	background 			: url("../images/common/icon/ps_icon.svg") 0 0 /cover no-repeat;
}
#blog_side .nav_box .nav_box_title .en.open:after
{
	background 			: url("../images/common/icon/ms_icon.svg") 0 0 /cover no-repeat;
}
#blog_side .nav_box ul
{
	display: none;
}
.article_detail
{
	padding 		: 0px 2.5% 0px; 
}
#blog_main .article_header
{
	margin-left 		: -2.5%;
	margin-right 		: -2.5%; 
}
/*------------------------------------------------
	弁理士紹介
------------------------------------------------*/
.staff_item
{
    padding: 40px 20px 0px 20px;
	margin-left: -2.5%;
	margin-right: -2.5%; 
}
.staff_item .staff_des
{
	position: static;
	display: none;
}
.staff_item .staff_des .en
{
		writing-mode: lr-tb;/*レフトからライトへ*/
    writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -o-writing-mode: horizontal-tb;
 	-webkit-writing-mode: horizontal-tb;
	font-size 			: 8vw;
	width: auto;
	text-align: center;

}

.staff_item .staff_pic
{
	position: static;
}
.staff_item_header
{
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
.staff_item_header .staff_ove
{
-webkit-box-flex:1;
    -ms-flex:1 1 auto;
        flex:1 1 auto;	
}
.staff_item_header .staff_pic
{
	position: relative;
	top 			: 0px;
	right 			: 0px; 
	padding-top 	: 36%;
	width 			: 40%;
	margin-left 	: 5%; 
	overflow: hidden;
}
.staff_item_header .staff_pic img
{
	position 		: absolute;
	top 			: -8%;
	right 			: 0px;
}
.staff_item_header .staff_ove .en
{
	margin-bottom: 20px;
}
.staff_item_header .staff_ove .skill
{
	text-align: left;
}
.staff_item_header
{
	margin-bottom 	: 30px; 
}

/*------------------------------------------------
	サービス
------------------------------------------------*/


.ser_forte_set .ser_forte_des
{
    -ms-flex:0 0 40px;
        flex:0 0 40px;
}
.ser_forte_set .ser_forte_item_inner
{
	padding: 20px;
}

.ser_forte_large .ser_sub_catch
{
	text-align 		: left;
}
.ser_fee_flow .ser_fee_item .ser_fee_num,
.ser_fee_flow .ser_fee_item .ser_fee_num_s
{
	font-size 		: 1rem;
}
.ser_fee_flow .ser_fee_item
{
 	flex-flow 		: row wrap;
    -ms-flex-flow 	: row wrap;
}

.ser_fee_flow .ser_fee_item .ser_fee_num
{
	-webkit-box-flex 		: 1;
    -ms-flex 				: 1 1 100%;
        flex 				: 1 1 100%;
}
.ser_fee_flow .ser_fee_item .ser_fee_num_s
{
	-webkit-box-flex 		: 1;
    -ms-flex 				: 1 1 48%;
        flex 				: 1 1 48%;
}

.ser_fee_num .en, .ser_fee_num_s .en
{
	display: inline-block;
}
.ser_fee_flow .ser_fee_item .inner
{
	padding 			 	: 10px; 
}
.ser_fee_flow .ser_fee_item .ser_fee_cont
{
	margin-left 			: 0px;
	margin-top 				: 15px; 
}
.ser_fee_flow .ser_fee_item.end .ser_fee_cont
{
	margin-top 				: 0px; 
}

.ser_fee_num .en, .ser_fee_num_s .en
{
	font-size 				: 1.125rem;
	font-weight 			: 700; 
}
.ser_forte_set .ser_forte_item_inner .catch
{
	margin-bottom 			: 10px;
	padding-bottom 			: 10px; 
}
.ser_fee_item
{
	margin-bottom 			: 15px; 
}
.ser_fee_arr,
.ser_flow_arr
{
	margin-bottom 			: 15px; 
}
.ser_fee_arr img,
.ser_flow_arr img
{
	width 					: 30px; 
}

.ser_about_box
{
	margin-bottom 		: 20px; 
}

.ser_about_box .ser_about_box_inner .ser_about_cont
{
	margin-bottom 		: 20px; 
}


.ser_about_box .ser_about_box_inner
{
	padding 			: 30px; 
	display 			: block;
}

.ser_about_box .ser_about_box_inner .ser_about_grf
{
	margin-left 	: 0px;
}
.ser_list li
{
	-webkit-box-flex:1;
    -ms-flex:0 0 48%;
        flex:0 0 48%;
 		margin: 0px 1% 10px
}

/*------------------------------------------------
	採用情報
------------------------------------------------*/

.rec_table th,
.rec_table td
{
	padding 		: 10px 15px; 
}


.rec_table tr th:first-child span.dis_inblock
{
	display: block !important;
}
.data_box .rec_table tr th:first-child
{
	width 			: 27%; 
}
.data_box .rec_table tr th:nth-child(3)
{
	width 			: 30% 
}





}



/*767以下の指定（タブレット）*/
@media screen and ( max-width:767px) 
{

/*------------------------------------------------
	トップページ
------------------------------------------------*/
.section_header h2,
.section_header p
{
	padding 			: 25px 0px; 
}

.about_box .about_header .en
{
	font-size 			: 9vw;
	
}
.about_box .about_header
{
	margin-top 				: -.4em; 
}
.section_inner
{
	padding 			: 30px 0px;
}
.about_box,
.forte_set .forte_box,
.forte_set .forte_box:nth-child(3)
{
	margin-bottom 	: 30px; 
}
.about_box .about_box_inner .about_cont .about_catch br
{
	display 		: inline;
}
.about_box .about_box_inner
{
	padding 			: 0px 20px 20px; 
}
.about_box .about_box_inner .about_cont .about_sub_catch
{
	margin-bottom 		: 5px; 
}

.about_box .about_box_inner .about_grf figcaption,
.forte_set .forte_box .forte_grf figcaption,
.future_box .future_grf figcaption
{
	font-size 			: .8rem; 
}
.about_box p
{
	font-size 		:  0.8125rem;
}


.forte_set .forte_box,
.future_box
{
	padding 			: 20px; 
}
.forte_box .forte_sub_catch
{
	font-size 			: 1rem; 
}
.future_box .future_grf
{
	margin-bottom 		: 15px; 
}
.future_box .future_data dl
{
	font-size 			: 1.1rem; 
}
.future_box .future_data dd .en
{
	font-size 			: 3rem; 
}
.future_box .future_data dl:first-child 
{
    padding-right: 10px;
    margin-right: 10px;
}
.future_box .future_data dl
{
	padding 			: 10px 0px; 
}
.cons_box .cons_summary .btn
{
	margin 				: 0 auto;
	display 			: block;
	max-width 			: 90%; 
}



.art_list .art_item
{
	max-width 			: 424px;
	width 				: 100%;
	margin 				:  0px auto 20px; 
}
.art_list:after
{
	display: none;
}

.art_list .art_item .btn
{
	padding 		: 10px 15px 10px 15px; 
}

.news_list dl
{
	display 		: block;
	padding 		: 15px;
	position 		: relative;
}

.news_list dd
{
	margin-left 	: 0px; 
}
.news_list dd
{
	display: block;
}
.news_list dd .tag
{
	display: inline-block;
	position: absolute;
	right 		: 10px;
	top 		: 10px; 
}
.news_list dt
{
	border-bottom 	: 1px #CCC dashed;
	padding-bottom 	: .3em;
	margin-bottom 	: .3em; 
}
.cta_area .cta_area_inner
{
	padding 			: 30px 0px 30px; 
}

.cta_area .cta_contact_box
{
	padding 			: 20px; 
}
.cta_contact_box .cta_contact
{
	display: block;
}
.cta_area .cta_contact_box .cta_title
{
	margin-bottom 	: 10px;
	padding-bottom 	: 10px;
	text-align 		: left;
	font-weight 	: bold;
}
.cta_contact_box .cta_contact .cta_item
{
	width 				: 100%; 
}
.cta_contact_box .cta_contact .cta_item:first-child
{
	border-bottom 		: 1px #CCC solid;
	padding-bottom 		: 10px;
	margin-bottom 		: 10px; 
}
.cta_item .method .sub_text
{
	margin-bottom 		: 3px; 
}
#footer .footer_area02
{
	padding 			: 30px 0px 20px;  
}



.ber_list .ber_list_inner
{
	padding 			: 15px 0px; 
}


/*------------------------------------------------
	コンテンツ共通タイトル
------------------------------------------------*/


/*▼ページタイトル--------------------------------------------------------------*/

.page_title
{
	padding-top 		: 60px; 
}

.page_title .page_title_inner
{
	padding 			: 25px 0px; 
}

/*▼コンテンツタイトル--------------------------------------------------------------*/

#wp_main h2,
#tinymce h2
{
 	padding 			: 13px 30% 13px 20px;
	margin-bottom 		: 20px;
	background-size 	: 100% auto;
	background-position 	: right center;
	font-size 			: 1.1rem; 

}
#wp_main h4,
#tinymce h4
{
 	padding 			: 13px 15px 13px 40px;
	margin-bottom 		: 15px; 
}

/*------------------------------------------------
	お問い合わせ
------------------------------------------------*/

button.submit_btn,
.more_btn .btn
{
    padding: 13px 55px 13px 20px;
}

/*------------------------------------------------
	事務所紹介
------------------------------------------------*/

.corp_mes .mes_pic img
{
	max-width 			: 215px; 
}
.corp_mes .mes_pic
{
	height 				: 160px; 
}


.access_info
{
	display: block;
}
.access_info .acs_item
{
	width 		: 100%; 
}
.corp_mes .mes_catch
{
	font-size 		: 1.125rem; 
}

#wp_main .policy_item h3,
#tinymce .policy_item h3
{
	margin-bottom 	: 15px; 
}

.office_img_set
{
	margin-bottom 	: 15px; 
}
.office_img_set img
{
	width 			: 48%;
}
.office_img_set img:last-child
{
	display 		: none;
}
.data_box .office_data_table,
.data_box .office_data_table tbody,
.data_box .office_data_table tr,
.data_box .office_data_table th,
.data_box .office_data_table td
{
	display: block;
	width 			: 100%; 
}
.data_box .office_data_table td
{
	border-bottom: none;
}
.data_box .office_data_table th
{
	padding 			: 10px 10px; 
}
.data_box .office_data_table td
{
	padding 			: 10px 10px 20px; 
}
.office_prf .office_img
{
	width 				: 100%; 
}
.office_prf .office_data
{
	margin-bottom 		: 0px; 
}

.column_list .column_item,
.column_list.list_col2 .column_item
{
	width 				: 100%;
	margin-left 		: 0px;
	margin-right 		: 0px; 
}
.column_list .column_item .colmn_item_title
{
	padding-bottom 		: 10px;
	margin-bottom 		: 10px; 
}
.office_img_set img:nth-child(2)
{
	display: none;
}
.office_img_set img
{
	width 			: 100%; 
}


#blog_main .article_header .clf
{
	padding 			: 10px; 
}
#blog_main .article_header h2
{
	font-size 			: 1.3rem; 
}
#blog_main h3
{
	font-size 			: 1.124rem; 
}
#wp_main h5:after,
#tinymce h5:after
{
	width 				: 28%; 
}
#wp_main h5,
#tinymce h5
{
	padding-right 		: 33%; 
}


/*------------------------------------------------
	弁理士紹介
------------------------------------------------*/

.staff_item_header .staff_ove .name
{
	font-size 			: 7vw;
}
.staff_item_header .staff_ove .en
{
	font-size 			: 4vw;
	margin-bottom 		: 10px; 
}
.staff_item
{
	padding 		: 20px 10px 0px; 
}
.staff_item_header .staff_pic
{
	width 			: 34%; 
}


/*------------------------------------------------
	サービス
------------------------------------------------*/

.ser_forte_large .ser_catch
{
	margin-bottom 	: 10px;
	padding-bottom 	: 10px; 
}
.ser_about_box .ser_about_box_inner .ser_about_grf figcaption
{
	font-size: .75rem;
}


.ser_forte_set .ser_forte_item
{
 width 			: 100%; 
}
.fee_table
{
	font-size 		: .875rem;
}
.fee_table th,
.fee_table td
{
	padding 		: 10px 15px; 
}
.fee_table,
.fee_table tbody,
.fee_table th,
.fee_table td,
.fee_table tr
{
	display: block;
	width: 100%;
}


.ser_forte_set .ser_forte_item_inner
{
	padding 		: 18px; 
}
.ser_fee_item
{
	padding 		: 15px; 
}
.ser_flow_item
{
	display 		: block;
	padding 		: 15px;
	margin-bottom 	: 15px; 
}
.ser_flow_item .ser_flow_title
{
	border-radius 	: 30px;
	height: auto;
	padding 		: .2em;
	margin-bottom 	: 10px; 
}
.ser_flow_item .ser_flow_title .num
{
	display: inline;
	font-size 		: 1em; 
}
.ser_flow_item .ser_flow_catch
{
	margin-bottom 	: 5px;
	padding-bottom 	: 5px; 
}
.office_prf .office_img,
.office_img_set img
{
	max-width 		: 331px; 
	margin-left: auto;
	margin-right: auto;
}
.ser_about_box .ser_about_box_inner .ser_about_cont .ser_about_catch br
{
	display 		: inline;
}
.ser_about_box .ser_about_box_inner
{
	padding 			: 30px 20px 20px; 
}
.ser_about_box .ser_about_box_inner .ser_about_cont .ser_about_sub_catch
{
	margin-bottom 		: 5px; 
}

.ser_about_box .ser_about_box_inner ser_.about_grf figcaption
{
	font-size 			: .8rem; 
}
.ser_about_box p,
.ser_forte_set .ser_forte_item_inner
{
	font-size 		:  0.8125rem;
}

/*------------------------------------------------
	採用情報
------------------------------------------------*/
.sp_scroll_table .inner table
{
	min-width 			: 900px; 
}
.sp_scroll_table .inner
{
	overflow: 			 auto;
	-webkit-overflow-scrolling:touch;
	
	width 				: 100%;
	border-right 		: 1px #018be3 dotted;
}
.sp_scroll_table table tr:first-child th:first-child
{
	width 				: 35%; 
}
.data_box .rec_table tr th:nth-child(3)
{
	width 				: 24%; 
}

.sp_scroll_table .sp_scroll_text
{
	display 			: block;
	text-align 			: center;
	color 				: #9a9a9a; 
}

.sp_scroll_table .sp_scroll_text .fas
{
	margin-right 		: .5em; 
}

.rec_table tr th:first-child span.dis_inblock
{
	display: inline-block!important;
}



}
@media (orientation: landscape) and (max-width: 896px){

.corp_mes .mes_pic img
{
    max-width: 215px;
}
.corp_mes .mes_pic
{
	height 			: 160px; 
}
.office_prf .office_img
{
	max-width 		: 331px;
	margin-left 	: auto;
	margin-right 	: auto;
}


}





/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {

.ac_point
{
	padding-top 	: 60px;
	margin-top 		: -60px;
}

#wp_main h3,
#tinymce h3
{
	margin-bottom 		: 20px; 
}
.form_tel
{
	width 				: 100%;
}
.about_box .about_box_inner .about_grf .stg_copy,
.future_box .future_cont .stg_copy
{
	font-size 			: 1.2rem; 
}
.cons_box .cons_text
{
	margin-bottom 		: 20px; 
}



/*------------------------------------------------
	弁理士紹介
------------------------------------------------*/

.staff_item
{
	padding 		: 20px 10px 0px; 
}
.staff_item_header
{
	display: block;
}
.staff_item_header .staff_ove
{
	margin-bottom 		: 15px; 
}

.staff_item_header .staff_ove .name
{
	font-size 			: 7vw;
}
.staff_item_header .staff_ove .en
{
	font-size 			: 4vw;
	margin-bottom 		: 10px; 
}
.staff_item_header .staff_pic
{
	width 				: 100%;
	margin-left 		: 0px;
	padding-top 		: 76%; 
}
.staff_item_header .staff_pic img
{
	top 				: -15%; 
}
.staff_item .prf_his dl
{
	display 			: block;
}
.staff_item .prf_his dt
{
	border-bottom 		: 1px #CCC dashed;
}
.staff_item .prf_block
{
	margin-bottom 		: 20px; 
}
.ser_about_box .ser_about_box_inner .ser_about_grf .stg_copy
{
	font-size 			: 1.2rem; 
}

.ser_about_box .ser_about_box_inner .ser_about_grf img
{
	margin-bottom 		: 15px; 
}
.ser_list li
{
	-webkit-box-flex:1;
    -ms-flex:0 0 100%;
        flex:0 0 100%;
		font-size: 1rem;
}



}
/*320以下の指定（スマホ縦)*/
@media screen and (max-width: 320px) {
}










/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/