@charset "UTF-8";
/*-------------------------------------------
mv
--------------------------------------------*/
.mv{
	display: flex;
	align-items: center;
}
.mv_txt{
	width: 38%;
	padding-left: 5.05vw;
	padding-bottom: 4.16vw;
}
.mv h2{
	font-family: 'Noto Serif JP', serif;
	/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-size: 2.7vw;
	font-weight: 600;
	line-height: 1.42;
	padding-bottom: 1.8vw;
}
.mv h2::after{
	content: "";
	display: block;
	width: 125%;
	height: 1px;
	background-color: var(--SubColor);
	position: relative;
	top: 2.0vw;
	z-index: 1;
}
.mv_txt_box{
	width: 28.5vw;
}
.mv_sub_txt{
	color: #333333;
	font-size: 1.34vw;
	font-weight: 600;
	padding-top: 2.1vw;
}
.mv_ul{
	padding-top: 1.0vw;
	padding-bottom: 2.0vw;
	font-weight: 500;
	color: #333333;
}
.mv_ul li{
	font-size: 1.15vw;
	background: url(../images/icon_checkbox.svg) no-repeat left 0.2vw /1.2vw 1.2vw;
	padding-left: 1.8vw;
}
.mv_ul li+li{
	margin-top: 0.85vw;
	margin-bottom: 0;
}
.mv_btn a{
	font-size: 1.25vw;
	font-weight: 500;
	color: #fff;
	background-color: var(--SubColor);
	display: inline-block;
	width: 100%;
	line-height: 4.4vw;
	border-radius: 1000px;
	text-align: center;
	text-decoration: none;
	/*ここから追加*/
	position: relative;
	overflow: hidden;
	transition: ease .2s;
}
.mv_btn a:hover{
	opacity: 1;
}
.mv_img{
	width: 62%;
}
.mv_img img{
	object-fit: cover;
	object-position: right bottom;
	width: 100%;
	height: calc(97vh - 7.25vw);
	padding-bottom: 4.0vw;
}

/*-------------------------------------------
top_con01
--------------------------------------------*/
.top_con01{
	position: relative;
	z-index: 0;
}
.top_con01_txt01{
	position: relative;
	line-height: 150%;
}
.top_con01::before{
	content: "";
	width: 74.0%;
	height: 100%;
	background-color: var(--Sub02Color);
	padding-left: 2%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	
}
.top_con01_ttl{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.0vw;
	font-weight: 600;
	border-left: 5px solid;
	border-color: var(--SubColor);
	padding-left: 3%;
	margin-bottom: 4.0%;
}
.top_con01_box{
	display: flex;
	justify-content: space-between;
	padding: 5.7vw 0;
}
.home_con01_txtbox{
	width: 51.4%;
	padding-right: 3.3%;
}
.home_con01_txtbox .top_con01_txt01+p{
	padding-top: 3.5%;;
}
.home_con01_img{
	width: 50.6%;
}

/*-------------------------------------------
top_con02
--------------------------------------------*/
section.top_con03,section.top_flow{
	padding-bottom: 4vw;
}
#home h3{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.34vw;
	font-weight: 600;
	text-align: center;
	padding-top: 4.5vw;
}
#top_news h3{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.54vw;
	line-height: 1;
	padding-top: 0;
	text-align: left;
}
#home h3 span{
	font-family: 'Noto Serif JP', serif;
	display: block;
	font-size: 0.95vw;
	color: #acacac;
	padding-top: 0.5vw;
	padding-bottom: 1.5%;
}
#top_news h3 span{
	padding-top: 1.0vw;
}
.top_h3_lead{
	font-size: 1.1vw;
	text-align: center;
	padding-bottom: 3.1%;
}
.top_con02{
	background-color: var(--SubColor);
	background: linear-gradient(white 28vw, var(--SubColor) 28vw);
}
.top_con02_ul{
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding-bottom: 3.6vw;
}
.top_con02_ul li{
	width: 32.55%;
}
.top_con02_img{
	width: 100%;
	height: 16vw;
}
.top_con02_img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.top_con02_ul p:first-of-type{
	/*font-family: 'Noto Serif JP', serif;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 1.2vw;
	font-weight: 500;
	padding: 3.5% 1.0% 3.8%;
}
.top_con02_ul p:nth-of-type(2){
	font-size: 1.0vw;
	padding: 0 1.3% 0;
}

/*-------------------------------------------
top_con03
--------------------------------------------*/
.top_con03 dl a{
	color: #000;
	text-decoration: none;
}
.top_con03 dl a:hover{
	opacity: 1;
}
.top_con03 dl a:hover img{
	transform: scale(1.1,1.1);
}
.top_con03_dl2 img,
.top_con03_dl3 img{
	transition: all 0.3s ease-in-out;
}
.top_con03{
	background-color: var(--GrayBgColor);
}
.top_con03_dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap:3.0vw;
}

.top_con03_dl dt{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight: 500;
	font-size: 1.3vw;
	padding: 2.5% 0.3vw 1.3%;
}
.top_con03_dl dd{
	font-size: 1.0vw;
	padding: 0 0.3vw 0;
}
.top_con03_dl span.cont{
	color: #4472C4;
}
/*サポート内容2分割の場合*/
.top_con03_dl2{
	width: 49.1%;
	overflow:hidden;
}
.top_con03_dl2 img{
	width: 100%;
	height: 23.5vw;
	object-fit: cover;
}
.top_con03_dl2 .top_con03_img{
	width: 100%;
	height: 23.5vw;
	overflow: hidden;
}
/*サポート内容3分割の場合*/
.top_con03_dl3{
	width: 32.5%;
	overflow:hidden;
}
.top_con03_dl3 img{
	width: 100%;
	height: 15.5vw;
	object-fit: cover;
}
.top_con03_dl3 .top_con03_img{
	width: 100%;
	height: 15.5vw;
	overflow: hidden;
}
/*---------------*/

