@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*----------------------------------------------------
	資料請求・お問い合わせ
----------------------------------------------------*/
.siryo-contact-wrapp {
	background:url(../images/siryo-contact-bg.png);
	background-size:cover;
	padding-bottom:50px;
}
.siryo-contact-wrapp h3.title {
	font-size:32px;
	font-weight:normal;
}
.siryo-contact-wrapp .flex-wrapp {
	margin-top:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
}
.siryo-contact-wrapp .flex-wrapp .inner-left,.siryo-contact-wrapp .flex-wrapp .inner-right {
	width:50%;
	padding:45px 50px 40px;
	text-align:center;
}
.siryo-contact-wrapp .flex-wrapp .inner-left {
	background:rgba(77,118,181,0.9);
}
.siryo-contact-wrapp .flex-wrapp .inner-right {
	background:rgba(101,190,193,0.9);
}
.siryo-contact-wrapp .min-title {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	line-height: 24px;
}
.siryo-contact-wrapp .foot-tel {
	font-size:36px;
	margin-top:10px;
	color:#fff;
}
.siryo-contact-wrapp .foot-tel .border-white {
	background:none;
	border:1px solid #fff;
	color:#fff;
	font-weight:normal;
	vertical-align:middle;
  display: inline-block;
  padding:0px 5px;
}
.siryo-contact-wrapp .inner-right .text {
	font-size:16px;
	color:#fff;
}

.siryo-contact-wrapp .inner-right .text2 {
    font-size: 15px;
    color: #fff;
}

.siryo-contact-wrapp .inner-right .big-text {
	font-size:27px;
	color:#fff;
	font-weight:bold;
	 line-height: 1.2em;
}
.siryo-contact-wrapp .inner-right .contact-link {
	background:none;
	border:1px solid #fff;
	color:#fff;
	font-weight:normal;
	vertical-align:middle;
  display: block;
  padding: 7px 10px;
  text-align:center;
  width:250px;
  margin:10px auto 0;
}
.contact-middle-text {
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:27px;
	margin-top:40px;
}
@media screen and (max-width:767px){
	.siryo-contact-wrapp h3.title {
    font-size: 24px;
    text-align: center;
	}
	.siryo-contact-wrapp .flex-wrapp{
		margin-top:10px;
		-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	}
	.siryo-contact-wrapp .flex-wrapp .inner-left,.siryo-contact-wrapp .flex-wrapp .inner-right {
		width:100%;
		padding:20px 10px;
		text-align:center;
	}
	.siryo-contact-wrapp .flex-wrapp .inner-right {
		margin-top:10px;
	}
	.siryo-contact-wrapp .min-title {
    font-size: 16px;
	}
	.siryo-contact-wrapp .foot-tel {
    font-size: 30px;
    margin-top:0;
	}
	.contact-middle-text {
    font-size: 24px;
    margin-top: 30px;
	}

}
/*----------------------------------------------------
	icon
----------------------------------------------------*/
/*  --  fontawesome全体  --  */
i.fa:before {
  font-family:"FontAwesome";
}
/*ここまで*/

#head-navi-pc li a {
	position:relative;
}
#head-navi-pc i:before {
	position:absolute;
	left:0px;
	color:#fff;
	font-size:1.2em;
}
#head-navi-pc i.single-people:before {
	position:absolute;
	left:17px;
	color:#fff;
	font-size:1.2em;
}

#head-navi-pc i.baloon:before {
	position:absolute;
	left:-5px;
	color:#fff;
	font-size:1.2em;
}

#head-navi-pc i.file:before {
	position:absolute;
	left:-2px;
	color:#fff;
	font-size:1.2em;
}



/*----------------------------------------------------
	form
----------------------------------------------------*/




.kensaku-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	color:#fff;
	background:#f2a585;
	width:150px;
	display:inline-block;
	padding:7px 10px;
	font-size:22px;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}

.kensaku-btn2 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	color:#fff;
	background:#f2a585;
	/*background:#fe7777;*/
	width:260px;
	display:inline-block;
	padding:15px 10px;
	font-size:22px;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}



.login-btn {
/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #fff;*/
    /*background: #fe7777;*/
/*	background: #f2a585;
    width: 150px;
    display: inline-block;
    padding: 7px 10px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;*/
	border: none;
    color: #fff;
    cursor: pointer;
}


/*----------------------------------------------------
	sidebar
----------------------------------------------------*/
.side-seach-btn {
	display:block;
	background:url(../images/side/side-title-bg.png) no-repeat left 0 top 0;
	padding-left:15px;
	height:100px;
}

.side-seach-btn .title {
	font-size:24px;
	padding:17px 0 15px 40px;
	border-bottom:1px solid #fff;
	line-height:1em;
	position:relative;
}
.side-seach-btn .title:before {
	content:"\e900";
	font-family:"toyota-smile";
	display:inline-block;
	background:#f85c2c;
	border-radius:3px;
	color:#fff;
	padding-top:3px;
	text-align:center;
	font-size: 0.8em;
	position:absolute;
	left:0;
	top:15px;
	width:30px;
	height:30px;
	box-sizing:border-box;
}
.side-seach-btn .title2 {
	font-size:24px;
	padding:17px 0 15px 40px;
	border-bottom:1px solid #fff;
	line-height:1em;
	position:relative;
}
.side-seach-btn .title2:before {
	content: "\e902";
	font-family:"toyota-smile";
	display:inline-block;
	background:#1f54a3;
	border-radius:3px;
	color:#fff;
	padding-top:3px;
	padding-left: 3px;
	text-align:center;
	font-size: 0.8em;
	position:absolute;
	left:0;
	top:15px;
	width:30px;
	height:30px;
	box-sizing:border-box;
}
.side-acd-btn {
	/*color: #f85c2c;*/
	color: #555;
	font-size: 16px;
	padding: 12px 0 10px 40px;
	cursor: pointer;
	height: 45px;
	position: relative;
	font-weight:bold;
	border-bottom:1px solid #e1e1e1;
	position:relative;
	background:#fff;
}
.side-acd-btn:before {
	content: "\f107";
	font-family:"FontAwesome";
	display:inline-block;
	padding-top:3px;
	text-align:center;
	font-size: 1.4em;
	position:absolute;
	left:13px;
	top:8px;
	font-weight:bold;
}
.side-acd-btn.arrow1:before {
	content: "\f106";
	font-family:"FontAwesome";
	display:inline-block;
	padding-top:3px;
	text-align:center;
	font-size: 1.4em;
	position:absolute;
	left:13px;
	top:8px;
	font-weight:bold;
}
.blue-patern .side-acd-btn,.blue-patern .side-acd-btn:before,.blue-patern .side-acd-btn.arrow1:before,.blue-patern .inner-content ul li a,.blue-patern .inner-content ul li a:hover:before,.blue-patern .inner-content ul li a .min-text {
	/*color:#1f54a3 !important;*/
	color:#555;
}
.side-acd-btn strong{
	font-size:16px;
	font-weight:bold;
	color:#555;
	/*color:#f85c2c;*/
	/*color:#ea5504;*/
	}

.lts {
	/*letter-spacing:-1px;*/
}
.side-content .inner-content .title {
	padding: 15px 10px 15px 12px;
display: block;
color: #555;
position: relative;
border-bottom: 1px solid #e1e1e1;
font-size: 14px;
font-weight: bold;
}
.side-content .inner-content .title:before {
/*  content: "\e90b";
	font-family:"toyota-smile";
	position:absolute;
	left:15px;
	top:15px;
	font-size:1.2em;
	color:#f85c2c;
	padding-right:10px;*/
}
.side-content .inner-content {
	background:#fff;
	padding:0 0px 0px;
}
.side-content .inner-content ul li {
}
.side-content .inner-content ul li a {
	padding:15px 10px 15px 40px;
	display:block;
	/*color: #f85c2c;*/
	color:#555;
	position:relative;
	border-bottom:1px solid #e1e1e1;
	font-size:14px;
}
.side-content .inner-content ul li a .min-text {
	font-size:10px;
}
.side-content .inner-content ul li a:hover {
	background:#f6f6f6;
	/*transition:0.3s;*/
}
.side-content .inner-content ul li a:hover:before {
	content: "\e909";
	font-family:"toyota-smile";
	position:absolute;
	left:15px;
	top:15px;
	font-size:.8em;
	color:#f85c2c;
	padding-right:10px;
}


@media screen and (max-width:767px){
	.side-seach-btn {
		display:block;
		background:url(../images/side/side-title-bg.png) no-repeat left 0 bottom 0;
		background-size:cover;
		padding-left:15px;
		height:100px;
	}
.side-content .inner-content .title {
		/*width:96%;*/
	}
	
}

/*会社概要*/


.company_data {
	margin: 50px 0 30px 0;
	overflow: hidden;
}
.company_data .data {
	
	margin: 0;
	width: 100%;
	border-top: 1px solid #ddd;
	font-size: 1rem;
}
.company_data .data td .box {}

.company_data .about_tb {}
.company_data .about_tb th,
.company_data .about_tb td {
	padding: 1rem;
	border-bottom: 1px solid #ddd;
}
.company_data .about_tb th {
	
	width: 12rem;
	padding-right: 1rem;
}

.title_wrap {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    text-align: left;
    border-bottom: 1px solid #111111;
    overflow: hidden;
}

.title_wrap .tit {
line-height: 1.4em;
font-size: 25px;
font-weight: bold;
text-align: left;
color: #000000;
float: left;
display: inline;
}

.map{
	width:100%;
	height:400px;
}

.map_btn {
	margin:20px auto;
}
.map_btn a{
    margin: 0 auto ;
    padding: 10px 50px 10px 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #ec7126;
    border: 1px solid #ec7126;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 0 #e4e4e4;
    -moz-box-shadow: 0 3px 0 #e4e4e4;
    box-shadow: 0 3px 0 #e4e4e4;
    cursor: pointer;
}
.txt_center{
	text-align:center;
}

.access_wrap p {
	font-size:14px;
	margin-bottom:20px;
	    margin-top: 5px;
}

.access_wrap h3{
	    color: #333;
}
}

@media screen and (max-width:767px){
.company_data {}
.company_data .data { font-size: 0.75rem; }
.company_data .about_tb th {
	width:6.5rem;
	padding-right: 1rem;
}
	
.title_wrap {
    margin: 20px 0;
    text-align: left;
    border-bottom: 2px solid #111111;
    overflow: hidden;
    font-weight: bold;
}

.title_wrap .tit {
	line-height: 1.4em;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	float: left;
	display: inline;
}
	
.map{
	width:100%;
	height:250px;
}	

	.map_btn a{
    margin: 0 auto ;
    padding: 10px 30px 10px 30px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background: #ec7126;
    border: 1px solid #ec7126;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 0 #e4e4e4;
    -moz-box-shadow: 0 3px 0 #e4e4e4;
    box-shadow: 0 3px 0 #e4e4e4;
    cursor: pointer;
}
	
}



/*会社概要*/

.hajimete_text{
	list-style: disc;
	
}
.hajimete_text li{
font-size: 16px;
    line-height: 1.6em;}


/*----------------------------------------------------
	ul 2カラム 動的ループ時使用
----------------------------------------------------*/
.col-2wrapp {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow:row nowrap;
    align-items:center;
}
.col-2wrapp li {
	width:50%;
}
.col-2wrapp li .inner {
	display:block;
	position:relative
}
.col-2wrapp li li{
	width:inherit;
}
@media screen and (max-width:767px){
	.col-2wrapp {
    display: block;
}
	.col-2wrapp li {
		float:none;
		width:100%;
		margin-bottom:10px;
	}
}
/*----------------------------------------------------
	ul 3カラム 動的ループ時使用
----------------------------------------------------*/
.col-3wrapp {
	overflow:hidden;
	margin:0 -10px;
}
.col-3wrapp li {
	float:left;
	width:25%;
	padding: 3px 5px 5px;
	text-align:center;
}
.col-3wrapp li .inner {
	display:block;
	position:relative
}
@media screen and (max-width:767px){
	.col-3wrapp li {
		/*float:none;
		width:100%;
		margin-bottom:20px;*/
		 width: 50%;
		margin-bottom: 20px;
		float: left;
	}
}
/*----------------------------------------------------
	ul 4カラム 動的ループ時使用
----------------------------------------------------*/
.col-4wrapp {
	overflow:hidden;
	margin:0 -5px;
}
.col-4wrapp li {
	float:left;
	width:25%;
	padding:0 5px;
	text-align:center;
}
.top-riyu .col-4wrapp li {
	float:left;
	width:25%;
	padding:0 15px;
	text-align:center;
}
.col-4wrapp li .inner {
	display:block;
	background:#fff;
	position:relative
}
@media screen and (max-width:767px){
	.col-4wrapp li {
		float:none;
		width:100% !important;
		margin-bottom:20px;
	}
}

/*----------------------------------------------------
	パンくず
----------------------------------------------------*/
.pankuzu {
	overflow:hidden;
	margin-bottom:10px;
}
.pankuzu li,.pankuzu a {
	font-size:14px;
}
.pankuzu li {
	float:left;
}
.pankuzu li a {
	color:#888888;
}
.pankuzu li a:hover {
	opacity:0.7;
}
.pankuzu li a:after {
	content:"\f105";
	font-family:"FontAwesome";
	padding:0 10px;
	color:#555;
}
@media screen and (max-width:767px){
	.pankuzu li,.pankuzu a {
		font-size:12px;
	}
}
/*  パンくず ここまで  */
/*----------------------------------------------------
	ページャー
----------------------------------------------------*/
.pager {
	display:inline-block;
	overflow:hidden;
}
.pager li {
	display:inline-block;
	padding:0 5px;
}
.pager li a {
	padding: 5px 10px;
	background:#fff;
	border:1px solid #d2d2d2;
	display:block;
	font-size:14px;
}
.pager li a:hover {
	opacity:0.6;
}
.pager .current {
	background:#abaaaa !important;
	color:#fff;
}
/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:767px){
	.pager li {
		display:inline-block;
		padding:0 2px;
		margin-bottom:10px;
	}
	
	.pager li a {
		padding: 5px 10px;
		background:#fff;
		border:1px solid #d2d2d2;
		display:block;
		font-size:13px;
	}
}
/*----------  ここまで    ------------*/

