body,ul,li,figure,p,div,section,h1,h2,dl,dd,dt{
	list-style: none;
	margin: 0;
	padding: 0;
    line-height: initial !important;}


h1,h2,h3,nav,.copy, a,.contact_wrap .phone_no, .massage{
    font-family: 'Lora','Yu Mincho', serif;
    color:#333;
    text-decoration: none;
    line-height: initial !important;
}

.wrap{
	max-width: 1000px;
	margin:0 auto;
}
article .wrap{
	padding:0 0 60px;
}

.wrap h1,
.wrap h2 {
    text-align: center;
    padding: 40px 0 20px;
	color: #102449;

}

.wrap .lead{
    width: 50%;
    margin: 0 auto 20px;
    text-align: center;
}

.wrap .massage{
    margin: 0 auto;
    font-size: 16px;
    text-align:center;
}

header .head{
	display: inline-block;
    width: 100%;
	position: relative;
	height:70px;
    z-index: 1;
    }

header #symbol {
	width: 24%;
    float: left;
    text-align: center;
    padding: 15px 0;
    }

header #symbol > div figure{width: auto;}

header #symbol > p{
	font-size:70%;
	}

header #symbol figure img{
	width:100%;
}

header nav {
    width: 60%;
    position: absolute;
    right: 22%;
    top: 40px;
}

header nav ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: right;
}

header nav li {
    padding-left: 30px;
    font-weight: bold;
    font-size: 100%;
}

header .sub {
    top: 10px;
}

header .sub > ul > li {
    padding-left: 30px;
    font-size: 90%;
}

header .contact_wrap {
    float: right;
    width: 20%;
    padding: 15px 0px;
    color: #FFF;
    text-align: center;
    background: #0e2048;
}

header .contact_wrap span{
font-size:80%;
}
header .contact_wrap a,
header .contact_wrap .phone_no{
    font-size:130%;
    display: inline-block;
    padding: 5px 0 0 0;
    line-height:100%;
    color: #FFF;
}

header .contact_wrap a{
    display: none;
}



body > footer{
	padding:60px 0 30px;
	background: #132144 !important;
    color: #FFF;
}

body > footer .wrap{
	position: relative;

}

body > footer a{
	color:#FFF;
}

body > footer .wrap .riraku{
	position: relative;
    border-bottom: 1px solid #ffffff69;
    padding: 0 0 10px;
}

body > footer .wrap .riraku figure{
	width: 280px;
    display: inline-block;
}

body > footer .wrap .riraku figure img{
	width:100%;
}

body > footer .wrap .riraku p{
	display: inline-block;
	position: absolute;
	left: 300px;
	bottom: 18px;
}

body > footer .wrap .riraku ul{
	position: absolute;
	right:0;
	bottom:10px;
}


body > footer .wrap nav{
    padding: 15px 5px;
    border-bottom: 1px solid #ffffff69;
}

body > footer .wrap nav ul{
    display: flex; 
    flex-wrap: wrap; 
}

body > footer .wrap nav ul li{
	margin-right:20px;
}

body > footer .address{
    padding: 15px 5px 0;
}

body > footer .address h2{
    color: #FFF;
    display: block;
    text-align: left;
    font-size: 140%;
    padding: 10px 0;
}

body > footer .address ul{display: inline-block;}

body > footer .address li{}

body > footer .address li div{display:inline; padding-left:10px;}

body > footer .copyright{
	position: absolute;
	right: 0px;
	bottom: 0px;
}








#hero_cover {
    background-size: cover;
	height: 300px;
}

#hero_cover .wrap {
    position: relative;
    height: 100%;
    background: #34343440;
    width: 100%;
    box-sizing: border-box;
    max-width: initial;
}

#service #hero_cover .wrap {
    background: #40404085;
}


#hero_cover .massage {
    position: absolute;
    top: 70px;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: block;
}
#hero_cover .massage h1{
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px;
    line-height: 100%;
}

#hero_cover .massage h1 span{
font-size:80% ;
display: block;
}