/*-------------------------------------------
top_flow
--------------------------------------------*/
.top_flow_ol{
	display: flex;
	justify-content: space-between;
}
.top_flow_ol li{
	width: 24.4%;
	position: relative;
}
.top_flow_ol li+li::before{
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	color: #FF0000;
	font-weight: 900;
	font-size: 1.25vw;
	position: absolute;
	left: -1vw;
	top: 4.5vw;
}
.flow_icon{
	width: 63.6%;
	margin: 0 auto;
	border: 5px solid #efefef;
	border-radius: 1000px;
}
.flow_ttl{
	/*font-family: 'Noto Serif JP', serif;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 1.3vw;
	font-weight: 550;
	text-align: center;
	padding-top: 8.0%;
	padding-bottom: 4%;
}
.flow_txt{
	font-size: 0.95vw;
	padding: 0 7.5%;
}
.top_con_flow_txt01{
	/*font-family: 'Noto Serif JP', serif;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 1.45vw;
	font-weight: 550;
	text-align: center;
	padding-top: 3.5%;
}

/*-------------------------------------------
news
--------------------------------------------*/
.top_news_inner{
	display: flex;
	padding: 5.2% 0;
}
.top_news_ttlarea{
	width: 18%;
}
.top_news_txtarea{
	width: 82%;
}
.top_news_txtdl{
	display: flex;
	justify-content: space-between;
	padding-bottom: 2.5%;
	border-bottom: 1px solid #d8d8d8;
}
.top_news_txtdl+dl{
	padding-top: 2.5%;
}
.top_news_txtdl dt{
	width: 14.5%;
	text-align: center;
}
.top_news_txtdl .top_news_cate{
	font-size: 0.9vw;
	color: #fff;
	text-align: center;
	background-color: var(--SubColor);
	width: 11.5%;
	height: 1.61vw;
	line-height: 1.61vw;
	padding: 0 2%;
	margin-top: 0.1%;
}
.top_news_txtdl .top_news_txt{
	font-size: 0.98vw;
	width: 74%;
	padding: 0 3.5%;
}

/*-------------------------------------------
google map
--------------------------------------------*/
.g_map iframe{
	display: block;
	width: 100%;
	height: 33vw;
}

/*-------------------------------------------
下層ページ
--------------------------------------------*/
/*----- 下層mv -----*/
.lower_mv{
	background-image: url("../images/h2_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position:left 37%;
	height: 18.0vw;
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 4.5vw;
}
.lower_mv::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
.lower_mv::after{
	content: "";
	position: absolute;
	z-index: -10;
	top: 4.15vw;
	left: -5vw;
	width: 100%;
	height: 100%;
	background-color: var(--Sub02Color);
}
.lower_mv h2{
	color: #fff;
	font-size: 2.35vw;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding-left: 4.0vw;
	position: relative;
	z-index: 1;
}
.lower_mv h2 span{
	font-size: 0.4em;
	display: block;
}
.pankuzu{
	font-size: 0.9vw;
	text-align: right;
	padding-right: 4.15vw;
	color: #555;
	line-height: 4.1vw;
}
.pankuzu a{
	font-size: 0.9vw;
	color: #555;
	text-decoration: none;
}
/*----- section title bg -----*/
.lower_section{
	padding-bottom: 5.20vw;
}
.lower_section_bg{
	background-color: var(--GrayBgColor);
	padding-bottom: 5.20vw;
	/*padding: 5.20vw 0;*/
}
.lower_section_bg__{
	padding-top: 5.2vw;
}
.lower_section_bg2{
	padding-top: 0;
}
.white_bg{
	background-color: #fff;
	padding-bottom: 5.20vw;
	box-shadow: -1px 3px 10px -1px #ccc;
}
.lower_section section.white_bg+section{
	margin-top: 4.16vw;
}

/*----- section title -----*/
.lower_section_ttl h3{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.34vw;
	font-weight: 400;
	text-align: center;
	position: relative;
	margin-bottom: 2.87vw;
	padding-top: 4.5vw;
	padding-bottom: 1.2vw;
}
.lower_section_ttl h3::after{
	content: "";
	height: 0.25vw;
	width: 5.0vw;
	background-color: var(--SubColor);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0)
}

/*-------------------------------------------
aboutus
--------------------------------------------*/
/*----- 代表挨拶 ------*/
.message_box{
	display: flex;
	justify-content: space-between;
}
.message_box_txt{
	width: 56%;
}
.message_box_img{
	width: 38%;
}
.message_box_ttl{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.05vw;
	font-weight: 500;
	line-height: 1.35;
	padding-bottom: 1.2vw;
	color: #333333;
}
.message_box_p{
	line-height: 1.5;
}
.message_box_p+p{
	padding-top: 1.2vw;
}
.message_box_sign{
	text-align: right;
	font-size: 1.5vw;
	padding-top: 1.2vw;
}
.message_box_sign span {
	font-size: 0.65em;
	display: inline-block;
	padding-right: 1.2em;
}

/*----- 事務所概要 ------*/
.office_info dl{
	display: flex;
}
.office_info dt{
	font-weight: 600;
	color: #555555;
	width: 17.5%;
	padding: 2.97% 0;
	padding-left: 1.86%;
	border-bottom: 0.156vw solid var(--SubColor);
}
.office_info dd{
	width: 82.5%;
	padding: 2.97% 0;
	padding-left: 4.24%;
	border-bottom: 0.156vw solid #d8d8d8;
}
.office_info dl:first-child dt{
	font-weight: 600;
	padding-top: 1.5%;
	color: #555555;
}
.office_info dl:first-child dd{
	padding-top: 1.5%;
}
.office_info_imgarea{
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding-top: 3.64vw;
}
.office_info_imgarea li{
	width: 31.25%;
}
.office_info_imgarea li p{
	padding-top: 0.8vw;
	font-size: 1.0vw;
}

/*----- アクセス ------*/
.access01{
	text-align: center;
}
.access01 span{
	display: inline-block;
	padding-right: 1em;
}
.access_gmap iframe{
	display: block;
	width: 100%;
	height: 36vw;
	margin-top: 2.0%;;
}
.access_howto{
	display: flex;
	margin-top: 2.38%;
}
.access_howto .howto_ttl{
	font-size: 1.0vw;
	font-weight: 600;
	padding-bottom: 0.5vw;
	color: #555555;
}
.howto01,.howto02{
	width: 50%;
}
.howto02{
	border-left: 1px solid #cccccc;
	padding-left: 4.15%;
}
.access_howto ul li{
	font-size: 1.0vw;
	padding-bottom: 0.2vw;
	line-height: 1.6;
}


/*-------------------------------------------
service
--------------------------------------------*/
/*--ページ上部アンカーリンク--*/
.service_link_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 1.55vw;
	margin: 4.1vw 0;
}
.service_link_box li{
	width: 31.5%;
	/*background-image: url("../images/arrow01.svg");*/
	background-repeat: no-repeat;
	background-position: center right 6%;
	background-size: 0.6em auto;
}
.service_link_box a{
	/*font-family: 'Noto Serif JP', serif;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 1.15vw;
	color: #000;
	text-decoration: none;
	display: block;
	border: 1px solid #bbbbbb;
	padding: 7.5% 5.5%;
	position: relative;
}
.service_link_box a::after{
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	color: #555;
	font-weight: 900;
	font-size: 0.95vw;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
}
/*.service_link_box a::after{
	content: "↓";
	color: #555;
	font-size: 0.95vw;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}*/
/*--業務内容説明文--*/
.service_explain{
	display: flex;
	justify-content: space-between;
}
.service_explain_txt{
	width: 50%;
}
.service_explain_img{
	width: 47%;
	height: 20vw;
}
.service_explain_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service_explain_txt p+p{
	padding-top: 1.2vw;
}

/*-よくある質問-*/
.service_faq_ttl{
	font-size: 1.25vw;
	font-weight: 600;
	padding: 4.0% 0 1.5%;
}
.service_faq_item{
	position: relative;
}

/*アコーディオン*/
.service_faq .toggle {
	display: none;
}
.service_faq .option {
	position: relative;
	margin-bottom: 2.0%;
}
.service_faq .option:last-of-type{
	margin-bottom: 0;
}
.service_faq .title,
.service_faq .content {
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.service_faq .title {
	border: solid 1px #aaaaaa;
	padding: 2.55%;
	padding-left: 2.5%;
	padding-right: 7%;
	display: block;
	cursor: pointer;
}
.service_faq .title::after,
.service_faq .title::before {
	content: "";
	position: absolute;
	right: 3.5%;
	top: calc(50% - 0.4em);
	width: 2px;
	height: 0.8em;
	background-color: #707070;
	transition: all 0.3s;
}
.service_faq .title::after {
	transform: rotate(90deg);
}
.service_faq .content {
	max-height: 0;
	overflow: hidden;
}
.service_faq .content p {
	margin: 0;
	padding: 1em 1.4em 1em;
}
.service_faq .toggle:checked + .title + .content {
	max-height: 500px;
	transition: all 1.0s;
}
.service_faq .toggle:checked + .title::before {
	transform: rotate(90deg) !important;
}
/*--------アコーディオンの設定ここまで------*/


/*-------------------------------------------
fee
--------------------------------------------*/
.fee_section_introtxt{
	padding-bottom: 1.5vw;
	line-height: 1.5;
}
.fee_table{
	width: 100%;
}
.fee_table th,.fee_table td{
	border: 1px solid #cacaca;
	font-weight: normal;
	/*font-size: 1.3vw;*/
	vertical-align: middle;
	padding: 1.4vw;
}
.fee_table tr:first-of-type th{
	background-color: var(--SubColor);
	color: #fff;
	padding: 0.68vw;
}
.fee_table tr:nth-of-type(n+2) th{
	text-align: left;
	background-color: var(--TableBgColor);
}
.fee_table tr:nth-of-type(n+2) td{
	text-align: right;
	background-color: #fff;
}
.fee_table .zei_small{
	font-size: 0.8em;
}
.fee_table_ttl01{
	font-size: 1.2vw;
	font-weight: 550;
	padding-bottom: 1.2%;
}
.fee_table_ttl01:nth-of-type(n+2){
	padding-top: 3.2%;
}
.table_note_area{
	font-size: 0.95vw;
	margin-top: 1.2vw;
	line-height: 1.5;
}
.table_note_area li+li{
	padding-top: 0.26vw;
}
.table_note_area li,.table_note_area p{
	text-indent: -1.2em;
	padding-left: 1.5em;
}
.fee_table_ul {
	text-indent: -1em;
	padding-left: 1em;
}

.fee_table_ul li {
	line-height: 1.4;
	padding-top: 0.6em;
}

/*テーブルの横幅*/
.fee_table3_7 tr th:first-of-type{width: 30%;}
.fee_table3_7 tr td:nth-of-type(2){width: 70%;}

.fee_table4_6 tr th:first-of-type{width: 40%;}
.fee_table4_6 tr td:nth-of-type(2){width: 60%;}

.fee_table5_5 tr th:first-of-type,.fee_table5_5 tr td:nth-of-type(2){width: 50%;}


/*-------------------------------------------
contact
--------------------------------------------*/
.contact_info{
	text-align: center;
}
.contactpage_point{
	display: flex;
	justify-content: space-between;
	width: 78%;
	margin: 0 auto;
	padding: 3.8% 0;
}
.contactpage_point li{
	width: 31.5%;
	border: 1px solid #000;
	text-align: center;
	padding: 0.85vw;
}
.contactpage_point li span{
	font-size: 0.8em;
}
.contact_telbox{
	border: 0.26vw solid #ececec;
	padding: 2.4%;
	text-align: center;
}
h4{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.8vw;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
}
.contact_telbox_tel a{
	color: #333333;
	text-decoration: none;
	font-size: 3.0vw;
	padding-left: 2.3vw;
	background: url(../images/icon_tel.svg) no-repeat;
	background-size: 1.8vw 1.8vw;
	background-position: left 0.8vw;
}
.contact_telbox_uketsuke{
	font-size: 0.9vw;
}
/*---お問い合わせフォーム---*/
.form_wrap{
	padding-top: 5.2vw;
}
.form_info{
	text-align: center;
	padding-top: 2.5vw;
}


/*---form---*/
.contact_form{
	padding-top: 2.9vw;
}
.contact_form dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d8d8d8;
	padding: 2.3% 1.7%;
}
.contact_form dl:first-of-type{
	padding-top: 0;
}
.contact_form dl:last-of-type{
	margin-bottom: 3.12vw;
}
.contact_form dt{
	width: 26%;
	
	font-weight: bold;
	display: flex;
	justify-content: space-between;
}
.contact_form dd{
	width: 70.5%;
}
.contact_form span.hissu,
.contact_form span.nini{
font-size: 0.75em;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	background-color: var(--SubColor);
	padding: 0.25vw 1.1vw;
	letter-spacing: 0.2em;
	margin-left: 1.04vw;
}
.contact_form span.nini{
	background-color: #b7b7b7;
}
.checkbox label{
	display: inline-block;
}
.checkbox label:nth-of-type(n+2){
	padding-top: 0.26vw;
}
input,textarea{
	font-size:1.1vw;
}
#company,
#name,
#telefon,
#ad,
#Email,
#remarks{
	width:100%;
	background-color: #f3f3f3;
	border: none;
	padding: 0.8vw 0.7vw;
	}