/*----------------------------------------------------
	form 全般
----------------------------------------------------*/
/*input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}*/
input, select {
	height: 40px;
	border:1px solid #c8c8c8;
	padding:3px 7px;
	/*border-radius:0 !important;*/
	background:#fff;
	cursor: pointer;
	-webkit-appearance: none;
	outline: none;
	margin: 5px 0;
}
input.oa-cad {
	padding:3px;
	position:relative;
}
select.select-arrow {
	/*background:url(../images/contact/select-arrow.png) no-repeat right 5px top 11px;*/
	background-size:10px;
}
select::-ms-expand {
	display: none;
}
textarea {
	width:100%;
	line-height: 1.4em;
	border:1px solid #c8c8c8;
	padding:7px;
	margin: 5px 0;
	outline: none;
}
/* ラジオボタン */
input[type="radio"] {
	display:none;
}
.radio + .radio-icon {
    position: relative;
    vertical-align: middle;;
}
.radio-icon {
	margin:0 20px;
}
.radio + .radio-icon:before {
    content: "\f1db";
    font-family: "FontAwesome";
    position: absolute;
    left: -18px;
    top: 0px;
    color: #c8c8c8;
    font-size: 1.2em;
}
.radio:checked + .radio-icon:before {
	content:"\f192";
	font-family:"FontAwesome";
	position:absolute;
    left: -18px;
    top: -0px;
    font-size: 1.2em;
    color:#3498db;
}
/* チェックボックス */
input[type="checkbox"] {
	display:none;
}

.checkbox + .checkbox-icon {
    position: relative;
    vertical-align: middle;
}
.checkbox-icon {
    margin:0 0px 0 20px;
}
.checkbox + .checkbox-icon:before {
    content: "\f0c8";
    font-family: "FontAwesome";
    position: absolute;
    left: -18px;
   top: 0px;
    color: #fff;
    font-size: 1.2em;
    text-shadow: #c8c8c8 1px 1px 0px, #c8c8c8 -1px 1px 0px, #c8c8c8 1px -1px 0px, #c8c8c8 -1px -1px 0px;
}
.checkbox:checked + .checkbox-icon:before {
	content:"\f14a";
	font-family:"FontAwesome";
	position:absolute;
    left: -18px;
    top: -2px;
    font-size: 1.2em;
    color:#3498db;
    text-shadow:none;
}

/*input type="number"*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}


/*----------------------------------------------------
	基本汎用クラス
----------------------------------------------------*/
/* wrapp */
.content-box {
	padding:70px 30px;
	/*background:#eee;*/
}
@media screen and (max-width:767px){
	.content-box {
		padding:30px 0px;
	}
}

/* title */
.content-h1 {
	color:#333;
	font-size:32px;
	padding:45px 0 45px 25px;
	border-radius:5px; 
	overflow:hidden;
}
.content-title {
	font-size:34px;
	font-weight:normal;
	font-weight:bold;
}
.content-sub-title {
	font-size: 25px;
}

.content-sub-title span {
	font-size:24px;
	font-weight:normal;
}


.content-sub-title2 {
	font-size:18px;
	line-height:1.6em;
}



.content-min-title {
/*	font-size:20px;
	border:1px solid #ff8800;
	color:#ea5504;
	padding:10px 0 10px 20px;
	background:#ffe8db;
	position:relative;*/
font-size: 20px;
color: #333;
padding: 10px 0 10px 20px;
position: relative;
}
.content-min-title:before {
/*	content:"";
	width:12px;
	height:4px;
	background:#ff8800;
	display:inline-block;
	position:absolute;
	left:0;
	top:45%;*/
	content: "";
	width: 12px;
	height: 30px;
	border-left: 3px solid #ccc;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 23%;
}

.content-min-title2 {
	text-align: left;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    padding: 8px 1em;
    background: #fdf2ed;
    border-left: 5px solid #f2a585;
    margin: 0 0 10px;
}

@media screen and (max-width:767px){
	.content-h1 {
		font-size:20px;
		padding: 25px 0 25px 15px;
		margin-top: 25px;
	}
	.content-title {
		font-size:22px;
	}
	.content-sub-title {
		font-size:18px;
	}
	.content-min-title {
		font-size:16px;
	}
	.content-sub-title2 {
		font-size:16px;
	}
	
	.content-min-title2 {
		font-size: 16px;
		padding: 8px 1em;
		border-left: 3px solid #f2a585;
	}
}


/* text */
.content-middle-text {
	font-size:18px;
}

.content-middle-text span{
	font-size: 18px;
	color: #FFF;
}


.content-lh-text {
	font-size:16px;
	line-height:1.6em;
}
.content-text {
	font-size:14px;
}
.content-sub-text {
	font-size:12px;
}

@media screen and (max-width:767px){
.content-lh-text {
	font-size:15px;
	line-height:1.6em;
}
.content-sub-text {
    font-size: 11px;
    font-weight: normal;
}


}

/* 装飾コメント */
.comment {
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0.7);
	color:#fff;
	display:inline-block;
	padding:5px 15px;
	text-align:center;
	font-size:12px;
}
@media screen and (max-width:767px){
}


/* dl */
.content-dl {
	padding:10px 10px 20px;
}
.content-dl dt {
	font-size:18px;
	margin-bottom:10px;
	font-weight:bold;
}
.content-dl dd {
	font-size:14px;
}
/*  パターン2 */


.indent{
	text-indent: -17px;
	margin-left: 15px;
}
.content-dl2 dt {
	color:#ea5504;
	font-size:28px;
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
}
.content-dl2 dt:after {
	content:"";
	width:20px;
	height:1px;
	background:#ea5504;
	position:absolute;
	left:0;
	right:0;
	bottom:-10px;
	margin:auto;
}
.content-dl2 dd {
	line-height:1.6em;
	font-size: 13.5px;
}
@media screen and (max-width:767px){
	.content-dl {
		padding:10px 10px 10px;
	}
	.content-dl dt {
		font-size:16px;
		margin-bottom:5px;
	}
	.content-dl dd {
		font-size:12px;
	}
}


/* ul */
.content-ul li {
	font-size:14px;
	padding:2px 0px;
	margin-left:1em;
	text-indent:-1em;
}
@media screen and (max-width:767px){
}


/* table */
.content-table {
	border:1px solid #c8c8c8;
}
.content-table th,.content-table td {
	border:1px solid #c8c8c8;
	padding:15px 15px;
	line-height:1.6em;
}
.content-table th {
	background:#f8f8f8;
	width:20%;
	text-align:left;
}

.content-table tr:nth-child(odd) th{
	background: #fff2eb !important;
	
}

.content-table td {
	width:80%;
	background:#fff;
}
@media screen and (max-width:767px){
	.content-table {
		border-top:1px solid #c8c8c8;
		border-left:1px solid #c8c8c8;
		border-right:1px solid #c8c8c8;
		border-bottom:none;
	}
	.content-table th,.content-table td {
		display:block;
		width:100%;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #c8c8c8;
		padding:10px 10px;
	}
	.content-table th {
		text-align:center;
	}
	.content-table td {
		font-size:13px;
	}
}
/* button */
.btn-wrapp {
	text-align:center;
	margin-top:40px;
}
.btn-wrapp a {
	display:inline-block;
	padding:15px 80px;
	font-size:20px;
	border:1px solid #333;
}
.btn-wrapp a:after {
	content:"\f105";
	font-family:"FontAwesome";
	padding-left:10px;
	position:relative;
	top:-1px;
}
.square_btn{
	text-align:center;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background:#ea5504;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #b13e00;
	line-height: 1.5em;
  }
.square_btn p {
    color: #fff;
    font-size: 11px;
	line-height: 1.5em;
}
.square_btn i:before {
	color:#fff;
	font-size:30px;
	padding-right:5px;
	position:relative;
	top:1px;
}
.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.square_btn2{
	text-align:center;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background:#fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #d0ae9c;
	line-height: 1.5em;
	
  }
.square_btn2 p {
	color:#ea5504;
	font-size: 11px;
	line-height: 1.5em;
}
.square_btn2 i:before {
	color:#ea5504;
	font-size:30px;
	padding-right:5px;
	position:relative;
	top:1px;
}
.square_btn2:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

@media screen and (max-width:767px){
	.btn-wrapp {
		text-align:center;
		width: 80%;
margin: 20px auto 0;
	}
	.btn-wrapp a {
	    display: block;
	    padding: 15px 0px;
	}
}


/* border */
.border-1 {
	border:1px solid #999;
}
.border-t1 {
	border-top:1px solid #828282;
}
.border-t2 {
	border-top:1px solid #c8c8c8;
}
.border-l1 {
	border-left:1px solid #fff;
}
.border-l2 {
	border-left:1px solid #fff;
}
#header .border-l2 {
	border-left:none;
}
.border-r1 {
	border-right:1px solid #c8c8c8;
}
.border-b1 {
	/*border-bottom:3px solid #ff8800;*/
	/*border-bottom: 3px solid #ccc;*/
	/* border-bottom: 1px solid #333; */
	padding-bottom:15px;
	position: relative;
}
.border-b1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #c8cccd;
}
.border-b1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    border-bottom: 3px solid #f2a585;
}

.border-b2 {
	border-bottom:1px solid #f2f2f2;
}
.border-b3 {
	/*border-bottom:1px solid #c8c8c8;*/
}
@media screen and (max-width:767px){
	.border-r1 {
	    border-right: none;
	}
	.border-l2 {
	border-left:1px solid #ccc !important;
}
}
/* text-decoration */
.underline {
	text-decoration:underline;
}
/* box-shadow */
.b-shadow {
	box-shadow:0px 0px 3px 2px #d6d7d7;
	-moz-box-shadow:0px 0px 3px 2px #d6d7d7;
	-webkit-box-shadow:0px 0px 3px 2px #d6d7d7;
}
/* text-shadow */
.t-shadow {
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}
/* indent */
.indent_1em {
	margin-left:1em;
	text-indent:-1em;
}
.indent_15em {
	margin-left:1.5em;
	text-indent:-1.5em;
}
/* color */
.white{
	color:#FFF;
}
.orange{
	color:#ea5504;
}
.orange2{
	/*color:#ff8800;*/
	color: #f2a585;
}
.red {
	color:red;
}
.gray {
	color:#bcbcbc;
	
}
.blue {
color: #3d70fc;
}

.white-back{
	background-color:#FFF;
}
.green-back {
	/*background:#2aa738;*/
	/*background: #37b445;*/
	background: rgba(31,84,163,.85);
}
.orange-back {
	/*background:#ea5504;*/
	background: #f87120;
	/*background: #f73f07;*/
}
.orange-back2 {
	background:#fff2eb !important;
}
.orange-back3 {
	/*background:#ea5504;*/
	/*background: #f87120;*/
	background: rgba(247,63,7,.85);
}

.gray-back {
	background:#f2f2f2;
}
.gray-back2 {
	background:#e4e4e4 !important;
}
.black-back {
	background:#666666;
}
.main-color{/*--メイン文字カラー--*/
	color:#0097d2;
}
.main-back{/*--メイン背景カラー--*/
	background-color:#0097d2;
}
.sub-color{/*--サブ文字カラー--*/
	color:#FFF;
}
.sub-back{/*--サブ背景カラー--*/
	background-color:#ebf6fb;
}
/*----------------------------------------------------
	リンク
----------------------------------------------------*/
.opa:hover {
	opacity:0.6;
}
/* .opa2指定時のhoverに付与され、fadeする */
.hv {
	opacity:0.6;
}
/*----------------------------------------------------
	共通CSS
----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
	font-size:15px;
	font-feature-settings: "palt";
}
a,h1,h2,h3,h4,h5,h6,dt,dd,th,td {
	line-height:1.4em;
}

p,li{
	line-height:1.8em;
}
ul,ol {
	list-style:none;
}
table {
	border-collapse:collapse;
	width:100%;
}
img{
	max-width: 100%;
	height:auto;
	width:auto;
	border:none;
}
img,iframe{
	vertical-align: bottom;
}
html {
	font-family: "BIZ UDPGothic", 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo,Osaka','ＭＳ Ｐゴシック','MS PGothic','sans-serif';
	scroll-padding-top: 176px;  /*ヘッダーの高さ*/
}
body{
	background-color:#FFF;
	padding-top: 176px;
	scroll-padding-top: 176px;  /*ヘッダーの高さ*/
}
body.com {
	padding-top: 135px;
}
.mywidth{
	width:100%;
	max-width:1180px;
	margin: 0 auto;
}
.mywidth2 {
	width: 1000px;
	margin:auto;
}
.mywidth3{
	width:1200px;
	margin:auto;
}
.mywidth4 {
	width:1100px;
	margin:auto;
}
.mywidth5{
	width:900px;
	margin:auto;
}

.sp-only{
	display:none !important;
}
.pc-only{
	display: block;
}

@media screen and (max-width:767px){
	body {
		padding-top: 60px;
	}
	.mywidth{
		width:100%;	
		margin:auto;
        padding: 0 20px;
	}
	.sp-only {
		display: block !important;
	}
	.pc-only{
		display:none !important;
	}

}


#header{
	background:#fff;
	width:100%;
    position: fixed;
    top: 0;
    z-index: 9998;
}

