@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


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

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*  font-size:3.4vw*/
}
	
.pc{display:none!important;}
.sp{display:block!important;}	


/*top
----------------------------------------------------*/
#mv{
	height:46vw;
	background:url(/documents/d/juutakuseisaku/mb_bg) repeat-x;
	background-size:cover;
}

#mv .mask{
	width:100%;
	height:40vw;
	background:url(/documents/d/juutakuseisaku/mv_mask_sp) no-repeat right bottom;
	/*background-size:contain;*/
}

#mv h2{
	padding:6vw 0 0 4vw;
	font-size:7vw;
}

#mv h2 span{
	padding:0 2vw;
}

#top_main{
	padding-top:10vw;
}

#top_main .box_housing{
	width:90%;
	margin:0 auto 4vw auto;
}

#top_main .box_housing ul{
	padding:0;
}

#top_main .box_housing ul li{
	float:left;
	width:48%;
	margin:0 4% 5% 0;
}

#top_main .box_housing ul li:nth-of-type(4),
#top_main .box_housing ul li:nth-of-type(5),
#top_main .box_housing ul li:nth-of-type(6){
	margin:0 4% 5% 0;
}

#top_main .box_housing ul li:nth-of-type(3n){
	margin:0 4% 5% 0;
}

#top_main .box_housing ul li:nth-of-type(2n){
	margin:0 0 5% 0;
}

#top_main .box_housing table.left{
	padding:0 50px;
	color:#6295C0!important;
	font-weight:bold;
	font-size:smaller;
	text-align:left;
}

#top_main .box_housing .left_nerai{
	padding:0 0 8vw ;
}

.box_column{
	width:90%;
	padding-bottom:16vw;
}

.box_column ul li{
	float:none;
	width:100%;
	margin-bottom:4vw;
}


.box_column ul li a{
	padding:2vw 3vw 25vw 3vw;
	background:#FFF;
	font-size:4.4vw;
	display:block;
}

.box_column ul li.bana01 a{
	border-top:5px solid #DCDE01;
	background:#FFF url(/documents/d/juutakuseisaku/bg_bana01) no-repeat right bottom / 70%;
}

.box_column ul li.bana02 a{
	border-top:5px solid #DCDE01;
	background:#FFF url(/documents/d/juutakuseisaku/bg_bana02) no-repeat right -15vw bottom / 80%;
}

.box_column ul li.bana03 a{
	border-top:5px solid #B6C7D3;
	background:#FFF url(/documents/d/juutakuseisaku/bg_bana03) no-repeat right -6vw bottom / 70%;
}


/*housing
----------------------------------------------------*/
#subnavi{
	width:90%;
	padding:4vw 0;
}

#subnavi h2{
	margin-bottom:6vw;
	background:url(/documents/d/juutakuseisaku/bg_ttl_subnavi) no-repeat left center / contain;
	font-size:4vw;
}

#subnavi ul{
	display:block;
	/*display:flex;
	justify-content: center;
	align-items: top;*/
}

#subnavi ul li{
	float:left;
	width:55%;
	padding:0 4% 4% 0;
	display:flex;
	justify-content: left;
	align-items: center;
}

#subnavi ul li:nth-of-type(2n){
	width:43%;
	padding-right:0;
}

#subnavi ul li:nth-of-type(3),
#subnavi ul li:nth-of-type(5){
	clear:left;
}

#subnavi ul li:nth-of-type(5){
	margin-top:3vw;
}

#subnavi ul li a{
	padding-left:14vw;
	font-size:3.4vw;
}

#subnavi ul li span{
	width:12vw;
	height:12vw;
	padding:3vw 1.2vw 0 1.2vw;
	border-radius:8vw;
	font-size:6vw;
}

#subnavi ul li:nth-of-type(6) span{
	width:12vw;
	height:12vw;
	margin-top: 3vw;
	padding:4vw 1.2vw 0 1.2vw;
	font-size:4vw;
}

#subnavi ul li a small{
	font-size:3.0vw;
}

#ttl{
	padding:5vw ;
	border-top:4vw solid #C9BC9C;
}

#ttl h2 em{
	top:-3vw;
	left:-2vw;
	font-size:30vw;
}

#ttl h2 span{
	top:3vw;
	left:0;
	font-size:6vw;
}

#ttl h2 small{
	font-size:4vw;
}

#ttl p{
	padding:20vw 0 0 0;
	font-size:3.4vw;
}

#ttl ul li{
	margin-bottom:3vw;
	padding:0 0 2vw 6vw;
	font-size:3.4vw;
}

.housing01 #ttl{
	background:#FFF url(/documents/d/juutakuseisaku/bg_ttl_housing01) no-repeat right -16vw bottom / 60vw;
}

.housing01 #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.housing01 #main h2 span{
	color:#6194AD;
}

.housing02 #ttl{
	padding-bottom:32vw;
	background:#FFF url(/documents/d/juutakuseisaku/bg_ttl_housing02) no-repeat right -16vw bottom / 60vw;
}

.housing02 #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.housing02 #main h2 span{
	color:#DE9A1B;
}

.housing03 #ttl{
	padding-bottom:34vw;
	background:#FFF url(/documents/d/juutakuseisaku/bg_ttl_housing03) no-repeat right -16vw bottom / 60vw;
}

.housing03 #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.housing03 #main h2 span{
	color:#98B84E;
}

.housing04 #ttl{
	padding-bottom:32vw;
	background:#FFF url(/documents/d/juutakuseisaku/bg_ttl_housing04) no-repeat right -16vw bottom / 60vw;
}

.housing04 #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.housing04 #main h2 span{
	color:#D67079;
}