#remarks{
	height: 12vw;
}
/*form placeholdeのfontcolor*/
input::placeholder,
textarea::placeholder{
	color: #a1a1a1;
	font-size:1vw;
}
/*submit*/
form_b{
	text-align: center;
}
form input[type=submit] {
	background: none;
	background-color: var(--SubColor);
	border: 1px solid var(--SubColor);
	color: #fff;
	font-size: 1.4vw;
	letter-spacing: 0.08em;
	width: 33%;
	height: 3.5vw;
	border-radius: 1000px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}
form input[type=submit]:hover{
	text-decoration: none;
	background-color: #fff;
	color: var(--SubColor);
	border: 1px solid var(--SubColor);
}
form input[type=submit],
form input[type=submit]::before,
form input[type=submit]::after {
	transition: all .3s;
}
form input[type=submit]:hover {
	color: var(--SubColor);
	text-decoration: none;
}

/*ラジオボタン*/
.radio-input{
	display: none;
}
.radio-input + label{
	padding-left: 23px;
	position:relative;
	margin-right: 40px;
}
.radio-input + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
	background-color: #fff;
}
.radio-input:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: var(--SubColor);
	border-radius: 50%;
}

/*チェックボックス*/

.checkbox-input{
	display: none;
}
.checkbox-parts{
	padding-left: 1.45vw;
	position:relative;
}
.checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0.052vw;
	left: 0;
	/*width: 15px;
	height: 15px;*/
	width: 0.88vw;
	height: 0.88vw;
	border: 1px solid #999;
	border-radius: 2px;
	background-color: #fff;
}
.checkbox-input:checked + .checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
	/*top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;*/
	top: -0.1vw;
	left: 0.26vw;
	width: 0.36vw;
	height: 0.729vw;
	transform: rotate(40deg);
	border-bottom: 3px solid var(--SubColor);
	border-right: 3px solid var(--SubColor);
}