#header .head-top {
	border-bottom: 1px solid #ebeff0;
}
#header .head-top .mywidth {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 55px;
}
#header .head-top a {
	display: flex;
	align-items: center;
	margin-left: 15px;
	font-size: 14px;
}
#header .head-top a img {
    width: 20px;
	margin-right: 5px;
}
#header .head-top a span {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
#header .head-content {
	border-bottom: 1px solid #ebeff0;
}
#header .head-content .mywidth {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 78px;
}
#header .head-content .head-content-link {
	display: flex;
	align-items: center;
	justify-content: center;
}
#header .head-content .head-content-link a {
	margin-left: 12px;
	width: 170px;
	height: 40px;
	border: 1px solid #ebeff0;
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#header .head-content .head-content-link a img {
	width: 20px;
    margin-right: 8px;
}
#header .head-content .head-content-link a span {
	font-size: 14px;
    line-height: 1.1em;
}
#header .head-content .head-content-link a span small {
    font-size: 11px;
}
#header .head-content .head-content-link a span .pc-only {
	display: inline-block !important;
}
#header .head-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 42px;
}
#header .head-menu a {
	font-size: 12px;
	font-weight: bold;
}
#header .head-menu a.en {
	font-size: 12px;
}
#header .head-menu .small_menu {
	display: none;
}



#header .drop_down .drop_down_toggle {
    font-size: 12px;
    line-height: 1.3em;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
#header .drop_down .drop_down_list {
  display: none;
  position: absolute;
  background: rgba(255,255,255,0.9);
  padding: 0.75em 0.75em;
  border-radius: 0 0 10px 10px;
  z-index: 100;
  /* 必要に応じてスタイル追加 */
}
#header .drop_down.open .drop_down_list {
  display: block;
}
#header .drop_down .drop_down_list li a {
    padding: 0.75em 0.75em;
    border-bottom: 1px dotted #888;
    display: block;
}
#header .drop_down .drop_down_list li:last-child a {
    border-bottom: none;
}


@media screen and (max-width:767px) {
	#header .head-top { display: none; }

	#header .mywidth {
		padding: 0;
	}
	
	#header .head-content {
		padding: 0 10px;
	}
	#header .head-content .mywidth {
		height: 60px;
		padding: 0;
	}
	#header .head-content .logo img {
		width: 36vw;
	}
	#header .head-content .head-content-link {
		margin-left: 5vw;
		margin-right: 35px;
		position: relative;

	}
	#header .head-content .head-content-link a {
		display: flex !important;
		margin-left: 0;
		width: auto;
		height: 40px;
		border: none;
		flex-wrap: wrap;
	}
	
	#header .head-content .head-content-link a.pc-only {
		display: none !important;
	}
	#header .head-content .head-content-link a span{
		font-size: 2.75vw;
        line-height: 1.2em;
		letter-spacing: 0;        
		width: 100%;
        text-align: center;
	}
	
	#header .head-content .head-content-link a span .pc-only {
		display: none !important;
	}
	
	#header .head-content .head-content-link a img {
        height: 18px;
        object-fit: contain;
        margin-right: 0;
        margin-bottom: 4px;
	}

	#header .head-menu {
		display: none;
		flex-wrap: wrap;
		height: 100vh;
	}
	#header .head-menu a {
		width: 100%;
		display: block;
		padding: 10px 50px;
		border-bottom: 1px solid #ebeff0;
		font-size: 13px;
		position: relative;
	}
	#header .head-menu a::before {
		/*content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 25px;
		margin-top: -5px;*/
	}
	
	#header .head-menu .small_menu {
		display: block;
		padding: 10px 50px;
		border-bottom: none;
		font-size: 12px;
		margin-top: 20px;
	}
	#header .head-menu .small_menu:last-child {
		margin-top: 0;
	}
	
	#header .head-menu .sp-navi-band {
		font-size: 16px;
		font-weight: bold;
		text-align: right;
		padding: 4px 3.5vw;
	}
}



@media screen and (max-width:767px) {
	#sp_nav_head {
		padding: 0 0;
		/*background: #fdf2ed;*/
		background: #fff;
        border-bottom: 1px solid #ebeff0;
	}
	#sp_nav_head > ul {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	#sp_nav_head > ul > li {
		width: 50%;
		text-align: center;
	}
	#header #sp_nav_head > ul > li:nth-child(2) {
		border-left: 1px solid #ebeff0;
	}
	#header #sp_nav_head > ul > li a {
		padding: 10px 2.5vw;
		border-bottom: none;
		display: flex;
        flex-direction: column;
        align-items: center;
	}
	#header #sp_nav_head > ul > li a img {
		width: 25px;
	}
	#header #sp_nav_head > ul > li a span {
		font-size: 12px;
        line-height: 1.2em;
        font-weight: normal;
        height: 35px;
        padding-top: 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
    #header #sp_nav_head > ul > li a span small {
        font-size: 11px;
    }
    
    #header .drop_down .drop_down_toggle {
        width: 100%;
        display: block;
        padding: 10px 50px;
        border-bottom: 1px solid #ebeff0;
        font-size: 13px;
        line-height: 1.35em;
    }
    #header .drop_down .drop_down_toggle .sp-only {
        display: inline-block !important;
    }
    #header .drop_down .drop_down_toggle::after {
		content: '';
        margin-top: -10px;
		top: 50%;
		right: 25px;
		width: 9px;
		height: 9px;
		position: absolute;
		border-top: 2px solid #333;
		border-right: 2px solid #333;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
    #header .drop_down.open .drop_down_toggle::after {
		content: '';
        margin-top: -5px;
		top: 50%;
		position: absolute;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
    
    #header .drop_down.open .drop_down_list {
        width: 100%;
        padding: 10px 50px;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    }

}


.foot-content {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 50px 0 30px 0;
}
.foot-content-info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.foot-content-info .foot-content-dt {
	width: 42%;
}
.foot-content-info .foot-content-dt .foot-logo {
	margin-bottom: 10px;
}
.foot-content-info .foot-content-dt .foot-addr {
	font-size: 15px;
	margin-bottom: 30px;
}
.foot-content-info .foot-content-dt .foot-com {
	font-size: 13px;
	margin-bottom: 10px;
}
.foot-logo-list {
	display: flex;
	align-items: baseline;
}
.foot-logo-list figure { text-align: center; }
.foot-logo-list figure + figure {
    margin-left: 0.75em;
}
.foot-logo-list figure img {
	margin-bottom: 5px;
}
/*.foot-logo-list figure:nth-child(2) img {
    width: 250px;
}
.foot-logo-list figure:nth-child(2) img {
    width: 250px;
}*/
.foot-logo-list p {
	font-size: clamp(11px,2.5vw,12px);
	text-align: center;
}
.foot-logo-list p + p { text-align: left; }

.foot-content-info .foot-content-list {
	width: 55%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot-content-info .foot-content-list li {
	margin-left: 20px;
}
.foot-content-info .foot-content-list li .btitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.foot-content-info .foot-content-list li a {
	display: table;
	margin: 0 auto 10px 0;
	font-size: 13px;
	padding-left: 15px;
	position: relative;
}
.foot-content-info .foot-content-list li a:hover {
	color: #f2a585;
}
/*
.foot-content-info .foot-content-list li a::before {
	content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
*/



.foot-bt {
	text-align: center;
	padding: 20px 0 10px 0;
}
.foot-bt-list {
	margin-bottom: 40px;
}
.foot-bt-list a {
	font-size: 13px;
	padding: 0 15px;
	border-left: 1px solid #797979;
}
.foot-bt-list a:first-child {
	border-left: none;
}


.copyright {
	font-size: 12px;
}


@media screen and (max-width:767px){
	.foot-content-info {
		flex-direction: column-reverse;
	}
	.foot-content {
		padding: 30px 0 20px 0;
	}
	.foot-content-info .foot-content-dt {
		width: 100%;
	}
	.foot-content-info .foot-content-list {
		width: 100%;
		margin-bottom: 50px;
	}
	.foot-content-info .foot-content-list li {
		margin-left: 0;
		margin-bottom: 30px;
		width: 48%;
	}

	.foot-content-info .foot-content-dt .foot-addr {
		font-size: 3vw;
		margin-bottom: 30px;
	}
	.foot-content-info .foot-content-dt .foot-com {
		font-size: 2.8vw;
		margin-bottom: 10px;
	}
	.foot-logo-list img {
		height: 15vw;
	}
    /*.foot-logo-list figure:nth-child(1) img,
    .foot-logo-list figure:nth-child(2) img {
        width: auto;
        min-width: 15vw;
		height: 15vw;
	}*/
	.foot-logo-list p {
		font-size: 3vw;
        /*font-size: clamp(10px, 2.0vw, 12px);*/
	}

	.foot-bt-list {
		margin-bottom: 20px;
		text-align: left;
	}
	.foot-bt-list a {
		font-size: 3vw;
		padding: 0 2vw;
	}
	.foot-bt-list a:first-child {
		padding: 0 2vw 0 0;
	}
	.copyright {
		text-align: left;
		font-size: 2.5vw;
	}

}


.modal_head {
    font-size: 23px;
	margin-bottom: 30px;
	text-align: center;
} 
.modal_head img {
    margin-right: 10px;
} 

.modal_item_list {
	padding: 20px;
}
.modal_item_list dl {
	display: flex;
	text-align: left;
	padding: 20px 0;
	border-bottom: 1px solid #c9c8c8;
}
.modal_item_list dl dt {
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
}
.modal_item_list dl dd {
	width: calc(100% - 120px);
}
.modal_item_list select {
	min-width: 60%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #c9c8c8;
	background-color: #ebeff0;
	color: #8a8988;
	outline: none;
}

.modal_chklist label {
	display: inline-block;
	padding: 5px 20px;
    border: 1px solid #8a8988;
    border-radius: 20px;
	margin: 0 10px 10px 0;
	color: #8a8988;
	cursor: pointer;
}
.modal_chklist label:has(input[type="checkbox"]:checked) {
	background-color: #ebeff0;
}

.modal_chklist label input {
	display: none;
}

.modal_btn {
	background-color: #f2a585;
	font-size: 23px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	display: block;
	border: none;
	padding: 15px 0;
	cursor: pointer;
}

.modal_set_btn {
	background-color: #f2a585;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	width: 250px;
	margin: 10px auto;
	display: table;
	border: none;
	padding: 10px 0;
	cursor: pointer;
	border-radius: 5px;
}

.remodal .remodal-close {
    width: 50px !important;
    height: 50px !important;
}

.remodal .remodal-close:before {
    font-family: serif !important;
    font-size: 40px !important;
    line-height: 50px !important;
    width: 50px !important;
	color: #000;
}

@media screen and (max-width:767px) {
	.modal_chklist label {
		padding: 5px 1.0em;
        margin: 0px 10px 10px 0;
        font-size: 3.25vw;
	}
	
}

#scroll-top a {
	border-radius: 50%;
    /*background: url(../images/scroll-top-top.png) no-repeat scroll 50% center #f2a585;*/
	background: url(../images/scroll-index.png) no-repeat scroll 50% center #f2a585;
	background-size: 13px auto;
    background-position: top 18px center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /*float: right;*/
    width: 60px;
	height: 60px;
    padding: 8px;
    position: fixed;
    right: 10px;
	bottom: 80px;
}
#scroll-top.index a {
	border-radius: 50%;
    background: url(../images/scroll-index.png) no-repeat scroll 50% center #f2a585;
	background-size: 13px auto;
    background-position: top 7px center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /*float: right;*/
    width: 60px;
	height: 60px;
    padding: 8px;
    position: fixed;
    right: 10px;
	bottom: 80px;
}
#scroll-top.index a span {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

#main-wrapp{
	/* padding-top:30px; */
	margin-bottom: 50px;
	background-color:#fff;
	overflow:hidden;
}
#main-wrapp.home {
    margin-bottom: 0;
}
.top #main-wrapp{
	padding-top:30px;
	margin-bottom:50px;
	background-color:#fff;
	overflow:hidden;
}


#side{
	width:250px;
	float:right;
}
.fixBox{
	position: static;
    right: 19%;
    top: auto;
}

/*#side .side-content{
	margin-bottom:20px;
}*/
#main{
	width:710px;
	float:left;
	margin-top: 30px;
}
#main.main_login{
	float:none;
	margin-top: 30px;
	margin: 30px auto 0 auto;
	display: table;
}

.col_1 > #main { width: 100%; }

#main2{
	width:1100px;
}

.indent{
    text-indent: -18px;
    margin-left: 20px;
}
.indent2{
    text-indent: -17px;
    margin-left: 14px;
}


.top .sp-top-block {
	display:none;
}
.sp-top-hidden {
		display:none;
	}

@media screen and (max-width:767px) {
	#main-wrapp{
		padding-top:0px;
		margin-bottom:20px;
	}
	.top .sp-top-hidden {
		display:none !important;
	}
	.sp-top-hidden {
		display:block;
	}
	.top .sp-top-block {
		display:block;
	}
	#side .side-content{
		margin-bottom:10px;
	}
	
	#scroll-top a {
		/*background: url(../images/scroll-index.png) no-repeat scroll 50% center #f2a585;*/
		background-image: url("../images/scroll-index.png");
		background-repeat: no-repeat;
		background-size: auto 30px;
		background-position: top 13px center;
		background-color: rgba(242, 165, 133, 0.7);
		width: 55px;
        height: 55px;
        bottom: 18vw;
	}
	#scroll-top.index a {
		width: 35px;
        height: 35px;
        bottom: 22vw;
	}
	#scroll-top.index a span {
      display: none;
	}
}
/*----------------------------------------
ポジション汎用
----------------------------------------*/
.relative{
	position:relative;
}
/*----------------------------------------
ディスプレイ汎用
----------------------------------------*/
.inline{
	display:inline;
}
.inline-block{
	display:inline-block;
}
.block{
	display:block;
}
/*----------------------------------------
フロート汎用
----------------------------------------*/
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.cf:after{
	clear:both;
}
.cf{
	overflow:hidden;
}
/*----------------------------------------
border-cllapse
----------------------------------------*/
.collapse {
	border-collapse:collapse !important;
}
/*----------------------------------------
バーティカルアライン汎用
----------------------------------------*/
.va-t{
	vertical-align:top !important;
}
.va-m{
	vertical-align:middle !important;
}
.va-b{
	vertical-align:bottom !important;
}
.va-base{
	vertical-align:baseline !important;
}
/*----------------------------------------
幅汎用
----------------------------------------*/
.w30{
	width:30px;
}
.w50{
	width:50px;
}
.w230{
	width:230px;
}
.w480 {
	width:480px;
}

