/*下層ページのCSS*/

.top_menu{
 width: 100%;
	height:218px;
	background: url(../image/menu_img1.jpg) top center no-repeat;
}



/*header*/

.top_access{

 width: 100%;
	height:218px;
	background: url(../image/access_img1.jpg) top center no-repeat;
	position: relative;
z-index:0;
}

.top_menu{

 width: 100%;
	height:218px;
	background: url(../image/menu_img1.jpg) top center no-repeat;
	position: relative;
z-index:0;
}

.top_flow{

 width: 100%;
	height:218px;
	background: url(../image/flow_img01.png) top center no-repeat;
	position: relative;
z-index:0;
}

.top_privacy{
background:#C2B6AA;
}

.top_contact{

 width: 100%;
	height:218px;
	background: url(../image/contact_img1.png) top center no-repeat;
	position: relative;
z-index:0;
}


.top_contact2{
 width: 100%;
	height:218px;
	background: url(../image/contact_img2.png) top center no-repeat;
	position: relative;
z-index:0;
text-align: center;
}


.top_about{
 width: 100%;
	height:218px;
	background: url(../image/about_img1.jpg) top center no-repeat;
	position: relative;
z-index:0;
text-align: center;
}

/*contens*/



.kaso-content{

		width: 88%;
		max-width: 1037px;
		margin:0 auto;
}


.about_contens1{

		width: 88%;
		max-width: 1223px;
		margin:0 auto;
		margin-top: 50px;
}



.menu_contens1{

		width: 88%;
		max-width: 1037px;
		margin:0 auto;
		margin-top: 50px;
}

.menu_bnr {
margin:0 auto;
display: block;
width: 80%;
max-width: 786px;
padding-bottom: 30px;
}



.flow_contens1{

		width: 88%;
		max-width: 1037px;
		margin:0 auto;
		margin-top: 100px;
}

.access_contens1{
		width: 88%;
		max-width: 1037px;
		margin:0 auto;
}

.contact_contens1{
		width: 88%;
		margin:0 auto;
		max-width: 720px;
		margin-bottom:100px;
		margin-top: 50px;
}

.privacy_contens1{
		width: 88%;
		max-width: 1037px;
		margin:0 auto;
		margin-top: 100px;
	margin-bottom: 100px;
}



/*block*/

.flow_contens1__block{
width: 100%;
margin-bottom: 80px;
border: 1px solid #707070;
}

.flow_contens1__block-block{
width: 90%;
margin:60px auto;

}


.flow_contens1__block-block-block{
margin-bottom: 30px;
}

.menu_contens1__block-block{
display: block;
justify-content: space-between;
width: 100%;
margin-bottom: 20px;
}

.menu_contens1__item1{
width: 100%;
}

.menu_contens1__item2{
width: 100%;
}

.menu_contens1__block{
margin-bottom: 100px;
}


.kasoabout__block{
margin-bottom: 100px;
}

.kasoabout__block2{
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}

.swiper_block{
background-color: #F8F1EA;
 width: 100vw;
 margin: 0 calc(50% - 50vw);
}



/*item*/

.access_item1
{
margin-top:80px;
margin-bottom: 50px;
}
.access_map_item1
{
margin-top: 30px;
margin-bottom: 100px;
}
.access_map_item2
{
margin-top: 30px;
margin-bottom: 100px;
}

.menu_bnr_item1{
margin-top: 35px;
}

.kasoabout__block-item1{
position: relative;
width: 100%;
max-width: 689px;
margin: 0 auto;
}

.kasoabout__item1{
width: 430px;
}


.kasoabout__item2{
width: 576px;
}


/*other*/



.kaso_top__line{
	position: relative;
border-left:1px solid #000000; /*線の設定*/
height: 116px;
margin: 0 auto;
background-color: aqua;
width:1px;
z-index: 2;
margin-top: -30px;
}


.kaso_top__line2{
	position: relative;
border-left:dotted 5px #000000; /*線の設定*/
height: 116px;
margin: 0 auto;
width:1px;
z-index: 2;
margin-bottom: 50px;
}

.kaso_top__line3{
	position: relative;
border-left:1px solid #000000; /*線の設定*/
height: 116px;
margin: 0 auto;
background-color: aqua;
width:1px;
z-index: 2;
margin-top: -80px;
}

.swiper-container{
padding:80px 0px;
}


