@charset "utf-8";
/* CSS Document */
/*
index.html
#contents
 *contents_area
 *menu_area
 *page_item
 *box_information
*/
/*================================================================================
	INDEX HOME
================================================================================*/
/* contents_area
--------------------------------------------------------------------------------*/
/* top_column */
.top_column h2{
	font-size : 32px;
	font-weight : normal;
	line-height : 140%;
	letter-spacing : 4px;
}
.top_column h2.sarch{
	margin-bottom : 40px;
	font-size : 24px;
	font-family : "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align : center;
}
.top_column h2.sarch br{
	display : none;
}
.top_column.individual h2{
	text-align : center;
}
.top_column p{
	margin-top : 10px;
	font-size : 16px;
	line-height : 200%;
	letter-spacing : 1px;
}
.top_column p.set_mt{
	margin-top : 60px;
}
.top_column .slider{
	margin-top : 30px;
}
/* list_tag */
.list_tag{
	text-align : right;
}
.list_tag a{
	display : inline-block;
	margin-left : 5px;
	padding : 4px 6px;
	background-color : #c6dcbd;
}
.list_tag a{
	font-size : 12px;
	font-weight : bold;
	font-family : "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height : 100%;
}
/* page_item */
.page{
	margin-top : 30px;
}
.box_img{
	margin-top : 40px;
}
.box_img p{
	margin-top : 10px;
	font-size : 14px;
}
/* box_information */
.box_information{
	background-color : #dae9d5;
}
.box_information h3{
	overflow : hidden;
	width : 100%;
	height : 0;
	padding-top : 34px;
	background : url(../img/common/img_info.jpg) no-repeat 0 0;
	margin-bottom : 25px;
}
.box_information h4{
	font-size : 14px;
	margin-bottom : 15px;
}
.box_information p{
	font-size : 14px;}