.w570 {
	width:570px;
}

.w730 {
	width:730px;
}



@media screen and (max-width:767px){
}
/*----------------------------------------
パーセント汎用
----------------------------------------*/
.par5{
	width:5%;
}
.par10{
	width:10%;
}
.par15{
	width:15%;
}
.par20{
	width:20%;
}
.par25{
	width:25%;
}
.par30{
	width:30%;
}
.par33{
	width:33%;
}
.par35{
	width:35%;
}
.par40{
	width:40%;
}
.par45{
	width:45%;
}
.par50{
	width:50%;
}
.par55{
	width:55%;
}
.par60{
	width:60%;
}
.par65{
	width:65%;
}
.par70{
	width:70%;
}
.par75{
	width:75%;
}
.par80{
	width:80%;
}
.par85{
	width:85%;
}
.par90{
	width:90%;
}
.par95{
	width:95%;
}
.par100{
	width:100%!important;
}
@media screen and (max-width:767px) {
    .sp_par100 { width: 100%; }
}

/*----------------------------------------
マージン汎用
----------------------------------------*/
.ma{ margin:auto; }

.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }
.m25{ margin:25px; }
.m30{ margin:30px; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px!important; }
.mt25{ margin-top:25px!important; }
.mt30{ margin-top:30px!important; }
.mt40{ margin-top:40px!important; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }

.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }

.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }

@media screen and (max-width:767px) {
	
	.sp-mb0 { margin-bottom:0!important; }
	.sp-mb10 { margin-bottom:10px!important; }
	.sp-mb20 { margin-bottom:20px!important; }
	.sp-mb30 { margin-bottom:30px!important; }
	
}



/*----------------------------------------
パディング汎用
----------------------------------------*/
.pa{
	padding:auto;
}
.pt2{
	padding-top:2px;
}
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px !important;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px !important;
}
.pt30{
	padding-top:30px;
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl15{
	padding-left:15px;
}
.pl20{
	padding-left:20px;
}
.pl25{
	padding-left:25px;
}
.pl30{
	padding-left:30px;
}
.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr15{
	padding-right:15px;
}
.pr20{
	padding-right:20px;
}
.pr25{
	padding-right:25px;
}
.pr30{
	padding-right:30px;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}
.p25{
	padding:25px;
}
.p30{
	padding:30px;
}

.pl-6 { padding-left: 6em; }


@media screen and (max-width:767px) {
	
	
}

/*----------------------------------------
フォントウェイト汎用
----------------------------------------*/
.tx-bold{
	font-weight:bold;
}
.tx-normal{
	font-weight:normal;
}
/*----------------------------------------
テキストアライン汎用
----------------------------------------*/
.tx-center,.tac,.center{
	text-align:center;
}
.tx-left{
	text-align:left!important;
}
.tx-right{
	text-align:right;
}

@media screen and (max-width:767px) {
	.sp-tx-center,.sp-tac,.sp-center{
		text-align:center;
	}
	.sp-tx-left{
		text-align:left!important;
	}
	.sp-tx-right{
		text-align:right;
	}
}


/*----------------------------------------
ラインハイト汎用
----------------------------------------*/
.lh5 {
	line-height:5px;
}
.lh10 {
	line-height:10px;
}
.lh15 {
	line-height:15px;
}
.lh20 {
	line-height:20px!important;
}
.lh25 {
	line-height:25px;
}
.lh30 {
	line-height:30px;
}
.lh35 {
	line-height:35px;
}
.lh40 {
	line-height:40px;
}
/*----------------------------------------
フォントサイズ汎用 9px以下禁止
----------------------------------------*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px!important;
}
.f14{
	font-size:14px!important;
}
.f16{
	font-size:16px!important;
}
.f18{
	font-size:18px!important;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}
/*----------------------------------------
ナビゲーションPC(ヘッダー)
----------------------------------------*/
#head-navi-pc{
	background-color:rgba(0,0,0,.85);
	position:relative;
}
#head-navi-pc > .ul-wrap > ul {
	text-align: center;
	display: table;
	table-layout: auto;
	width:100%;
}
#head-navi-pc > .ul-wrap > ul > li {
	display: table-cell;
	vertical-align:middle;
	font-size:15px;
}
#head-navi-pc > .ul-wrap > ul > li:hover {
	/*background:#ea5504;*/
	/*background: #f87120;*/

}

#head-navi-pc > .ul-wrap > ul > li:hover a {
	/*color:#fff;*/
}

/*#head-navi-pc > .ul-wrap > ul > li > a:hover:after {
	content:"";
	display:none;
}*/
#head-navi-pc > .ul-wrap > ul > li > a {

	padding: 15px 20px 15px 5px;
text-decoration: none;
display: block;
font-size: 14px;
color: #fff;
position: relative;
}
#head-navi-pc > .ul-wrap > ul > li > a:hover {
	opacity:0.6;
	transition:0.3s;
	/*background:#ea5504;*/
	/*background: #f87120;*/
}
/*-------サブナビゲーションPC(ヘッダー)-----------*/

#head-navi-pc > .ul-wrap > ul > li > ul.sub-menu {
	opacity:0;
	position:absolute;
	left:0;
	right:0;
	/*bottom:-99%;*/
	bottom:-65%;
	width:100%;
	display:block;
	/*background:#ea5504;*/
	background: #f87120;
	text-align:center;
	z-index:99999;
}
#head-navi-pc > .ul-wrap > ul > li > ul.sub-menu > li{
	display:inline-block;
	/*float:left;*/
	height:50px;
}
#head-navi-pc > .ul-wrap > ul > li > ul.sub-menu > li > a{
	display:block;
	padding:15px 15px 10px;
	color:#fff;
}
#head-navi-pc > .ul-wrap > ul > li > ul.sub-menu > li > a:after {
	content:" ＞ ";
}
#head-navi-pc > .ul-wrap > ul > li > ul.sub-menu > li > a:hover{
	opacity:0.7;
}

/*----------------------------------------
ナビゲーションSP(ヘッダー)
----------------------------------------*/
#head-navi-sp{
	position:fixed;
	width:100%;
	top:0px;
	left: 0;
	padding:11px 10px 3px 10px;
	z-index:999;
	/*border-bottom:2px solid #ea5504;*/
	border-bottom:1px solid #e1e1e1
}
#head-navi-sp  #sp-navi-ul {
	display:none;
	padding-top:10px;
	padding-right:5px;
}
#head-navi-sp #sp-navi-ul li {
	list-style:none;
}
#head-navi-sp #sp-navi-ul li > a {
	font-size:13px;
	display: block;
	/*color: #ea5504;*/
	color: #555;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	/*border-top: 1px dotted #ea5504;*/
	border-top: 1px solid #e1e1e1;
}
#head-navi-sp #sp-navi-ul > li > a:hover,span.acMenu:hover {
	opacity:0.5;
}
span.acMenu {
	font-size: 13px;
    display: block;
   /*color: #ea5504;*/
	color: #555;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
   /*border-top: 1px dotted #ea5504;*/
	border-top: 1px solid #e1e1e1;
    cursor:pointer;
    position:relative;
}
span.acMenu:after {
	content:"\f0d7";
	font-family:"FontAwesome";
	position:absolute;
	right:10px;
	top:30%;
}
span.acMenu.arrow1:after {
	content:"\f0d8";
	font-family:"FontAwesome";
	position:absolute;
	right:10px;
	top:30%;
}
#head-navi-sp #sp-navi-ul > li > .toggleac > li {
	font-size: 13px;
    display: block;
    color: 555;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    padding-left: 10px;
    cursor:pointer;
    margin-left:1em;
}
#head-navi-sp #sp-navi-ul > li > .toggleac > li > a {
    color: #555;
}
#head-navi-sp #sp-navi-ul > li > .toggleac > li > a:hover {
    text-decoration:underline;
}
.navi-sp-content i {
	position:relative;
	top:5px;
	top: 3px;
  font-size: 2em;
}
.navi-sp-content img {
	/*width:180px;
	position:relative;
	top:-8px;*/
	
	width: 220px;
position: relative;
top: -5px;
}
/*----------------------------------------
ナビゲーションPC(フッター)
----------------------------------------*/
#foot-navi-pc{
	background-color:#666666;
	border-top:1px solid #828282;
}
#foot-navi-pc > .ul-wrap {
	position:relative;
}
#foot-navi-pc > .ul-wrap > ul {
	font-size: 12px;
	text-align: center;
	display: table;
	table-layout: auto;
	padding:15px 0;
	width: 100%;
}
#foot-navi-pc > .ul-wrap > ul > li {
	display: table-cell;
	border-left:1px solid #fff;
}
#foot-navi-pc > .ul-wrap > ul > li:first-child {
	border-left:none;
}
#foot-navi-pc > .ul-wrap > ul > li > a {
	text-decoration: none;
	display: block;
	padding:0 15px;
	color:#fff;
	font-size:12px;
}
#foot-navi-pc > .ul-wrap > ul > li > a:hover {
	opacity:0.5;
}
#foot-navi-pc > .ul-wrap .copy {
	/*position:absolute;
	right:0;
   top: 0;*/
	text-align: center;
}
/*----------------------------------------
ナビゲーションSP(フッター)
----------------------------------------*/
#foot-navi-sp > .ul-wrap > ul > li > a {
	display: block;
	color: #555;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 32px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #AFAFAF;
	background: url(../images/top_111.png) no-repeat 95% center;
	text-shadow: 0px -1px 0px #FFF !important;
	font-size: 14px;
}
#foot-navi-sp > .ul-wrap > ul > li {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #e8e8e8;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #eeeeee 100%);
	background: linear-gradient(to bottom, #e8e8e8 0%, #eeeeee 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#eeeeee', GradientType=0 );
}
#foot-navi-sp > .ul-wrap > ul > li > a:hover {
	opacity:0.5;
}
/*----------------------------------------
ドロップダウンリスト
----------------------------------------*/
.navi-list ul {
	background: none repeat scroll 0 0 rgba(240, 240, 240, 0.9);
	display: none;
	list-style: none outside none;
	position: absolute;
	top: 56px;
	width: 200px;
	z-index: 80;
}
ul.global-navi li.navi-list li.drop-list{
	display:block !important;
	border:none !important;
	border-bottom:1px dotted #ccc !important;
}
.navi-list ul a {
    height: auto !important;
}
/*----------------------------------------
スマホ出しわけ
----------------------------------------*/
.sp-only{
	display:none !important;
}
.sp-only-inline {
	display:none !important;
}
.pc-only{
	display:block;
}
.pc-only.col{
	display:table-cell;
}
.pc-only.col-wrapp{
	display:table;
}

/*----------------------------------------------------
	カラム操作
----------------------------------------------------*/
.col-wrapp{
	display:table;
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:5px 0px;
}
.col{
	display:table-cell;
	vertical-align: top;
}
.col img{
	max-width: 100%;
	height:auto;
	border:none;
}
.ng-margin5 > .col-wrapp{
	border-spacing:5px 0px !important;
}
.ng-margin10 > .col-wrapp{
	border-spacing:10px 0px !important;
}
.ng-margin15 > .col-wrapp{
	border-spacing:15px 0px !important;
}
.ng-margin20 > .col-wrapp{
	border-spacing:20px 0px !important;
}
.ng-margin25 > .col-wrapp{
	border-spacing:25px 0px !important;
}
.ng-margin30 > .col-wrapp{
	border-spacing:30px 0px !important;
}
.ng-margin35 > .col-wrapp{
	border-spacing:35px 0px !important;
}
.ng-margin40 > .col-wrapp{
	border-spacing:40px 0px !important;
}
.ng-margin5{
	margin-left:-5px;
	margin-right:-5px;
}
.ng-margin10{
	margin-left:-10px;
	margin-right:-10px;
}
.ng-margin15{
	margin-left:-15px;
	margin-right:-15px;
}
.ng-margin20{
	margin-left:-20px;
	margin-right:-20px;
}
.ng-margin25{
	margin-left:-25px;
	margin-right:-25px;
}
.ng-margin30{
	margin-left:-30px;
	margin-right:-30px;
}
.ng-margin35{
	margin-left:-35px;
	margin-right:-35px;
}
.ng-margin40{
	margin-left:-40px;
	margin-right:-40px;
}
/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:767px){
	
	img{
		max-width: 100%;
		height: auto;
		width:auto;
	}
	body{/*mywidthが100%になるタイミングとセット*/
		min-width:0;
		overflow-x : hidden;
		overflow-y : auto;
	}
	.mywidth,.mywidth2,.mywidth3,.mywidth4,.mywidth5{
		width:100%;
		margin:auto;
		padding:0 10px;
	}
	.mywidth .mywidth,
	.mywidth .mywidth2,
	.mywidth .mywidth3,
	.mywidth .mywidth4,
	.mywidth .mywidth5  {
		padding:0;
	}
	#side{
		width:100%;
		float:auto;
		margin-top: 20px;
	}
	#main{
		width:100%;
		float:auto;
	}
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
	.sp-only-inline {
		display:inline-block !important;
	}
	.sp-only.col-wrapp{
		display:table !important;
	}
	.sp-only.col{
		display:table-cell !important;
	}
	.sp-tx-center{
		text-align:center;
	}
	.sp-tx-left{
		text-align:left;
	}
	.sp-tx-right{
		text-align:left;
	}
	.col.change650{
		display:block !important;
		width:100% !important;
	}
	.sp-par10 {
		width:10%;
	}
	.sp-par15 {
		width:15%;
	}
	.sp-par20 {
		width:20%;
	}
	.sp-par25 {
		width:25%;
	}
	.sp-par30 {
		width:30%;
	}
	.sp-par33 {
		width:33.33%;
	}
	.sp-par40 {
		width:40%;
	}
	.sp-par50 {
		width:50%;
	}
	.sp-par60 {
		width:60%;
	}
	.sp-par70 {
		width:70%;
	}
	.sp-par80 {
		width:80%;
	}
	.sp-par90 {
		width:90%;
	}
	.sp-par100 {
		width:100%;
	}
	
	.sp-pt0 {
		padding-top:0px;
	}
	
	
	.sp-mt0 {
		margin-top:0px!important;
	}
	.sp-mt10 {
		margin-top:10px!important;
	}
	.sp-mt20 {
		margin-top:20px!important;
	}
	.sp-mt30 {
		margin-top:30px!important;
	}
	.sp-pl0 {
		padding-left:0px;
	}
	.sp-pb10 {
		padding-bottom:10px;
	}
	.sp-pb30 {
		padding-bottom:30px;
	}
	.sp-block {
		display:block;
	}
	.sp-w100 {
		width:100px;
	}
	.sp-lh1em {
		line-height:1em;
	}
	
	.sp-none{
		display:none!important;
	}
}

