@charset "UTF-8";
/* CSS Document */
/*--wapper--*/
.content_wapper{
}
.content_wapper .mainV{
    width:100%;
	height:80vh;
	max-height:600px;
    margin:auto;
	background:url("https://www.kinoshita-koumuten.co.jp/img/home/lineup/graciyas/graciyas_main_bg.webp")no-repeat center / cover;
	position:relative;
}


.content_wapper .ep{
    width:100%;
    max-width:1400px;
	margin:auto;
	padding:100px 0;
}
.content_wapper .ep dl{
    width:100%;
    box-sizing:border-box;
	margin:0 auto 70px;
	display:flex;
	justify-content:space-between;
}
.content_wapper .ep dl dd{
	width:48%;
	padding:0 50px;
}
.content_wapper .ep dl dd:nth-child(1){
	padding:0 0 0 50px;
}
.content_wapper .ep dl dd:nth-child(1) img{
	width:80%;
	max-width:400px;
}
.content_wapper .ep dl dd:nth-child(2){
	padding:0 50px;
}
.content_wapper .ep dl dd h2{
	font-size:130%;
	margin-bottom:20px
}
.content_wapper .ep dl dd h4{
    font-size:1.1rem;
    line-height:1.5em;
	margin-bottom:0.5em;
}
.content_wapper .ep dl p{
}

.content_wapper .detail01{
	width:90%;
	max-width:1400px;
	margin:0 auto 100px;
}
.content_wapper .detail01 h6{
    font-family: 'Barlow', sans-serif;
    font-weight:100;
    font-size:50px;
    margin-bottom:10px
}
.content_wapper .detail01 h2{
	font-size:150%;
	margin-bottom:50px;
}
.content_wapper .detail01 .sub_main{
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
}
.content_wapper .detail01 .sub_main dd{
	width:55%;
	display:flex;
	align-items:center;
}
.content_wapper .detail01 .sub_main dd h2{
	font-size:180%;
}
.content_wapper .detail01 .sub_main dt{
	width:40%;
	overflow:hidden;
}
.content_wapper .detail01 .sub_main dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.content_wapper .detail01 ul{
	margin-bottom:70px;
}
.content_wapper .detail01 ul h3{
	font-size:1.3rem;
	position: relative;
	padding: 1em 2em;
	display:inline-block;
	margin-bottom:40px;
}

.content_wapper .detail01 ul h3:before,
.content_wapper .detail01 ul h3:after {
  position: absolute;
  content: '';
}

