@charset "UTF-8";

@font-face {
font-family: 'メイリオ';
src: url('fonts/meiryo.woff2') format('woff2'),
	 url('fonts/meiryo.woff') format('woff');

font-weight:100;
font-display: swap;
}
@font-face {
font-family: 'メイリオ';
src: url('fonts/meiryob.woff2') format('woff2'),
	 url('fonts/meiryob.woff') format('woff');

font-weight:200;
font-display: swap;
}


@font-face {
font-family: 'A-OTF新丸ゴ Pro';
src: url('fonts/A-OTF-ShinMGoPro-Medium.woff2') format('woff2'),
	 url('fonts/A-OTF-ShinMGoPro-Medium.woff') format('woff');
font-weight:300;
font-display: swap;
}
@font-face {
font-family: 'A-OTF新丸ゴ Pro';
src: url('fonts/A-OTF-ShinMGoPro-Regular.woff2') format('woff2'),
	 url('fonts/A-OTF-ShinMGoPro-Regular.woff') format('woff');
font-weight:200;
font-display: swap;
}
@font-face {
font-family: 'A-OTF新丸ゴ Pro';
src: url('fonts/A-OTF-ShinMGoPro-Light.woff2') format('woff2'),
     url('fonts/A-OTF-ShinMGoPro-Light.woff') format('woff');

font-weight:100;
font-display: swap;
}

@font-face {
font-family: 'チェックポイント★リベンジ';
src: url(fonts/CP_Revenge.woff);
font-display: swap;
}

*{
	margin:0 auto;
	padding:0;
}

li {
	list-style:none;
}

body{

	margin:0 auto;
	width:100%;
	height:100%;
	font-family:"メイリオ","ＭＳ ゴシック";
	font-weight:100;
}

a{
	text-decoration:none;
	color:#000;
	display:block;
}

header{
	position:relative;
	margin:0px 0;
}

.bgmask{
	width:90%;
	background:rgba(255,255,255,0.7);
	max-width:1400px;
}

.header_h1{
	font-size:7px;
	padding:5px;
	padding-left:5%;
	background-color:rgba(0,0,0,.5);
	color:#fff;

}
.header_logoline{
	overflow:hidden;
	width:90%;
}
.header_logo{

	margin-top:30px;
	margin-bottom:80px;
	height:4.5vw;

}
.header_logo img{
	float:left;
	display:block;
	height:100%;
	position:relative;
	top:1vw;

}

/*右上の電話番号エリア--------------------------------------*/

.header_contact{
	top:0;
	right:0;
	background-color:rgba(255,255,255,.8);
	border-radius:8px;
	position:fixed;
	z-index:150;
	font-size:1.5vw;
	margin:31px 5%;
	width: 380px;
    height: 120px;

	box-sizing: border-box;
}
.contact_text{
	font-size:18px;
	color:#f70;
	text-align:center;
	font-family:'A-OTF新丸ゴ Pro',"ＭＳ ゴシック";
	font-weight:600;
	margin:6px;
}

.header_address{
	padding:10px;
	position:relative;
}

.header_address .tellw{
	position:absolute;
	left:10px;
	top:-16px;
	width:77px;
}

.ticon,.ficon{
	width:26px;
	left:82px;
	position:absolute;
}
.ticon{
	top:5px;
}
.ficon{
	top:40px;
}
.tellno,.faxno{
	left:115px;
	position:absolute;
	width:67%;
}
.tellno{
	top:5px;
}
.faxno{
	top:40px;
}
.header_menu{
	margin:0 auto;
	overflow:hidden;
}
.tel-link.cap{
	float:right;
	bottom:-24px;
	position:relative;
	font-size:20px;
}

/*ヘッダーメニュー--------------------------------*/

.header_menu_list{
	position:relative;
	margin:0 auto;
	width:90%;
	overflow:hidden;
	transition:1s;

}

.header_menu_list li{
	float:left;
	font-size:1vw;
	transition:0.5s ease-out;
	text-align:center;
	width:16.66%;
	border-left:dotted 2px #000;
	margin:0 auto;
	box-sizing: border-box;
	font-family:"A-OTF新丸ゴ Pro","ＭＳ ゴシック";
	font-weight:300;
}
.header_menu_list li:nth-last-child(2){
	border-right:dotted 2px #000;
}