.normal{
	font-weight: normal;
}


.page-title {
	display: block;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
	/* background-color: #f5f8f9; */
	width: 100%;
	height: auto;
    text-align: center;
    margin: 40px 0 40px;
}
.page-title .etitle {
	display: none;
	width: 100%;
	font-size: 18px;
	color: #f2a585;
	font-weight: bold;
	margin-bottom: 10px;
}
.page-title h1 {
	width: 100%;
	font-size: 30px;
	position: relative;
}
.page-title h1::after {
    content: "";
    background: url(../images/p_title_border.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 302px;
    height: 9px;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 150px);
}

.page-title h1:has(span) {
    display: flex;
    flex-direction: column;
}
.page-title h1 > span {
    font-size: 20px;
    line-height: 1.6em;
}

@media screen and (max-width:767px) {
	.page-title {
		height: auto;
	}
	.page-title .etitle {
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	.page-title h1 {
		width: 100%;
		font-size: 5vw;
	}
	.page-title h1::after {
        width: 40vw;
        height: 4vw;
        bottom: -4vw;
        left: calc(50% - 20vw);
    }
	
	.page-title h1:has(span) {
		font-size: 16px;
	}
	.page-title h1 > span {
		font-size: 12px;
	}
}



.search_pt {
	margin-bottom: 0;
}
.search_head {
    font-size: 23px;
    margin-bottom: 30px;
    text-align: center;
}
.search_head img {
    margin-right: 10px;
}

.search_item_list {
	margin-bottom: 30px;
}
.search_item_list dl {
    display: flex;
    text-align: left;
    padding: 20px 0;
    border-bottom: 1px solid #c9c8c8;
}
.search_item_list dl dt {
    width: 120px;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
}
.search_item_list dl dd {
    width: 100%;
}

.search_item_list dl dd .updown_box {
	display: block;
	padding: 0;
	border-bottom: none;
}
.search_item_list dl dd .updown_box dt {
	 position: relative;
    height: 40px;
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
}
.search_item_list dl dd .updown_box dt::after {
    content: "\f107";
	font-family: "FontAwesome";
    position: absolute;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
}
.search_item_list dl dd .updown_box.act dt:after {
	content: "\f106";
}
.search_item_list dl dd .updown_box dd {
	display: none;
}
.search_item_list dl dd .updown_box.act dd {
	display: block;
}




.search_item_list select {
	min-width: 300px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c9c8c8;
    background-color: #ebeff0;
    color: #333;
    outline: none;
}
.search_chklist label {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #8a8988;
    border-radius: 20px;
    margin: 0 10px 10px 0;
    color: #333;
    cursor: pointer;
}
.search_chklist label:has(input[type="checkbox"]:checked) {
    background-color: #f2a585;
    border: 1px solid #f2a585;
    color: #fff;
}
.search_chklist label:has(input[type="checkbox"]:checked) span {
    color: #fff;
}
.search_chklist label input {
    display: none;
}

.search_btn {
    background-color: #f2a585;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    display: table;
	margin: 0 auto;
    border: none;
    padding: 10px 80px;
    cursor: pointer;
	border-radius: 50px;
}

.search_result_label {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
}

.search_list {
	margin-bottom: 50px;
}
.search_item {
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 30px;
}
.item_dt {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.item_dt .item_img {
	width: 40%;
}
.item_dt .item_img figure {
	/*margin-bottom: 15px;*/
}
.item_dt .item_img figure img {
	width: 100%;
	border-radius: 5px;
}

.item_dt .rec_point {
	border: 1px solid #f2a585;
	border-radius: 10px;
	padding: 15px 15px 10px;
}
.item_dt .rec_point .title {
	color: #f2a585;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}
.item_dt .rec_point p {
    font-size: 15px;
    line-height: 1.5em;
}

.item_dt .btn_detail {
	display: table;
	margin: 0 auto;
	background-color: #f2a585;
	padding: 10px 50px;
	border-radius: 5px;
	color: #fff;
}

.item_dt .item_info {
	width: 55%;
}
.item_dt .item_info .item_info_tag {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.item_dt .item_info .item_info_tag dt {
	margin-right: 10px;
}
.item_dt .item_info .item_info_tag dt .btag {
	color: #f2a585;
    border: 1px solid #f2a585;
    font-size: 14px;
	font-weight: bold;
    padding: 2px 15px 2px 15px;
    position: relative;
    margin-right: 8px;
    background: #fff;
    border-radius: 15px;
    display: inline-block;
}
.item_dt .item_info .item_info_tag dt .ftag {
	color: #fff;
    border: 1px solid #f2a585;
    font-size: 14px;
	font-weight: bold;
    padding: 2px 15px 2px 15px;
    position: relative;
    margin-right: 8px;
    background: #f2a585;
    border-radius: 15px;
    display: inline-block;
}

.item_dt .item_info .item_info_tag .number {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #ebeff0;
	padding: 10px 10px;
	border-radius: 5px;
}

.item_dt .item_info .item_info_tag .btn_kentou {
    width: 30px;
    height: 30px;
    padding: 3px;
    display: none;
}
.item_dt .item_info .item_info_tag .btn_kentou.act {
    display: inline-block;
}
.item_dt .item_info .item_info_tag .btn_kentou.off {
    /* pointer-events: none; */
}

.item_dt .sp_number {
	display: none;
}

.item_dt .item_info .item_head {
	display: flex;
	justify-content: space-between;
}
.item_dt .item_info .item_head .item_title {
	width: 70%;
}
.item_dt .item_info .item_head .item_img {
	width: 25%;
}

.item_dt .item_info h3 {
	margin-bottom: 10px;
	/*padding-bottom: 15px;
	border-bottom: 1px solid #ddd;*/
}
.item_dt .item_info h3 a {
	font-size: 18px;
	font-weight: bold;
}
.item_dt .item_info h3 a .cname {
	/*font-size: 22px;*/
	font-weight: normal;
}

.item_dt .item_info_dt {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.item_dt .item_info_dt dt {
    font-size: 14px;
	width: 160px;
	display: flex;
	align-items: center;
}
.item_dt .item_info_dt dt img {
	width: 23px;
}
.item_dt .item_info_dt dt img {
	margin-right: 5px;
}
.item_dt .item_info_dt dd {
    font-size: 14px;
	width: calc(100% - 160px);
	padding-top: 3px;
}

.item_dt .item_info .cat_list span {
	display: inline-block;
    /* background-color: #ebeff0; */
    /* padding: 10px 15px; */
    margin: 0 10px 5px 0;
    font-size: 12px;
    font-weight: bold;
}


.item_info_data {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.item_info_data .cat_list {
    width: 100%;
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 1em;
}
.item_info_data .cat_list span { font-size: 14px; }

.item_info_data .item_info_dt { width: 50%; }
.item_info_data .item_info_dt dt {
    width: 7em;
}
.item_info_data .item_info_dt dd {
    width: calc(100% - 7em);
}

.item_usermessage {}
.item_usermessage p {
    font-size: 13px;
    color: #f2a585;
    text-align: center;
    padding: 0 0 10px;
}
.item_usermessage p span {
    color: #f2a585;
	font-size: 14px;
    font-weight: bold;
}

.item_contact {
	background-color: #fdf2ed;
	padding: 20px;
	text-align: center;
	border-radius: 0 0 10px 10px;
}
.item_contact .title {
	font-size: 20px;
	font-weight: bold;
	color: #f2a585;
	margin-bottom: 20px;
}
.item_contact .btn_link {
	font-weight: bold;
    color: #f2a585;
    margin-bottom: 10px;
    background-color: #fff;
    width: 240px;
    padding: 20px 10px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 10px 20px 10px;
    border: 2px solid #f2a585;
    box-shadow: 0 5px 0px 0px #f2a58580;
    position: relative;
}
.item_contact .btn_gray {
    color: #9b9d9d;
    border: 2px solid #bdbdbd;
    box-shadow: 0 5px 0px 0px #bdbdbd80;
}
.item_contact .btn_link::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #f2a585;
    border-right: solid 2px #f2a585;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}
.item_contact .btn_gray::after {
    border-top: solid 2px #c8cccd;
    border-right: solid 2px #c8cccd;
}
.item_contact .desc {
	font-size: 13px;
	font-weight: bold;
}
.item_contact .desc span{
	font-size: 13px;
	font-weight: bold;
}

.next a {
	position: relative;
}
.next a::after {
	content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #f2a585;
    border-right: solid 2px #f2a585;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}
.prev a {
	position: relative;
}
.prev a::after {
	content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 2px #f2a585;
    border-left: solid 2px #f2a585;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
}

.selected_item_box {
	max-width: 850px;
	width: 100%;
	margin: 0 auto 50px auto;

}
.selected_item_box .item_dt {
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 20px;
}
.selected_item_box .item_dt .item_img {
    width: 25%;
}
.selected_item_box .item_dt .item_info {
    width: 70%;
}
.selected_item_box .item_dt .item_info h3 {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
}

@media screen and (max-width:767px) {
	.search_head {
		font-size: 5vw;
		margin-bottom: 30px;
	}
	.search_head img {
		width: 7vw;
	}

	.search_pt {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.search_result_label {
		font-size: 4vw;
		margin-bottom: 10px;
	}

	.search_item_list dl {
		flex-wrap: wrap;
		padding: 15px 0;
	}
	.search_item_list dl dt {
		width: 100%;
		margin-bottom: 10px;
		font-size: 4vw;
	}
	.search_item_list dl dd {
		width: 100%;
	}
	.search_item_list select {
		min-width: 100%;
	}
	.search_chklist label {
		padding: 5px 0.85em;
        margin: 0px 10px 10px 0;
        font-size: 3.25vw;
	}
	.search_btn {
		font-size: 20px;
		padding: 10px 60px;
	}

	.search_item_list dl dd .updown_box {
		margin-top: -36px;
	}
    
    .item_info_data {
        margin: 10px 0 10px;
        flex-direction: column;
    }
    
    .item_info_data .cat_list {
        margin: 5px 0;
        gap: 0.5em 0.5em;
    }
    .item_info_data .cat_list span {
        font-size: 3.25vw;
    }
    
}


.item_detail {
	border: 1px solid #ddd;
	border-radius: 10px;
}


.item_detail .item_dt .item_info {
	width: 100%;
	padding: 30px;
}

.item_detail .item_dt .item_info .cat_list {
	margin-bottom: 0;
}

.item_detail .item_dt .item_img {
	width: 100%;
}
.detail_stitle {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 3px solid #c8cccd;
	margin: 20px 0;
	padding-bottom: 10px;
	position: relative;
}
.detail_stitle::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 3px;
	bottom: -6px;
	left: 0;
	border-top: 3px solid #f2a585;
}
.detail_stitle + dl.item_info_dt {
    border-top: 1px solid #d5d8d9;
}

.item_detail .item_dt .item_info .item_info_dt {
	padding: 15px;
	margin-bottom: 0px;
	border-bottom: 1px solid #d5d8d9;
}
.item_detail .item_dt .item_info .item_info_dt:nth-child(odd) {
    background-color: #f1f3f4;
}


.contact_tel_box {
	/* padding: 30px 0; */
	/* border: 2px solid #f2a585; */
	margin: 50px 0;
	border-radius: 10px;
}
.contact_tel_box .title_pt {
    margin-bottom: 30px;
}
.contact_tel_box .tel_pt a {
	margin-bottom: 10px;
}
.contact_tel_box .tel_pt .desc {
    font-size: 20px;
    margin-bottom: 0;
}

.contact_mail_box {
	padding: 25px;
	background: #fdf2ed;
	/*border: 2px solid #156082;*/
	margin-bottom: 80PX;
	border-radius: 10px;
}
.contact_mail_box .title_pt {
    margin-bottom: 20px;
}
.contact_mail_box .contact_link_group {
    background-color: #fdf2ed;
    padding: 0;
    border-radius: 10px;
}

.tel_pt {
	display: table;
	width: 70%;
	min-width: 500px;
	margin: 0 auto 80px auto;
	background-color: #fdf2ed;
	text-align: center;
	padding: 30px 0;
	border-radius: 10px;
}

.contact_tel_box .tel_pt {
	width: 100%;
	margin: 0 auto;
    padding: 25px 0;
}
.tel_pt .desc {
	font-size: 20px;
	margin-bottom: 15px;
}
.tel_pt a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tel_pt a img {
	width: 46px;
	margin-right: 10px;
}
.tel_pt a span {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
}

.contact_link_group {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eef7f6;
    padding: 20px 0;
	border-radius: 10px;
}
.contact_link_group a {
    text-align: center;
	font-size: 16px;
	width: 28%;
	margin: 10px;
	background-color: #fff;
	border: 1px solid #c8cccd;
	padding: 20px 10px;
	border-radius: 10px;
	box-shadow: 0px 5px 0px 0px #ecf2f4;
	position: relative;
}
.contact_link_group a::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    content: none;
}
.contact_link_group a.btn_naby_bd {
	color: #156082;
    border: 2px solid #156082;
    box-shadow: 0px 3px 0px 0px #156082;
}
.contact_link_group a.btn_naby_bd::after {
	border-top: solid 2px #156082;
    border-right: solid 2px #156082;
}

.detail_other {
	margin: 100px 0 0 0;
}
.detail_other .title {
	font-size: 24px;
    font-weight: bold;
    color: #f2a585;
    margin-bottom: 50px;
	text-align: center;
}

@media screen and (max-width:767px){
	.contact_tel_box {
		padding: 0 0;
		margin: 20px 0;
	}
	.contact_mail_box {
		padding: 15px 10px;
	}

	.detail_other {
		margin: 50px 0 0 0;
	}
	.detail_other .title {
		font-size: 4.5vw;
		margin-bottom: 30px;
	}

	.item_detail {
		margin: 30px 0 10px 0;
	}
	.item_dt .item_img {
		width: 33.33%;
	}
	.item_dt .item_img figure {
		/*margin-bottom: 15px;*/
	}

	.item_dt .rec_point {
		padding: 10px 5px;
        margin-bottom: 10px;
	}
	.item_dt .rec_point .title {
		font-size: 3.25vw;
		margin-bottom: 5px;
	}
	.item_dt .rec_point p {
		line-height: 1.4em;
		font-size: 12px;
	}
	
	.item_dt .item_info .btn_detail {
		display: table !important;
		margin: 20px auto 0 auto;
	}

	.item_usermessage p {
		font-size: 3vw;
        text-align: left;
		padding: 0 10px 10px;
	}
	
	.item_contact {
		padding: 20px 0;
	}
	.item_contact .title {
		font-size: 4vw;
		margin-bottom: 10px;
	}
	.item_contact .btn_link {
		margin-bottom: 10px;
		width: 46%;
		padding: 15px 2vw;
		margin: 0 1vw 10px 1vw;
		font-size: 3vw;
	}
	.item_contact .desc {
		font-size: 3vw;
		font-weight: bold;
		text-align: center;
		padding: 0 10px;
	}
	.item_contact .desc span {
		font-size: 3vw;
		font-weight: bold;
	}

	
	.item_detail .item_dt .item_info {
		width: 100%;
		padding: 0 0;
	}

	.item_dt {
		padding: 10px;
	}
	.item_dt .item_info {
		width: 100%;
	}
	
	.detail_stitle {
		font-size: 16px;
		margin: 20px 0 15px;
		padding-bottom: 6px;
	}
	
	.item_dt .item_img + .item_info { width: 65%; }
	.item_dt .item_info .item_info_dt {
		margin-bottom: 6px;
		font-size: 3vw;
	}
    
	.item_dt .item_info .item_info_tag dt {
		width: 100%;
		margin-bottom: 10px;
	}
	.item_dt .item_info .item_info_tag dt .btag {
		font-size: 3vw;
		padding: 2px 2vw 2px 2vw;
		margin-right: 1vw;
	}
	.item_dt .item_info .item_info_tag dt .ftag {
		font-size: 3vw;
		padding: 2px 2vw 2px 2vw;
		margin-right: 1vw;
	}
	.item_dt .item_info .item_info_tag dd {
		width: 100%;
	}
	.item_dt .item_info .item_info_tag dd .number {
		font-size: 2.5vw;
		padding: 2vw;
		/*display: none;*/
	}
	.item_dt .item_info .item_info_tag .btn_kentou {
		width: 25px;
		height: 25px;
	}
	.item_dt .sp_number {
		font-size: 2.5vw;
		padding: 2vw;
		font-weight: bold;
		color: #000;
		background-color: #ebeff0;
		border-radius: 5px;
		margin: 0 0 2vw auto;
		display: table;
	}
	
	.item_dt .item_info .item_info_tag {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.item_dt .item_info .item_info_tag dt {
        width: auto;
    }
	.item_dt .item_info .item_info_tag dd {
        width: auto;
    }

	.item_detail .item_dt .item_info .item_info_tag .number {
		display: inline-block;
		padding: 1vw 2vw;
		margin-right: 0;
	}

	.item_dt .item_info h3 {
		margin-bottom: 0;
	}
	.item_dt .item_info h3 a {
		font-size: 4vw;
	}
	.item_dt .item_info h3 a .cname {
		font-size: 3vw;
	}
	
	.item_dt .item_info .item_head {
		margin-bottom: 20px;
	}
	
	.item_dt .item_info_dt dt {
		width: 20px;
		font-size: 3.5vw;
	}
	.item_dt .item_info_dt dt img {
		width: 15px;
	}
	.item_dt .item_info_dt dd {
		width: calc(100% - 20px);
        padding-top: 0.5vw;
        padding-left: 0.5em;
        font-size: 3.25vw;
		line-height: 1.6em;
	}
	.item_detail .item_dt .item_info .cat_list {
		margin-bottom: 0;
	}
	.item_dt .item_info .cat_list span {
		padding: 0 0;
        margin: 0 10px 10px 0;
        font-size: 3vw;
	}
    
    .item_info_data .item_info_dt {
        width: 100%;
        margin-bottom: 5px;
    }
    .item_info_data .item_info_dt dt { width: 6em; }
    .item_info_data .item_info_dt dt span {
        font-size: 3.5vw;
    }
    .item_info_data .item_info_dt dd {
        width: calc(100% - 6.5em);
    }


	
	.item_detail .item_dt .item_info .item_info_dt {
		padding: 0 0;
		flex-direction: column;
	}
	.item_detail .item_dt .item_info .item_info_dt dt {
		width: 100%;
        padding: 0.5em 1em;
        background: #f1f3f4;
	}
	.item_detail .item_dt .item_info .item_info_dt dt span {
		font-size: 3.5vw;
		font-weight: bold;
	}
	.item_detail .item_dt .item_info .item_info_dt dd {
		width: 100%;
        padding: 0.5em 1em;
        background: #fff;
	}

	.tel_pt {
		width: 100%;
		min-width: 100%;
		margin: 0 auto 50px auto;
		padding: 20px 0;
	}
	.tel_pt .desc {
		font-size: 3.5vw;
		margin-bottom: 2vw;
	}
	.tel_pt a img {
		width: 7vw;
		margin-right: 2vw;
	}
	.tel_pt a span {
		font-size: 6vw;
	}
	.contact_link_group {
		flex-wrap: wrap;
		padding: 10px 0;
	}
	.contact_link_group a {
		font-size: 4vw;
		width: 100%;
		margin: 10px;
		padding: 20px 10px;
	}
	
	.contact_link_group.col2 {
		flex-wrap: nowrap;
		gap: 0 10px;
	}
	.contact_link_group.col2 a {
		width: calc((100% - 0px) / 2);
		margin: 0 0;
	}

}

.detial_search {
	margin: 30px 0;
}
.detial_search .search_item_list {
    margin-bottom: 20px;
}
.detial_search .detial_search_title {
	background-color: #f2a585;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	position: relative;
	cursor: pointer;
}
.detial_search .detial_search_title::after {
	content: "+";
	position: absolute;
	right: 20px;
	font-size: 28px;
	font-weight: bold;
}
.detial_search.act .detial_search_title::after {
	content: "－";
}

.detial_search .detial_search_dt {
	padding: 10px 20px 20px 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	display: none;
}
.detial_search.act .detial_search_dt {
	display: block;
}

@media screen and (max-width:767px){
	.detial_search .detial_search_title {
		padding: 10px 20px;
	}

}

.step_bar {
	margin-bottom: 50px;
}
.progressbar {
	position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  }
  .progressbar li {
	color: #a3a3a3;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	width: 25%;
	list-style-type: none;
  	position: relative;
	/*line-height: 3;*/
  }
  
  .progressbar.pbar_setp5 li {
	width: 20%;
	font-size: 13px;
  }
  .progressbar li:before {
	display: block;
	z-index: 1;
	width: 15px;
	height: 15px;
	margin: 3px auto 10px;
	content: '';
	text-align: center;
	border-radius: 50%;
	background-color: #a3a3a3;
  position: relative;
  }
  .progressbar li:after {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: -50%;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #a3a3a3;
  }
  .progressbar li:first-child:after {
	content: none;
  }
  .progressbar li.active,
  .progressbar li.complete{
	color: #f2a585;
  }
  .progressbar li.active:before,
  .progressbar li.complete:before {
	background-color: #f2a585;
  }
  /* .progressbar li.active:after,
  .progressbar li.complete:after {
	background-color: #f2a585;
  } */

  .progressbar li .en {
    color: #a3a3a3;
    font-size: 11px;
    line-height: 1.4em;
    display: inline-block;
  }
  .progressbar li.active .en {
    color: #f2a585;
  }

  .kiyaku_confirm {
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	margin-bottom: 50px;
  }
  
  .kiyaku_confirm .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;	
  }
    
  .kiyaku_confirm .chk_kiyaku {
	margin-bottom: 20px;	
  }
  .kiyaku_confirm .chk_kiyaku label a {
	color: #ff6a2c;
	font-weight: bold;
	text-decoration: underline;
	margin-right: 0.75em;
  }
  .kiyaku_confirm .chk_kiyaku label {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 10px;	
  }
  .kiyaku_confirm .chk_kiyaku label input[type="checkbox"] {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	margin-right: 10px;
	-webkit-appearance: checkbox;
  }
  .kiyaku_confirm .desc {
	font-size: 13px;
	display: table;
	margin: 0 auto;
	text-align: left;
	line-height: 1.8;
  }

  

@media screen and (max-width:768px) {
	.progressbar li {
		font-size: 3vw;
		width: 32%;
	}

	.progressbar.pbar_setp5 li {
		font-size: 2.5vw;
		line-height: 1.8;
	}

	.kiyaku_confirm {
		padding: 20px;
	  }
}


.title_pt {
    margin-bottom: 50px;
    text-align: center;
}
.title_pt .btitle {
    font-size: 30px;
}
.title_pt .stitle {
    font-size: 18px;
    margin-bottom: 5px;
}
.title_pt .title {
    font-size: 24px;
    font-weight: bold;
}
.title_pt .ctitle {
    font-size: 24px;
    font-weight: bold;
    color: #f2a585;
}
.title_pt .ctitle span {
    font-size: 24px;
    font-weight: bold;
    color: #f2a585;
}
.title_pt .cstitle {
    font-size: 18px;
    margin-bottom: 5px;
    color: #f2a585;
}
.title_pt .cstitle_under {
	position: relative;
	margin-bottom: 10px
}
.title_pt .cstitle_under::after {
	content: "";
    background: url(../images/p_title_border.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 200px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: calc(50% - 100px);

}
.title_pt .etitle {
    font-size: 16px;
    color: #c8cccd;
}

.title_pt .mtitle {
    font-size: 24px;
    font-weight: bold;
	position: relative;
}
.title_pt .mtitle::after {
	content: "";
    background: url(../images/p_title_border.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 302px;
    height: 9px;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 150px);
	content: none;
}

.title_pt .htitle {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 0 auto 35px auto;
    padding-bottom: 20px;
}
.title_pt .htitle::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 90px);
    width: 180px;
    height: 3px;
    border-bottom: 3px solid #c8cccd;
}
.title_pt .htitle::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 90px);
    width: 60px;
    height: 3px;
    border-bottom: 3px solid #f2a585;
}


.title_pt .bltitle {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    display: block;
    margin: 0 0 35px 0;
    padding-bottom: 20px;
	text-align: left;
}
.title_pt .bltitle::before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #c8cccd;
}
.title_pt .bltitle::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    border-bottom: 3px solid #f2a585;
}

.title_pt .bhtitle {
	font-size: 30px;
}
.title_pt .ltitle {
    font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	display: table;
    margin: 0 auto 10px auto;
}
.title_pt .ltitle::before, 
.title_pt .ltitle::after {
    position: absolute;
    content: "";
    width: 1px;
	height: 80px;
    top: 0px;
	background-color: #000;
}
.title_pt .ltitle::before {
    left: -40px;
    transform: rotate(-45deg);
}
.title_pt .ltitle::after {
    right: -40px;
    transform: rotate(45deg);
}


.title_pt img {
	margin-bottom: 10px;
}

@media screen and (max-width:767px){
    .title_pt {
        margin-bottom: 30px;
    }
	.title_pt .stitle {
		font-size: 4vw;
	}
    .title_pt .title {
        font-size: 4.5vw;
    }
    .title_pt .ctitle {
        font-size: 4.5vw;
    }
	.title_pt .ctitle span {
		font-size: 3.5vw;
		display: block;
	}
	.title_pt .cstitle {
		font-size: 4vw;
	}
	
    .title_pt .etitle {
        font-size: 3.5vw;
    }
	.title_pt .btitle {
		font-size: 6vw;
	}
	.title_pt .mtitle {
		font-size: 4.5vw;
	}
	.title_pt .bltitle {
		font-size: 4.5vw;
	}

	.title_pt .htitle {
		font-size: 5vw;
		margin: 0 auto 30px auto;
	}
		
	.title_pt .bhtitle {
		font-size: 5vw;
	}

	.title_pt img {
		width: 7vw;
	}
}


.cimg img {
	width: 100%;
	border-radius: 20px;
	margin-bottom: 50px;
}

.ul_img_content {
	display: flex;
	margin-bottom: 40px;
}
.ul_img_content li {
	width: 50%;
	line-height: 2;
}
.ul_img_content li img {
	width: auto;
	max-width: 100%;
}
.ul_img_content li .stitle{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ul_img_content li .small {
	font-size: 12px;
}
.ul_padding  {
	padding-right: 5%;
}


.ul_img_content li .subtitle{
	font-size: 16px;
    font-weight: bold;
    
}

@media screen and (max-width:767px){

	.ul_img_content {
        flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ul_img_content li {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.ul_img_content li.img_sp_w70 {
		width: 70%;
		margin: 0 auto 10px;
	}
	.ol_inside  li:first-child {
		width: 100%;
	}
	.cimg img {
		margin-bottom: 20px;
	}
}


.flow_box {
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}
.flow_box_right {
	width: calc(100% - 45px);
}
.flow_box li {
	width: calc(20% - 8px);
	margin-right: 10px;
	text-align: center;
	border: 1px solid #cecdcd;
	padding: 30px 15px 20px 15px;
	position: relative;
	border-radius: 10px;
}
.flow_box li::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 2px #9b9b9b;
    border-right: solid 2px #9b9b9b;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -10px;
	z-index: 1;
}
.flow_box li:last-child {
	margin-right: 0;
}
.flow_box li:last-child::after {
	right: 0;
	display: none
}
.flow_box_right li:last-child::after {
	right: -30px;
	display: block;
}
.flow_box_right li:last-child::before {
	content: "";
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -45px;
    border: 1px solid #cecdcd;
	background-color: #f5f8f9;
}
.flow_box li img {
	margin-bottom: 10px;
}
.flow_box li .stitle {
	font-size: 16px;
	color: #f2a585;
}
.flow_box li .title {
	min-height: 80px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;

}
.flow_box li .desc {
	text-align: left;
	font-size: 14px;
}

@media screen and (max-width:767px){
	.flow_box {
		flex-wrap: wrap;
        margin-bottom: 50px;
	}
	.flow_box_right {
		width: 100%;
	}
	.flow_box li {
		width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 1vw 2vw;
	}
	.flow_box li .flow_info {
		display: flex;
		align-items: center;
		text-align: left;
		margin-bottom: 10px;
		position: relative;
		cursor: pointer;
	}
	.flow_box li .flow_info:before {
/*
		content: "\f107";
		font-family: "FontAwesome";
		display: inline-block;
		text-align: center;
		font-size: 5vw;
		position: absolute;
		right: 1vw;
		font-weight: bold;
*/
		content: "";
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top: 10px solid #f2a585;
        position: absolute;
        right: 1vw;
	}
	
	.flow_box li.act .flow_info:before {
/*		content: "\f106";*/
		border-top: none;
		border-bottom: 10px solid #f2a585;
	}
	
	.flow_box li .desc {
		display: none;
		font-size: 3.5vw
	}
	.flow_box li.act .desc {
		display: block;
	}
	.flow_box li img {
        width: 14vw;
		margin-right: 2vw;
		margin-bottom: 0;
    }
	.flow_box li .title_box {
		width: calc(100% - (14vw + 40px));
	}
	.flow_box li .stitle {
		font-size: 2.5vw;
	}
	.flow_box li .title {
		min-height: auto;
		font-size: 4vw;
        line-height: 1.5;
	}
	.flow_box li::after {
		content: "";
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-left: 10px solid #f2a585;
        transform: rotate(90deg);
		position: absolute;
        top: inherit;
        bottom: -35px;
        left: 47%;
		content: none;
	}
	.flow_box_right li:last-child::after {
		display: none;
	}

}


/* ご依頼の流れ(4列×2行) */
.flow_box.row2 {
    flex-wrap: wrap;
    gap: 20px 2em;
}
.flow_box.row2 li {
    width: calc((100% - 6em) / 4);
    margin-right: 0;
}
.flow_box.row2 li::after {
    top: 50%;
    right: -1.25em;
}
.flow_box.row2 li:nth-of-type(4)::after { content: none; }
@media screen and (max-width:767px) {
	.flow_box.row2 { gap: 0 0; }
	.flow_box.row2 li {
		width: 100%;
	}
	.flow_box.row2 li::after {
		top: unset;
	}
}



.btn_search_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f2a585;
    padding: 15px 70px 10px 70px;
    margin: 0 20px;
    border-radius: 10px;
}
.btn_search_link img {
    margin-right: 10px;
}

.btn_search_link .stitle {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
}
.btn_search_link .title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.btn_contact_link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 20px 70px;
	margin: 0 20px;
	border-radius: 10px;
	border: 1px solid #f2a585;
	position: relative;
}
.btn_contact_link img {
    margin-right: 20px;
}
.btn_contact_link .stitle {
    font-size: 24px;
	font-weight: bold;
    text-align: left;
    line-height: 1.5;
	color: #f2a585;
}

.btn_link_c_box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}


