@charset "utf-8";
/* CSS Document */

/*Header_Staer*/
/*
.Header_schedule{
	width:100%;
	height:auto;
}

.Header_inner{
	padding:10px 20px;
	display:flex;
}

.Header-logo{
	width:80%;
	margin-left:15px
}

.Header-logo img{
	width:13em;
}

.Header-btn{
	width:200px;
	color: #fff;
    background-color: #eb6100;
    padding:12px 20px;
    font-weight:bold;
    border-radius: 100vh;
	line-height:1em;
		text-align:center;
}

.Header-btn a{
	font-size:14px;
}
*/
/*Header_END*/

/*FV_Staer*/

.FV{
	width: 100%;
	height: auto;
	background-image: url(/web/jp/asp/seller/images/tanomu/pc/FV_background.png);
}

.FV_box{
    width: 1200px;
    height: 400px;
	margin: 0 auto;
	display:flex; 
}

.top_left{
	width:700px;
	margin-top:100px;	
}

.FV h1{
	font-size: 1.9em;
	font-weight: bold;
}

.FV h1 span {
  display: inline-block;
}

.FV h2{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:80px;
	margin-top:10px;
}

.FV h2 span {
  display: inline-block;
}


.FV-btn--orange,a.FV-btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding:12px 80px;
 font-weight:bold;
}
.FV-btn--orange:hover,
a.FV-btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.FV-btn--radius {
   border-radius: 100vh;
}

.top_right{
		width: 500px;
}

.top_right #FV_image{
	width:23em;
	height:auto;
	margin:40px 0 0;
}

/*FV_END*/



/*read_Staer*/


.read{
	width:1000px;
	margin:50px auto;
	line-height:1.5em;
}


/*schedule_Staer*/

.schedule{
	width:1200px;
	margin:50px auto;
	line-height:1.5em;
}

caption {
	width:600px;
	text-align:center;
	font-size:1.5em;
	margin:40px auto;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	
}

caption span {
  display: inline-block;
}

th,td{
	border:1px solid gray;
	line-height:1.3em;
	vertical-align:middle;
}

th{
	height:50px;
	text-align:center;
	line-height:3em;
	color:#ffffff;
}

#tittle_before{
	background-color:#A1A1A1;
}

#tittle_after{
	background-color:#F8BA00;
}

.schedule .t_ditail{
	width:550px;
	height:300px;
	padding:20px;
}

.t_paragraph>h4{
	font-weight:500;
	font-size:1.1em;
	margin-bottom:10px;
}

.t_paragraph>p{
	float:left;
	width:300px;
	font-size:0.8em;
}

.strong{
	color:#E8440B;
	font-weight:bold;
}

.schedule .time{
	width:100px;
	text-align:center;
	line-height:5em;
	background-color:#F7F7F7;
	font-family: 'Chakra Petch';
}


.t_image img{
	width:auto;
	height:150px;
	float:right;
	display:block;
	margin:0 auto;
}

#clock_image{
	height:100px;
}

#track_image{
	height:100px;
}

.t_blank{
	background-color:#d7d7d7;
}

.t_yellow{
	background-color:#fffbb491;
}

.graph_area{
	width:1000px;
	margin:50px auto;
}

.graph_area>img{
	width:30em;
	margin:50px auto;
	vertical-align:center;
	display:block;
}


.schedule_sp{
	display:none;
}

/*schedule_END*/


/*case_start*/

.schedule_case{
	width:100%;
	height:auto;
	background-color:rgba(232,224,35,0.2);
	padding-bottom:50px;
	margin-bottom:100px;
}

.case_wrap_s{
	width:800px;
	height:auto;
	margin:0 auto;
}

.schedule_case h2{
	width:300px;
	padding-top:30px;
	font-size:1.5em;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	display:block;
	margin:0 auto;
	text-align:center;
}

h3#case_h3_600{
	display:none;
}

.case_ditail{
	display:flex;
	margin:50px 0;
}

.schedule_case .case_name {
	width:900px;
	margin:60px auto 0;
	text-align:left;
	vertical-align:top;
}

.schedule_case .case_name h3{
	font-size:1.2em;
	margin-top:-65px
}
.schedule_case .case_name p{
	margin-top:90px;
	font-weight:bold;
}

