@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);



@media only screen and (max-width: 639px) {
    
/*-------------------- common --------------------*/

html {
    font-size: 62.5%;
}

body {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 1.6rem;
    /*
    margin: auto;
    max-width: 640px;
    */

}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    width: 100%;
    vertical-align: bottom;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



/*---------- wrap ----------*/

.wrap {
}

#dcm .wrap {
    margin: 0;
    padding: 0 15px;
}

/*-------------------- top --------------------*/

.main-title {
	margin-bottom: 8%;
		
	}
	
	
.main-txt {
	margin: 0 20px 30px 30px;
	line-height: 2;
		
	}


.intro {
	margin: 0 5%;
/*
	background-color: beige;
	*/
	
}



.obi01 {
	background-color: #e60012;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	padding: 3%;
	
	margin-bottom: 8%;
		
	}




.area_list {
    width: 100%;
    margin: 0 auto;
	/*
	background-color: bisque;
	*/
	
	margin-bottom: 3%;
}

.area_list:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.area_list > li {
	margin: 0 5% 5% 0;
    float: left;
    width: calc((100% - 5%) / 2);
    width: -webkit-calc((100% - 5%) / 2);
    width: -moz-calc((100% - 5%) / 2);
}

.area_list > li:nth-child(2n) {
    margin-right: 0;
}

.area_list > li > a {
    display: block;
}



.obi02 {
	background-color: #7f1085;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	padding: 3%;
	margin-bottom: 5%;
		
	}


	
.tel {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 220%;
	margin-bottom: 5%;
		
	}
	
	
	
	
.tel2 {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 5%;
		
	}
	
	
.adress {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 5%;
		
	}
	

.obi02-txt {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 70%;
	margin-bottom: 5%;
		
	}
	
	
	
.obi03 {
	margin: 0 40px;
	background-color: #e60012;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	padding: 3%;
	
	margin-bottom: 8%;
		
	}
	
	
.nintei-img img {
	margin: 25px 0;
	padding: 0 20px;

    width: 100%;

    text-align: center;
    }	
	
.yakkan-img img {
	margin: 25px 0;
	/*
	padding: 0 20px;
	*/

    width: 100%;

    text-align: center;
    }	
			

	
.goriyou {
	border-top: #7f1085 solid 1px;
	padding: 20px 0;
	text-align: center;

	}
	

.goriyou p {
	margin-bottom: 2%;


	}
		
	
.goriyou-in {
	width: 95%;
	display: inline-block;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;
font-size: 90%;
	}
		
	
.goriyou ul{
	padding-left:1em; text-indent:-1em;

	}
	
.goriyou li{
	margin-bottom: 2%;
	}



    

   
.recruit {
    margin-top: 10%;
    }
    
.recruit-img {

    text-align: center;
    }
    
    
.recruit img {
    	margin-bottom: 5%;
    width: 90%;
    text-align: center;
    }
    
.recruit-midashi {

	text-align: center;
    /*
	color: #fff;
    */
	font-weight: bold;
	font-size: 130%;
    /*
	padding: 3%;
    */
	margin-bottom: 2%;
	line-height: 1.2;
		
	}
    

.recruit-midashi2 {

	text-align: center;
    /*
	color: #fff;
    */
    /*
	font-weight: bold;
	font-size: 200%;
    */
    /*
	padding: 3%;
    */
	margin-bottom: 5%;
		
	}
    
    
.recruit-jyouken {
    /*
	border-top: #7f1085 solid 1px;
    */
	/*
	padding: 20px 0;
	*/
	text-align: center;

	}
	

.recruit-jyouken p {
	margin-bottom: 5%;
font-size: 90%;

	}
		
	
.recruit-jyouken-in {
	width: 95%;
	display: inline-block;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;
font-size: 90%;
	}
		
	
.recruit-jyouken ul{
	padding-left:1em; text-indent:-1em;

	}
	
.recruit-jyouken li{
	margin-bottom: 2%;
	}
    
    
}




@media only screen and (min-width: 640px) {

/*-------------------- common --------------------*/

html {
    font-size: 62.5%;
}

body {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 1.6rem;
    
    margin: auto;
    width: 640px;

}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    width: 100%;
    vertical-align: bottom;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



/*---------- wrap ----------*/

.wrap {
}

#dcm .wrap {
    margin: 0;
    padding: 0 15px;
}