#hero_cover .massage p{
margin:30px 0 0;
color:#FFF;

}




#hero_cover .massage figure img{
width:auto;
}


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

	#hero_cover {
		height: 220px;
	}

	#hero_cover .massage {
	    top: 40px;
	}

    #hero_cover .massage p br{
        display: none;
    }

}




/*-----------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
@media screen and (max-width:767px) {

.owl-nav {
    position: absolute;
    margin: 0 !important;
}
.owl-theme .owl-dots {
    height: 0px;
    top: -20px;
    position: relative;
}
button.owl-prev ,
button.owl-next ,
.owl-theme .owl-nav [class*='owl-'] {
	display:none !important;
}



header{
}

header .wrap,
article .wrap,
footer .wrap{
    width:100%;
	padding:0 10px 60px;
	box-sizing: border-box;
}

header #symbol > div figure{
    width: auto;
    height:28px;
    margin: 0px auto;
    }

header #symbol > div figure img{
	width: auto;
    height: 100%;
    }

header #symbol > p {
    padding: 5px 0 0;
    line-height: 120%;
}

#hero_cover .wrap {
    position: relative;
    height: 100%;
}

#hero_cover .massage h1{
    font-size: 16px;
}

#hero_cover .massage p {
    margin: 10px 20px 0;
    font-size: 12px;
}

.wrap {
width: 100%;

}

.wrap h2 span {
    display: block;
}

.wrap .lead {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    text-align: left;
}

.wrap .massage{
    width: initial;
}

header .head{
    height: initial;
}
header #symbol {
	height: 70px;
    width: 100%;
    text-align: center;
    padding: 5px 0 0;
    box-sizing: border-box;
}
header nav {
    width: 100%;
    position: initial;
}
header .global {
    position: initial !important;
    display: inline-block !important;
}

header .wrap{
    padding:0;
}

header nav ul{
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}


/* 一旦非表示に */
header .sub{
display: none;
}

header .sub ul{
    border-top: 0;
}

header nav li {
    width: 50%;
    padding: 10px 0 !important;
    font-size: 100%;
    text-align: center;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
}

header nav ul {
    width: 100%;
    background: #FFF;
}

header .contact_wrap {
    width: 100%;
    padding:0;
    font-weight: bold;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 10;
    box-sizing: border-box;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: #EEE;
    padding: 4px;
}

header .contact_wrap p {
    margin: 0;
    padding: 5px;
    width: 100%;
    text-align: center;
}


header .contact_wrap .phone_no{
    display: none;
}

header .contact_wrap a {
    font-size: 120%;
	color: #FFF;
    display: block;
    font-size: 160%;
    padding: 16px 0;
    line-height: 100%;
    width: 49%;
    box-sizing: border-box;
    background: #0e2048;
    margin-bottom: 8px;
    font-size: 16px;

}

header .contact_wrap span {
    font-size: 70%;
    color: #333;
}



body > footer .wrap .riraku figure {
    width: 100%;
    text-align: center;
}

body > footer .wrap .riraku figure img{
    width: 280px;
}

body > footer .wrap .riraku ul {
    position: initial;
    right: 0;
    bottom: 10px;
    text-align: center;
    padding: 5px;
    border: 1px solid #FFF;
    margin: 10px;
}

body > footer .wrap .riraku p {
    display: block;
    position: initial;
    left: 0;
    bottom: 0;
    text-align: center;
}

body > footer{padding:50px 0 20px;}

body > footer .wrap nav li{width: 50%; margin:0 0 5px !important;}
body > footer .wrap nav li a{padding: 5px 0;display: block;}

body > footer .address{
    float: none;
    width: 100%;
    margin-bottom:20px;
    padding: 10px 0;
    box-sizing: border-box;
}
body > footer .address ul{
    display: inline-block;
    font-size: 80%;
}

body > footer .address li{
    font-size:100%;
}

body > footer .copyright {
    margin-bottom: 20px;
    font-size: 10px;
    text-align: center;
    position: initial;
}



/*------------max-width:767px-----------*/
}