.header_menu_list li:nth-child(1) span{
	margin-top:2px;
}
.header_menu_list li:nth-child(4) span{
	margin-top:-2px;
}
.header_menu_list span{
	display:block;
	line-height:1vw;
	margin-bottom:8px;
}

.menu_under1{
	position:absolute;
	transition:.5s;
	border-radius:5px;
	width:16.66%;
	height:3px;
	bottom:0;
	left:var(--x,0);
	background:#001c1a;
}
.menu_under1:hover{
	display:none;
}

.header_menu_list li:nth-child(1):hover ~ .menu_under1{
	left:0%;
}
.header_menu_list li:nth-child(2):hover ~ .menu_under1{
	left:16.66%;
}
.header_menu_list li:nth-child(3):hover ~ .menu_under1{
	left:33.33%;
}
.header_menu_list li:nth-child(4):hover ~ .menu_under1{
	left:49.99%;
}
.header_menu_list li:nth-child(5):hover ~ .menu_under1{
	left:66.65%;
}
.header_menu_list li:nth-child(6):hover ~ .menu_under1{
	left:83.31%;
}
.home_icon ,.building_icon,.money_icon,.question_icon,.exclamation_icon,.contact_icon{
	width:20%;
}

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

article{
	clear:both;
	overflow:hidden;
}



.top_picture01{
	width:90%;
	position:relative;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	margin-bottom:100px;
}

.top_picture01 img{
	width:100%;
	
}
.top_a{
	display:block;
}
.top_b{
	display:none;
}
.document_content ul{
	width: 80%;
	display: flex;
	flex-wrap: wrap;
}
.document_content ul li{
   font-weight: bold;
   padding: 0.5em;
   margin-left: 1%;
   margin-bottom: 3%;
   text-align: center;
   background-color: #ff7700;
	width: 49%;
   box-sizing: border-box;
   border-radius: 10px;
  display: flex;
  align-items: center;
 }
.document_content ul li a{
	  font-size: 1.2em;
    font-weight: bold;
    padding: 1em;
    color: #fff;
}
.document_content ul li:nth-child(2n){
	margin-right: 0;
}

.procedure_button{
	margin:0 auto;
	margin-top:40px;
	position:relative;
	overflow:hidden;
	height:50px;
	width:270px;
	transition:.6s;
	border-radius: 60px;
    box-shadow: 4px 4px 8px;
    margin-bottom:20px;
    display:block;
}		

.proce1{
	top:0;
	left:0;
	position:relative;
	transition:.6s;
	width:270px;
	height:50px;	
}
.proce2{
	position:relative;
	top:0;
	left:0;
	transition:.6s;
	width:270px;
	height:50px;
}
.proce2pack{
	width:0;
	height:52px;
	overflow:hidden;
	position:absolute;
	top:-1px;
	left:-1px;
	transition:.6s;
}
.procedure_button:hover > .proce2pack{
	width:270px;
	transition:.6s;
}

.content01_left ,.content01_right{
	float:left;
	margin:0 auto;
}
.content01_left{
	width:60%;
}
.content01_right{
	width:40%;

}
.content01_right img{
	width:65%;
	position:relative;
	top:10px;
	display:block;
	margin:0 auto;
}
.content01{
	width:90%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:100px;
}
.content01_text h2{
	font-size:1.6vw;
	text-align:center;
	margin:20px 0;
	font-weight:300;
}

.content01_text span{
	font-size:1.8vw;
	font-weight:300;
	text-align:center;
}
.content01_text p{
	margin-top:50px;
	font-size:20px;
	line-height:32px;
}

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

.content02{
	width:90%;
}

.content02_left{
	width: 100%;
	position:relative;
	box-shadow:0 0px 6px #ccc;
	padding:24px;
	border-radius:16px;
	padding-bottom:48px;
	box-sizing: border-box;
}
.content02_left_top{
	border-bottom:2px dotted #000;
	padding:8px 0;
	font-size:24px;
	font-weight:200;
	text-align:center;
	font-family:'A-OTF新丸ゴ Pro',"ＭＳ ゴシック";
	padding-bottom:28px;
}
.ichiran{
	font-size:16px;
	border-radius:30px;
	padding:5px 10px;
	position:absolute;
	right:0;
	top:0;
	margin:24px;
	background-color:#eee;
	box-shadow: 2px 2px 4px #ccc;
}