.btn_link_box a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px auto;
	width: 600px;
	height: 100px;
	padding: 20px;
	border: 1px solid #c8cccd;
	border-radius: 10px;
	position: relative;
	text-align: center;
	box-shadow: 0 5px 0 0 #ecf2f4;

}
.btn_link_box a::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -6px;
}
.btn_link_box a span {
	display: inline-block;
	font-size: 20px;
	text-align: left;
	line-height: 1.5;
}

.btn_link_box a.link_recruit {
    width: fit-content;
    max-width: 500px;
    height: auto;
    padding: 8px 8px;
}

.btn_link_content {
	border: 1px solid #c8cccd;
    border-radius: 5px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    box-shadow: 0 5px 0 0 #ecf2f4;
    display: table;
	margin: 0 0 10px auto;
}
.btn_link_content::after {
	content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -5px;
}


.search-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f2a585;
    padding: 15px 80px 10px 80px;
    margin: 0 auto 50px auto;
    border-radius: 10px;
}
.search-box img {
    margin-right: 10px;
}

.search-box .stitle {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
}
.search-box .title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

@media screen and (max-width:767px){
	
	.btn_link_c_box {
		flex-wrap: wrap;
		margin-bottom: 80px;
	}

    .btn_search_link {
		width: 65%;
        padding: 3vw 2vw;
        margin: 0 auto 30px;
    }
	.btn_search_link img {
		width: 33px;
	}
    .btn_search_link .stitle {
        font-size: 3.0vw;
        margin-bottom: 2vw;
    }
    .btn_search_link .title {
        font-size: 5vw;
    }

	.btn_contact_link {
		width: 100%;
		padding: 15px;
		margin: 0;
		border-radius: 10px;
		border: 1px solid #f2a585;
		position: relative;
	}
	.btn_contact_link .stitle {
		font-size: 4.5vw;
	}
	
	.btn_link_box a {
		width: 100%;
		height: 18vw;
		padding: 2vw 4vw;
		justify-content: flex-start;

	}
	.btn_link_box a span {
		font-size: 3.5vw;
	}

	.search-box {
		font-size: 5vw;
        padding: 3vw 2vw;
        width: 65%;
        margin: 0 auto 30px auto;
    }
	.search-box img {
		width: 33px;
	}
    .search-box .stitle {
        font-size: 3.5vw;
        margin-bottom: 2vw;
    }
    .search-box .title {
        font-size: 6vw;
    }
}