.housing05 #ttl{
	padding-bottom:10vw;
	background:#FFF url(/documents/d/juutakuseisaku/bg_ttl_housing05) no-repeat right -16vw bottom / 60vw;
}

.housing05 #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.housing05 #main h2 span{
	color:#A4649B;
}

.column_newlife #ttl{
	padding-bottom:10vw;
}

.column_newlife #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.column_newlife #main h2 span{
	color:#ffbdd2;
}

.tomin_kodomo #ttl{
	padding-bottom:10vw;
}

.tomin_kodomo #ttl ul li{
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 58vw;
}

.tomin_kodomo #main h2 span{
	color:#545454;
}

summary::-webkit-details-marker {
  display: none;
}

.accordion-002 {
    max-width: 62vw;
}

.housing01 .accordion-002{max-width: 62.5vw;}
.housing02 .accordion-002{max-width: 77.5vw;}
.housing03 .accordion-002{max-width: 84vw;}
.housing04 .accordion-002{max-width: 81.5vw;}
.housing05 .accordion-002{max-width: 60.5vw;}
.column_newlife .accordion-002{max-width: 60.5vw;}
.tomin_kodomo .accordion-002{max-width: 60.5vw;}

.accordion-002:after{
	width:5vw;
	height:5vw;
	border-radius:3vw;
}

.accordion-002:not([open]) {
    margin-bottom: 1vw;
}

.accordion-002 summary {
	padding:0 0 1.6vw 5vw;
	font-size:3.4vw;
}

.housing01 .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list) no-repeat left bottom / 56vw;
}

.housing02 .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list_long02) no-repeat left bottom / 72vw;
}

.housing03 .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list_long03) no-repeat left bottom / 77vw;
}

.housing04 .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list_long04) no-repeat left bottom / 74vw;
}

.housing05 .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list_long05) no-repeat left bottom / 53vw;
}

.column_newlife .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list_long06) no-repeat left bottom / 53vw;
}

.tomin_kodomo .accordion-002 summary {
	background:url(/documents/d/juutakuseisaku/bg_ttl_list_long07) no-repeat left bottom / 53vw;
}

.accordion-002 summary::before,
.accordion-002 summary::after {
	top:0.58em;
    right: 0.8em;
    width: 2px;
    height: .6em;
}

.accordion-002 ul{
	margin-bottom:1em;
}

.accordion-002 ul li{
	position:relative;
	margin-bottom:0.5em!important;
	padding:0 0 0 1.2em!important;
	font-size:3.4vw!important;
}

.accordion-002 ul li:before{
  padding-right: 0.1em;
  font-size: 3.4vw;
}

#main h2 span{
	width:fit-content;
/*	padding:7vw 0 3vw 8vw;
	background:url(/documents/d/juutakuseisaku/bg_main_ttl) no-repeat left top -1.8vw / 5vw;
	font-size:6vw;*/
}




#main .contents{
	width:94%;
	margin:0 auto 8vw auto;
	padding:4vw;
}

#main .contents .lead{
	margin-bottom:3vw;
}

#main .contents .lead h3{
	margin-bottom:3vw;
	padding:1vw 0 0 22vw;
	font-size:3.4vw;
}

#main .contents .lead h3 span{
	width:18vw;
	height:15vw;
	padding-top:4.6vw;
	background:url(/documents/d/juutakuseisaku/bg_main_lead) no-repeat center top / contain;
	font-size:3.0vw;
}

#main .contents .box{
	margin-bottom:5vw;
}

#main .contents .box p{
	font-size:3.4vw;
}

#main .contents .box h3{
	margin:6vw 0;
	padding:1vw 0 0 0;
}

#main .contents .box h3 em{
	width:13vw;
	height:23vw;
	background:url(/documents/d/juutakuseisaku/bg_box_ttl) no-repeat center bottom / contain;
}

#main .contents .box h3 span{
	padding:0.8vw 0 0.8vw 10vw!important;
/*
	border-top:3vw solid #B6C7D3;
	border-bottom:3vw solid #B6C7D3;
	font-size:4vw!important;
*/
}

#main .contents .box .box_left,
#main .contents .box .box_right{
	float:none;
	width:100%;
	margin-bottom:6vw;
}

#main .contents .box ul{
	width:80%;
	margin-bottom:4vw;
}

#main .contents .box ul li{
	padding:0.3vw 0;
	font-size:3vw;
}

#main .contents .box h4{
	margin:2vw 0;
	font-size:4vw;
}

.housing01 #main .contents .box h4{
	padding-left:1.3em;
}

#main .contents .box h4:before{
	top:-0.4em;
	left:0;
	content:"●";
	padding-right:0.0em;
	font-size:7vw;
}

.android #main .contents .box h4:before{
	top:0.1em;
	left:0;
	content:"●";
	padding-right:0.0em;
	font-size:4vw;
}

.ios #main .contents .box h4:before{
	top:-0.45em;
	left:0;
	content:"●";
	padding-right:0.0em;
	font-size:8vw;
}

#main .contents hr{
	margin:-3vw auto 6vw auto;
	height:0.8vw;
}

#main .contents .box_hojo h4{
	margin:2vw 0 0 0;
	font-size:4vw;
}

.housing01 #main .contents .box_hojo h4{
	margin-top:-2vw;
	padding:4vw 0 2vw 18vw;
}

#main .contents .box_hojo ul{
	padding:3vw 4vw;
	font-size:3.4vw;
}

#main .contents .box_hojo ul li:before{
	content:"●";
	padding-right:0.1em;
	font-size:3.4vw;
}




}