.content_wapper .detail01 ul h3:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.content_wapper .detail01 ul h3:before {
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.content_wapper .detail01 ul.sec01 li{
	display:flex;
	justify-content:space-between;
}
.content_wapper .detail01 ul.sec01 li dl{
	width:48%;
}
.content_wapper .detail01 ul.sec01 li dl dt{
	width:100%;
	overflow:hidden;
}
.content_wapper .detail01 ul.sec01 li dl dt img{
	width:100%;
	object-fit:cover;
}
.content_wapper .detail01 ul.sec01 li dl dd{
}
.content_wapper .detail01 ul.sec01 li dl dd h4{
	font-size:1.2rem;
	margin:0 0 0.5em 0;
}
.content_wapper .detail01 ul.sec02 dl{
	margin-bottom:40px;
	
}
.content_wapper .detail01 ul.sec02 h4{
	font-size:1.1rem;
	margin:0 0 0.5em 0;
	border-bottom:1px dotted #ccc;
}

.content_wapper .detail02{
	width:90%;
	max-width:1400px;
	margin:0 auto 100px;
}
.content_wapper .detail02 .sub_main h6{
    font-family: 'Barlow', sans-serif;
    font-weight:100;
    font-size:50px;
    margin-bottom:10px
}
.content_wapper .detail02 .sub_main h2{
	font-size:150%;
	margin-bottom:50px;
}
.content_wapper .detail02 .sub_main{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.content_wapper .detail02 .sub_main dd{
	width:55%;
	display:flex;
	align-items:center;
}
.content_wapper .detail02 .sub_main dd h2{
	font-size:180%;
}
.content_wapper .detail02 .sub_main dt{
	width:40%;
	overflow:hidden;
}
.content_wapper .detail02 .sub_main dt img{
	width:100%;
	object-fit:cover;
}
.content_wapper .detail02 ol{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.content_wapper .detail02 ul.sec_other{
	margin-bottom:50px;
	width:45%;
	margin-bottom:80px;
}
.content_wapper .detail02 ul h3{
	font-size:1.3rem;
	position: relative;
	padding: 1em 2em;
	display:inline-block;
	margin-bottom:40px;
}
.content_wapper .detail02 ul.sec_other h3{
	margin:0 auto 40px;
	text-align:center;
	display:block;
}

.content_wapper .detail02 ul h3:before,
.content_wapper .detail02 ul h3:after {
  position: absolute;
  content: '';
}

.content_wapper .detail02 ul h3:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.content_wapper .detail02 ul h3:before {
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.content_wapper .detail02 ul.sec01{
	margin-bottom:50px;
}
.content_wapper .detail02 ul.sec01 dl{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.content_wapper .detail02 ul.sec01 dl dd{
	width:50%;
}
.content_wapper .detail02 ul.sec01 dl dd p{
	margin-bottom:20px;
}
.content_wapper .detail02 ul.sec01 dl dt{
	width:45%;
}
.content_wapper .detail02 ul.sec01 dl dt  img{
	width:100%;
}
.content_wapper .detail02 ul.sec01 dl dd h5{
	font-size:110%;
	margin-bottom:0.5em;
}
.content_wapper .detail02 ul.sec01 dl dd > li{
	list-style:none;
	border-bottom:1px dotted #ccc;
	padding-left:1.5em;
}
.content_wapper .detail02 ul.sec01 dl dd > li:before{
	content:"■";
	margin-right:0.5em;
}
.content_wapper .detail02 ul.sec01 dl dt{
	display:flex;
	align-items:center;
}
.content_wapper .detail02 ul.sec01 dl dt h5{
	font-size:110%;
}
.content_wapper .detail02 ul.sec01 .sub_image{
	background:#f9f9f9;
	padding:30px 0;
	text-align:center;
}
.content_wapper .detail02 ul.sec01 .sub_image h5{
	font-size:120%;
	margin-bottom:20px;
}
.content_wapper .detail02 ul.sec01 .sub_image img{
	width:95%;
	max-width:900px;
}


.content_wapper .detail03{
	width:90%;
	max-width:1400px;
	margin:0 auto 100px;
}
.content_wapper .detail03 .sub_main h6{
    font-family: 'Barlow', sans-serif;
    font-weight:100;
    font-size:50px;
    margin-bottom:10px
}
.content_wapper .detail03 .sub_main h2{
	font-size:150%;
	margin-bottom:50px;
}
.content_wapper .detail03 .sub_main{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.content_wapper .detail03 .sub_main dd{
	width:55%;
	display:flex;
	align-items:center;
}
.content_wapper .detail03 .sub_main dd h2{
	font-size:180%;
}
.content_wapper .detail03 .sub_main dt{
	width:40%;
	overflow:hidden;
}
.content_wapper .detail03 .sub_main dt img{
	width:100%;
	object-fit:cover;
}
.content_wapper .detail03 ul{
	margin-bottom:50px;
}
.content_wapper .detail03 ul h3{
	font-size:1.3rem;
	position: relative;
	padding: 1em 2em;
	display:inline-block;
	margin-bottom:40px;
}
.content_wapper .detail03 ul.sec_other h3{
	margin:0 auto 40px;
	text-align:center;
	display:block;
}
.content_wapper .detail03 ul h4{
	font-size:1.1rem;
	margin-bottom:20px;
}

.content_wapper .detail03 ul h3:before,
.content_wapper .detail03 ul h3:after {
  position: absolute;
  content: '';
}

.content_wapper .detail03 ul h3:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.content_wapper .detail03 ul h3:before {
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.content_wapper .detail03 ul.sec01{
}
.content_wapper .detail03 ul.sec01 dt{
	background:#f9f9f9;
	text-align:center;
}
.content_wapper .detail03 ul.sec01 dt img{
	width:70%;
	padding:30px 0;
}

.content_wapper .detail03 ol{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.content_wapper .detail03 ol ul{
	width:30%;
}

.content_wapper .offer{
    width:90%;
    max-width:1400px;
    margin:auto;
	padding:50px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.content_wapper .offer dl{
    display:flex;
    justify-content:space-between;
}
.content_wapper .offer dd{
    width:calc(100% - 420px);
	align-items:center;
	display:flex;
}
.content_wapper .offer dd .inner{
	width:100%;
	height:fit-content;
	padding:30px 0;
}
.content_wapper .offer dd h4{
    font-size:120%;
    margin-bottom:20px;
	color:#4a3b2f;
	line-height:1.8em;
}
.content_wapper .offer dd h4 img{
    width:100px;
    vertical-align:sub;
    margin-right:5px;
}
.content_wapper .offer dt{
    width:400px;
	align-items:center;
	display:flex;
}
.content_wapper .offer dt img{
    width:100%;
}
.content_wapper .offer .btn{
}
.content_wapper .offer .btn a{
	min-width:200px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	text-align:center;
	line-height:1.2em;
	padding:1em 4em;
    margin-top:30px;
	background:#004098;
}
.arrowbtn::after{
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
.arrowbtn:hover::after{
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

/* ----------1199px–---------- */
@media screen and (max-width: 1199px) {

}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.content_wapper .mainV{
		width:100%;
		height:70vh;
	    margin:auto;
		position:relative;
	}
	.content_wapper .offer dd{
	    width:100%;
		align-items:unset;
		display:unset;
	}
	.content_wapper .detail01 ul h3{
		margin:0 auto 40px;
		text-align:center;
		display:block;
	}
	.content_wapper .detail02 ul.sec01 h3,
	.content_wapper .detail03 ul.sec01 h3{
		margin:0 auto 40px;
		text-align:center;
		display:block;
	}
	.content_wapper .detail02 ul.sec01 dl{
		display:block;
		justify-content:unset;
	}
	.content_wapper .detail02 ul.sec01 dl dd{
		width:100%;
		margin-bottom:30px;
	}
	.content_wapper .detail02 ul.sec01 dl dd > li{
		padding-left:0em;
	}
	.content_wapper .detail02 ul.sec01 dl dt{
		width:100%;
	}
	.content_wapper .detail02 ul.sec01 dl dt img{
		width:90%;
		max-width:500px;
		margin:auto
	}
	.content_wapper .detail02 ol{
		display:block;
		flex-wrap:unset;
		justify-content:unset;
	}
	.content_wapper .detail02 ul.sec_other{
		width:100%;
	}
	.content_wapper .detail03 ol{
		display:block;
		flex-wrap:unset;
		justify-content:unset;
	}
	.content_wapper .detail03 ol ul{
		width:100%;
	}
}

/* ----------895px–---------- */
@media screen and (max-width: 895px) {
	.content_wapper .ep{
		padding:70px 0;
	}
	.content_wapper .ep dl dd{
	    width:90%;
	    box-sizing:border-box;
		margin:auto;
	}
	.content_wapper .ep dl dd:nth-child(1) img{
		width:90%;
		max-width:500px;
	}
	.content_wapper .ep dl dd:nth-child(1){
		padding:0 0 0 0;
	}
	.content_wapper .ep dl dd h2{
		font-size:130%;
		margin-bottom:30px
	}
	.content_wapper .ep dl dd:nth-child(2){
		padding:0;
	}
	.content_wapper .ep dl dd h4{

	}
	.content_wapper .ep dl{
	    display:block;
	    justify-content:unset;
	}
	.content_wapper .ep dl dt{
	    width:100%;
		height:400px;
	}
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.content_wapper .mainV{
	    width:100%;
		height:80vh;
		max-height:600px;
	    margin:auto;
		background:url("https://www.kinoshita-koumuten.co.jp/img/lineup/graciyas/graciyas_main_bg_sp.webp")no-repeat center / cover;
		position:relative;
	}
	.content_wapper .detail01 .sub_main,
	.content_wapper .detail02 .sub_main,
	.content_wapper .detail03 .sub_main{
		display:block;
		justify-content:unset;
	}
	.content_wapper .detail01 .sub_main dd,
	.content_wapper .detail02 .sub_main dd,
	.content_wapper .detail03 .sub_main dd{
		width:100%;
		display:flex;
		align-items:center;
		margin-bottom:20px;
	}
	.content_wapper .detail01 .sub_main dt,
	.content_wapper .detail02 .sub_main dt,
	.content_wapper .detail03 .sub_main dt{
		width:100%;
		height:400px;
		overflow:hidden;
	}
	.content_wapper .detail01 .sub_main dd h2,
	.content_wapper .detail02 .sub_main dd h2,
	.content_wapper .detail03 .sub_main dd h2{
		font-size:150%;
	}
	.content_wapper .offer dl{
	    display:block;
	    justify-content:unset;
	}
	.content_wapper .offer .btn{
		text-align:center;
	}
	.content_wapper .offer dt{
	    max-width:400px;
		width:100%;
		margin:auto;
	}
}

/* ----------599px–---------- */
@media screen and (max-width: 599px) {
	.content_wapper .detail01 ul.sec01 li{
		display:block;
		justify-content:unset;
	}
	.content_wapper .detail01 ul.sec01 li dl{
		width:100%;
		margin-bottom:30px;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
}

/* ----------389px–---------- */
@media screen and (max-width: 389px) {
}