/* contact */
.contact p{
	margin-top : 0;
	color : #666;
	font-size : 14px;
	line-height : 120%;
}
.contact dl{
	margin-top : 10px;
}
.contact dt{
	padding-top : 10px;
	font-size : 16px;
	box-sizing : border-box;
}
.contact dt span{
	padding-left : 5px;
	color : #666s;
}
.contact dd input[type="text"] , .contact dd input[type="email"], .contact dd input[type="tel"]{
	width : 100%;
	padding : 10px;
	font-size : 16px;
	background-color : #f0f0f0;
	border : none;
	box-sizing : border-box;
}
.contact dd .item-name{
	color : #999;
	font-size : 105%;
	width : 300px;
	height : 30px;
	line-height : 1.5em;
}
.contact dd .item-number{
	color : #999;
	width : 300px;
	height : 30px;
}
.contact dd .calculation{
	color : #999;
}
.contact dd textarea{
	width : 100%;
	height : 300px;
	padding : 10px;
	font-size : 16px;
	background-color : #f0f0f0;
	border : none;
	box-sizing : border-box;
}
.contact .btn_send{
	margin-top : 10px;
}
.contact .btn_send input[type=submit]{
	width : 100%;
	padding : 15px 0;
	color : #fff;
	font-size : 16px;
	background-color : #363636;
	border : none;
}
.contact .btn_send input[type=submit]{
	box-sizing : border-box;
	cursor : pointer;
	transition : all .5s;
}
dl.form div dd a {
    text-decoration: underline;
}
/*================================================================================
	Media screen : PC 640px
================================================================================*/
@media screen and (min-width: 641px){
	/* page_item */
	.box_img{
		width : 590px;
		margin : 80px auto 0;
	}
	.top_column img{
		width : auto;
		margin : 0 auto;
	}
	.top_column .slider li img{
		width : 100%;
		height : auto;
	}
	.page img{
		width : 100%;
		height : auto;
		margin-bottom:15px;
	}
	

	/* box_information */
	.box_information{
		width : 590px;
		margin : 80px auto 0;
		padding-bottom : 30px;
	}
	.box_information div:nth-of-type(1){
		width : 230px;
		float : left;
		margin-left : 30px;
	}
	.box_information div:nth-of-type(2){
		width : 270px;
		float : right;
		margin-right : 30px;
	}

	/* contact */
	.contact{
		margin-top : 20px;
		padding : 50px 70px;
		margin-bottom : 90px;
		border : 1px solid #363636;
		box-sizing : border-box;
	}
	.contact dt{
		width : 200px;
		margin-bottom : 15px;
		float : left;
		clear : both;
	}
	.contact dd{
		width : 420px;
		margin-bottom : 15px;
		float : right;
	}

	.contact .btn_send{
		width : 420px;
		margin : 0 0 0 auto;
	}
	.contact .btn_send input[type=submit]:hover{
		opacity : .6;
	}
    dl.form div {
        display: flex;
    }
        dl.form div dt {
            width: 200px;
            float: none;
        }
        dl.form div dd {
            width: 400px;
            float: none;
        }    dl.form div {
        display: flex;
    }
        dl.form div dt {
            width: 200px;
            float: none;
        }
        dl.form div dd {
            width: 400px;
            float: none;
        }
}
/*================================================================================
	Media screen : 横幅100%時の背景色ヌケ防止
================================================================================*/
@media screen and (min-width: 641px) and (max-width: 1000px){
}
/*================================================================================
	Media screen : SP 640px
================================================================================*/
@media screen and (max-width: 640px){
	/* top_column */
	.top_column h2{
		font-size : 24px;
		margin : 0 15px;
		letter-spacing : 2px;
	}
	.top_column h2.sarch{
		font-size : 20px;
		font-weight : bold;
		margin : 0 15px 15px;
	}
	.top_column h2.sarch br{
		display : block;
	}
	.top_column p{
		margin : 30px 15px 0;
		font-size : 14px;
		line-height : 160%;
	}
	.top_column p.set_mt{
		margin-top : 30px;
	}
	.top_column .slider{
		margin-top : 20px;
	}

	/* page_item */
	.page{
		margin-top : 20px;
	}
	.box_img p{
		margin-top : 10px;
		font-size : 12px;
	}

	/* box_information */
	.box_information{
		margin : 40px 15px 0;
		padding-bottom : 30px;
	}
	.box_information h3{
		width : 344px;
		padding-top : 30px;
		background : url(../img/common/img_info_sp.jpg) no-repeat 0 50%;
		background-size : 344px 30px;
		margin-bottom : 20px;
	}
	.box_information div:nth-of-type(1){
		width : 60%;
		margin : 0 auto;
	}
	.box_information div:nth-of-type(2){
		margin : 15px;
		margin-bottom : 0;
	}
	.box_information h4{
		margin-bottom : 3px;
	}

	/* contact */
	.contact{
		padding : 0 15px;
	}
    .is-pc {
        display: none;
    }
}
/*================================================================================
	clearfix
================================================================================*/
.menu_area li:after , .contact dl:after , .box_information:after{
	visibility : hidden;
	display : block;
	font-size : 0;
	content : " ";
	clear : both;
	height : 0;
}
/* clearfix for ie7 */
.menu_area li , .contact dl , .box_information{
	display : inline-block;
}
.menu_area li , .contact dl , .box_information{
	display : block;
}
/*--------------------------------------------
HOME
---------------------------------------------*/
.home header{
	position : absolute;
	width : 100%;
	z-index : 10;
}
.home #mv{
	font-size : 0;
}
.home #mv picture{
	width : 100vw;
}
.home #mv picture img{
	width : 100%;
	height : auto;
}
@media print,screen and (min-width: 641px){
	.home #contents .wrap{
		width : 960px;
	}
}
/*--------------------------------------------
LINK MAIN
---------------------------------------------*/
@media screen and (max-width: 640px){
	#linkMain{
		padding-top : calc( 109 * 100vw / 750 );
	}
	#linkMain li{
		width : calc( 336 * 100% / 750 );
		margin-left : auto;
		margin-right : auto;
	}
	#linkMain li a{
		display : block;
	}
	#linkMain li + li{
		margin-top : calc( 130 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 641px){
	#linkMain{
		padding-top : 50px;
	}
	#linkMain ul{
		display : flex;
		justify-content : center;
	}
	#linkMain li + li{
		margin-left : 92px;
	}
	#linkMain img{
		width : 260px;
	}
}
@media print,screen and (min-width: 641px){
	.contents_area > .top_column{
		width : 750px;
		margin-left : auto;
		margin-right : auto;
	}
}