.content02_left li{
	border-bottom:1px solid #000;
	
	padding:8px 0;
}
.content02_left li .date{
	font-size:12px;
}
.content02_left li .news_title{
	font-size:16px;
}
.content02_left a:hover > li{
	text-decoration:underline;
}

.content02_right{
	float:right;
	width:calc(48% - 48px - 12px);
	overflow:hidden;
	margin:6px auto;
	background:#fff;
	border-radius:16px;
	position:relative;
	box-shadow:0 0 6px #ccc;
	margin-right:8px;
	padding:24px;
	height:365px;
}
.content02_right a{
	width:30%;
	overflow:hidden;
	float:right;
	padding-right:10%;

	display:block;
}

.line_logo{
	
	width:30%;

}
.line_head{
	float:right;
	width:50%;

}


.line_underline{
	height:3px;
	border-radius:3px;
	background-color:rgb(0,185,0);
	margin:36px 0;
}
.line_w{
	width:40%;

	padding-right:0;
	float:left;
	display:block;
	position:absolute;
	padding-left:32px;
}
#line_block{
	float:right;
	margin:6% 0;
	margin-right:10%;
	margin-left:30%;
	width:150px;
	height:22px;
}


.qr_code{
	width:100%;
}

/*フッター用記述------------------------*/

footer{
	color:#fff;
	position:relative;
	overflow:hidden;
	width:100%;
	background:#FFF;
	font-family:'A-OTF新丸ゴ Pro',"ＭＳ ゴシック";
	height:400px;
}
.footer_box1,.footer_box2,.footer_box3{
	position:absolute;

}
.footer_box1{
	width:40%;
	height:100%;
	background-color:#492d0c;

}

.footer_box2{
	width:60%;
	left:20%;
	height:350px;
	overflow:hidden;
}

.footer_box2 .blur{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.footer_box3{
	background: #c5c6bf;
	width:30%;
	height:100%;
	right:0;
	top:0;
}
.footer_title{
	font-size:20px;
	font-weight:500;
	margin-bottom:10px;
	margin-top:5px;
	
}
.footer_text{
	padding:10px;
	font-size:16px;
	width:400px;
	position:absolute;
	left:11%;
	font-weight:300;
	overflow:hidden;
	float:left;
	top:30px;
}
.footer_text li:nth-child(2){
	padding-left:4px;
}

.category_list{
	width:300px;
	margin-top:80px;
	position:absolute;
	left:9%;
	top:170px;	
	overflow:hidden;
	line-height:30px;
	font-weight:300;
}
.category_list li{
	font-size:16px;
	margin-left:40px;
	text-shadow: 1px 1px rgb(0,0,0);
	position: relative;

}

.category_list li:hover{
	text-decoration:underline;
}

.category_list ul li a{
	color:#fff;
}
.category_list ul li::before {
 
  display: block;
  content: '◆';
  position: absolute;
  top:0;
  left: -16px;
  color:#f70;
  font-size:8px;
}


.link{
	overflow:hidden;
	position:absolute;
	top:20px;
	right:0;
	z-index:100;

}

.link img{
	width:200px;	
	display:block;
}
.menu_under2{
	margin:0 auto;
	width:0;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,.2);
	left:50%;
	top:0;
	transition:.2s;
	border-radius:2px;
}
.link_box{
	margin:20px 35px;
	width:200px;
	position:relative;
	overflow:hidden;
}
.link_box a{
	position:relative;
}
.link_box a:hover > .menu_under2{
	transition:.2s;
	left:0;
	width:100%;
}

.relativebox{
	position:relative;
}

.copyr{
	text-align:center;	
	color:#fff;
	/*filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));*/
	background-color:rgba(0,0,0,.8);
	font-size:14px;
	padding:5px;
}


/*記事の体裁----------------------------------------------------*/
.kiji{
	background:#fff;
	padding:5vw 5%;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
	margin:100px 0;
}
.kiji_shadow{
	border-radius:2.5vw;
	background:#000;
	overflow:hidden;
	height:100%;
	box-shadow:2px 2px 2px #000;
	height:5vw;

}

.kiji_shadow:nth-child(1){
	float:left;
	
}
.kiji_shadow:nth-child(2){
	float:right;

}
.kiji_shadow img{
	height:100%;
}

.content{
	margin-top:4vw;
	width:90%;
	margin-bottom:4vw;
}