/*h*/
.kaso_top__p	{
	color: #fff;
text-align: center;
	font-size: 10vw;
	line-height:218px;
	letter-spacing: 0.5vw;
	font-weight: 400;
	font-family: Georgia, "Roboto Slab", serif;
	}




/*p*/

.flow_p1{
font-size: 25px;
}

.flow_p2{
font-size: 34px;
}

.access_p1{
text-align: center;
font-size: 1.5625rem;
line-height: 1.8em;
}

.line_h2,
.line_h2--right{
  display: flex;
  align-items: center;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
/* 両側センターライン */
.line_h2::before,
.line_h2::after {
  content: "";
  height: 1px;
  border-top: 1.5px dotted #000;
  flex-grow: 1;
}
/* 余白 */
.line_h2::before{
  margin-right: 30px;
}
.line_h2::after{
  margin-left: 30px;
}
.menu_p01{
font-size: 0.9375rem;
text-align: center;}

.menu_p02{
 font-size:1.5625rem;
	line-height: 2em;
}

.kasoabout_p02{
 font-size:1.5625rem;
	line-height: 2em;
	display: block;
}


.kasoabout__p03{
 font-size:4.3125rem;
	color: #fff;
	font-family: Georgia, "Roboto Slab", serif;
	position: absolute;
}


.kasoabout_line01 {
width: 65px;
height: 1px;
background: #ccc;
margin-bottom: 27px;
}




/*ttl*/

.kasoabout_ttl01{
		text-align: center;
		font-size: 2.5rem;
		margin-top: 0px;
		font-family: Georgia, "Roboto Slab", serif;
	display: block;
	margin-bottom: 50px;
}

.ttl-kaso01{
		display:block;
		margin-bottom:50px;
		font-family: Georgia, "Roboto Slab", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-size: 2.5rem;
		letter-spacing: 4px;
		border-bottom: #AEA8A8 1px solid;
		margin-top: 50px;
		padding-bottom: 30px;
}

/*p*/

.privacy_p01{
display: block;
margin-bottom: 20px;
}

.contact_p01{
 font-size:1.5625rem;
	line-height: 2em;
	display: block;
 margin-top: 30px;
}

.contact_p02{
 font-size:1.3rem;
	line-height: 2em;
	text-align: center;
	display: block;
	margin-top: 80px;
}

.contact_p03{
 font-size:0.75rem;
	line-height: 2em;
	text-align: center;
}


.contact_p04{
 font-size:1.25rem;
	line-height: 2em;
}

.contact_p05{
 font-size:1.25rem;
	line-height: 2em;
}

.contact_p06{
 font-size:1.6875rem;
	line-height: 2em;
}

/*span*/

.menu_s01{
 font-size:1.25rem;
}

.menu_s02{
 font-size:2.1875rem;
}

/*img*/
img.menu_bnr__img {
	margin-bottom:10px;
}

.kaso_about-img1{
	max-width: 519px;
}

	.kasoabout__p-block1-img1{
		position: relative;
	width: 25px;
	left: 0;
		}



	.kasoabout__p-block1-img2{
	position:absolute;
	width: 25px;
	right: 0;
		}

/* -------------------------------- */


@media screen and (min-width:480px) { 
					/*　画面サイズが480px以上からはここを読み込む　*/
.sp{ display:none;}
.pc{ display:block;}

.menu_bnr {
padding-bottom: 100px;
padding-top:100px;
}


.menu_bnr_item1 {
margin-top: 35px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}

.menu_bnr_item1bnr {
						margin:0 auto;
						display: flex;
						justify-content: space-between;
						width: 80%;
								}

.menu_contens1__block-block{
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 20px;
}


.menu_contens1__item1 {
    width: 30%;
}

.menu_bnr_item1 img
 {
    width: 100%;
}

.flow_contens1__block-block-block{
display: flex;
justify-content: space-between;
}


.kaso_top__p	{
font-size: 2.8vw;
	}


.access_item1
{
margin-top: 126px;
margin-bottom: 70px;
}

.menu_contens1__item2{
width: 68%;
}




/*img*/

.menu_bnr__img{
 width:48%;
	max-width: 383px;
}

img.menu_bnr__img {
    margin-bottom: 0px;
}


/*p*/

.contact_p01{

 margin-top: 0px;
}

.contact_p02{
 font-size:1.5625rem;

}

}