@charset "utf-8";
@media screen and (max-width : 768px) {



/* ----------------------------------------------
	共通
---------------------------------------------- */
.container{
	width : 100%;
}




input[type="text"].half {
	width : 60%;
}

input[type="text"].short {
	width : 40%;
}

/* -------------------------------------
	header
---------------------------------------- */

.header {
	overflow : visible;
	padding : 0px ;
	position : relative;
}

.header nav{
	display : none;
}

.index .header {
	height : 100vh;
}

.header_bar {
	width : 100%;
	height : 50px;
}

.header_title {
	float : left;
	font-size : 1.5rem;
	font-family: 'Yantramanav', sans-serif;
	font-weight : 400;
	flex-basis : 390px;
}
	
.hamburger {
	display : inline-block;
	float : left;
	font-size :2.0rem;
	margin-right : 0px;
	cursor : pointer;
	height : 50px;
	line-height : 50px;
}


.header_navi {
	margin : 0 auto;
	width :100%;
	display : none;
	z-index:100;
	position : absolute;
	left :0;
}



.header_navi li {
	width : 100%;
}

.header_navi  li a{
	height : auto;
	padding : 5px;
	font-size : 1.6rem;
	margin : 1px;
}

.header_in {
	width : 100%;
}


.header_in .page_title {
	width : 60vw;
	margin-left : 10px;
}

.header_in .sub_title {
	font-size : 1.2rem;
	margin-left : 10px;
}

.link_box {
	width : 60vw;
	font-size : 1.2rem;
	margin-left : 10px;
}

/* -------------------------------------
	content_header
---------------------------------------- */

.sub .header {
	height: 280px;
}

.sub .header {
background-size : cover;
}


.sub .header_in {
	margin : 60px auto 30px;
	width : 100%;
	text-align : center;
}

.sub .header_in .sub_title {
	font-family: 'Noto Sans Japanese', serif;
	color : #fff;
	margin-bottom : 50px;
}
.sub .header_in .page_title {
	font-family: 'Yantramanav', sans-serif;
	margin-bottom : 0px;
	font-size :5.0rem;
	color : #fff;
	width : 100%;
	margin-left : 0;
}

.sub .pankuzu {
	width : 1090px;
	color : #fff;
	margin : 0 auto;
}

.sub .contents_section {
	width : 100%;
	margin : 40px 10px;
}

/* -------------------------------------
	sidemenu
---------------------------------------- */



/* -------------------------------------
	contents
---------------------------------------- */


/* -------------------------------------
	footer
---------------------------------------- */


.footer {
	padding : 40px 10px;
	height : auto;
	color : #fff;
	background-size:cover;
}
.footer_inner {
	width : 100%;
	margin: 0 auto;
}
.footer_in {
	display : flex;
	justify-content: space-between ;
	flex-wrap: wrap;
}


.footer_logo {
	width : 100%;
	font-size : 1.2rem;
	
}

.footer_navi {
	order: 2;
}

.footer_navi ul{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width : 100%;
	height : auto;
	margin : 50px 0 ;
}
.footer_navi li {
	width : 50%;
}
.footer_navi li a{
	color : #fff;
	font-size : 1.4rem;
}

.footer_navi li a:before {
	content : "\f138";
	font-family : FontAwesome;
	padding-right : 0.5em;
}

.footer .contact_area {
	text-align : center;
	order: 1;
	width : 100%;
}
.footer .contact_area .contact_in{
	padding : 30px 0 0 0;
	width : 100%;
}

.footer .footer_contact_btn {
	display : block;
	background : #68dffe;
	padding : 10px;
	color : #fff;
	margin : 10px 0;
	width : 100%;
}

.footer .contact_area .contact_title {
	font-size : 1.4rem;
}
.footer .contact_area .contact_tel {
	font-size : 3.6rem;
}
.footer .contact_area .contact_tel span {
	font-size : 2.0rem;
}

.copyright {
	border-top :1px solid #fff;
	padding : 10px;
}




} /* /mediaquery */