@charset "UTF-8";
@media screen and (min-width: 641px),print {
	#mainimage {
		background-image: url(image/stad_mainimage.jpg);
	}
	#mainbody #mainimage h1 {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	}
	#contents .body {
		width: 1000px;
		text-align: left;
		margin-top: 30px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	


}

	#contents .body img{
		width: 100%;
	}

	#contents .body h3 {
		text-align: left;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.2em;
		border-left: 6px solid #005bac;
		border-bottom: 1px solid #005bac;
		padding: 5px 0 0 10px;
	}

	#contents .body h3 b{
		font-size: 2em;
		color: #005bac;
	}

	#contents .guarntee_box {
		width: 100%;
		max-width: 1000px;
		margin: 50px auto;
	}	

	#contents .guarntee_container01{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#contents .guarntee_container01 div{
		width: 48%;
		box-sizing: border-box;
		background-color: #005bac;
		text-align: center;
		padding: 30px 20px 10px;
		color: #fff;
	}

	#contents .guarntee_container01 div:first-child{
		line-height: 3em;
	}

	#contents .guarntee_container01 div span{
        color: #fbf481;
	}
	
	#contents .guarntee_container01 div b{
		font-size: 4.5em;
		padding: 10px 5px 0 10px;
	}

	#contents .guarntee_container01 div small{
		font-size: 0.6em;
	}

	#contents .guarntee_box02 img{
		margin-bottom: 20px;
	}

	#contents .guarntee_box03_container01{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#contents .guarntee_box03_container01 > div{
		width: 48%;
		text-align: center;
		padding: 20px;
        box-sizing: border-box;
	}
	
	#contents .guarntee_box03_block01 h4{
		margin-bottom: 20px;
		background-color: #005bac;
		color: #fff;
		padding: 10px;
		font-size: 18px;	
	}
	
	#contents .guarntee_box03 table{
		width: 100%;
		border-collapse:collapse;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 2px solid #005bac;
	}
	
	#contents .guarntee_box03 th{
		background-color: #005bac;
		color: #fff;
        font-weight: normal;
		padding: 10px 5px;
        vertical-align: top;
	}
		
	#contents .guarntee_box03 th p{
		color: #fff;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #fff;
		height: 3em;
	}
	
	#contents .guarntee_box03 td{
		padding: 10px 5px;
        vertical-align: top;
	}
	
	#contents .guarntee_box03 td p{
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #005bac;
		height: 3em;
	}

	
	#contents .guarntee_box03 .guarntee_box03_block02{
		padding: 20px;
		background-color: #e9fdf1;
	}
	
	#contents .guarntee_box03_block02 h4{
		margin-bottom: 20px;
		padding: 10px;
		font-weight: bold;
		border-bottom: 2px solid #22b347;
	}

	#contents .guarntee_box03_block02 h4 ol{
		margin-left: 1rem;
	}

	#contents .guarntee_box03_block02 h4 li{
		list-style-type: upper-latin;
		text-align: left;
		font-weight: bold;
	}
	
	#contents .guarntee_box03_container02{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#contents .guarntee_box03_block02_item01{
		width: 48%;
		text-align: left;
		padding: 20px;
        box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
	}
	
	#contents .guarntee_box03_block02_item01 ol{
		margin: 5px 5px 5px 15px;
	}
	
	#contents .guarntee_box03_block02_item01 ol li{
		list-style-type: upper-latin;
		text-align: left;
	}
	
	#contents .guarntee_box03_block02_item02,#contents .guarntee_box03_block02_item04{
		width: 48%;
		text-align: center;
		padding: 20px;
        box-sizing: border-box;
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
        align-items: start;
		
	}
	
	#contents .body img.guarntee_box03_block02_img01{
        width: 10%;	
		
	}

	#contents .body img.guarntee_box03_block02_img02{
		margin-bottom: 10px;
	}
	
	#contents .guarntee_box03_block02_item02 p{
		width: 86%;	
	}
	
	#contents .guarntee_box03_block02_item04 p{
		width: 86%;	
		font-size: 1.3em;
	}
	
	#contents .guarntee_box03_block02_item04 p span{
		color: #005bac;
	}
	
	
	.guarntee_box04_container01{
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
	}
	
	.guarntee_box04_container01 div{
		width: 30%;
		background-color: #005bac;
		padding: 10px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		
	}
	
	.guarntee_box04_container01 div b{
		font-size: 24px;
		color: #fbf481;
	
	}
	
	#contents .guarntee_box04 h4{
        margin-bottom: 20px;
        background-color: #005bac;
        color: #fff;
        padding: 10px 10px 10px 35px;
		font-size: 18px;
    }

	.guarntee_box04_container02{
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
		text-align: center;
		
	}
	
	.guarntee_box04_container02 div{
		width: 18%;
		border: 2px solid #005bac;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 10px;
	}
	
	#contents .guarntee_box04_container02 div p{
		text-align: center;
		margin-top: 10px;
		color: #005bac;
		font-size: 14px;
	}
	
	#contents .guarntee_box04_container02 b{
		font-weight: bold;
	}
	
	#contents .guarntee_box04_container03{
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
		text-align: center;
		
	}
	
	#contents .guarntee_box04_container03_item01,#contents .guarntee_box04_container03_item02{
		width: 48%;
	}
	
	#contents .guarntee_box04_container03_item01{
		background-color: #c7e2fa;
	}
	
	#contents .guarntee_box04_container03_item01 h5{
		background-color: #005bac;
		padding: 10px 10px 0 10px;
		color: #fff;
		font-size: 18px;
	}
	
	#contents .guarntee_box04_container03_item01 p{
		padding: 20px;
	}

	#contents .guarntee_box04_container03_item02{
		background-color: #c7fad3;
	}
	
	#contents .guarntee_box04_container03_item02 h5{
		background-color: #00ac69;
		padding: 10px 10px 0 10px;
		color: #fff;
		font-size: 18px;
	}
	
	#contents .guarntee_box04_container03_item02 p{
		padding: 20px;
	}
	
	#contents .guarntee_box04_container03_item01 h5 b,#contents .guarntee_box04_container03_item02 h5 b{
		font-size: 28px;
		color: #fbf481;
	}
	
	#contents .guarntee_box05_container01{
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
		
	}
	
	#contents .guarntee_box05_container01 p{
		width: 70%;
		
	}
	
	#contents .guarntee_box05_container01 img{
		width: auto;
    	padding-top: 2rem;
	}
	
	#contents .guarntee_box05 h4{
        margin-bottom: 20px;
        background-color: #005bac;
        color: #fff;
        padding: 10px 10px 10px 35px;
		font-size: 18px;
    }
	
	#contents .guarntee_box05 h4 small{
		font-size: -1;
	}
	
	#contents .guarntee_box05 ul{
		margin-bottom: 20px;
		border: 3px solid #005bac;
		padding: 0 20px;
	}
	
	#contents .guarntee_box05 li{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
		padding: 20px;
	}
	
	#contents .guarntee_box05 li:not(:last-child) {
		border-bottom: 3px solid #005bac;
	}
	
	#contents .guarntee_box05 li picture{
		width: 13%;
	}
	
	#contents .guarntee_box05 li p{
		width: 82%;
	}
	
	#contents .guarntee_box05 li p b{
		font-size: 18px;
        color: #005bac;
        line-height: 2em;
	}
	
	#contents .guarntee_box06{
		background-color: #e4f0fb;
		border-radius: 10px;
		padding: 20px;
		box-sizing: border-box;
	}

	#contents .guarntee_box06 h4{
		text-align: center;
        font-size: 36px;
        font-weight: bold;
		margin: 20px 0;
	}
	
	#contents .guarntee_box06 h4 + p{
		text-align: center;
	}
	
	#contents .guarntee_box06_container01{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
		padding: 20px;
		margin-bottom: 20px;
	}
	
	#contents .guarntee_box06_container01 p{
		width: 45%;
        box-sizing: border-box;
        text-align: center;
        font-size: 36px;
        line-height: 1.4em;
        font-weight: bold;
	}
	
	#contents .guarntee_box06_container01 p img{
		display: block;
		margin: 0 auto 20px;	
	}
	
	#contents .guarntee_box06_container01 img{
		width: 55%;
		box-sizing: border-box;
	}
	
	#contents .guarntee_box06_container01 + p{
		font-weight: bold;
		font-size: 18px;
	}
	
	
	.guarntee_box06_div01{
		width: fit-content;
        margin: 0 auto;
	}
	
	#contents .body .guarntee_box06_img01{
		width: auto;
		margin: 40px auto;
        display: block;
	}
	
	#contents .guarntee_box06_container02{
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
		color: #fff;
	}
	
	#contents .guarntee_box06_container02_item01{
		width: 70%;
		padding: 4px 20px 20px;
		box-sizing: border-box;
		background-color: #005bac;
		font-size: 16px;
		border-radius: 10px 0 0 10px;
        line-height: 1.4rem;
	}
	
	#contents .guarntee_box06_container02_item01 span{
		background-color: #fff;
		color: #005bac;
		padding: 5px;
        margin-right: 5px;
	}
	#contents .body .guarntee_box06_container02_item01 img{
		width: auto;
        float: left;
        margin: 0 20px 0 0;
	}
	
	#contents .guarntee_box06_container02_item02{
		width: 30%;
		box-sizing: border-box;
		text-align: center;
        line-height: 1.4rem;
		border-radius: 0 10px 10px 0;
		background-color: rgba(65, 133, 194, 1);
		transition: background 1s, color 0.8s;
		cursor:pointer;
	}
	
	#contents .guarntee_box06_container02_item02:hover{
		background-color: rgba(65, 133, 194, 0.5);
	}

	#contents .guarntee_box06_container02_item02 a{
		display: block;
		padding: 20px;
		color: #fff;
	}

	#contents .guarntee_box06_container02_item02 a:hover{
		text-decoration: none;
		color: #fff;
	}
		
	#contents .guarntee_box06_container03{
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
		background-color: #edbfb2;
		border-radius: 10px;
        line-height: normal;
	}
	
	#contents .guarntee_box06_container03_item01{
		width: 68%;
		padding: 16px 40px;
		box-sizing: border-box;
	}
	
	#contents .body .guarntee_box06_container03_item01 ul{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
	}

	#contents .body .guarntee_box06_container03_item01 li:first-child{
        width: 80%;	
		font-size: 36px;
        font-weight: bold;
		box-sizing: border-box;
	}

	#contents .body .guarntee_box06_container03_item01 li:nth-child(2){
		width: 20%;
	}

	#contents .body .guarntee_box06_container03_item01 li{
		width: 30%;
		box-sizing: border-box;
    	text-align: center;
	}

	#contents .body .guarntee_box06_container03_item01 li img{
		width: 32%;
		margin: 0 auto 10px;
	}

	#contents .body .guarntee_box06_container03_item01 li a img{
		width: 100%;
	}
	
	#contents .body .guarntee_box06_container03_item01 li:nth-child(2) img{
		width: auto;
	}

	#contents .body .guarntee_box06_container03_item01 li:nth-child(3) img{
		width: 50%;
	}

	#contents .guarntee_box06_container03_item02{
		width: 32%;
		box-sizing: border-box;
		background-color: #edbfb2;
		border-radius: 0 10px 10px 0;
	}

