@charset "UTF-8";
@media screen and (max-width:1000px) {
#wrapper{
	min-width: 100%;
}
/*-----------------------------------------------
	title
-----------------------------------------------*/
.titleArea{
	font-size: 26px;
}
/*-----------------------------------------------
	contact
-----------------------------------------------*/
.contactArea{
	width: 90%;
	margin: 0 auto;
}
.contactArea p.t1{
	font-size: 18px;
}
.contactArea p.t2{
	font-size: 15px;
}
/*-----------------------------------------------
	menu
-----------------------------------------------*/
.menu h4{
	width: 20%;
}

.menuArea{
	width: 96%;
	padding: 2em 0;
}
.menuArea ul{
	column-gap:1.5em;
}
.menuArea ul li{
	font-size: 13px;
}

/*-----------------------------------------------
	banaArea
-----------------------------------------------*/
.banaArea ul{
	width:94%;
}
.c-btnStyle2 {
    font-size: 16px;
}
/*----------------------------------------------------------------
* btn
----------------------------------------------------------------*/

.c-btnStyle1 {
	min-width: auto;
	width: 80%;
}
/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/
.footer ul.sns li{
	width: 24%;
}
}
@media screen and (max-width:767px) {
html {
    font-size:2.4154589372vw;
}
body{
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width  : 100%;
	height : 100%;
}
/*-----------------------------------------------
	LAYOUT
-----------------------------------------------*/
#wrapper{
	width: 100%;
	min-width:100%;
	height:auto;
	min-height: auto;
}

a:hover  img {
-moz-opacity:1.00;
opacity:1.00;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition: none;
}
a img {
  transition: none;
}

img{
	vertical-align:bottom;
}
/*-----------------------------------------------
	panMenu
-----------------------------------------------*/
.panMenu{
	padding: .7rem;
	font-size: .7rem;
}
/*-----------------------------------------------
	title
-----------------------------------------------*/
.titleArea{
	font-size: 1.4rem;
}
/*-----------------------------------------------
	menu
-----------------------------------------------*/
.menu h4{
	width: 35%;
}

.menuArea{
	justify-content: center;
}
.menuArea ul{
	display: none;
}

/*-----------------------------------------------
	contents
-----------------------------------------------*/
.contents{
	padding: 8rem 0;
	flex-wrap: wrap;
	row-gap:5rem;
	justify-content: center;
}
.contentsLeft{
	width: 100%;
}
.contentsRight{
	width: 90%;
	padding-top: 0;
}
/*-----------------------------------------------
	contact
-----------------------------------------------*/
.contactArea{
	width: 100%;
	margin: 0 auto;
}
.contactArea p.t1{
	font-size: 1.1rem;
}
.contactArea p.t2{
	font-size: .9rem;
}
/*-----------------------------------------------
	banaArea
-----------------------------------------------*/
.banaArea{
	padding: 7rem 0;
}
.banaArea ul{
	width:96%;
	row-gap:1.5rem;
}
.banaArea p.tx{
	font-size: .7rem;
}
.banaArea a:link{
		text-decoration: none;
	}
/*----------------------------------------------------------------
* btn
----------------------------------------------------------------*/
.c-btnStyle2 {
    font-size: .75rem;
}
.c-btnStyle1 {
	min-width: auto;
    font-size: 1.1rem;
	width: 80%;
	padding: 1.2em 3.33em 1.2em 1.6em;
}
.c-btnStyle1::after {
    width: 1.5em;
    height: 1.5em;
    background-size: 1.1rem;
}

	.p-homeTopics__btn a:link{
		text-decoration: none;
	}
/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/
.footer{
	padding: 4rem 0 1.5rem;
}

.footer p.copy{
	font-size: .7rem;
}
.footer ul.sns li{
	width: 28%;	
}

}
@media screen and (max-width:500px) {
/*-----------------------------------------------
	panMenu
-----------------------------------------------*/
.panMenu{
	padding: .7rem;
	font-size: 1rem;
}
/*-----------------------------------------------
	title
-----------------------------------------------*/
.titleArea{
	font-size: 2rem;
}
/*-----------------------------------------------
	contents
-----------------------------------------------*/
.contents{
	padding: 6rem 0 10rem;
	row-gap:5rem;
}
.contentsRight{
	width: 94%;
	padding-top: 0;
}
/*-----------------------------------------------
	menu
-----------------------------------------------*/
.menu h4{
	width: 55%;
}

.menuArea{
	justify-content: center;
	padding: 1.5rem 0;
}
/*-----------------------------------------------
	contact
-----------------------------------------------*/
.contactArea p.t1{
	font-size: 1.55rem;
}
.contactArea p.t2{
	font-size: 1.3rem;
}

/*-----------------------------------------------
	banaArea
-----------------------------------------------*/
.banaArea{
	padding: 7rem 0;
}
.banaArea ul{
	width:84%;
	flex-wrap: wrap;
	row-gap:2rem;
}
.banaArea ul li{
	width: 100%;
}
.banaArea p.tx{
	font-size: 1.2rem;
}
.banaArea p.sub{
	padding: .5rem .5rem 0 .5rem;
}
.banaArea img.pcim{
	display: none;
}
.banaArea img.spim{
	display:block;
}
/*----------------------------------------------------------------
* btn
----------------------------------------------------------------*/
.c-btnStyle2 {
    font-size: 1.35rem;
}
.p-homeTopics__btn {
	padding-top: 4rem;
}
.c-btnStyle1 {
    font-size: 1.3rem;
	width: 80%;
	padding: 1.3em 3em 1.3em 1.5em;
}
.c-btnStyle1::after {
    background-size: 1.2rem;
}
/*-----------------------------------------------
	fade
-----------------------------------------------*/

.fadeIn_up.is-show {
	animation-delay: .3s;
}
/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/
.footer{
	padding: 6rem 0 2rem;
}

.footer p.copy{
	font-size: 1.1rem;
}
.footer ul.sns li{
	width: 31%;
	margin: 0 .5%;
}
.footer ul.sns{
	margin-bottom: 2rem;
}

}