.case_pic_s img{
	width:360px;
}

.case_p p{
	padding-top:20px;
	border-top:solid 2px #E8440B;
}

/*case_END*/


/*CV_Start*/
.CV-btn{
	width:600px;
	margin:0 auto 160px;
	height:1000px;
}

	
.CV-btn p{
	margin:0 auto 30px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.CV-btn h3{
	font-size:1.6em;
	text-align:center;

	padding:20px;
	border-bottom:1px solid gray;
	margin-bottom:20px
}

/*
.CV-btn--orange,a.CV-btn--orange {
	width:430px;
	color: #fff;
  background-color: #eb6100;
  padding:12px 50px;
	text-align:center;
 font-weight:bold;
	border-radius: 100vh;
	margin:0 auto;
	display:block;
}
	
.CV-btn--orange:hover,
a.FV-btn--orange:hover {
  color: #fff;
  background: #f56500;
}*/

/*CV_END*/
 
/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
 
/*Header_Staer*/
/*
.Header-logo img{
	width:12em;
}

.Header-btn{
	width:190px;
	line-height:1em;
}

.Header-btn a{
	font-size:13px;
}
	*/
/*Header_END*/

	
/*FV_Staer*/

.FV{
	width: 100%;
	height: auto;
	background-image: url(/web/jp/asp/seller/images/tanomu/pc/FV_background.png) ;
}

.FV_box{
    width: 900px;
    height: 350px;
	margin: 0 auto;
	display:flex; 
}

.top_left{
	width:500px;
	margin-top:100px;	
}

.FV h1{
	font-size: 1.6em;
	font-weight: bold;
}
.FV h2{
	font-size: 1em;
	font-weight: bold;
	margin-bottom:30px;
	margin-top:10px;
}


.top_right{
		width: 300px;
}

.top_right #FV_image{
	width:22em;
	height:auto;
	margin:30px 0 0;
}

/*FV_END*/


/*read_Staer*/


.read{
	width:900px;
	margin:50px auto;
	line-height:1.5em;
}


/*schedule_Staer*/

.schedule{
	width:900px;
	margin:50px auto;
	line-height:1.5em;
}

caption {
	width:600px;
	text-align:center;
	font-size:1.5em;
	margin:40px auto;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	
}

#tittle_before{


	background-color:#A1A1A1;
}

#tittle_after{
	background-color:#F8BA00;
}

.schedule .t_ditail{
	width:400px;
	height:300px;
	padding:20px;
}

.t_paragraph>h4{
	font-weight:500;
	font-size:1.1em;
	margin-bottom:10px;
}

.t_paragraph>p{
	float:left;
	width:300px;
	font-size:0.8em;
}
	
.schedule .time{
	width:100px;
	text-align:center;
	line-height:5em;
	background-color:#F7F7F7;
}


.t_image img{
	width:auto;
	height:120px;
	float:right;
	display:block;
	margin:0 auto;
}

#clock_image{
	height:70px;
}

#track_image{
	height:70px;
}

.t_blank{
	background-color:#d7d7d7;
}

.graph_area{
	width:900px;
	margin:100px auto;
}

.schedule_sp{
	display:none;
}

/*schedule_END*/


/*case_start*/

.schedule_case{
	width:100%;
	height:auto;
	background-color:rgba(232,224,35,0.2);
	padding-bottom:50px;
	margin-bottom:100px;
}

.case_wrap_s{
	width:800px;
	height:auto;
	margin:0 auto;
}

.schedule_case h2{
	width:300px;
	padding-top:30px;
	font-size:1.5em;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	display:block;
	margin:0 auto;
	text-align:center;
}

.case_ditail{
	display:flex;
	margin:50px 0;
}

.schedule_case .case_name {
	width:900px;
	margin:60px auto 0;
	text-align:left;
	vertical-align:top;
}

.schedule_case .case_name h3{
	font-size:1.2em;
	margin-top:-65px
}
.schedule_case .case_name p{
	margin-top:90px;
	font-weight:bold;
}

.case_pic_s img{
	width:360px;
}

.case_p p{
	padding-top:20px;
	border-top:solid 2px #E8440B;
}

/*case_END*/

}
 