@media screen and (min-width: 0px) and (max-width: 640px) {
	#mainimage {
		background-image: url(image/stad_mainimage_sp.jpg);
	}
	#mainbody #mainimage h1 {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
	}
	#contents .body {
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	
	#contents .body h3 {
    	padding: 10px 0 5px 10px;
	}

	#contents .sp_off {
		display: none
	}
	
	#contents .guarntee_box {
		    margin: 40px auto;
	}
	
	#contents .guarntee_container01 div {
		width: 100%;
		margin-bottom: 20px;
		line-height: 2em;
        font-size: 18px;
	}
	
	#contents .guarntee_container01 div:first-child {
    	line-height: 2.4em;
	}
	
	#contents .guarntee_box03_container01 > div{
    	width: 100%;
		padding: 20px 0;
		margin-bottom: 20px;
	}
	
	#contents .guarntee_container01 div b {
		font-size: 2em;
	}
	
	#contents .guarntee_container01 div small {
    	font-size: 0.5em;
	}
	
	#contents .guarntee_box03_block01 h4 {
		font-size: 18px;
		text-align: left;
	}
	
	#contents .guarntee_box03 table {
		font-size: 16px;
	}
	
	#contents .guarntee_box03_block02 h4 {
		font-size: 18px;
	}
	
	#contents .guarntee_box03_block02_item01 {
    	width: 100%;
		padding: 20px 0;
		font-size: 16px;
	}

	#contents .guarntee_box03_block02_item02, #contents .guarntee_box03_block02_item04 {
    	width: 100%;
		padding: 20px 0;
	}
	
	#contents .guarntee_box03_block02_item01 ol {
	    padding: 0 10px 0 26px;
	}
	#contents .guarntee_box03_block02_item04 p {
		font-size: 16px;
	}
	
	#contents .guarntee_box04 h4 {
    	font-size: 18px;
    	padding: 10px;
	}
	.guarntee_box04_container01 div {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.guarntee_box04_container02 div {
		width: 49%;
		margin-bottom: 10px;
	}
	
	#contents .guarntee_box04_container02 div p {
		font-size: 14px;
	}
	
	#contents .guarntee_box04_container03_item01, #contents .guarntee_box04_container03_item02 {
    	width: 100%;
		margin-bottom: 10px;
	}

	#contents .guarntee_box04_container03_item01 h5 b, #contents .guarntee_box04_container03_item02 h5 b {
		margin: 0 5px;
	}
	
	#contents .guarntee_box05_container01 p {
    	width: 100%;
	}
	
	#contents .guarntee_box05_container01 img {
    	width: 100%;
	}
	
	#contents .guarntee_box05_container01 {
	    flex-direction: column-reverse;
	}
	
	#contents .guarntee_box05_container01 img {
	    padding-top: 0rem;
		margin-bottom: 20px;
	}
	
	
	#contents .guarntee_box05 h4 {
		font-size: 18px;
	    padding: 10px ;
	}
	
	#contents .guarntee_box05 h4 small {
    	font-size: 12px;
	}
	
	#contents .guarntee_box05 ul {
	    padding: 0 10px;
	}
	
	#contents .guarntee_box05 li picture {
    	width: 50%;
		margin: 0 auto;
	}
	
	#contents .guarntee_box05 li p {
		width: 100%;
	}
	
	#contents .guarntee_box06 h4 {
		display: none;
	}
	
	#contents .guarntee_box06 h4 + p {
		display: none;
	}
	
	#contents .guarntee_box06_container01 {
    	padding: 20px 0;
	}
	
	
	#contents .guarntee_box06_container01 p {
    	width: 100%;
	}
	
	#contents .guarntee_box06_container01 img {
		width: 100%;
	}
	
	#contents .guarntee_box06_container02_item01 {
		width: 100%;	
	    border-radius: 10px 10px 0 0;
		font-size: 12px;
	}
	
	#contents .guarntee_box06_container02_item02 {
		width: 100%;
	    border-radius: 0 0 10px 10px;
		font-size: 16px;
	}
	
	#contents .guarntee_box06_container02_item02 a {
		color: #fff;
	}
	
	#contents .guarntee_box06_container03_item01 {
		width: 100%;
		padding: 40px 20px 20px;
	}
	
	#contents .body .guarntee_box06_container03_item01 li{
		width: 100%;	
		text-align: center;
		margin-bottom: 10px;
	}


	#contents .body .guarntee_box06_container03_item01 li:first-child {
    	width: 100%;
		font-size: 18px;
		text-align: center;
	}
	
	#contents .body .guarntee_box06_container03_item01 li:nth-child(2){
		width: 100%;
	}
		
	#contents .body .guarntee_box06_container03_item01 li img{
		width: 50%;
		margin: 0 auto 20px;
	}	
	
	#contents .body .guarntee_box06_container03_item01 li a img{
		width: 100%;
	}
	
	#contents .guarntee_box06_container03_item02 {
		display: none;
	}
	
}