/*-------------------- top --------------------*/

.main-title {
	margin-bottom: 8%;
		
	}

.main-txt {
	margin: 0 10px 30px 30px;
	line-height: 2;
		
	}
	
.intro {
	margin: 0 5%;
/*
	background-color: beige;
	*/
	
}



.obi01 {
	background-color: #e60012;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 200%;
	padding: 3%;
	
	margin-bottom: 8%;
		
	}





.area_list {
    width: 100%;
    margin: 0 auto;
	/*
	background-color: bisque;
	*/
	
	margin-bottom: 3%;
}

.area_list:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.area_list > li {
	margin: 0 5% 5% 0;
    float: left;
    width: calc((100% - 5%) / 2);
    width: -webkit-calc((100% - 5%) / 2);
    width: -moz-calc((100% - 5%) / 2);
}

.area_list > li:nth-child(2n) {
    margin-right: 0;
}

.area_list > li > a {
    display: block;
}



.obi02 {
	background-color: #7f1085;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 200%;
	padding: 3%;
	margin-bottom: 5%;
		
	}
	
	
.tel {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 380%;
	margin-bottom: 5%;
		
	}
	
	
	
	
.tel2 {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 5%;
		
	}
	
	
.adress {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 5%;
		
	}
	

.obi02-txt {
	text-align: center;
	color: #7f1085;
	font-weight: bold;
	font-size: 70%;
	margin-bottom: 5%;
		
	}
	

	
	
.obi03 {
	margin: 0 40px;
	background-color: #e60012;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	padding: 3%;
	
	margin-bottom: 8%;
		
	}
	
	
.nintei-img img {
	margin: 25px 0;
	padding: 0 20px;

    width: 100%;

    text-align: center;
    }	
	
.yakkan-img img {
	margin: 25px 0;
	/*
	padding: 0 20px;
	*/

    width: 100%;

    text-align: center;
    }	
			


	
	
.goriyou {
	border-top: #7f1085 solid 1px;
	padding: 20px 0;
	text-align: center;

	}
	

.goriyou p {
	margin-bottom: 2%;


	}
		
	
.goriyou-in {
	width: 95%;
	display: inline-block;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;

	}
		
	
.goriyou ul{
	padding-left:1em; text-indent:-1em;

	}
	
.goriyou li{
	margin-bottom: 2%;
	}

    
.recruit {
    margin-top: 10%;
    }
    
.recruit-img {

    text-align: center;
    }
    
    
.recruit img {
    	margin-bottom: 5%;
    width: 90%;
    text-align: center;
    }
    
.recruit-midashi {

	text-align: center;
    /*
	color: #fff;
    */
	font-weight: bold;
	font-size: 200%;
    /*
	padding: 3%;
    */
	margin-bottom: 2%;
		
	}
    

.recruit-midashi2 {

	text-align: center;
    /*
	color: #fff;
    */
    /*
	font-weight: bold;
	font-size: 200%;
    */
    /*
	padding: 3%;
    */
	margin-bottom: 5%;
		
	}
    
    
.recruit-jyouken {
    /*
	border-top: #7f1085 solid 1px;
    */
	/*
	padding: 20px 0;
	*/
	text-align: center;

	}
	

.recruit-jyouken p {
	margin-bottom: 5%;


	}
		
	
.recruit-jyouken-in {
	width: 95%;
	display: inline-block;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;

	}
		
	
.recruit-jyouken ul{
	padding-left:1em; text-indent:-1em;

	}
	
.recruit-jyouken li{
	margin-bottom: 2%;
	}
    
	
}




a:link {
	text-decoration: none;
	color : #7f1085;
}
a:visited {
	text-decoration: none;
	color : #7f1085;
}
a:active {
	text-decoration: none;
	color : #7f1085;
}
a:hover {
	text-decoration: none;
	color : #7f1085;
}


a.white:link {
	text-decoration: none;
	color : #fff;
}
a.white:visited {
	text-decoration: none;
	color : #fff;
}
a.white:active {
	text-decoration: none;
	color : #fff;
}
a.white:hover {
	text-decoration: none;
	color : #fff;
}