/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {


/*Header_Staer*/
/*
.Header-logo img{
	width:12em;
	margin-top:5px;
}

.Header-btn{
	width:250px;
	line-height:1em;
}

.Header-btn a{
	font-size:13px;
}
.Header-btn a span {
  display: inline-block;
}
*/
/*Header_END*/


	/*FV_Staer*/


.FV_box{
    width: 550px;
	height: 300px;
}

.top_left{
	width:300px;
	margin-top:50px;	
}


.FV h1{
	font-size: 1.4em;
	font-weight: bold;
}
.FV h2{
	font-size: 1.0em;
	margin-bottom:20px;
}


.FV-btn--orange,a.FV-btn--orange {
  padding:9px 10px;
 font-weight:bold;
	font-size:0.8em;
}


.top_right{
		width: 250px;
}

.top_right #FV_image{
	width:15em;
	height:auto;
	margin:100px 0 0;
}

/*FV_END*/


/*notice_Start*/


.notice{
	line-height: 0em;
}
.notice-txt{

	font-size:0.9em;
}

/*notice_END*/
	


/*read_Staer*/


.read{
	width:550px;
	margin:30px auto;
	line-height:1.5em;
}


/*schedule_Staer*/

.schedule{
	width:550px;
	margin:50px auto;
	line-height:1.5em;
}

caption {
	width:350px;
	text-align:center;
	font-size:1.6em;
	margin:40px auto;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	
}

th,td{
	border:1px solid gray;
	line-height:1.3em;
	vertical-align:middle;

}

th{
	height:50px;
	text-align:center;
	line-height:3em;
	color:#ffffff;
}

#tittle_before{
	background-color:#A1A1A1;
}

#tittle_after{
	background-color:#F8BA00;
}

.schedule .t_ditail{
	width:250px;
	height:250px;
	padding:20px;
	vertical-align:top;
}

.t_paragraph>h4{
	font-weight:500;
	font-size:1em;
	margin-bottom:10px;
}

.t_paragraph>p{
	float:left;
	width:180px;
	font-size:0.8em;
}

.schedule .time{
	width:50px;
	text-align:center;
	line-height:1em;
	background-color:#F7F7F7;
}


.t_image img{
	width:auto;
	height:90px;

	float:right;
	display:block;
	margin:0 auto;
}

#clock_image{
	height:60px;
}

#track_image{
	height:50px;
	margin-top:100px;
}

.t_blank{
	background-color:#d7d7d7;
}

.graph_area{
	margin-top:100px;
	width:500px;
}

.graph_area>img{
	width:23em;
}

/*schedule_END*/


/*case_start*/
	
.case_wrap_s{
	width:500px;
	height:auto;
	margin:0 auto;
}

h3#case_h3_pc_sp{
	display:none;
}

h3#case_h3_600{
	display:block;
}

	

.schedule_case h2{
	width:200px;
	padding-top:20px;
	font-size:1.3em;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	display:block;
	margin:0 auto;
	text-align:center;
}

.case_ditail{
	display:flex;
	margin:30px 0;
}

.schedule_case .case_name {
	width:300px;
	margin:60px auto 0;
	text-align:left;
	vertical-align:top;
}

.schedule_case .case_name h3{
	font-size:1.1em;
	margin-top:-65px
}
.schedule_case .case_name p{
	margin-top:10px;
	font-weight:bold;
	font-size:0.9em;
}

.case_pic_s img{
	width:230px;
}

.case_p p{
	padding-top:20px;
	border-top:solid 2px #E8440B;
}

/*case_END*/
 
}
 
 
/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 


/*Header_Staer*/
/*
.Header-logo img{
	width:50%;
}

.Header-btn{
	width:250px;
	line-height:12px;
}

.Header-btn a{
	font-size:12px;
}
.Header-btn a span {
  display: inline-block;
}
*/
/*Header_END*/

 .FV{
	width: 100%;
	height: auto;
	background-image: url(/web/jp/asp/seller/images/tanomu/pc/FV_background.png);
}

.FV_box{
    width: 400px;
    height: 500px;
	margin: 0 auto;
	display:flex;
	flex-flow: column;
	text-align:center;
}

.top_left{
	width:410px;
	margin-top:60px;	
	
}