.subtitle{
	margin-top:20px;
	font-size:24px;
	font-family:'A-OTF新丸ゴ Pro',"ＭＳ ゴシック";
	font-weight:300;

}
.line{
	height:4px;
	width:100%;
	border-radius:8px;
	background:linear-gradient(90deg, #d1002c, #ffd401);
	margin-bottom:30px;
	margin-top:10px;
}

.content li{
	padding:4px;
	font-size:20px;
}
.content li::before,.content02_left li .news_title::before{
	content: '';
	width:0;
	height:0;
	border-top: 7px solid transparent;
  	border-right: 7px solid transparent;
  	border-bottom: 7px solid transparent;
  	border-left: 7px solid #f50;
  	display:inline-block;
 }
.content ul{
	margin:20px 50px;

}
.content p{
	font-size:20px;
	line-height:32px;
}
.r_text{
	color:#e00;
	font-weight:500;
}
.g_text{
	color:#093;
	font-weight:500;
}
.table tr:nth-child(odd){
	background-color:#ffffff;
}
.table tr:nth-child(even){
	background-color:#efefef;

}
.table th{
	color:#fff;
	background:#3f2a15;
	font-size:1.4vw;
	font-weight:300;
}
.table td{
	font-size:1vw;
	line-height:1.4vw;
}
table{
	font-family:'A-OTF新丸ゴ Pro',"ＭＳ ゴシック";
	font-weight:100;
	margin-top:50px;
	margin-bottom:30px;
}
/*subscription CSS--------*/

.box{
	width:25%;
	float:left;
	margin-bottom:50px;
}
.box:nth-of-type(3),
.box:nth-of-type(6){
	margin:0 12.5%;
}
#daisan a{
	display:inline;
	color:blue;
}
#daisan img{
	width:100%;
}
#daisan table{
	border-collapse:collapse;
	padding:16px;

}
#daisan table th{
	background:#ddd;
	padding:16px;
}
#daisan table th:nth-of-type(1){
	width:20%;
}
#daisan table th:nth-of-type(2){
	width:30%;
}
#daisan table th:nth-of-type(3){
	width:40%;
}
#daisan table th:nth-of-type(4){
	width:10%;
}
#daisan table td{
	background:#fff;
	padding:32px;
}
h3{
	font-size:20px;
	margin-top:16px;
	margin-bottom:8px;
}
/*団体割用CSS-----*/
#dantaiwari table{
	border-collapse:collapse;
	width:50%;
	margin-left:0;
}
#dantaiwari th{
	padding:16px;
	background:#ddd;

}
#dantaiwari td{
	padding:16px;
	background:#fff;
	
}
/*question　CSS-------*/
#kensin table{
	border-collapse:collapse;
	width:50%;
	margin-left:0;
}
#kensin th{
	padding:16px;
	background:#ddd;

}
#kensin td{
	padding:16px;
	background:#fff;
	
}
/*syotoku css-------------*/
#syotoku table{
	border-collapse:collapse;
	width:50%;
	margin-left:0;
}
#syotoku th{
	padding:16px;
	background:#ddd;

}
#syotoku td{
	padding:16px;
	background:#fff;
	
}
/*money用css-----------------------------------------------------------*/
.calc_title{
	font-size:3.5vw;
	font-weight:300;
	text-align:center;
	margin-top:100px;
	margin-bottom:30px;
}
.calc_icon{
	width:0;
	height:0;
	position:relative;
	top:2vw;
	border-top: 3vw solid  #05f;
  	border-right: 2vw solid transparent;
  	border-bottom: 2vw solid transparent;
  	border-left: 2vw solid transparent;
  	display:inline-block;
  	
}
.table_money span{
	font-size:1.2vw;
}
.table_money p{
	padding:4px;
	border-bottom:1px solid #222;
	
}
.table_money {
	border-collapse:collapse;
	border-top:1px solid #222;
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:50px;
}
.table_money td{
	padding:5px 5px;
	font-size:1.4vw;
	font-weight:300;
}
.table_money th,.table_money td{
	padding:10px;
}
.table_money th{
	height:3vw;
	font-size:1.4vw;
}
.calc{
	text-align:center;
	margin:0 auto;
	display:none;
	margin-bottom:100px;
	font-family:'A-OTF新丸ゴ Pro',"ＭＳ ゴシック";
    font-weight: 300;
}
.calc span{
	color:rgb(255,0,0);

}
.calc #output,.kumiai{
	font-size:5vw;
}
.calc #output2{
	font-size:6vw;
}
.calc p{
	font-size:3vw;
	line-height:4vw;
}
.calc select{
	font-size:5vw;
	text-align:center;
	line-height:5vw;
	margin-bottom:3vw;
}
.calc .inclline{
	font-size:6vw;
	width:70%;
	height:40px;
	border-bottom:1px solid #000;
	text-align:left;
	top:-30px;
	position:relative;
	line-height:20px;

}
.input_cover{
	width:100px;
	height:30px;
	position:relative;
	top:10px;
	left:10px;
}
.a-btn{
	padding:16px;
	background:#ff7700;
	border-radius:7px;
	width:200px;
	margin:16px auto;
	text-align:center;
	color:#fff;
}

