@charset "utf-8";

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

	SP 共通レイアウト定義

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

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

 
html{
 font-size: 19px;
}

img{
	max-width: 100%;
}

.tel_dis{ cursor: pointer; }

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

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

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

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

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

/*============================================================
	main
============================================================*/
.image h2{
 font-size: 1.125rem;
}
#main p,
#main li,
#main dd,
#main dt,
#main blockquote,
#main pre,
#main td,
#main th{
	font-size: 0.78rem;
}
.btn_more{
 padding: 20px 10px;
 font-size:0.78rem;
}
/*============================================================
	faq
============================================================*/
 #main .sec_page_faq_item i{
  top: 5px;
 }
 
 #main .sec_page_faq_item .sec_page_faq_item_a, #main .sec_page_faq_item h3{
  font-size: 1rem;
 }
 #main .sec_service p,
 #main .sec_page_faq_item p{
  font-size: 0.78rem;
 }
 #main .sec_page_faq_item .sec_page_faq_item_a,
 #main .sec_page_faq_item h3{
  padding-left: 40px;
 }
/*============================================================
	TOP
============================================================*/
.main_menu{
 display: none;
}
#main .top_faq_head, #main .top_program_head, #main .top_head{
 font-size: 1rem;
}
#main .top_head{
 padding: 20px 10px;
 text-align: left;
}
.sec_top_read .inner{
 align-items: flex-start;
}
#main .sec_top_read .txt_box {
 padding-right: 0;
}
#main .sec_top_read .txt_box p{
 font-size: 0.88rem;
}
.btn_more{
 font-size: 0.88rem;
 padding: 15px 10px;
}
#main .top_faq_head,
#main .head_service {
 padding: 30px 10px;
}
#main .head_service h2 {
 color: #003100;
 font-size: 1.125rem;;
 line-height: 1.25;
 margin-bottom: 1em;
}
#main .head_service p {
 font-size: 0.88rem;
 line-height: 1.25;
 text-align: left;
}
#main .top_program_head {
 padding: 35px 10px;
}
#main .sec_program_item {
 display: block;
}
#main .sec_program_item_2:last-child p{
 font-size: 1rem;
 line-height: 1.5;
}
#main .sec_program_item h4{
 font-size: 112.5%;
}
#main .sec_program_item strong{
 font-size: 20px;
}
#main .sec_program_item .pic{
 width: auto;
}
#main .sec_program_item .txt_box {
 width: auto;
 padding: 15px 10px 25px 10px;
}
.sec_service .inner{
}
#main .news_list p {
 font-size: 0.88rem;
}
/*============================================================
	voice
============================================================*/


#main .sub_head{
 font-size: 1.125rem;
 line-height: 1.5;
}
#main .page_head_sub{
 font-size: 1.5rem;
 line-height: 1.5;
 margin-bottom: 30px;
}
#main .path+.page_head_sub {
 margin-top: 30px;
}
#main .sec_voice h3{
 font-size: 1rem;
 line-height: 1.5;
}
.sec_company,
.sec_voice{
 border-bottom: 1px solid #eee;
 padding: 25px 0;
}
.sec_company{
 margin-bottom: 25px;
}
.grp_voice{
 display: block;
 padding: 10px;
 border-radius: 10px;
}
#main .grp_voice .pic{
 width: 100%;
 display: flex;
 justify-content: space-between;
 margin: 0 0 20px 0;
}
#main .grp_voice .pic img{
 width: 49%;
}
#main .grp_voice .pic img+img{
 margin-top: 0;
}
.grp_voice .txt_box{
 width: 100%;
}
/*============================================================
	program
============================================================*/
#main .main_page_head {
 font-size: 1.25rem;
 padding: 30px 10px;
}
#main .txt_read+.main_page_head {
 margin: 0;
}
#main .txt_read p {
 font-size: 0.88rem;
}
.txt_read {
 padding: 0 0 40px 0;
}
.sec_service {
 padding: 20px 0;
}
#home .sec_service{
 padding:  0;
}
#main .toa_page_head{
 font-size: 1.5rem;
}
.sec_service_item{
 padding:  20px;
}
.sec_service_item .img_r{
 width: 100%;
 margin-left: 0;
}
#main .sec_service_item h3{
 font-size: 1.125rem;
}
.sec_service_item .img_r {
 width: 100%;
 float: none;
 margin: 0 0 20px 0;
}
.sec_service_item_2 .page_list{
 padding-top: 0;
}
#main .sec_service .sec_service_item p,
#main .page_list li{
 font-size: 0.78rem;
}
/*============================================================
	location
============================================================*/
/* ===== location_image ===== */
.location_image{
 height: 120px;
}
@keyframes slide{
 0%{
  background-position: 0 0;
 }
 100%{
  background-position: -649px 0;
 }
}
.sec_location_photo{
 padding: 25px 0;
}
.sec_location_item{
 padding:  25px 0;
}
.sec_location_item .inner{
 display: block;
}
.sec_location_item .pic{
 display: block;
 width: 100%;
 margin-bottom: 20px;
}
.sec_location_item .txt_box{
 width: 100%;
}
/*============================================================
	news_page
============================================================*/
.news_page{
 padding:  25px 10px;
 display: block;
}
.news_page .page_head_sub{
 width: 100%;
}
.news_page .sub_area{
 width: 100%;
 margin-top: 50px;
}
.news_page .main_area{
 width: 100%;
 margin-bottom: 30px;
}
#main .sub_area h3{
 font-size: 1rem;
}
#main .categiry_list li{
 font-size: 0.78rem;
}
#main .arc_list li{
 font-size: 0.78rem;
}
.sec_sub_area{
 margin-bottom: 30px;
}
#main .news_list_area p{
 font-size: 0.78rem;
}
#main .categiry_list time,
#main .news_list_area time{
 font-size: 0.78rem;
}
/*============================================================
	news_detail
============================================================*/
/* ===== news_detail ===== */
#main .news_page h1{
 font-size: 1.25rem;
 padding-bottom: 10px;
}
#main .news_page .date{
 margin: 0 0 1em 0;
 line-height: 1;
 font-size: 0.88rem; 
}
#main .news_nav {
 margin-top: 20px;
 padding-top: 20px;
}
/*============================================================
	XXXX
============================================================*/
#main .sec_service_2 .toa_page_head{
 margin-bottom: 0;
 padding:  40px 0;
 line-height: 1;
}
#main .sec_service .page_image{
 margin: 40px 0;
}
#main .sec_service .grp{
 display: block;
}
#main .sec_service .grp>p,
#main .sec_service .txt_box{
 width: auto;
 margin-top: 30px;
}
/*============================================================
	flow
============================================================*/