/*個人情報保護方針チェック*/
.policy_box{
	text-align: center;
	margin-bottom: 2.8vw;
}
.policy_box a{
	color: #000;
}
.policy_box p{
	margin-top: 0.5vw;
	font-size: 0.9vw;
}


/*-------------------------------------------
policy
--------------------------------------------*/
.policy_wrap{
	padding-top: 5.2vw;
}
.policy_info{
	text-align: center;
}
.policy_wrap dl{
	margin-top: 3.5vw;
}
.policy_wrap dt{
	font-size: 1.35vw;
	padding-bottom: 1.0vw;
	margin-bottom: 1.0vw;
	border-bottom: 1px solid #707070;
	font-weight: 500;
}
.policy_wrap ul{
	margin: 1vw 0;
}
/* .policy_wrap ul li{
	text-indent: -1.3em;
	padding-left: 1.5em;
} */
.policy01 li{
	position: relative;
	padding-left: 0.7em;
}
.policy01 li::before{
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100px;
	background: #333;
	display: block;
	position: absolute;
	top: calc(50% - 2.5px);
	left: 0;
}


/*-------------------------------------------
blog一覧
--------------------------------------------*/
.blog_wrap{
	padding: 5.2vw 0;
	display: flex;
	justify-content: space-between;
}
.blog_wrap a{
	color: #000;
	text-decoration: none;
}
.blog_wrap a:hover{
	text-decoration: underline;
}
.blog_content{
	width: 71%;
}
.blog_wrap aside{
	width: 26%;
}
.blog_content dl{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 1px solid #d8d8d8;
	padding: 2.5% 1.5%;;
}
.blog_content > dl:first-of-type{
	padding-top: 0;
}
.blog_content dt{
	width: 12%;
}
.blog_content .cate{
	font-size: 0.9vw;
	color: #fff;
	background-color: var(--SubColor);
	padding: 0.15vw;
	width: 14.5%;
	margin-top: 0.2vw;
	text-align: center;
}
.blog_content .blog_ttl{
	width: 64%;
}
.blog_wrap .aside02{
	margin-top: 2.7vw;
}
.blog_wrap .aside01>p:first-of-type,
.blog_wrap .aside02>p:first-of-type{
	font-size: 1.19vw;
	font-weight: bold;
	padding-bottom: 1.14vw;
	border-bottom: 3px solid var(--SubColor);
}
.blog_wrap aside li{
	border-bottom: 1px solid #d8d8d8;
	padding: 1.7vw 0;
}
.pagefeed{
	margin-top: 2.5vw;
	text-align: center;
}
.pagefeed span{
	display: inline-block;
	padding: 0.36vw 0.52vw;
	border: 1px solid var(--SubColor);
	margin: 0 0.35vw;
}
.pagefeed .current{
	background-color: var(--SubColor);
	color: #fff;
}

.blog_detail time{
	color: #333;
	font-size: 0.83vw;
}
.blog_detail .blog_h3ttl{
	font-size: 2.08vw;
	font-weight: normal;
	padding: 0.52vw 0 1.3vw;
	margin-bottom: 1.5vw;
	position: relative;
	width: 100%;
	border-bottom: 3px solid #d8d8d8;
}
.blog_detail .blog_h3ttl:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 30%;
	height: inherit;
	border-bottom: 3px solid var(--SubColor);
}
.blog_detail p+p{
	padding-top: 1.5vw;
	line-height: 1.53;
}


/*-------------------------------------------
レスポンシブ
--------------------------------------------*/
@media screen and (max-width: 959px){
	
	/*--下層ページMV--*/
	.lower_mv{
	margin-top: clamp(45px, 10vw, 70px);
	}
	/*--service.html 　ページ上部アンカーリンク flexからgridへ--*/
	.service_link_box{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap:10px 2.5%;
		margin: 7% 0;
	}
	.service_link_box li{
		width: auto;
	}

}


@media screen and (max-width: 767px){
	/*--mv--*/
	.mv{
		flex-direction: column-reverse;
	}
	.mv_txt {
		width: 90%;
		margin: 0 auto;
		padding-left: 0;
		padding-bottom: 40px;
	}
	.mv h2{
		font-size: 2.38rem;
		text-align: center;
		line-height: 1.3;
		/*padding-bottom: 15px;*/
	}
	.mv h2::after{
		width: 100%;
		height: 1px;
		top: 13px;
		z-index: 1;
	}
	.mv_txt_box{
		width: 100%;
	}
	.mv_sub_txt{
		font-size: 1.85rem;
		font-weight: 700;
		padding-top: 20px;
		text-align: center;
	}
	.mv_ul{
		padding-top: 9px;
		padding-bottom: 17px;
		font-weight: 500;
	}
	.mv_ul li{
		font-size: 1.45rem;
		background-size: 1.8rem auto;
		padding-left: 2.5rem;
	}
	.mv_ul li+li{
		margin-top: 7.4px;
		margin-bottom: 0;
	}
.mv_btn a{
	font-size: 1.7rem;
	width: 100%;
	line-height: 55px;
	border-radius: 1000px;
	text-align: center;
	text-decoration: none;
}
	.mv_img{
		width: 100%;
	}
	.mv_img img{
		object-position: 100% bottom;
		padding-bottom: 3.5vw;
	}
	
/*-------------------------------------------
top_con01,top_con02
--------------------------------------------*/
	/*--top_con01--*/
	.top_con01_txt01{
		line-height: 150%;
	}
	.top_con01::before{
		width: 100%;
		height: 100%;
		padding-left: 0;
	}
	.top_con01_ttl{
		font-size: 2.1rem;
		padding-left: 3%;
		margin-top: 4.5%;
		margin-bottom: 4.0%;
	}
	.top_con01_box{
		flex-direction: column-reverse;
		justify-content: space-between;
		padding: 10% 0;
	}
	.home_con01_txtbox{
		width: 100%;
		padding-right: 0;
	}
	.home_con01_txtbox .top_con01_txt01+p{
		padding-top: 3.5%;;
	}
	.home_con01_img{
		width: 100%;
	}

/*--top_con02--*/
	section.top_con03,section.top_flow{
		padding-bottom: 10%;
	}
	#home h3{
		font-size: 2.4rem;
		padding-top: 10%;
	}