.mright {
	display: table;
	margin: 0 0 0 auto;
}

.charm-pt {
    padding: 50px 0;
    margin-bottom: 50px;
}
.charm_img {
	border-radius: 10px;
	margin-bottom: 50px;
	text-align: center;
}
.charm_img img {
	width: auto;
	border-radius: 10px;
}
.charm-pt ul li .charm_img img {
    border-radius: 10px;
}
.charm-pt ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.charm-pt ul li {
    width: 30%;
}
.charm-pt ul li img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}
.charm-pt ul li .stitle {
    font-size: 15px;
	color: #f2a585;
    text-align: center;
}
.charm-pt ul li .title {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.charm-pt ul li .desc {
    font-size: 15px;
}

.charm_title_box {
    border-left: 4px solid #f2a585;
    padding-left: 10px;
	margin-bottom: 30px;
}
.charm_title_box .charm_stitle {
    font-size: 18px;
    font-weight: bold;
    color: #f2a585;
    text-align: left;
}
.charm_title_box .charm_title {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

@media screen and (max-width:767px){
	.charm-pt {
		padding: 50px 0 0;
	}
    .charm-pt ul {
        flex-wrap: wrap;
		margin-bottom: 20px;
    }
    .charm-pt ul li {
        width: 100%;
        margin-bottom: 30px;
		display: flex;
        flex-wrap: wrap;
		justify-content: space-between;
    }
	.charm-pt ul li:last-child {
        margin-bottom: 0;
    }
	.charm-pt ul li .title {
		font-size: 4vw;
		width: 100%;
	}
	.charm-pt ul li img {
		width: 30%;
		border-radius: 10px;
		margin-bottom: 0;
		object-fit: cover;
	}
	.charm-pt ul li .desc {
		font-size: 3.5vw;
		width: 66%;
	}
	
	.charm-pt ul li .stitle {
		width: 100%;
	}
	.haken-merit .charm-pt ul li .desc {
        font-size: 3.5vw;
        width: 100%;
    }

	.charm_title_box {
		margin-bottom: 20px;
	}
	.charm_title_box .charm_stitle {
		font-size: 4vw;
	}
	.charm_title_box .charm_title {
		font-size: 5vw;
		line-height: 1.4em;
		margin-bottom: 0;
	}
	
	.sp_mcenter { margin: 0 auto; }
	
}



.voice-pt {
    margin-bottom: 50px;
}
.voice-pt .voice-list {
    max-width: 800px;
    display: table;
    margin: 0 auto;
}
.voice-pt .voice-list dl {
    display: flex;
    margin: 30px 0;
}
.voice-pt .voice-list dl dt {
    width: 160px;
    text-align: center;
}
.voice-pt .voice-list dl dt img {
    margin-bottom: 5px;
}
.voice-pt .voice-list dl dd {
    background-color: #fff;
    width: calc(100% - 190px);
    margin-left: 30px;
    padding: 15px 20px;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
    line-height: 2.4;
    position: relative;
}
.voice-pt .voice-list dl dd:before {
    background-color: #fff;
    content: "";
    height: 18px;
    position: absolute;
    width: 38px;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    left: -32px;
    top: 12%;
}

.voice-pt .voice-list dl dd .voice-txt .ex-txt {
    display: none;
}
.voice-pt .voice-list dl dd .voice-txt.expanded .ex-txt {
    display: inline;
}
.voice-pt .voice-list dl dd .more-link {
    cursor: pointer;
}
.voice-pt .voice-list dl dd .back-link {
    cursor: pointer;
}

@media screen and (max-width:767px){
    .voice-pt .voice-list dl {
        flex-wrap: wrap;
    }
    .voice-pt .voice-list dl dt {
        width: 100%;
        margin-bottom: 30px;
    }
    .voice-pt .voice-list dl dd {
        width: 100%;
        margin-left: 0;
        padding: 15px 20px;
    }
    .voice-pt .voice-list dl dd:before {
        background-color: #fff;
        content: "";
        height: 30px;
        position: absolute;
        width: 20px;
        clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
        left: 45%;
        top: -24px;
    }
	
	.voice-pt .voice-list .voice-txt {
		font-size: 14px;
		line-height: 1.8em;
	}
    
}

.content_item {
	margin-bottom: 80px;
}
.img_radius {
	border-radius: 20px;
}

.item_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.item_list .item {
	width: 30%;
	text-align: left;
}
.item_list .item a {
	display: block;
	position: relative;
}
.item_list .item a .tag {
    background-color: #f2a585;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    border-radius: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}
.item_list .item figure img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.item_list .item .cname {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
	text-align: left;
}
.item_list .item .desc {
    font-size: 14px;
    margin-bottom: 5px;
	text-align: left;
}
.item_list .item dl {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.item_list .item dl dt {
    margin-right: 5px;
}
.item_list .item dl dd {
    font-size: 13px;
}
.item_list .item .taglist span {
	display: inline-block;
    /* background-color: #ebeff0; */
    /* padding: 5px 10px; */
    /* border-radius: 30px; */
    font-size: 12px;
    margin: 0 10px 5px 0;
}

.item_list .item .list_number {
    font-size: 12px;
    line-height: 1;
    color: #000;
    background-color: #ebeff0;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.flow {
	margin-top: 80px;
}

.top_img img {
	width: 100%;
}

.item_list.detail_item_list {
	justify-content: flex-start;
	width: 102%;
}
.item_list.detail_item_list .item {
	width: 23%;
	margin-right: 2%;
	margin-bottom: 30px;
}
.detail_item_list .item .rec_point {
    border: 1px solid #f2a585;
    border-radius: 10px;
    padding: 0.5em 0.5em;
    margin-bottom: 0.5em;
}
.detail_item_list .item .rec_point .desc {
    font-size: 13px;
    line-height: 1.7em;
    margin-bottom: 0;
}

@media screen and (max-width:767px){
	
	.img_radius {
		border-radius: 10px;
	}

	.content_item {
		margin-bottom: 40px;
	}
	.item_list {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.item_list .item {
		width: 100%;
		margin-bottom: 30px;
	}
	.item_list .item figure img {
		height: 68vw;
	}
	
	.item_list.detail_item_list {
		width: 100%;
	}
	.item_list.detail_item_list .item {
		width: 100%;
        padding: 0 10px;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.item_list.detail_item_list .item a {
		display: flex;
        flex-wrap: wrap;
	}
	.item_list.detail_item_list .item .item_img {
		position: relative;
		margin-right: 2%;
		width: 33.33%;
	}
	.item_list.detail_item_list .item .item_img figure {}
	.item_list.detail_item_list .item .item_img figure img {
		height: auto;
		width: 100%;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 10px;
	}
    
    .item_list.detail_item_list .item .sp_item_title {
        width: calc(100% - 36%);
    }
    
	.item_list.detail_item_list .item .item_info {
		/*width: 65%;*/
        width: 100%;
	}
	.item_list.detail_item_list .item a .tag {
		padding: 1vw 2vw;
		font-size: 2.5vw;
		display: inline-block;
		position: static;
	}
	.item_list.detail_item_list .item .desc {
		font-size: 3vw;
		line-height: 1.5;
		margin-bottom: 1vw;
	}
    
    .item_list.detail_item_list .item .rec_point {
        border: 1px solid #f2a585;
        border-radius: 10px;
        padding: 5px 5px;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .item_list.detail_item_list .item .rec_point .title {
        color: #f2a585;
        font-size: 3.25vw;
        font-weight: bold;
        text-align: left;
        margin-bottom: 3px;
    }
    
	.item_list.detail_item_list .item dt img {
		width: 4vw;
	}
	.item_list.detail_item_list .item dd {
		font-size: 3vw;
	}
	
	.item_list .item .taglist span {
		font-size: 2.5vw;
		margin: 0 6px 5px 0;
	}
    
    .item_list .item .list_number {
        padding: 1vw 2vw;
        font-size: 2.5vw;
        display: inline-block;
        border-radius: 3px;
        position: static;
    }
}

.rireki_box {
	background-color: #f5f8f9;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.rireki_box .title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
}
.rireki_box .title span {
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}
.rireki_box img {
	cursor: pointer;
}
.rireki_box .title .note_pop {
	position: absolute;
    font-size: 13px;
    background-color: #f2a585;
    color: #fff;
    padding: 5px 6px;
    border-radius: 3px;
    left: 70px;
    top: 10px;
	display: none;
}
.rireki_box .title .form_option {
    font-size: 13px;
    background-color: #f2a585;
    color: #fff;
    padding: 5px 6px;
    border-radius: 3px;
}

.rireki_box .note_icon:hover + .note_pop {
	display: block;
}

.rireki_item_list {
	padding: 20px;
}
.rireki_item_list .rireki_item {
	margin-bottom: 20px;
}
.rireki_item_list .rireki_item dt {
	background-color: #dadedf;
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}
.rireki_item_list .rireki_item dt::after {
	content: "\f107";
    font-family: "FontAwesome";
    font-size: 22px;
    position: absolute;
    right: 15px;
}
.rireki_item_list .rireki_item.act dt::after {
	content: "\f106";
}
.rireki_item_list .rireki_item dd {
	background-color: #fff;
	padding: 20px;
	display: none;
}
.rireki_item_list .rireki_item.act dd {
	display: block;
}
.rireki_item_row {
	display: flex;
	align-items: flex-start;
	margin: 20px 0;
}
.rireki_item_row .rireki_item_title {
	width: 110px;
	padding: 10px 0;
}
.rireki_item_row .rireki_item_title_conf {
    width: 110px;
    padding: 0;
}
.rireki_item_row .rireki_item_dt {
	width: calc(100% - 110px);
}
.rireki_item_row .rireki_item_dt label {
	display: inline-block;
    padding: 8px 25px;
    border: 1px solid #8a8988;
    border-radius: 20px;
    margin: 0 10px 10px 0;
    color: #8a8988;
    cursor: pointer;
}

.rireki_item_row .rireki_item_dt label:has(input[type="radio"]:checked) {
    background-color: #f2a585;
    border: 1px solid #f2a585;
    color: #fff;
}
.rireki_item_row .rireki_item_dt label input {
    display: none;
}
.contact_form .contact_bt_box {
	margin-bottom: 50px;
}
.contact_form .contact_bt_box .title {
    line-height: 1.4em;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #333333;
    position: relative;
	margin-bottom: 15px;
}

@media screen and (max-width:767px){
	.rireki_item_row .rireki_item_title_conf {
		font-size: 14px;
	}
	.rireki_item_row .rireki_item_dt {
		font-size: 14px;
	}
	.rireki_box .note_icon:hover + .note_pop {
		display: none;
	}
	.rireki_box .title.act .note_pop {
		display: block;
	}

	.rireki_box img {
		display: none;
	}

}


.rireki_item_wrap {}
.rireki_item_wrap + .rireki_item_wrap {
    margin-top: 10px;
}
.rireki_item_wrap .title {
    font-size: 14px;
    line-height: 1.6em;
    padding: 5px 10px;
    background: #dadedf;
}
.rireki_item_wrap .inner {
	margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.rireki_item_wrap .inner li {
	width: calc((100% - 5px) / 2);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.rireki_item_wrap .inner li:nth-child(3),
.rireki_item_wrap .inner li:nth-child(4) { width: 100%; }
.rireki_item_wrap .inner li > span {
    font-weight: bold;
    width: 6em;
}
.rireki_item_wrap .inner li > p {
    width: calc(100% - 6em);
}
@media screen and (max-width:767px) {
	.rireki_item_wrap .inner {
		flex-direction: column;
	}
	.rireki_item_wrap .inner li {
		width: 100%;
	}
	
}



.tran_kind {
	display: flex;
	flex-wrap: 	wrap;
	width: 103%;
}
.tran_kind li {
	width: 31%;
    margin: 0 2% 20px 0;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}

.tran_kind li a {
	display: block;
	position: relative;
}
.tran_kind li a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
}

.tran_kind_detail {
	padding: 20px;
}

.tran_kind_detail .tran_kind_desc {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 30px;
	text-align: left;
}
.tran_kind_detail .tran_kind_list {
	background-color: #f4f8f9;
	padding: 20px 30px;
	border-radius: 10px;
}
.tran_kind_detail .tran_kind_list .title {
	font-size: 20px;
	font-weight: bold;
	color: #565656;
	margin-bottom: 10px;
}
.tran_kind_detail .tran_kind_list ol {
	list-style: disc;
    text-align: left;
	font-size: 14px;
	color: #565656;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tran_kind_detail .tran_kind_list ol li {
	width: 49%;
	font-size: 14px;
}


@media screen and (max-width:767px){

	.tran_kind {
		width: 100%;
		justify-content: space-between;
	}
	.tran_kind li {
		width: 48%;
		margin: 0 0 20px 0;
		padding: 2vw 4vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.tran_kind li a {
		width: 100%;
		font-size: 3.3vw;
	}
		
	.tran_kind li a::after {
		content: '';
		width: 1.5vw;
		height: 1.5vw;
		border: 0px;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: -2vw;
		margin-top: -6px;
	}

	.modal_head {
		font-size: 4.5vw;
	}
	.tran_kind_detail {
		padding: 0px;
	}
	.tran_kind_detail .tran_kind_desc {
		font-size: 3vw;
		margin-bottom: 20px;
	}
	.tran_kind_detail .tran_kind_list {
		padding: 2vw 3vw;
	}
	.tran_kind_detail .tran_kind_list .title {
		font-size: 4vw;
	}
	.tran_kind_detail .tran_kind_list ol li {
		font-size: 3vw;
		min-width: 49%;
		width: auto;
	}

}






.inter_kind {
	display: flex;
	flex-wrap: 	wrap;
	width: 103%;
}
.inter_kind li {
	width: 31%;
    margin: 0 2% 20px 0;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}

.inter_kind li a {
	display: block;
	position: relative;
}
.inter_kind li a::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
}
.inter_kind_detail {
	padding: 20px;
}
.inter_kind_detail .inter_kind_desc {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 30px;
	text-align: left;
}
.inter_kind_detail .inter_kind_list {
	background-color: #f4f8f9;
	padding: 20px 30px;
	border-radius: 10px;
}
.inter_kind_detail .inter_kind_list .title {
	font-size: 20px;
	font-weight: bold;
	color: #565656;
	margin-bottom: 10px;
}
.inter_kind_detail .inter_kind_list ol + .title {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #cecdcd;
}
.inter_kind_detail .inter_kind_list ol {
	list-style: disc;
    text-align: left;
	font-size: 14px;
	color: #565656;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: wrap;
}
.inter_kind_detail .inter_kind_list .achieve_list li {
	width: 48%;
	font-size: 14px;
}
.inter_kind_detail .inter_kind_list .achieve_list.col3 li {
	width: 30%;
}
.inter_kind_detail .inter_kind_list .achieve_list li.w_100 {
    width: 100%;
}
@media screen and (max-width:767px){

	.inter_kind {
		width: 100%;
		justify-content: space-between;
	}
	.inter_kind li {
		width: 48%;
		margin: 0 0 20px 0;
		padding: 2vw 4vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.inter_kind li a {
		width: 100%;
		font-size: 3.3vw;
	}
	.inter_kind li a::after {
		content: '';
		width: 1.5vw;
		height: 1.5vw;
		border: 0px;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: -2vw;
		margin-top: -6px;
	}

	.inter_kind_detail {
		padding: 0px;
	}
	.inter_kind_detail .inter_kind_desc {
		font-size: 3vw;
		margin-bottom: 20px;
	}
	.inter_kind_detail .inter_kind_list {
		padding: 2vw 3vw;
	}
	.inter_kind_detail .inter_kind_list .title {
		font-size: 4vw;
	}
	.inter_kind_detail .inter_kind_list .achieve_list {
        margin-left: 1em;
    }
    .inter_kind_detail .inter_kind_list .achieve_list li {
        font-size: 3vw;
        min-width: 49%;
        width: auto;
    }
	.inter_kind_detail .inter_kind_list ol li {
		font-size: 3vw;
		min-width: 49%;
		width: auto;
	}
	
	

}

@media screen and (min-width:767px) {
	.achieve_list_sp { display: none; }
}
@media screen and (max-width:767px) {
	.achieve_list_pc { display: none; }
	
	.sp_w100 { width: 100%!important; }
	
}













.tbl_title {
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.ol_inside {
	list-style: none;
}
.ol_inside li {
	width: 100%;
	padding-left: 30px;
	position: relative;
	margin: 5px 0;
	line-height: 2;
}
.ol_inside li::before {
	content: "";
    background: url(../images/i_chk_pre.png) no-repeat;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 5px;
}

.p_inside {
	width: 100%;
	padding-left: 30px;
	position: relative;
	margin: 5px 0;
	line-height: 2;
}
.p_inside::before {
	content: "";
    background: url(../images/i_chk_pre.png) no-repeat;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 5px;
}

.fcontact {

}
.fix_contact {
	display: none;
}
@media screen and (max-width:767px){

	.ol_inside li::before {
		top: 3px;
	}
	.p_inside::before {
		top: 3px;
	}

	.fcontact {
		margin-bottom: 18vw;
	}
	.fix_contact {
		background-color: #fff;
		padding: 2vw 2vw 3vw 2vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	.fix_contact a {
		width: 32%;
		height: 12vw;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fix_contact2 a {
		width: 49%;
	}
	.fix_contact .fix_tel {
		border-radius: 5px;
		border: 1px solid #cfcfcf;
		box-shadow: 0px 1vw 0px 0px #cfcfcf94;
	}
	.fix_contact .fix_tel img {
		width: 4vw;
		margin-right: 1vw;
	}
	.fix_contact .fix_tel span {
		font-size: 2.8vw;
		font-weight: bold;
	}

	.fix_contact .fix_cont {
		color: #156082;
		border-radius: 5px;
		border: 1px solid #156082;
		box-shadow: 0 1vw 0px 0px #156082;
		position: relative;
		font-size: 3vw;
		font-weight: bold;
	}
	.fix_contact .fix_cont::after {
		content: '';
		width: 1.5vw;
		height: 1.5vw;
		border: 0px;
		border-top: solid 1px #156082;
		border-right: solid 1px #156082;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: calc(50% - 1vw);
		right: 2vw;
	}
	
	.fix_contact .fix_user {
		color: #f2a585;
		border-radius: 5px;
		border: 1px solid #f2a585;
		box-shadow: 0 1vw 0px 0px #f2a585;
		position: relative;
		font-size: 3vw;
		font-weight: bold;
	}
	.fix_contact .fix_user::after {
		content: '';
		width: 1.5vw;
		height: 1.5vw;
		border: 0px;
		border-top: solid 1px #f2a585;
		border-right: solid 1px #f2a585;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: calc(50% - 1vw);
		right: 2vw;
	}
}

.tlink {
	position: relative;
	padding-right: 22px;
}
.tlink::after {
	content: "";
    background: url(../images/i_link_r.svg) no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    background-size: contain;
    right: 3px;
    top: 2px;
}



/* job-top.html > 職業紹介の仕組み */
.structure_pt {}
.structure_pt .structure_desc {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 50px;
}
@media screen and (max-width:767px) {
	.structure_pt .structure_desc {
		text-align: left;
        font-size: 3.5vw;
        margin-bottom: 30px;
    }
	.structure_pt .charm-pt ul li .desc {
        font-size: 3.5vw;
        width: 100%;
    }
	
}



.ellipsis_1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.ellipsis_2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.ellipsis_3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (max-width:767px) {
	.sp_ellipsis_1 {
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 1;
	  overflow: hidden;
	}
	.sp_ellipsis_2 {
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  overflow: hidden;
	}
	.sp_ellipsis_3 {
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 3;
	  overflow: hidden;
	}
	
}



/* お気に入りボタンのcss */
.kyujin_btn_wrap {
    display: flex;
    justify-content: space-between;
}
.item_dt .kyujin_btn_wrap .btn_detail {
    display: inline-block;
    margin: 0 0;
}
.item_dt .kyujin_btn_wrap .btn_detail,
.item_dt .kyujin_btn_wrap .btn_kentou {
    /*width: 48%;
    text-align: center;
    padding: 10px 1.5em;*/
	width: 100%;
    text-align: center;
    margin: 0 auto;
}
.item_dt .kyujin_btn_wrap .btn_kentou {
    background-color: #fff;
    color: #f2a585;
    border: 1px solid #f2a585;
}
.item_dt .kyujin_btn_wrap .btn_kentou.off {
    background: #ebeff0;
    color: #333;
    border: 1px solid #ebeff0;
	pointer-events: none;
}
.kyujin_btn_wrap.sp { display: none; }

@media screen and (max-width:767px) {
	.kyujin_btn_wrap.pc { display: none; }
	
	.kyujin_btn_wrap.sp { 
		display: flex;
    	justify-content: space-between;
	}
	.item_dt .kyujin_btn_wrap .btn_detail {
		width: 70%;
	}
	
}


/* kentou.html */
.kentou_pt {}
.kentou_pt > .item_contact {
    margin-bottom: 20px;
    border-radius: 10px 10px;
}
.kentou_pt > .item_contact .btn_link {
    width: fit-content;
    padding: 20px 2em;
    margin: 0 auto 5px;
}


@media screen and (max-width:767px) {
	
}