#main .step{
 list-style: none;
 margin: 35px auto;
}
#main .step li{
 margin: 0 0 5px 0;
}
#main .step i{
 display: block;
 width: 25%;
}
#main .step .txt_box{
 width: 70%;
}
#main .step h2{
 font-size: 1rem;
 margin: 0 0 0.5em 0;
}
/*============================================================
	company
============================================================*/
.sec_company_grp{
 display: block;
}
.sec_company_item{
 width: 100%;
 margin-top: 30px;
}
#main .sec_company h2{
 font-size: 1.25rem;
 line-height: 1.25;
 margin-bottom: 2em;
}
#main .sec_company_item h2,
#main .sec_company h3{
 font-size: 1.125rem;
 line-height: 1;
}
/*============================================================
	page_contact
============================================================*/
.page_contact{
 padding-bottom: 40px;
}
#main .page_contact h2{
 font-size: 1.125rem;
}#main .page_contact p{
 font-size: 0.88rem;
}
.contact_set{
 display: block;
 gap: 10px;
 margin: 25px 0;
}
.sec_contact_item{
 width: 100%;
 padding: 10px;
 margin-top: 10px;
}
.sec_contact_item img{
 width: 25px;
 margin-right: 10px;
}
#main .sec_contact_item h3{
 font-size: 1.125rem;
}
.frm_contact_area .grp{
 display: block
}
#main .sec_contact_item .txt_tel{
 font-size: 1.5rem;
}
.frm_contact_area{
 padding: 20px 10px;
 margin-top: 20px;
}
#main .frm_contact_area h3{
 font-size: 1rem;
}
.frm_grp{
 width: 100%;
 margin-bottom: 1em;
}

.inp_text{
 display: block;
 border: 1px solid #ccc;
 background: #fff;
 padding: 8px !important;
 width: 100%;
}
.wpcf7-radio{
 display: flex;
 flex-wrap: wrap;
 
}
.wpcf7-list-item{
 width: 33%;
}
.wpcf7-list-item label{
 display: block;
 padding: 5px 0;
}
.wpcf7-acceptance label{
 display: block;
 padding: 10px;
 background: #eee;
 text-align: center;
 margin-top: 40px;
}
.btn_submit,
.btn_prev{
 display: block;
 padding: 10px;
 font-size: 1rem;
 line-height: 1;
 max-width: 260px;
 margin: 0 auto 20px auto;
}
/*============================================================
	btn_contact
============================================================*/
.sp_menu_area .btn_contact{
 text-align: center;
 display: block;
 padding: 12px;
 margin: 2em auto 0 auto;
 background: #fff;
 color: #003100;
 text-decoration: none;
 border-radius: 30px;
 max-width: 260px;
 font-weight: bold;
}
/*============================================================
	XXXX
============================================================*/

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

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

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

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

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

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

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

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

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

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