#top_news h3{
	font-size: 2.4rem;
	line-height: 1;
	padding-top: 0;
	text-align: center;
}
	#home h3 span{
		font-size: 0.4em;
		padding-top: 0.8vw;
		padding-bottom: 3.5%;
	}
#top_news h3 span{
	padding-top: 2vw;
}
	.top_h3_lead{
		font-size: 1.45rem;
		text-align: left;
		padding-bottom: 7%;
		width: 90%;
		margin: 0 auto;
	}
	.top_con02{
		background: transparent;
		/*background: linear-gradient(white 28vw, var(--SubColor) 28vw);*/
	}
	.top_con02_bg .wrap_r{
		max-width: 100%;
	}
	.top_con02_ul{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 0vw;
	}
	.top_con02_ul li{
		width: 100%;
		padding-bottom: 8%;
		margin-bottom: 8%;
		background: linear-gradient(white 45%, var(--SubColor) 45%);
	}
	.top_con02_ul li:last-of-type{
		margin-bottom: 0;
	}
	.top_con02_img{
		width: 90%;
		margin: 0 auto;
		min-height: 220px;
		height: 45vw;
	}
/*.top_con02_img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}*/
	.top_con02_ul p:first-of-type{
		width: 90%;
		margin: 0 auto;
		font-size: 1.8rem;
		font-weight: 650;
		padding: 3.5% 0% 2.5%;
	}
	.top_con02_ul p:nth-of-type(2){
		width: 90%;
		margin: 0 auto;
		font-size: 1.5rem;
		padding: 0 0% 0;
	}

/*--top_con03--*/
/*.top_con03 dl a{
	color: #000;
	text-decoration: none;
}*/
/*.top_con03{
	background-color: var(--GrayBgColor);
}*/
.top_con03_dl{
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
	row-gap:6vw;
}

.top_con03_dl dt{
	/*font-weight: 500;*/
	font-size: 1.9rem;
	padding: 2.2% 0vw 1%;
	font-weight: 500;
}
.top_con03_dl dd{
	font-size: 1.4rem;
	padding: 0 0vw 0;
	color: #777777;
}
/*.top_con03_dl span.cont{
	color: #4472C4;
}*/
	.top_con03_dl2 .top_con03_img,
	.top_con03_dl3 .top_con03_img{
		/*width: 100%;*/
		height: auto;
		/*overflow: hidden;*/
}
/*サポート内容2分割の場合*/
	.top_con03_dl2{
		width: 100%;
	}
.top_con03_dl2 img{
	width: 100%;
	height: 40vw;
	min-height: 200px;
	/*object-fit: cover;*/
}
/*サポート内容3分割の場合*/
	.top_con03_dl3{
		width: 100%;
	}
.top_con03_dl3 img{
	width: 100%;
	height: 40vw;
	min-height: 200px;
	/*object-fit: cover;*/
}
/*--top_flow--*/
	.top_flow_ol{
		/*display: flex;
		justify-content: space-between;*/
		flex-wrap: wrap;
	}
	.top_flow_ol li{
		width: 100%;
		/*position: relative;*/
		display: flex;
		border: 3px solid #efefef;
		border-radius: 5px;
		margin-bottom: 5.5%;
}
	.top_flow_ol li+li::before{
		/*font-family: "Font Awesome 5 Free";
		content: '\f054';
		color: #FF0000;
		font-weight: 900;*/
		font-size: 1em;
		/*position: absolute;*/
		left: 50%;
		top: -23%;
		transform: rotate(90deg);
	}
	.flow_icon{
		width: 25%;
		margin: 0 0;
		border: none;
		/*border-radius: 1000px;*/
	}
	.top_flow_ol div:nth-of-type(2){
		width: 70%;
	}
	.flow_ttl{
		font-size: 1.7rem;
		font-weight: 650;
		text-align: left;
		padding-top: 6.0%;
		padding-bottom: 1%;
	}
	.flow_txt{
		font-size: 1.45rem;
		padding: 0 0% 6%;
		color: #444444;
	}
	.top_con_flow_txt01{
		font-size: 1.8rem;
		font-weight: 650;
		/*text-align: center;*/
		padding-top: 1.5%;
	}

	
	
	/*--news--*/
	.top_news_inner{
		display: block;
		padding: 11% 0 10%;
	}
	.top_news_ttlarea{
		width: 100%;
	}
	.top_news_txtarea{
		width: 100%;
	}
.top_news_txtdl{
	display: block;
	/*flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;*/
	padding: 0 1% 3%;
	border-bottom: 1px solid #d8d8d8;
}
.top_news_txtdl+dl{
	padding-top: 3%;
}
.top_news_txtdl dt{
	display: inline;
	font-size: 1.3rem;
	/*width: 5.6em;*/
	text-align: left;
}
.top_news_txtdl .top_news_cate{
	display: inline-block;
	font-size: 1rem;
	/*color: #fff;
	text-align: center;
	background-color: var(--SubColor);*/
	width: 17%;
	height: auto;
	line-height: 1.7em;
	padding: 0 0%;
	margin-top: 0%;
	margin-left: 1.5%;
}
.top_news_txtdl .top_news_txt{
	font-size: 1.4rem;
	width: 100%;
	padding: 1.6% 0% 0;
}