.a-btn2{
	padding:16px;
	background:#ff7700;
	border-radius:7px;
	width:200px;
	margin:16px auto;
	text-align:center;
	color:#fff;
        font-size:16px;
        font-weight:bold;
    margin-bottom:100px;
    margin-top:50px;
}


/*contact用css-----------------------------------------------------------*/
#contact .a-btn{
	float:right;
	margin:16px;
	margin-right:0;
	margin-top:0;
}
.contact-intro{
	width:60%;
	float:left;
}
#contact .tel-title{
	margin-top:12%;
}
#contact .tel-title~a{
	text-align:center;
	font-size:2.5em;
    display: block;
    width: 380px;
    background-color:#ff7700;
    color:#ffffff;
    border-radius: 7px;
    font-weight: 900;
}
#contact h3{
	text-align:center;
}
#contact hr{
	width:80%;
	margin:5% auto;
}
.table_contact{
	width:90%;
	border-collapse:collapse;

}
.table_contact th,
.table_contact td{
	border:1px solid #888;
}
.table_contact th{
	text-align:center;
	width:30%;
	background-color:#eee;
	font-size:20px;
	font-weight:100;
}
.table_contact th span{
	font-size:16px;
	color:#ff0000;
}

.table_contact td{
	width:70%;
	background-color:#fff;
	padding:16px;
	font-size:20px;
}
.table_contact td input,
.table_contact td select,
.table_contact td textarea{
	font-size:20px;
	padding:8px;
}
.table_contact td .widthmax{
	width:calc(100% - 20px);
}

.table_contact td .post1{
	width:10%;
}
.table_contact td .post2{
	width:15%;
}
.table_contact td .catarr-line{
	width:49%;
	display:inline-block;
}


.table_contact a{
	display:inline;
	color:blue;
}

.up-box{
	display:none;
}
.syoukai-box{
	display:none;
}
.syoukai:checked ~ .syoukai-box{
	display:block;
}
.chuuijikou{
	overflow-y:scroll;
	height:400px;
	border:1px solid #aaa;
}
#sbtn{
	width:30%;
	height:70px;
	font-size:20px;
	background-color:#ff7700;
	margin:0 auto;
	display:block;
	border-radius:8px;
	color:#fff;
}
.width90{
	width:90%;
}

/*company用css-----------------------------------------------------------*/
.table_company td,.table_company th{
	font-size:20px;
	background-color:#fff;
	padding:8px;
}

.table_company th{
	background:#3f2a15;
	font-weight:300;
	text-align:center;
	color:#fff;
}
.table_company{
	padding:5px;
	border-collapse:collapse;
	float:left;
}
.footer_map{
	float:left;
	height:395px;
	transition:.5s;
	z-index:100;
	margin:50px auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	overflow:hidden;
	margin-left:50px;
	width:395px;	
}
.footer_map:hover{
	box-shadow: 10px 10px 20px rgba(0,0,0,1);
}
.footer_map img{
	width:100%;
	display:block;
}
/*kensetsu用css-----------------------------------------------------------*/
.table_kensetsu{
	border-collapse:collapse;
	border-color:#000;
	font-size:1vw;
	line-height:1.2vw;
}
.table_kensetsu th,.table_kensetsu td{
	padding:10px;
}
.table_kensetsu th{
	height:3vw;
}
.table_kensetsu th:nth-child(1){
	width:17%;
}
.table_kensetsu th:nth-child(2){
	width:33%;
}
.table_kensetsu th:nth-child(3){
	width:50%;
}