.FV h1{
	font-size: 2.5em;
	font-weight: bold;

}
.FV h2{
	font-size: 1em;
	font-weight: bold;
	margin-bottom:40px;
	margin-top:10px;
}


.FV-btn--orange,a.FV-btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding:12px 80px;
 font-weight:bold;
}
.FV-btn--orange:hover,
a.FV-btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.FV-btn--radius {
   border-radius: 100vh;
}

.top_right{
		width: 400px;
}

.top_right #FV_image{
	width:23em;
	height:auto;
	margin:0px auto;
}

/*FV_END*/



/*read_Staer*/


.read{
	width:400px;
}


/*schedule_Staer*/

.schedule{
	display:none;
}

.schedule_sp{
	display:block;
	width:400px;
	margin:50px auto;
	line-height:1.5em;
}

caption {
	width:230px;
	text-align:center;
	line-height:1em;
	
}


.schedule_sp .t_ditail{
	padding:20px;
}

.h3_before ,.td_after{
	clear:both;
}

.h3_before{
  font-size:0.8em;
  width:120px;
  color: #fff;
  background-color:#999999db ;
  border-radius: 100vh;
	padding:3px 5px;
	text-align:center;
	line-height:0.8em;
	margin-bottom:10px;
}

.h3_after{
  font-size:0.8em;
  width:120px;
  color: #fff;
  background-color:  #eb6100;
  border-radius: 100vh;
	padding:3px 5px;
	text-align:center;
	line-height:0.8em;
	margin-bottom:10px;
}


.t_paragraph>p{
	float:left;
	width:300px;
	font-size:0.8em;

	margin-bottom:25px;
}


.schedule_sp .time{
	width:50px;
	text-align:center;
	line-height:1em;
	background-color:#F7F7F7;
}


.t_image img{
	width:auto;
	height:90px;
	float:right;
	display:block;
	margin:0 auto;
}

#clock_image{
	height:60px;
}

#track_image{
	height:50px;
}


.graph_area{
	width:400px;
}

.graph_area>p{
	width:400px;
	margin:50px auto;
}
.graph_area>img{
	width:22em;
}

/*schedule_END*/


/*case_start*/

.schedule_case{
	width:100%;
	height:auto;
	background-color:rgba(232,224,35,0.2);
	padding-bottom:50px;
	margin-bottom:100px;
}

.case_wrap_s{
	width:400px;
	height:auto;
	margin:0 auto;
}

.schedule_case h2{
	width:200px;
	padding-top:30px;
	font-size:1.5em;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	display:block;
	margin:30px auto;
	text-align:center;
}

.case_ditail{
	display:flex;
	flex-flow: column;
	margin:20px auto;
	text-align:center;
}

.schedule_case .case_name {
	width:330px;
	margin:60px auto 0;
	text-align:left;
	vertical-align:top;
}

.schedule_case .case_name p{
	margin-top:10px;
	font-weight:normal;
	text-align:right;
	margin-bottom:20px
}

.case_pic_s img{
	width:260px;
}

.case_p p{
	padding-top:20px;
	border-top:solid 2px #E8440B;




}

/*case_END*/


/*CV_Start*/
.CV-btn{
	width:400px;
	margin:0 auto 60px;
	height:1020px;
}

.CV-btn p{
	margin:0 auto 30px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}


/*CV_END*/

}
 
 
/* 〜479px：スマートフォン縦
------------------------------ */
@media screen and (max-width:479px) { 

/*Header_Staer*/
/*
.Header-logo img{
	width:80%;
	margin-top:12px
}
.Header_inner{
	padding:10px;
	display:flex;
}
.Header-btn{
	width:150px;
	line-height:10px;
}

.Header-btn a{
	font-size:10px;
}
.Header-btn a span {
  display: inline-block;
}
*/
/*Header_END*/

 .FV{
	width: 100%;
	height: auto;
	background-image: url(/web/jp/asp/seller/images/tanomu/pc/FV_background.png);
}

.FV_box{
    width: 375px;
    height: 430px;
	margin: 0 auto;
	display:flex;
	flex-flow: column;
}

.top_left{
	width:375px;
	margin:60px auto 10px;
}

.FV h1{
	font-size: 2.5em;
	font-weight: bold;
	width:350px;
	text-align:center;
	margin:0 auto;
}
.FV h2{
	font-size: 1em;
	font-weight: bold;
	width:300px;
	margin:10px auto 40px;
}

.FV-btn{
	width:375px;
	text-align:center;
}

.FV-btn--orange,a.FV-btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding:12px 80px;
 font-weight:bold;
}
.FV-btn--orange:hover,
a.FV-btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.FV-btn--radius {
   border-radius: 100vh;
}

