@charset "utf-8";

/*  BODY
----------------------------------------------------------- */  

body {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-size: 13px;
	line-height : 2;
	font-feature-settings : "palt" ;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #fff;
	text-align: left;
}
a {
	text-decoration: none;
	color: #202020;
}
img {
    max-width: 100%;
	height: auto;
}
a img:hover {
	opacity: 0.8;
	color: #fff;
}

.pc {
	display: block!important;
}
.sp {
	display: none!important;
}

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

	.pc {
        display: none!important;
    }
    .sp {
        display: block!important;
    }
}

/*  メインコンテンツ
----------------------------------------------------------- */  

#content {
    margin: 0 auto;
}
#content a {
	text-decoration: none;
	color: #fff;
}
.w100 {
	width: 100%;
	margin: 0 auto;
}
.contents {
	width: 40%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	
	.w100 {
		width: 100%;
		margin: 0px auto;
	}
	.contents {
		width: 100%;
		margin: 0 auto;
	}
}


/*  テキスト
----------------------------------------------------------- */  

.tx_ab1 {
	font-size: 1em;
	font-weight: bold;
    margin: 10% auto;
	text-align: center;
}
.tx_ab2 {
	font-size: 1em;
    margin: 10% auto;
}
.tx_ab3 {
	font-size: 1em;
    margin: 10% auto;
	text-align: center;
}



/* header1
----------------------------------------------------------- */  

#header {
	/* position: absolute; */
    width: 100%;
    /* padding: 0 0 3% 0; */
    z-index: 10;
    /* margin: 2% 0 0 0; */
}
#header h1 {
	display: none;
}
#header .logo {
	width: 100%;
    position: relative;
    z-index: 200;
}
#header .logo img{
	width: 5%;
    height: auto;
    margin: 0 auto;
    padding: 3% 0 0 0;
}

#header .h_tit {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.4em;
	text-align: left;
}
#header .h_tit a {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: #fff;
}
#header .h_tit a:hover {
	border-bottom: 1px solid #fff;
}
#header .hmenu {
	width: 100%;
    text-align: right;
    padding: 0 0;
}
@media screen and (max-width: 768px) {
	
	#header .h_tit {
		margin: 4% 0 0 0;
	}
	#header .logo {
		width: 100%;
		text-align: left;
	}
	#header .logo img{
		width: 40%;
		height: auto;
		margin: 0 0;
		padding: 7% 0 0 5%;
	}
}


/* footer
----------------------------------------------------------- */   
   
#footer {
    /*position: fixed; */
    width: 100%;
    /* bottom: 0; */
    margin: 5% auto 0 auto;
    overflow: hidden;
    z-index: 50;
}
#footer .push {
	height: 50px;
}
#footer .foot_in {
	margin-bottom: 40px;
	/*border-bottom: 1px solid #fff;*/
}
#footer .foot_left {
	font-family: 'Averia Serif Libre';
    text-align: center;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
	color: #000;
}
#footer .foot_left a{
	font-family: 'Averia Serif Libre', cursive;
    font-weight: 100;
	color: #000;
}
#footer .foot_right {
	font-size: 10px;
    text-align: center;
	color: #000;
    line-height: 3;
    letter-spacing: 1px;
}
#footer_tp {
    position: absolute;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    z-index: 50;
}
#footer_tp .foot_in {
	margin-bottom: 40px;
	/*border-bottom: 1px solid #fff;*/
}
#footer_tp .foot_left {
	font-family: 'Averia Serif Libre';
    text-align: center;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
}
#footer_tp .foot_left a{
	font-family: 'Averia Serif Libre', cursive;
    font-weight: 100;
	color: #fff;
}
#footer_tp .foot_right {
	font-size: 10px;
    text-align: center;
    line-height: 3;
    letter-spacing: 1px;
}


@media screen and (max-width: 768px) {
	
	#footer {
		bottom: 0;
		position: relative;
		margin: 10% auto;
	}
	#footer .foot_left {
		font-size: 0.7em;
		line-height: 1.4;
		letter-spacing: 0.5px;
	}
	#footer .foot_right {
		font-size: 0.7em;
		letter-spacing: 0.5px;
	}
	#footer_tp {
		bottom: 0;
		position: fixed;
	}
	#footer_tp .foot_left {
		font-size: 0.7em;
		line-height: 1.4;
		letter-spacing: 0.5px;
	}
	#footer_tp .foot_right {
		font-size: 0.7em;
		letter-spacing: 0.5px;
	}
}

.btn1 {
	width: 50%;
    margin: 0 auto;
    padding: 0.2em 1em;
    font-size: 1.6em;
    text-align: center;
    text-decoration: none;
    color: #002;
    background: #fff;
    border: solid 2px #000;
    transition: .4s;
}
.btn1 a {
	color: #000;
	display: block;
}
.btn1:hover {
	background: #ffd700;
	color: #fff;
}

@media screen and (max-width: 768px) {
	
	.btn1 {
		width: 60%;
		margin: 0 auto;
		padding: 0.3em 1em;
		font-size: 1.4em;
	}
}