/*kyuufu用css-----------------------------------------------------------*/
.table_kyuufu{
	border-collapse:collapse;
	border-color:#000;
}

.table_kyuufu th,.table_kyuufu td{
	padding:10px;
}
.table_kyuufu th{
	height:3vw;

}
.table_kyuufu th:nth-child(1){
	width:15%;
}
.table_kyuufu th:nth-child(2){
	width:35%;
}
.table_kyuufu th:nth-child(3){
	width:50%;
}
/*rousai用css-----------------------------------------------------------*/

.kiji h3{
	margin-top:7vw;
	margin-bottom:5vw;
	font-size:2vw;
	font-weight:300;
	padding: 0;/*上下 左右の余白*/
	font-family:"A-OTF新丸ゴ Pro","ＭＳ ゴシック";
}

.h3_b{
	text-align:center;
}
.h3_r{
	text-align:center;
}
.h3_g{
	text-align:center;
}
.h3_y{
	border-left: solid 5px #b4b47d;/*左線*/
	text-align:center;
}

/*qanda用css-----------------------------------------------------------*/
.h3_back{
	background: rgba(0,0,0,.1);/*背景透明に*/
}
.jump{
	text-decoration:underline;
}
.icon_b{
	border-left:.7vw solid #7db4e6;/*左線*/
}

.icon_r{
	border-left:.7vw solid #e67db4;/*左線*/
}
.icon_g{
	border-left:.7vw solid #b4e67d;/*左線*/
}
.icon_y{
	border-left:.7vw solid #b4b47d;/*左線*/
}
.ques_icon,.ans_icon{
	width:3vw;
	float:left;
	overflow:hidden;
	position:relative;
	top:-2vw;
	padding:1vw;
	padding-right:3vw;
}
.ques_icon img,.ans_icon img{
	width:100%;
}

.qanda_1{
	float:right;
	width:40%;
	margin:1vw;
	position:relative;
	bottom:0;
}
.p_left{
	width:60%;

}
.m_box{
	overflow:hidden;
}

/*パンフレット用-------------------------------------------------------------------------*/
.pamph{
	margin-bottom:100px;
}
.pamph img{
	width:100%;
}
.pamph h3{
	color:#fff;
	border-radius:4vw;
	height:4vw;
	line-height:3.6vw;
	text-align:center;
	margin-top:7vw;
	margin-bottom:3vw;

}

.pamph h3:nth-of-type(1){
	background:rgb(0,100,0);
}
.pamph h3:nth-of-type(2){
	background:rgb(100,100,200);
}
.pamph h3:nth-of-type(3){
	background:rgb(240,160,0);
}
.pamph span{
	font-weight:200;
}
.pamph_span1{
	color:rgb(90,61,28);
	font-size:2vw;
}
.pamph_span2{
	font-size:1.6vw;
}
.mini{
	color:rgb(90,61,28);
	font-size:1vw;
}
.pamph a{
	display:inline;
}
.pamph a:hover{
	text-decoration:underline;
}
/*pay用css-----------------------------------------------------------*/
.pay h3{
	margin: 20px 0;
    font-size: 24px;
}
.sp{
	display:none;
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .menu_under1{
    	left:0;
    }
}
@media screen and (min-width:1700px){
	.header_menu_list li{
		font-size:1vw;
	}
}
@media screen and (max-width:1600px){
	#contact .tel-title{
		margin-top:20%;
	}
}
@media screen and (max-width:1150px){
	.footer_left,.footer_right{
		float:none;
		margin:20px auto;
		width:500px;
	}
	.footer_right{
		width:500px;
	}
	#contact .tel-title{
		margin-top:25%;
	}
}
@media screen and (max-width:800px){
	.document_content ul li{
		width: 100%;
		margin-right: 0;
	}
	.menu_under2{
		display:none;
	}
	.table_money{
		display:none;
	}
	.calc{
		display:block;
	}
	.content01_text h2{
		font-size:2vw;
	}
	.content01_text span{
		font-size:2.2vw;
	}

	.content02_left_top{
		font-size:3.1vw;
	}

	.content02_left li .date{
		font-size:2.2vw;
	}
	.content02_left li .news_title{
		font-size: 2.4vw;
	}

	.header_logo{
    	margin-top: 140px;
    	height:7vw;
	}
	.ichiran{
		font-size:2.6vw;
	}
	.content02_left,.content02_right{
		float:none;
		width:90%;
	}
	.content02_left{
		width:90%;
		margin-bottom:100px;

	}
	.content02_right{
		width:calc(100% - 48px - 12px);
		margin:6px auto;
	}
	.table_company,
	.footer_map{
		margin:50px 0;
		width:100%;
		height:auto;
	}
	#kensin table{
		width:auto;
	}
	.line_w{
		padding-left:0;
		width:60%;
		float:none;
		position:static;
	}
	#line_block{
		margin:6% auto;
		float:none;
		margin-bottom:0;
	}
	.content02_right a{
		display:none;
	}
	.content02_right{
		height:auto;
	}
	#contact .tel-title{
		margin-top:35%;
	}
	#contact hr{
		margin:10% auto;
	}
	.contact-intro{
		font-size:19px;
	}
}