.top_right{
	width: 375px;
	text-align:center;
}

.top_right #FV_image{
	width:23em;
	height:auto;
	margin:0px auto;
}

/*FV_END*/



/*read_Staer*/


.read{
	width:375px;
	padding: 0 10px;
	font-size:1.2em;
}


/*schedule_Staer*/

.schedule{
	display:none;
}

.schedule_sp{
	display:block;
	width:375px;
	margin:50px auto;
	line-height:1.5em;
	padding:0 5px;
}
	
caption {
	width:360px;
	text-align:center;
	line-height:1em;
	font-size:1.5em;
}


.schedule_sp .t_ditail{
	padding:20px;
	
}
	
.h3_before,.td_after{
	clear:both;
}

.h3_before{
  font-size:0.8em;
  width:120px;
  color: #fff;
  background-color: #999999db;
  border-radius: 100vh;
	padding:3px 5px;
	text-align:center;
	line-height:0.8em;
	margin-bottom:10px;
}

.h3_after{
  font-size:0.8em;
  width:120px;
  color: #fff;
  background-color:  #eb6100;
  border-radius: 100vh;
	padding:3px 5px;
	text-align:center;
	line-height:0.8em;
	margin-bottom:10px;
}

.t_paragraph>h4{
	font-weight:bold;
}	
.t_paragraph>p{
	float:left;
	width:300px;
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:25px;
}


.schedule_sp .time{
	width:50px;
	text-align:center;
	line-height:1em;
	background-color:#F7F7F7;
}


.t_image img{
	width:auto;
	height:90px;
	float:right;
	display:block;
	margin:0 auto;
}

#clock_image{
	height:60px;
}

#track_image{
	height:50px;

}


.graph_area{
	width:360px;
}

.graph_area>p{
	width:360px;
	margin:50px auto;
	font-size:1.2em;
}


/*schedule_END*/


/*case_start*/

.schedule_case{
	width:100%;
	height:auto;
	background-color:rgba(232,224,35,0.2);
	padding-bottom:20px;
	margin-bottom:100px;
}

.case_wrap_s{
	width:375px;
	height:auto;
	margin:0 auto;
}



.schedule_case h2{
	width:200px;
	padding-top:30px;
	font-size:1.5em;
	border-bottom: solid 5px rgba(0,147,190,0.4);
	display:block;
	margin:30px auto;
	text-align:center;
}

.case_ditail{
	display:flex;
	flex-flow: column;
	margin:20px auto;
	text-align:center;
	font-size:1.2em;
}

.schedule_case .case_name {
	width:300px;
	margin:60px auto 0;
	text-align:left;
	vertical-align:top;
}

.schedule_case .case_name p{
	margin-top:10px;
	font-weight:normal;
	text-align:right;
	margin-bottom:20px;
}

.case_pic_s img{
	width:260px;
}

.case_p p{
	padding:20px;
	font-size:1.2em;
	border-top:solid 2px #E8440B;

}

/*case_END*/

/*CV_Start*/
	
.CV-btn{
	width:375px;
	margin:0 auto 60px;
}

	
.CV-btn p{
	margin:0 auto 30px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}

.CV-btn-area{
	width:375px;
}
.CV-btn--orange,a.CV-btn--orange {
	width:260px;
	color: #fff;
  background-color: #eb6100;
  padding:12px 10px;
	text-align:center;
 font-weight:bold;
	border-radius: 100vh;
	margin:0 auto;
	display:block;
	font-size:1.2em;
}

/*CV_END*/

}
	


/* 20240625追加
/tanomu/assets/css/common.css
より移植・調整　*/

@media (max-width: 750px) {
    .show-pc {
        display: none !important;
    }

    .show-sp {
        display: block;
    }
}