/*--google map--*/
.g_map iframe{
/*
	display: block;
	width: 100%;
*/
	height: 300px;
}
	
	
	/*------footer------*/
	.footer_inner{
		display: block;
		padding: 8% 0 7%;
	}
	.footer01{
		width: 100%;
		text-align: center;
	}
	.footer02{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.footer03{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.footer_logo{
		font-size: 2.0rem;
		/*font-weight: 600;
		color: #333333;*/
	}
	.footer_name{
		font-size: 1.3rem;
		padding-top: 0.8%;
	}
	.footer_add{
		font-size: 1.3rem;
		padding-top: 3.5%;
	}
	.footer_add .add02_build{
		padding-left: 0em;
		display: block;
	}
	.footer_add span{
		display: block;
		padding-right: 0em;
	}
	.footer_tel,.footer_contact{
		font-size: 1.3rem;
		padding-top: 1.1%;
	}
	.footer01 .reception_t{
		font-size: 0.9em;
	}
	.footer02_ttl,.footer03_ttl{
		font-size: 1.4rem;
		font-weight: 650;
		color: #333333;
		padding-top: 3.5vw;
		padding-bottom: 0.6vw;
	}
	.footer02_ul li,.footer03_ul li{
		font-size: 1.3rem;
		padding-bottom: 0%;
		line-height: 1.75;
	}
	.footer_bottom{
		display: none;
		border-top: 1px solid #b1b1b1;
		padding: 1.2% 0;
	}
/*.footer_bottom a{
	font-size: 0.9vw;
	color: #000;
	text-decoration: none;
}
.footer_nav01,.footer_nav02{
	display: flex;
	justify-content: center;
}
.footer_nav01 li+li::before,
.footer_nav02 li+li::before{
	content: "／";
	padding: 0 3px;
}
.footer_nav02{
	padding-top: 0.4%;
}*/
	.copyright{
		font-size: 1.1rem;
		/*color: #fff;
		text-align: center;
		background-color: var(--SubColor);*/
		padding: 3.5% 0;
	}
	
	/*-------------------------------------------
	下層ページ
	--------------------------------------------*/
	/*----- 下層mv -----*/
	.lower_mv{
		background-image: url("../images/h2_bg_sp.jpg");
		/*background-repeat: no-repeat;
		background-size: cover;*/
		background-position:left top;
		height: 18vw;
		min-height: 180px;
		/*display: flex;
		align-items: center;
		position: relative;*/
		margin-left: 0vw;
	}
	/*.lower_mv::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
	}*/
	.lower_mv::after{
		/*content: "";
		position: absolute;
		z-index: -10;*/
		top: 7.0vw;
		left: 0vw;
		/*width: 100%;
		height: 100%;
		background-color: var(--Sub02Color);*/
	}
	.lower_mv h2{
		/*color: #fff;*/
		font-size: 2rem;
		/*font-weight: 400;*/
		line-height: 1.3;
		/*letter-spacing: 0.05em;*/
		padding-left: 4.0vw;
		/*position: relative;
		z-index: 1;*/
	}
	.lower_mv h2 span{
		font-size: 0.45em;
		/*display: block;*/
	}
	.pankuzu{
		font-size: 0.9rem;
		/*text-align: right;*/
		padding-right: 0vw;
		padding-top: 2.4vw;
		/*color: #555;*/
		line-height: 1;
	}
	.pankuzu a{
		font-size: 0.9rem;
		/*color: #555;
		text-decoration: none;*/
	}
	/*----- section title bg -----*/
	.lower_section{
		padding-bottom: 10%;
	}
	.lower_section_bg{
		/*background-color: var(--GrayBgColor);*/
		padding-bottom: 10%;
	}
	.lower_section_bg__{
		padding-top: 11%;
	}
	.lower_section_bg2{
		padding-top: 0;
	}
	.white_bg{
		/*background-color: #fff;*/
		padding-bottom: 10%;
		box-shadow: -1px 3px 10px -1px #ccc;
	}
	.lower_section section.white_bg+section{
		margin-top: 8%;
	}
	/*----- section title -----*/
	.lower_section_ttl h3{
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 2.4rem;
		line-height: 1.3;
		/*font-weight: 400;
		text-align: center;
		position: relative;*/
		margin-bottom: 6%;
		padding-top: 10%;
		padding-bottom: 3%;
		font-weight: 600;
	}
/*	#service .lower_section_ttl h3{
		padding-top: 1%;
	}*/
	.lower_section_ttl h3::after{
		/*content: "";*/
		height: 2px;
		width: 40px;
		/*background-color: var(--SubColor);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0)*/
	}
	/*-------------------------------------------
aboutus
--------------------------------------------*/
	/*----- 代表挨拶 ------*/
	.message_box{
		/*display: flex;*/
		flex-direction: column-reverse;
		/*justify-content: space-between;*/
		align-items: center;
	}
	.message_box_txt{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.message_box_img{
		width: 70%;
		max-width: 400px;
	}
	.message_box_ttl{
		font-size: 2.1rem;
		font-weight: 600;
		/*line-height: 1.35;*/
		padding-bottom: 3%;
		/*color: #333333;*/
	}
	.message_box_p{
		line-height: 1.5;
	}
	.message_box_p+p{
		padding-top: 3.5%;
	}
	.message_box_sign{
		order: -1;
		text-align: center;
		font-size: 1.8rem;
		padding-top: 3%;
		padding-bottom: 5%;
	}
	.message_box_sign span {
		font-size: 0.65em;
		/*display: block;*/
		padding-right: 1.2em;
	}

	/*----- 事務所概要 ------*/
	.office_info dl{
		/*display: flex;*/
		flex-direction: column;
		padding: 3.8% 2%;
		border-bottom: 1px solid #d8d8d8;
	}
	#aboutus .office_info dt{
		/*font-weight: 600;
		color: #555555;*/
		font-size: 1.5rem;
		width: 100%;
		padding: 0% 0;
		font-weight: 650;
		/*padding-left: 0%;*/
		/*border-bottom: 0.156vw solid var(--SubColor);*/
		border: none;
	}
	#aboutus .office_info dl dd{
		width: 100%;
		padding: 1.5% 0 0;
		/*border-bottom: 0.156vw solid #d8d8d8;*/
		border: none;
	}
/*.office_info dl:first-child dt{
	font-weight: 600;
	padding-top: 1.5%;
	color: #555555;
}*/
/*.office_info dl:first-child dd{
	padding-top: 0%;
}*/
	.office_info_imgarea{
		/*display: flex;
		justify-content: space-between;
		text-align: center;*/
		flex-direction: column;
		padding-top: 6%;
	}
	.office_info_imgarea li{
		width: 100%;
	}
	.office_info_imgarea li p{
		padding-top: 2%;
		padding-bottom: 5%;
		font-size: 1.4rem;
	}
	.office_info_imgarea li:last-of-type p{
		padding-bottom: 0;
	}

/*----- アクセス ------*/
/*.access01{
	text-align: center;
}*/
	.access01{
		padding-bottom: 2.5%;
	}
	.access01 span{
		display: block;
		padding-right: 0;
}
	.access_gmap iframe{
		/*display: block;
		width: 100%;*/
		height: 36vw;
		min-height: 300px;
		margin-top: 2.0%;;
	}
	.access_howto{
		/*display: flex;*/
		flex-direction: column;
		margin-top: 4%;
	}
	.access_howto .howto_ttl{
		font-size: 1.5rem;
		font-weight: 650;
		padding-bottom: 1%;
		/*color: #555555;*/
	}
	.howto02{
		/*border-left: 1px solid #707070;*/
		border: none;
		border-top: 1px solid #cccccc;
		padding-top: 3%;
		margin-top: 3%;
	}
		.howto01,.howto02{
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.access_howto ul li{
		font-size: 1.45rem;
		/*padding-bottom: 0.2vw;
		line-height: 1.6;*/
	}
/*-------------------------------------------
service
--------------------------------------------*/
/*--ページ上部アンカーリンク--*/
/*--service.html 　ページ上部アンカーリンク flexからgridへ--*/
	.service_link_box{
		/*display: grid;*/
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		/*gap:10px 2.5%;
		margin: 7% 0;*/
	}
		.service_link_box li{
		/*width: auto;
		background-image: url("../images/arrow01.svg");
		background-repeat: no-repeat;*/
		background-position: center right 4%;
		background-size: 0.6em auto;
	}
	.service_link_box a{
		font-size: 1.5rem;
		/*color: #000;
		text-decoration: none;
		display: block;
		border: 1px solid #aaaaaa;*/
		/*padding: 7.5% 5.5%;*/
		padding: max(4vw, 15px) 4vw;
	}
	.service_link_box a::after{
	/*font-family: "Font Awesome 5 Free";
	content: '\f054';*/
	color: #555;
	font-weight: 900;
	font-size: 0.75em;
	/*position: absolute;*/
	right: 1.2em;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
}
	
	/*--業務内容説明文--*/
	.service_explain{
		display: flex;
		/*justify-content: space-between;*/
		flex-direction: column-reverse;
	}
	.service_explain_txt{
		width: 100%;
	}
	.service_explain_img{
		width: min(100%,500px);
		margin: 0 auto;
		height: auto;
		padding-bottom: 5%;
	}
	/*.service_explain_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}*/
	.service_explain_txt p+p{
		padding-top: 4%;
	}

	/*-よくある質問-*/
	.service_faq_ttl{
		font-size: 1.7rem;
		font-weight: 650;
		padding: 6.0% 0 2.5%;
	}
	/*.service_faq_item{
		position: relative;
	}*/
	.service_faq_item::before{
		/*content: url("../images/arrow01.svg");
		display: block;*/
		width: 0.7em;
		height: auto;
		position: absolute;
		left: 1.4em;
		top: 0.7em;
		/*transform: rotate(-90deg);*/
	}

	/*.service_faq_item::before{
		content: '→';
		color: #a1a1a1;
		font-size: 0.95vw;
		position: absolute;
		left: 1.97em;
		top: 1.97em;
	}*/
	/*アコーディオン*/
	/*.service_faq .toggle {
		display: none;
	}*/
	.service_faq .option {
		position: relative;
		margin-bottom: 3.0%;
	}
	.service_faq .option:last-of-type{
		margin-bottom: 0;
	}
	/*.service_faq .title,
	.service_faq .content {
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}*/
	.service_faq .title {
		/*border: solid 1px #aaaaaa;*/
		padding: 0.8em 2.2em 0.8em 0.8em;
		/*display: block;
		cursor: pointer;*/
	}
	.service_faq .title::after,
	.service_faq .title::before {
		/*content: "";
		position: absolute;*/
		right: 1.25em;
		top: calc(50% - 0.4em);
		/*width: 2px;
		height: 0.8em;
		background-color: #707070;
		transition: all 0.3s;*/
	}
	/*.service_faq .title::after {
		transform: rotate(90deg);
	}
	.service_faq .content {
		max-height: 0;
		overflow: hidden;
	}*/
	.service_faq .content p {
		margin: 0;
		padding: 0.8em 0.8em 0.8em;
	}
	.service_faq .toggle:checked + .title + .content {
		max-height: 500px;
		/*transition: all 1.0s;*/
	}
	/*.service_faq .toggle:checked + .title::before {
		transform: rotate(90deg) !important;
	}*/
	/*--------アコーディオンの設定ここまで------*/
	
	
		/*-------------------------------------------
	fee
	--------------------------------------------*/
	.fee_section_introtxt{
		padding-bottom: 3%;
		line-height: 1.5;
	}
	.fee_table_outer_s,
	.fee_table_outer_r{
		width: 100%;
		margin: 0 auto;
		overflow-x: scroll;
	}
		.fee_table_outer_s .fee_table,
		.fee_table_outer_r .fee_table{
		width: 100%;
		min-width: 500px;
	}
	.fee_table_outer_r .fee_table{
	min-width: 570px;
}

.fee_table th,.fee_table td{
	/*border: 1px solid #cacaca;
	font-weight: normal;
	vertical-align: middle;*/
	padding: 4%;
}
.fee_table tr:first-of-type th{
	/*background-color: var(--SubColor);
	color: #fff;*/
	padding: 1.3%;
}
.fee_table tr:nth-of-type(n+2) th{
	/*text-align: left;
	background-color: var(--TableBgColor);*/
}
.fee_table tr:nth-of-type(n+2) td{
	/*text-align: right;
	background-color: #fff;*/
}
	.fee_table .zei_small{
		font-size: 0.8em;
	}
	.fee_table_ttl01{
		font-size: 1.6rem;
		font-weight: 650;
		padding-bottom: 2%;
		padding-top: 1%;
		line-height: 1.3;
	}
	.fee_table_ttl01:nth-of-type(n+2){
		padding-top: 5%;
	}
	.table_note_area{
		font-size: 1.3rem;
		margin-top: 2.5%;
		/*line-height: 1.5;*/
	}
	.table_note_area li+li{
	padding-top: 0.7%;
	}
	.table_note_area li{
		text-indent: -1.3em;
		padding-left: 1.5em;
	}

	/*テーブルの横幅*/
	.fee_table3_7 tr th:first-of-type{width: 40%;}
	.fee_table3_7 tr td:nth-of-type(2){width: 70%;}

	.fee_table4_6 tr th:first-of-type{width: 40%;}
	.fee_table4_6 tr td:nth-of-type(2){width: 60%;}

	.fee_table5_5 tr th:first-of-type,.fee_table5_5 tr td:nth-of-type(2){width: 50%;}
	
	/*-------------------------------------------
contact
--------------------------------------------*/
	.contact_info{
		text-align: left;
	}
	.contactpage_point{
		/*display: flex;
		justify-content: space-between;*/
		width: 100%;
		margin: 0 auto;
		padding: 4% 0 4%;
	}
	.contactpage_point li{
		font-size: 1.3rem;
		font-weight: 500;
		width: 31.5%;
		/*border: 1px solid #000;
		text-align: center;*/
		padding: 2% 0;
	}
	.contactpage_point li span{
		font-size: 0.8em;
	}
	.contact_telbox{
		border: 5px solid #ececec;
		padding: 5%;
		/*text-align: center;*/
	}
	h4{
		/*font-family: 'Noto Serif JP', serif;*/
		font-size: 2.0rem;
		font-weight: 600;
		/*text-align: center;*/
		line-height: 1.5;
		padding-bottom: 2%;
	}
	.contact_telbox_tel{
		padding: 2% 0;
		line-height: 1;
	}
	.contact_telbox_tel a{
		/*color: #333333;
		text-decoration: none;*/
		line-height: 1;
		font-size: 3.0rem;
		padding-left: 1.1em;
		/*background: url(../images/icon_tel.svg) no-repeat;*/
		background-size: 0.9em auto;
		background-position: left 0.8vw;
	}
	.contact_telbox_uketsuke{
		font-size: 1.2rem;
	}
	/*---お問い合わせフォーム---*/
	.form_wrap{
		padding-top: 10%;
	}
	.form_info{
		text-align: left;
		padding-top: 2.5vw;
	}

	/*---form---*/
	.contact_form{
		padding-top: 6%;
	}
	.contact_form dl{
		display: flex;
		align-items: flex-start;
		/*justify-content: space-between;*/
		flex-direction: column;
		/*border-bottom: 1px solid #d8d8d8;*/
		border:none;
		padding: 5.5% 0 0;
	}
	/*.contact_form dl:first-of-type{
		padding-top: 0;
	}*/
	.contact_form dl:last-of-type{
		margin-bottom: 5.5%;
	}
	.contact_form dt{
		width: 100%;
		font-weight: bold;
		margin-bottom: 1%;
		/*display: flex;
		justify-content: space-between;*/
	}
	.contact_form dd{
		width: 100%;
		padding-top: 1.5%;
	}
	.contact_form span.hissu,
	.contact_form span.nini{
		font-size: 0.7em;
		font-weight: 600;
		/*color: #fff;
		display: inline-block;
		background-color: var(--SubColor);*/
		padding: 0.7% 2% 0.2%;
		letter-spacing: normal;
		margin-bottom: 0.5%;
		margin-left: 2%;
		margin-right: 1px;
	}
	.contact_form span.nini{
		/*background-color: #b7b7b7;*/
	}
	.checkbox label{
		display: inline-block;
	}
	.checkbox label:nth-of-type(n+2){
		padding-top: 1%;
	}
	input,textarea{
		font-size:1.6rem;
	}
	#company,
	#name,
	#telefon,
	#ad,
	#Email,
	#remarks{
		/*width:100%;
		background-color: #f3f3f3;*/
		border: none;
		border:1px solid #ccc;
		padding: 3%;
		}
	#remarks{
		min-height: 150px;
	}
	/*form placeholdeのfontcolor*/
	input::placeholder,
	textarea::placeholder{
		color: #a1a1a1;
		font-size: inherit;
	}
	/*submit*/
	form_b{
		text-align: center;
	}
	form input[type=submit] {
		appearance: none;
		-webkit-appearance: none;
		/*background: none;
		background-color: var(--SubColor);
		border: 1px solid var(--SubColor);
		color: #fff;*/
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: 0.08em;
		width: 90%;
		height: 56px;
		border-radius: 1000px;
		/*cursor: pointer;
		display: block;
		margin: 0 auto;*/
	}
	/*form input[type=submit]:hover{
		text-decoration: none;
		background-color: #fff;
		color: var(--SubColor);
		border: 1px solid var(--SubColor);
	}
	form input[type=submit],
	form input[type=submit]::before,
	form input[type=submit]::after {
		transition: all .3s;
	}
	form input[type=submit]:hover {
		color: var(--SubColor);
		text-decoration: none;
	}*/

	/*ラジオボタン*/
	.radio-input{
		display: none;
	}
	.radio-input + label{
		padding-left: 23px;
		position:relative;
		margin-right: 40px;
	}
	.radio-input + label::before{
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 0;
		width: 15px;
		height: 15px;
		border: 1px solid #999;
		border-radius: 50%;
		background-color: #fff;
	}
	.radio-input:checked + label::after{
		content: "";
		display: block;
		position: absolute;
		top: 8px;
		left: 3px;
		width: 11px;
		height: 11px;
		background: var(--SubColor);
		border-radius: 50%;
	}

	/*チェックボックス*/
	.checkbox{
	line-height: 0.9;
	}
	/*.checkbox-input{
		display: none;
	}*/
	.checkbox-parts{
		padding-left: 1.3em;
		/*position:relative;*/
		display: inline-block;
		padding-top: 1px;
		padding-bottom:8px;
	}
	.checkbox-parts::before{
		/*content: "";
		display: block;
		position: absolute;*/
		/*top:2px;*/
		left: 0;
		width: 0.9em;
		height: 0.9em;
		border: 1px solid #777;
		/*border-radius: 2px;
		background-color: #fff;*/
	}
	.checkbox-input:checked + .checkbox-parts::after{
		/*content: "";
		display: block;
		position: absolute;*/
		top: -0.2em;
		left: 0.2em;
		width: 0.4em;
		height: 0.8em;
		transform: rotate(40deg);
		border-bottom: 3px solid var(--SubColor);
		border-right: 3px solid var(--SubColor);
	}

	/*個人情報保護方針チェック*/
	.policy_box{
		text-align: left;
		margin-bottom: 5%;
	}
	.policy_box label{
		line-height: 0.9;
	}
	.policy_box .checkbox-parts{
		display: flex;
		/*justify-content: center;*/
	}
	.policy_box a{
		color: #000;
	}
	.policy_box p{
		padding-left: 7%;
		margin-top: 0.5vw;
		margin-bottom: 6vw;
		font-size: 1.2rem;
	}
	.policy_box span.hissu{
		padding: 1.5% 2% 1.3%;
		margin-top: -2px;
	}

	
		/*-------------------------------------------
	policy
	--------------------------------------------*/
	.policy_wrap{
		padding-top: 11%;
	}
	.policy_info{
		text-align: left;
	}
	.policy_wrap dl{
		margin-top: 8%;
	}
	.policy_wrap dt{
		font-size: 1.5rem;
		padding-bottom: 1.5vw;
		margin-bottom: 1.5vw;
		border-bottom: 1px solid #707070;
		font-weight: 650;
	}
	.policy_wrap ul{
		margin: 1vw 0;
	}
	/* .policy_wrap ul li{
	text-indent: -1.3em;
	padding-left: 1.5em;
	} */
	.policy01 li{
		position: relative;
		padding-left: 0.7em;
	}
	.policy01 li::before{
		content: "";
		width: 4px;
		height: 4px;
		background: #333;
		display: block;
		position: absolute;
		top: calc(50% - 2px);
		left: 0;
	}
}