@media screen and (max-width:700px){
	.header_menu{
		display:none;
	}
}
@media screen and (max-width:600px){

	.link_box{
		margin:20px auto;
	}
	.top_a{
		display:none;
	}
	.top_b{
		display:block;
	}


	.content01_left{
		width:100%;
		z-index:1;
	}
	.content01_right{
		position:absolute;
		opacity:.5;
		right:0;
		width:50%;
	}
	.content02_left{
		width:calc(100% - 60px);
		margin-left:auto;
		margin-right:auto;
	}

	footer{
		height:700px;
		background-color:transparent;
	}
	.footer_box1{
		width:100%;
		background-color:rgba(73,45,12,0.5);
		position:static;
		height:58%;
	}
	.footer_box3{
		left:0;
		top:400px;
		width:100%;

		background-color:rgba(73,45,12,0.5);
		position:static;
	}
	.link{

		z-index:0;
		position:static;
	}


	.content ul{
		margin:10px 10px;
	}

	.content li::before,.content02_left li .news_title::before{
		border-top: 1.4vw solid transparent;
	  	border-right: 1.4vw solid transparent;
	  	border-bottom: 1.4vw solid transparent;
	  	border-left: 1.4vw solid #f50;
	 }

	.table th{
		font-size:2.8vw;
		height:6vw;
		line-height:4vw;
	}
	.table td{
		font-size:2vw;
		line-height:3vw;
	}

	.table_company td,.table_company th{
		font-size:2.5vw;
	}

	.qanda_1{
		float:none;
		width:100%;
	}
	.p_left{
		float:none;
		width:100%;
	}
	.header_contact{
		margin:31px 10%;
		width:80%;
		height:24vw;
		overflow:hidden;
	}
	.contact_text{
		font-size:3.5vw;

	}
	.ticon,.ficon{
		width:6%;
		left:26%;
		position:absolute;
	}
	.header_address .tellw{
		left:3%;
		top:-10%;
		width:21%;
	}
	.ticon{
		top:1.5vw;
	}
	.ficon{
		top:8.5vw;
	}

	.tellno,.faxno{
		left:34%;
		position:absolute;
		width:63%;
	}
	.tellno{
		top:1vw;
	}
	.faxno{
		top:8vw;
	}
}
@media screen and (max-width:500px){
	.content02_left_top{
		font-size:20px;
	}
	.content02_left li .date{
		font-size:12px;
	}
	.content02_left li .news_title{
		font-size:16px;
	}

	.content01_text span{
		font-size:24px;
	}
	.content01_text h2{
		font-size:16px;
	}


	.table_contact th,
	.table_contact td{
		display:block;
		width:calc(100% - 16px);
		text-align:left;
		padding-left:8px;
		padding-right:8px;
		font-size:16px;
	}
	.table_contact{
		margin-left:0;
		margin-right:0;
		width:100%;
	}
	#sbtn{
		width:90%;
	}
	.kiji h3{
		font-size:20px;
	}
	.header_contact{
		margin:22px 5%;
		height:28vw;
		width:90%;
	}
	.tel-link.cap{
		font-size:16px;
	}
	.subtitle{
		font-size:23px;
	}
	.sp{
		display:block;

	}
	.pc{
		display:none;
	}
	.contact-intro{
		width:100%;
		float:none;
	}
	#contact .tel-title~a{
		width:auto;
	}
	hr{
		margin-top:15%;
		margin-bottom:15%;
	}
	.form-intro{
		font-size:16px;
	}
}