/* header */
/* .header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0 0 16px -6px #b5b5b5;
}

.header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1360px;
}

.header-logo img {
    width: 150px;
}

.header-nav-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-nav-list {
    display: flex;
}

.header-nav-item {
    font-size: 14px;
    font-weight: bold;
    margin-right: 35px;
}

.header-nav-item.active {
    color: #e8440b;
}

.header-nav-btn {
    background-color: #e8440b;
    width: 130px;
    height: 34px;
    border: 1px solid #e8440b;
    border-radius: 100px;
}

.header-nav-btn:hover {
    background-color: #fff;
}

.header-nav-btn-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.header-nav-btn-inner:hover {
    color: #e8440b;
}

@media (max-width: 1400px) {
    .header {
        height: calc(60vw / 1400 * 100);
        box-shadow: 0 0 calc(16vw / 1400 * 100) calc(-6vw / 1400 * 100) #b5b5b5;
    }

    .header .inner {
        width: calc(1360vw / 1400 * 100);
    }

    .header-logo {
        width: calc(283vw / 1400 * 100);
    }

    .header-nav-item {
        font-size: calc(14vw / 1400 * 100);
        margin-right: calc(35vw / 1400 * 100);
    }

    .header-nav-btn {
        width: calc(130vw / 1400 * 100);
        height: calc(34vw / 1400 * 100);
        border-radius: calc(100vw / 1400 * 100);
    }

    .header-nav-btn-inner {
        font-size: calc(14vw / 1400 * 100);
    }
}

@media (max-width: 750px) {
    .header {
        position: static;
        height: calc(110vw / 750 * 100);
        box-shadow: 0 0 calc(16vw / 750 * 100) calc(-6vw / 750 * 100) #b5b5b5;
    }

    .header .inner {
        width: calc(690vw / 750 * 100);
    }

    .header-logo {
        width: calc(417vw / 750 * 100);
    }

    .header-menu-btn {
        position: fixed;
        top: calc(30vw / 750 * 100);
        right: calc(40vw / 750 * 100);
        width: calc(56vw / 750 * 100);
        z-index: 10;
    }
} */

/* menu */
.menu {
    display: none;
}

@media (max-width: 750px) {
    .menu {
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.97);
        width: 100%;
        height: 100vh;
        text-align: center;
        z-index: 20;
    }

    .menu .inner {
        width: calc(545vw / 750 * 100);
    }

    .menu-close-btn {
        position: fixed;
        top: calc(30vw / 750 * 100);
        right: calc(40vw / 750 * 100);
        width: calc(46vw / 750 * 100);
    }

    .menu-link-list {
        margin-top: calc(100vw / 750 * 100);
    }

    .menu-link-item {
        font-size: calc(38vw / 750 * 100);
        font-weight: bold;
    }

    .menu-link-item+.menu-link-item {
        margin-top: calc(50vw / 750 * 100);
    }

    .menu-btn {
        margin: calc(50vw / 750 * 100) auto 0;
    }

    .menu-logo {
        width: calc(540vw / 750 * 100);
        margin: calc(70vw / 750 * 100) auto 0;
    }

    .menu-tel {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: calc(70vw / 750 * 100);
    }

    .menu-tel-icon {
        width: calc(34vw / 750 * 100);
    }

    .menu-tel-num {
        font-size: calc(52vw / 750 * 100);
        font-weight: bold;
        color: #858585;
    }

    .menu-txt {
        margin-top: calc(25vw / 750 * 100);
        font-size: calc(24vw / 750 * 100);
        color: #858585;
    }
}


.footer {
    background-color: #333;
    padding: 50px 0;
    color: #fff;
}

.footer .inner {
    width: 1050px;
    display: flex;
    justify-content: space-between;
}

.footer-link-area {
    width: 715px;
    border-right: 1px solid #444;
}

