@charset "UTF-8";


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

.top_h {
	width: 100%;
	position: relative;
}
.top_h .head_box {
	width: 100%;
	position: relative;
	overflow: hidden;
}



.top .sec01 {
	position: relative;
    padding: 60px 0 0;
}
.box_topai {
    width: 85%;
	margin: auto;
	max-width: 600px;
}
.box_topai .text {
	position: relative;
	margin-bottom: 100px;
	padding: 20px;
	background-color: #e8f1e2;
}
.topai_h2 {
	padding: 10px 0 30px 10px;
	font-size: clamp( 24px, 4vw, 30px );
	background-image: url("../image/cut01.svg"), url("../image/line01.svg");
	background-position: left top, left bottom;
    background-size: 18px auto, 300px auto;
}
.tex_topai {
	line-height: 2em;
	text-align: left;
	padding: 40px 0px;
}
.topai_cut {
	position: absolute;
	right: 10px;
	bottom: -80px;
	width: 180px;
}
.topai_p {
	margin-top: 15px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.box_topai .text {
		padding: 25px 25px 40px;
	}
	.topai_cut {
		width: 220px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec01 {
		padding: 100px 0 0;
	}
	.box_topai {
		position: relative;
		width: 100%;
		max-width: 1920px;
		padding-bottom: 100px;
	}
	.box_topai .img {
		position: absolute;
		left: 0;
		top: 50px;
		width: 50%;
		max-width: 929px;
	}
	.box_topai .text {
		width: 90%;
		max-width: 1360px;
		margin: 0 auto;
		padding: 80px 50px 100px 50%;
	}
	.topai_h2 {
	padding: 10px 0 50px 20px;
	font-size: clamp( 30px, 3.2vw, 40px );
    background-size: 30px auto, 400px auto;
	}
	.tex_topai {
		padding: 60px 0;
	}
	.topai_cut {
		width: 250px;
	}
}
@media screen and (min-width: 1280px){
	.box_topai .text {
		padding: 100px 80px 150px 50%;
	}
}
@media screen and (min-width: 1440px){
	.box_topai {
		padding-bottom: 200px;
	}
}
@media screen and (min-width: 1600px){
	.box_topai .text {
		padding: 170px 80px 250px 820px;
	}
	.tex_topai {
		line-height: 2.8;
	}
	.topai_cut {
		width: 360px;
	}
}


.top .sec02 {
	padding: 100px 0 0;
}
.ap01 {
	width: 85%;
	margin: 0 auto 60px;
	max-width: 600px;
	text-align: center;
}
.point {
	width: 120px;
	margin: 0 auto 20px;
}
.ap_h2 {
	padding-bottom: 30px;
	font-size: clamp( 24px, 4vw, 30px );
}
.ap01 .ap_h2 {
	background-image: url("../image/line03.svg");
	background-position: center bottom;
    background-size: 300px auto;
}
.tex_ap {
	padding: 40px 0;
	text-align: left;
}
.ap_link {
	margin-bottom: 30px;
}
.ap02 {
	background-color: #e8f1e2;
	text-align: center;
}
.ap02_box {
	width: 85%;
	margin: 0 auto;
	padding: 60px 0 30px;
	text-align: center;
}
.ap02 .ap_h2 {
	background-image: url("../image/line01.svg");
	background-position: center bottom;
    background-size: 300px auto;
}
.ap02 .tex_ap {
	max-width: 44em;
	margin: auto;
}
.ap02 .box1 {
	margin-bottom: 30px;
	padding-bottom: 15px;
	background-color: #fff;
}
.ap02 .box1 h3 {
	padding: 15px 10px 10px;
}
.ap02 .box1 h3 span {
	font-size: 14px;
	margin-right: 5px;
}
.ap02 .box1 a {
	color: #000;
	font-size: 18px;
	font-family: "Helvetica Neue",
	Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
	font-weight: bold;
}
.ap02 .box1 a img {
	width: 16px;
	margin: 0 0 3px 10px;
}
.ap02 .box1 a:hover {
	color: #696aac;
}
.jikan img {
	width: 18px;
	margin: 0 10px 3px 0;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.top .sec02 {
		padding: 150px 0 0;
	}
	.point {
		margin: 0 auto 30px;
	}
	.ap_link {
		margin-bottom: 50px;
	}
	.ap02_box {
		padding: 100px 0 30px;
	}
	.ap02 .img {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.ap02 .box1 {
		width: 48%;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.ap_h2 {
	padding-bottom: 30px;
	font-size: clamp( 30px, 3vw, 38px );
	}
	.ap_link {
		margin-bottom: 0;
	}
	.ap01 {
		width: 100%;
		max-width: 1920px;
	}
	.ap01 .text {
		width: 43%;
		padding-left: 7.5%;
		text-align: left;
	}
	.ap01 .point {
		width: 180px;
		margin: 0 0 50px;
	}
	.ap01 .ap_h2 {
		background-position: left bottom;
		background-size: 469px auto;
	}
	.ap01 .img {
		width: 50%;
	}
	.ap02_box {
		padding: 100px 0 60px;
		background-image: url("../image/cut03.svg"), url("../image/cut04.svg");
	background-position: left top 100px, right top 100px;
    background-size: 70px auto, 110px auto;
	}
	.ap02 .point {
		width: 180px;
		margin: 0 auto 50px;
	}
	.ap02 .ap_h2 {
		background-size: 469px auto;
	}
}
@media screen and (min-width: 1280px){
	.top .sec02 {
		padding: 200px 0 0;
	}
	.ap_h2 {
	padding-bottom: 50px;
	}
	.tex_ap {
		padding: 60px 0;
	}
	.ap01 {
		margin: 0 auto 100px;
	}
	.ap01 .text {
		display: grid;
		place-content: center;
	}
	.ap02_box {
    background-size: 90px auto, 140px auto;
	}
}
@media screen and (min-width: 1440px){
	.ap02 .box1 {
		width: 32%;
	}
}
@media screen and (min-width: 1600px){
	.ap02 .box1 {
		width: 32%;
	}
	.ap01 .text {
		padding-left: calc( ( 100% - 1360px ) / 2);
	}
	.ap02_box {
    background-size: 120px auto, 210px auto;
	}
	.ap02 .box1 a {
		font-size: 22px;
	}
}





.top .sec03 {
	padding: 60px 0;
	background-image: url("../image/bg_mori.jpg");
	background-position: center center;
	background-size: 1100px auto;
}
.box_info {
	width: 85%;
	margin: auto;
	max-width: 600px;
	padding: 20px;
	background-color: #4a975d;
	color: #fff;
}
.box_info p {
	max-width: 30em;
	margin: auto;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.top .sec03 {
		padding: 80px 0;
	}
	.box_info {
		padding: 40px;
		background-image: url("../image/cut01.svg"), url("../image/cut_ki02.svg");
	background-position: left 30px top 30px, right 15px bottom 15px;
    background-size: 20px auto, 60px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec03 {
		background-size: 1920px auto;
	}
	.box_info {
		max-width: 700px;
		padding: 50px 80px;
		background-position: left 50px top 30px, right 15px bottom 15px;
    background-size: 30px auto, 60px auto;
	}
	.box_info p {
		font-size: 18px;
	}
}
@media screen and (min-width: 1600px){
	.top .sec03 {
		padding: 100px 0;
	}
	.box_info {
		max-width: 1000px;
		padding: 80px 80px;
		background-position: left 160px top 50px, right 30px bottom 30px;
    background-size: 40px auto, 80px auto;
	}
	.box_info p {
		font-size: 20px;
		line-height: 2.2;
	}
}


.top .sec04 {
	padding: 60px 0;
}
.box_fbplan {
	width: 85%;
	margin: auto;
	max-width: 500px;
}
.top_plan {
	position: relative;
	display: block;
	margin-top: 30px;
	padding: 40px;
	background-color: #a6cb91;
	box-shadow: 0px 0px 5px 0px rgba(42, 49, 54, 0.35);
}
.top_plan img {
	border-radius: 60px 0 60px 0;
}
.topplan_tit {
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 60px 65px 20px;
    color: #000;
    background-image: url(../image/bg_en.svg);
    background-position: left top;
    background-size: 150px auto;
    font-family: "Stick", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
}
.top_plan p {
	position: absolute;
	right: 15px;
	bottom: 15px;
	padding: 3px 25px 3px 15px;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	font-size: 14px;
}
.top_plan p::after{
    content: '';
	position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    transition: all .3s;
}
@media screen and (min-width: 490px){
	.top_plan {
		padding: 63px;
	}
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.box_fbplan {
		max-width: 1060px;
		display: flex;
		justify-content: space-between;
	}
	.facebook-wrapper, .topplan_box {
		width: 48%;
		max-width: 500px;
	}
	.top_plan {
		margin-top: 0;
		padding: 40px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.top .sec04 {
		padding: 100px 0;
	}
	.top_plan {
		padding: 63px;
	}
}
@media screen and (min-width: 1280px){
	.top_plan img {
		border-radius: 90px 0 90px 0;
	}
	.topplan_tit {
    padding: 50px 60px 65px 20px;
    background-size: 180px auto;
    font-size: 43px;
	}
	.top_plan p {
		right: 30px;
		bottom: 30px;
		padding: 5px 25px 5px 15px;
		font-size: 18px;
	}
}
@media screen and (min-width: 1600px){
	.top .sec04 {
		background-image: url("../image/cut_ki03.svg"), url("../image/cut_ki04.svg");
	background-position: left -30px bottom 100px, right -30px bottom 100px;
    background-size: 240px auto, 240px auto;
	}
}







/*------------------------------お料理ページ------------------------------*/
.ryo_head {
	background-image: url("../image/ryo_head2.jpg");
	background-position: center center;
}
.ryo_head .kaso_h2 span {
	padding: 4px 50px 10px;
	background-image: url("../image/ribon01.svg");
    background-position: center top;
    background-size: auto 30px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo_head {
		background-image: url(../image/ryo_head.jpg);
	}
}


.ryo .sec01 {
    position: relative;
    padding: 90px 0 60px;
}
.box_ryoai h3 {
	text-align: center;
}
.box_ryoai .img {
	text-align: center;
}
.ryoai_cut {
	position: absolute;
	top: -40px;
	right: 50px;
	z-index: 5;
	width: 180px;
}

/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo .sec01 {
		padding: 120px 0 80px;
	}
	.ryoai_cut {
		width: 230px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.box_ryoai p {
		max-width: 900px;
		margin: auto;
	}
}
@media screen and (min-width: 1280px){
	.ryoai_cut {
		top: -60px;
		right: 80px;
		width: 280px;
	}
}
@media screen and (min-width: 1600px){
	
}



.ryo .sec02 {
	padding: 60px 0;
	background-color: #e8f1e2;
}
.yu_box1 h3 {
	text-align: center;
}
.yu_chu {
	padding: 30px 0;
}
.yu_menu {
	padding: 15px;
	background-color: #fff;
}
.yu_menu li {
	margin: 5px 0;
}
.yu_box1 .img {
	padding: 30px 0 0;
}
.yu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 15px 0 0;
	background-image: url("../image/cut_ki03.svg");
    background-position: right bottom;
    background-size: 140px auto;
}
.yu_list li {
	width: 32.5%;
	margin-bottom: 1.25vw;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo .sec02 {
		padding: 100px 0;
	}
	.yu_menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 20px;
	}
	.yu_menu li {
		width: 48%;
	}
	.yu_list {
		background-size: 200px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.yu_box1 .text {
		width: 43%;
	}
	.yu_box1 .img {
		width: 50%;
		padding: 0;
	}
	.yu_box1 h3 {
		text-align: left;
	}
	.yu_menu li {
		font-size: 14px;
	}
	.yu_list {
		padding: 30px 0 0;
		background-image: none;
	}
	.yu_list li {
		width: 19.5%;
		margin-bottom: 0.625vw;
	}
}
@media screen and (min-width: 1600px){
	.yu_menu {
		padding: 20px 40px;
	}
	.yu_menu li {
		margin: 10px 0;
	}
}



.ryo .sec03 {
	padding: 60px 0;
}
.box_soba h3 {
	text-align: center;
}
.soba_p1{
	margin-bottom: 20px;
}
.box_soba .img .box2 {
	display: flex;
	justify-content: space-between;
}
.soba_p2 {
	width: 32.5%;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo .sec03 {
		padding: 100px 0;
	}
	.box_soba .img .box1 {
		display: flex;
		justify-content: space-between;
	}
	.soba_p1 {
		width: 49%;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.box_soba p {
		max-width: 63em;
		margin: auto;
	}
}


.ryo .sec04 {
	padding: 60px 0;
	background-color: #e8f1e2;
}
.box_cho {
	padding-bottom: 60px;
}
.cho_box1 h3 {
	text-align: center;
}
.cho_chu {
	padding: 0 0 30px;
}
.cho_box1 .img {
	padding: 30px 0 0;
}
.cho_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 15px 0 0;
	background-image: url("../image/cut_ki03.svg");
    background-position: right bottom;
    background-size: 140px auto;
}
.cho_list li {
	width: 32.5%;
	margin-bottom: 1.25vw;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.ryo .sec04 {
		padding: 100px 0;
	}
	.box_cho {
		padding-bottom: 100px;
	}
	.cho_list {
		background-size: 200px auto;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.cho_box1 .text {
		width: 43%;
	}
	.cho_box1 .img {
		width: 50%;
		padding: 0;
	}
	.cho_box1 h3 {
		text-align: left;
	}
	.cho_list {
		padding: 30px 0 0;
		background-image: url("../image/cut06.svg");
    background-position: right bottom;
    background-size: 140px auto;
	}
	.cho_list li {
		width: 19.5%;
		margin-bottom: 0.625vw;
	}
}
@media screen and (min-width: 1280px){
	.cho_box1 .text {
		background-image: url("../image/cut_ki03.svg");
    background-position: right bottom 20px;
    background-size: 180px auto;
	}
	.cho_list {
    background-size: 180px auto;
	}
}




/*------------------------------客室・館内ページ------------------------------*/
.kan_head {
	background-image: url("../image/kan_head2.jpg");
	background-position: center center;
}
.kan_head .kaso_h2 span {
	padding: 4px 50px 10px;
	background-image: url("../image/ribon02.svg");
    background-position: center top;
    background-size: auto 30px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan_head {
		background-image: url(../image/kan_head.jpg);
	}
}


.kan .sec01 {
    position: relative;
    padding: 90px 0 60px;
}
.box_kanai h3 {
	text-align: center;
}
.kanai_cut {
	position: absolute;
	top: -40px;
	right: 50px;
	z-index: 5;
	width: 180px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan .sec01 {
		padding: 120px 0 80px;
	}
	.kanai_cut {
		width: 230px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.box_kanai p {
		max-width: 45em;
		margin: auto;
	}
}
@media screen and (min-width: 1280px){
	.kanai_cut {
		top: -80px;
		right: 80px;
		width: 280px;
	}
}


.kan .sec02 {
	padding: 60px 0;
	background-color: #e8f1e2;
}
.room_box {
	padding-bottom: 60px;
	text-align: center;
}
.ninzu {
	display: inline-block;
	margin-top: 20px;
	padding: 5px 15px;
	color: #fff;
	background-color: #4a975d;
}
.gallery{
	margin:0 0 5px 0;
}
.gallery li{
list-style:none;
	position: relative;
}
.choice-btn li{
	cursor: pointer;
	outline: none;
	background:#333;
	width:24.6%!important;
	list-style:none;
	margin: 0.5% 0.5% 0 0;
}
.choice-btn li:nth-child(4n) {
	margin: 0.5% 0 0 0;
}
.choice-btn li img{
	opacity: 0.4;/*選択されていないものは透過40%*/
}
.choice-btn li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}
.choice-btn .slick-track {
	transform: unset !important;/*画面幅サイズ変更に伴うサムネイル固定*/
}
.ameni_box {
	text-align: center;
}
.ameni {
	padding: 20px;
	background-color: #fff;
}
.ameni h4 {
	font-size: 20px;
	color: #4a975d;
}
.ameni ul {
	text-align: left;
}
.ameni1 p {
	max-width: 16em;
	margin: auto;
}
.ameni1 li {
	margin: 8px 0;
}
.ameni2 {
	margin-top: 30px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan .sec02 {
		padding: 100px 0;
	}
	.ameni {
		padding: 30px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.room_box {
		padding-bottom: 100px;
		text-align: left;
	}
	.room_box .text {
		width: 40%;
	}
	.room_box .img {
		width: 55%;
	}
	.room_box1 .text {
		background-image: url("../image/cut_ki03.svg");
	    background-position: left bottom;
		background-size: 300px auto;
	}
	.room_box2 .text {
		background-image: url("../image/cut_ki03.svg");
	    background-position: right bottom;
		background-size: 300px auto;
	}
	.ameni {
		width: 48%;
		padding: 40px;
	}
	.ameni h4 {
		font-size: 24px;
	}
	.ameni2 {
		margin-top: 0;
	}
}
@media screen and (min-width: 1280px){
	
}


.kan .sec03 {
	padding: 60px 0;
}
.kan_box .box1, .kan_box .box2 .text {
	padding-bottom: 60px;
}
.furo_chu {
	padding-bottom: 30px;
}
.chusha h3 img {
	width: 28px;
	margin: 0 0 3px 15px;
}
.kinen h3 img {
	width: 28px;
	margin: 0 0 3px 15px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.kan .sec03 {
		padding: 100px 0;
	}
	.box_kan {
		padding-bottom: 40px;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.kan_box .box1, .kan_box .box2 {
		width: 46%;
	}
	.kan_box1 .box1 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.kan_box .box1, .kan_box .box2 .text {
		padding-bottom: 100px;
	}
}





/*------------------------------料金・アクセスページ------------------------------*/
.pri_head {
	background-image: url("../image/pri_head2.jpg");
	background-position: center center;
}
.pri_head .kaso_h2 span {
	padding: 4px 60px 10px;
	background-image: url("../image/ribon02.svg");
    background-position: center top;
    background-size: auto 30px;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.pri_head {
		background-image: url(../image/pri_head.jpg);
	}
}


.pri .sec01 {
    position: relative;
    padding: 90px 0 60px;
}
.box_ryokin h3 {
	text-align: center;
}
.pri_cut {
	position: absolute;
	top: -60px;
	right: 50px;
	z-index: 5;
	width: 100px;
}
.t-pri01 {
    width: 100%;
	max-width: 600px;
    margin: 30px auto 20px;
    border-collapse: collapse;
    border: 1px solid #a6cb91;
    text-align: left;
}
.t-pri01 th {
	padding: 15px;
	background-color: #e8f1e2;
	border: 1px solid #a6cb91;
}
.t-pri01 td {
	padding: 15px;
	border: 1px solid #a6cb91;
}
.pri_chu {
	max-width: 600px;
	margin: auto;
}
.cancel_box {
	padding: 60px 0 0;
}
.t-can {
    width: 100%;
	max-width: 900px;
    margin: 30px auto 0;
    border-collapse: collapse;
    border: 1px solid #a6cb91;
    text-align: center;
}
.t-can th {
	width: 25%;
	padding: 15px;
	background-color: #e8f1e2;
	border: 1px solid #a6cb91;
}
.t-can td {
	padding: 15px;
	border: 1px solid #a6cb91;
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.pri .sec01 {
		padding: 120px 0 80px;
	}
	.pri_cut {
		top: -110px;
		width: 150px;
	}
	.cancel_box {
		padding: 100px 0 0;
	}
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.pri .sec01 {
		background-image: url("../image/cut_ki03.svg"), url("../image/cut_ki04.svg");
	background-position: 5% 60%, 95% 60%;
    background-size: 200px auto, 200px auto;
	}
	.t-pri01 {
		margin: 50px auto 30px;
	}
	.t-pri01 th, .t-pri01 td {
		padding: 20px 0 20px 30px;
	}
	.t-can {
		margin: 50px auto 0;
	}
	.t-can th, .t-can td {
		padding: 20px;
	}
}
@media screen and (min-width: 1280px){
	.pri_cut {
		top: -150px;
		right: 80px;
		width: 180px;
	}
}
@media screen and (min-width: 1600px){
	.pri .sec01 {
    background-size: 260px auto, 260px auto;
	}
}



.pri .sec02 {
	padding: 60px 0;
	background-color: #e8f1e2;
}
.box_acc h3 {
	text-align: center;
}
.g_map {
	padding: 50px 0;
}
.yado_box {
	padding-bottom: 100px;
	text-align: center;
}
.yadomei {
	width: 180px;
	margin: auto;
	padding-bottom: 20px;
}
.yadojyo p {
	line-height: 2;
}
.keiro_box {
	text-align: center;
}
.keiro_box h4 {
	padding-bottom: 20px;
	font-size: clamp( 22px, 3.2vw, 28px );
	background-image: url("../image/line01.svg");
	background-position: center bottom;
    background-size: 300px auto;
}
.keiro_box h4 img {
	width: 28px;
	margin-right: 10px;
}
.keiro_train_box {
	padding: 60px 0;
}
.keiro_chart {
	width: 85%;
	max-width: 320px;
	margin: auto;
	padding: 30px 0;
}
.wakuari {
	margin: 3px 0 0;
	padding: 10px 0px;
	background-color: #fff;
}
.goal {
	margin: 3px 0 0;
	padding: 10px 0px;
	background-color: #4a975d;
	color: #fff;
}
.wakunashi {
	padding: 5px 0px;
}
.yajirushi {
  display: inline-block;
  vertical-align: middle;
	color: #4a975d;
  line-height: 1;
  position: relative;
  width: 0.1em;
  height: 1em;
	background: currentColor;
}
.yajirushi::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid #4a975d;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -0.05em;
  box-sizing: border-box;
}
@media screen and ( min-width : 500px ){
	.keiro_car, .keiro_train {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.keiro_chart{
		width: 46%;
		margin: 0;
	}
}
/*768px以上　タブレット用*/
@media screen and ( min-width : 768px ){
	.pri .sec02 {
		padding: 100px 0;
}
/*1024px以上　PCサイト用*/
@media screen and (min-width: 1024px){
	.box_acc {
		background-image: url("../image/cut09.svg");
		background-position: right bottom 80px;
		background-size: 150px auto;
	}
	.yado_box {
		max-width: 850px;
		margin: auto;
		align-items: center;
		padding-bottom: 150px;
	}
	.yadomei {
		width: 220px;
		margin: 0;
		padding-bottom: 0;
	}
	.yadojyo {
		text-align: left;
	}
	.yadojyo p {
		padding-bottom: 0;
	}
	.keiro_box {
		max-width: 1050px;
		margin: auto;
	}
	.keiro_box h4 {
		text-align: left;
		background-position: left bottom;
	}
	.keiro_car .keiro_chart {
		width: 32%;
	}
	.keiro_train {
		max-width: 680px;
	}
}
	@media screen and (min-width: 1280px){
	.box_acc {
		background-position: right bottom 80px;
		background-size: 200px auto;
	}
}