/*トップへ戻る処理-------------------------------------------------*/

.topbutton{
	width:45px;
	height:45px;
	background-color:rgba(255,255,255,0.9);
	bottom:-80px;
	right:5%;
	border-radius:30px;
	position:fixed;
	z-index:1000;
	transition:0.5s;
	box-shadow:0px 0px 5px rgba(0,0,0,1);
}
.topbutton-after{
	background-color: rgba(255,191,95,.8);
	box-shadow:0px 0px 5px 5px rgba(255,191,95,.8);
}
.topbutton .left,.topbutton .right{
	position:absolute;
	width:23px;
	height:5px;
	border-radius:3px;
	background-color:#000;
}

.topbutton .left{
	transform:rotate(-55deg);
	top:20px;
	left:5px;
}

.topbutton .right{
	transform:rotate(+55deg);
	top:20px;
	right:5px;
}

.active{
	bottom:100px;

}

/*ドロワーメニュー-------------------------------------------------*/

.dbutton{
	width:45px;
	height:45px;
	background-color:rgba(255,255,255,.9);
	position:fixed;
	bottom:50px;
	right:5%;
	border-radius:30px;
	text-align:center;
	font-size:10px;
	z-index:1000;
	line-height:0px;
	transition:.6s;
	box-shadow:0px 0px 5px rgba(0,0,0,1);

}

.dbtop , .dbmid , .dbbot{
	position:absolute;
	width:25px;
	height:3px;
	border-radius:3px;
	background-color:#000;
}
.dbtop{
	top:10px;
	left:10px;
	transition:.6s;
}
.dbmid{
	top:18px;
	left:10px;
}
.dbbot{
	top:26px;
	left:10px;
	transition:.6s;
}
.dbmenu{
	display:block;
	margin-top:36px;
	font-size:9px;
}
.dbclose{
	display:none;
	margin-top:36px;
	font-size:9px;
}

.dbutton-after{
	background-color: rgba(255,191,95,.8);
	box-shadow:0px 0px 5px 5px rgba(255,191,95,.8);

}
.dbutton-after .dbtop{
	transform:rotate(225deg);
	top:16px;
	width:30px;
	left:8px;
}
.dbutton-after .dbmid{
	opacity:0;
}
.dbutton-after .dbbot{
	transform:rotate(-225deg);
	top:16px;
	width:30px;
	left:8px;
}
.dbutton-after .dbclose{
	display:block;
}
.dbutton-after .dbmenu{
	display:none;
}


.drawer-menu{
	width:100%;
	height:100%;
	left:-100%;
	position:fixed;
	z-index:1000;
	transition:.6s ease-in-out;
	top:0;
	font-family:'A-OTF新丸ゴ Pro';
	font-weight:300;
}
.drawer{
	position:absolute;
	background-color:rgba(255,208,112,.9);
	transition:.6s ease-in-out;
	right:0;
	top:0;
	width:46vh;
	height:100%;
	text-align:left;
	right:100%;
}
.drawer p{
	padding:0 20px;
	line-height:7.4vh;
	font-weight:300;
	font-size:3vh;
	border-bottom:1px solid #000;
	background:#f5a006;
	text-align:center;
}
.drawer li{
	padding:1.2vh 0px;
	padding-left:9vh;
	font-size:2.4vh;
	border-bottom:1px solid #000;
	transition:.5s;
	position:relative;
}
.drawer li:hover{
	background-color:rgba(255,255,255,.5);
	transition:.5s;
}
.drawer-after{
	right:-46vh;
}
.drawer img{
	position:absolute;
	top:17%;
	left:1.5vh;
	width:5vh;
}
.drawer a{


}
.bgmask2{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	transition:0.5s;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}
.bgmask2_active{
	background:rgba(255,255,255,.7);
	z-index:200;
}
.drawer .docu_icon{
	top:15%;
	width:4vh;
	left:2vh;
}
@media screen and (max-width:376px){
.header_logo{
		margin-top: 100px;
		height:9vw;
		margin-bottom:35px;
}
.top_picture01{
	margin-bottom: 0;
}
.content01_text p{
	margin-top: 0;
}
.content{
	width: 99%;
}
.table_contact td input, .table_contact td select, .table_contact td textarea{
	font-size: 18px;
}
#contact .a-btn{
	float: none;
	margin:10px auto;
}
}