.footer-link-head {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-link-list-list {
    display: flex;
    flex-wrap: wrap;
}

.footer-link-list {
/*    width: 305px;*/
    margin: 5px 60px 5px 0;
}

.footer-link-list:first-child {
    margin-bottom: 30px;
}

.footer-link-item {
    font-size: 16px;
    padding: 4px 0;
}

.footer-link-item.new-tab::after {
    content: "";
    display: inline-block;
    background-image: url('/tanomu/assets/images/pc/icon_new-tab.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 12px;
    margin-left: 10px;
}

.footer-info-area {
    position: relative;
    width: 300px;
    padding: 0 0 50px 50px;
    box-sizing: border-box;
}

.footer-info-sns-list {
    display: flex;
    margin-top: 30px;
}

.footer-info-sns-item {
    width: 40px;
    border-radius: 40px;
    border: 1px solid #fff;
    background-color: #fff;
    margin-right: 15px;
}

.footer-info-copyright {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-size: 13px;
    color: #999;
}

@media (max-width: 1100px) {
    .footer {
        padding: calc(50vw / 1100 * 100) 0;
    }

    .footer .inner {
        width: calc(1050vw / 1100 * 100);
    }

    .footer-link-area {
        width: calc(715vw / 1100 * 100);
    }

    .footer-link-head {
        font-size: calc(18vw / 1100 * 100);
        margin-bottom: calc(10vw / 1100 * 100);
    }

    .footer-link-list {
    margin: 5px 40px 5px 0;
    }

    .footer-link-list:first-child {
        margin-bottom: calc(30vw / 1100 * 100);
    }

    .footer-link-item {
        font-size: calc(16vw / 1100 * 100);
        padding: calc(4vw / 1100 * 100) 0;
    }

    .footer-link-item.new-tab::after {
        width: calc(10vw / 1100 * 100);
        height: calc(12vw / 1100 * 100);
        margin-left: calc(10vw / 1100 * 100);
    }

    .footer-info-area {
        width: calc(300vw / 1100 * 100);
        padding: 0 0 calc(50vw / 1100 * 100) calc(50vw / 1100 * 100);
    }

    .footer-info-sns-list {
        margin-top: calc(30vw / 1100 * 100);
    }

    .footer-info-sns-item {
        width: calc(40vw / 1100 * 100);
        border-radius: calc(40vw / 1100 * 100);
        margin-right: calc(15vw / 1100 * 100);
    }

    .footer-info-copyright {
        left: calc(50vw / 1100 * 100);
        font-size: calc(13vw / 1100 * 100);
    }
}

@media (max-width: 750px) {
    .footer {
        padding: calc(50vw / 750 * 100) 0;
    }

    .footer .inner {
        display: block;
        width: calc(670vw / 750 * 100);
    }

    .footer-link-list-list {
        display: block;
    }

    .footer-link-area {
        width: 100%;
        border-right: none;
        margin-bottom: calc(50vw / 750 * 100);
    }

    .footer-link-head {
        font-size: calc(24vw / 750 * 100);
        margin-bottom: calc(10vw / 750 * 100);
    }

    .footer-link-list {
        width: 100%;
    }

    .footer-link-list:first-child {
        margin-bottom: 0;
    }

    .footer-link-item {
        font-size: calc(24vw / 750 * 100);
        padding: calc(15vw / 750 * 100) 0;
        border-bottom: 1px solid #444;
    }

    .footer-link-item.new-tab::after {
        width: calc(20vw / 750 * 100);
        height: calc(22vw / 750 * 100);
        margin-left: calc(10vw / 750 * 100);
    }

    .footer-info-area {
        width: calc(320vw / 750 * 100);
        margin: 0 auto;
        padding: 0;
    }

    .footer-info-sns-list {
        margin-top: calc(30vw / 750 * 100);
        justify-content: center;
    }

    .footer-info-sns-item {
        width: calc(40vw / 750 * 100);
        border-radius: calc(40vw / 750 * 100);
        margin-right: calc(30vw / 750 * 100);
        font-size: 0;
    }

    .footer-info-copyright {
        position: static;
        font-size: calc(16vw / 750 * 100);
        text-align: center;
        margin-top: calc(20vw / 750 * 100);
    }
}

/* 業種別ドロップダウンメニュー　ここから */

/* .header-nav-item_gyoshu:hover .dropdown__lists {
    visibility: visible;
    opacity: 1;
}
.dropdown__lists {
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    top: 30px;
}
.dropdown__list a:hover {
    color: #e8440b;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    background-color: #ffffff;
    height: 40px;
    padding:5px 15px;
} */

/* 業種別ドロップダウンメニュー　ここまで */