@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/* -----------------------------------------------------------------------
## Reset #################################################################
----------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0px;
  padding: 0px;
}
html { font-size: 62.5%; } /* 10px */
html {overflow:auto; height:100%;}
body{
	color: #000;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese","Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.5;
	/*	
	font: 14px/185% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.05em;
	overflow: hidden;
	font-weight:500;
}
fieldset,img {
  border: 0;
  vertical-align: bottom;
}

address,caption,cite,code,dfn,em,var {
  font-style: normal;
  font-weight: normal;
}
ul {
  list-style: none;
}
ol li {
	list-style-position: outside;
	list-style: decimal;
	margin-left: 25px;
	margin-bottom:5px;
}

caption,th {
	text-align: left;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

a{
	color: #333333;
	text-decoration: none;
}

img {
	max-width:100%;
	height:auto;
	padding: 0;
	margin: 0;
}
*:focus {
	outline: none;
}
input[type=text],select {
 font-size: 16px;
 transform: scale(0.75);
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
/*a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}*/

.ma_b5 {margin-bottom: 5px;}
.ma_b10 {margin-bottom: 10px;}
.ma_b15 {margin-bottom: 15px;}
.ma_b20 {margin-bottom: 20px;}
.ma_b21 {margin-bottom: 21px;}
.ma_b25 {margin-bottom: 25px;}
.ma_b30 {margin-bottom: 30px;}
table, tr, th, td {
    border-collapse: collapse;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

.sp {display:none;}

/*---- FOR SP ----*/
@media only screen and (max-width: 768px){
body{
	color: #000;
	font: 1.2rem/165% "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese","Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing:0.05em;
	line-height:160% !important;
	
}
body{
	color: #000;
	font: 1.2rem/165% "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese","Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing:0.05em;
	
}
.pc {display:none !important;}
.sp {display:block!important;}
.img100 {width:100%; height:auto;}
.img90 {width:90%; height:auto;}
.img80 {width:80%; height:auto;}
.img70 {width:70%; height:auto;}
}


/****************************************

Gnavi

*****************************************/
.gnav {
	width: 100%;
	padding: 25px 0px;
	background: #FFF;
}
.gnav ul {
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.gnav ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.gnav ul li {
	line-height: 1;
	width: 32.3%;
	padding: 0px;
	font-size: 20px;
	text-align: center;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	border-left: 2px solid #f50b0b;
}
.gnav ul li:last-child {
	border-right: 2px solid #f50b0b;
}
.gnav ul li span {
	color: #8b8b8b;
	font-size: 12px;
}
.gnav ul li a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	font-weight: bold;
	opacity: 1;
}
.gnav ul li a:hover {
	opacity: 0.7;
}



/*---- FOR SP ----*/
@media only screen and (max-width: 768px){
.gnav {
	padding: 13px 0px;
}
.gnav ul {
	margin: 0 1%;
}
.gnav ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
.gnav ul li {
	font-size: 13px;
	width: 33%;
}
.gnav ul li:last-child {
	border-right: 2px solid #f50b0b;
}
.gnav ul li span {
	font-size: 10px;
}
.gnav ul li a {
}
.gnav ul li a:hover {
	opacity: 0.7;
}
}
@media only screen and (max-width: 320px){
}


/*****************  フローティングボタン *****************/
#f_gnav {
	position: fixed;
	right: 0px;
	width: 100%;
	top: 0;
	background: #fff;
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}







/* ----------------------------------------
 *  ページトップ
 * ---------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 0px;
}
#page-top a {
	background: #CB2837;
	text-decoration: none;
	width: 58px;
	padding: 15px 0;
	text-align: center;
	display: block;
	vertical-align: middle;
	/* border-radius */
	border-radius:6px 0px 0px 6px ;
	-moz-border-radius:6px 0px 0px 6px ;
	-webkit-border-radius:6px 0px 0px 6px ;
}
#page-top a:hover {
	opacity:0.7;
}

@media only screen and (max-width: 768px){
#page-top {
	display:none;
	bottom: 10px;
	right: 0px;
	z-index:2;
}
#page-top img {
	width:auto;
	height:15px;
}
#page-top a {
	width: 45px;
	padding: 10px 0 15px;
}

}

#sp_navi {display:none;}


@media only screen and (max-width: 768px){
.pc {display:none !important;}
.sp {display:block!important;}
}






























.ma0 {margin: 0 !important;}
.ma_t5 {margin-top: 5px;}
.ma_t8 {margin-top: 8px;}
.ma_t10 {margin-top: 10px;}
.ma_t15 {margin-top: 15px;}
.ma_t20 {margin-top: 20px;}
.ma_t25 {margin-top: 25px;}
.ma_t30 {margin-top: 30px;}
.ma_t35 {margin-top: 35px;}
.ma_t40 {margin-top: 40px;}
.ma_t50 {
	margin-top: 50px;
}
.ma_t60 {
	margin-top: 60px;
}


















/*++++++++++++++++++++++++++++++++++++
+
+　マージン
+
+++++++++++++++++++++++++++++++++++++*/
.ma_b5 {margin-bottom: 5px;}
.ma_b10 {margin-bottom: 10px !important;}
.ma_b15 {margin-bottom: 15px;}
.ma_b20 {margin-bottom: 20px;}
.ma_b21 {margin-bottom: 21px;}
.ma_b25 {margin-bottom: 25px;}
.ma_b30 {margin-bottom: 30px !important;}
.ma_b35 {margin-bottom: 35px;}
.ma_b40 {margin-bottom: 40px;}
.ma_b45 {margin-bottom: 45px;}
.ma_b50 {margin-bottom: 50px;}
.ma_b60 {margin-bottom: 60px;}
.ma_b80 {margin-bottom: 80px;}
.ma_b90 {margin-bottom: 90px;}
.ma_b100 {margin-bottom: 100px;}
.ma_b150 {margin-bottom: 150px;}

.ma_l2 {margin-left: 2px;}
.ma_l5 {margin-left: 5px;}
.ma_l10 {margin-left: 10px;}
.ma_l15 {margin-left: 15px;}
.ma_l20 {margin-left: 20px;}
.ma_l25 {margin-left: 25px;}
.ma_l40 {margin-left: 40px;}
.ma_l60 {margin-left: 60px;}
.ma_l110 {margin-left: 110px;}

.ma_r2 {margin-right: 2px;}
.ma_r3 {margin-right: 3px;}
.ma_r5 {margin-right: 5px;}
.ma_r10 {margin-right: 10px;}
.ma_r12 {margin-right: 12px;}
.ma_r15 {margin-right: 15px;}
.ma_r16 {margin-right: 16px;}
.ma_r20 {margin-right: 20px;}
.ma_r25 {margin-right: 25px;}
.ma_r30 {margin-right: 30px;}
.ma_r40 {margin-right: 40px;}
.mr0 {margin-right:0 !important;}
.pd_t5 {padding-top: 5px;}
.pd_t10 {padding-top: 10px;}
.pd_t15 {padding-top: 15px;}
.pd_t20 {padding-top: 20px;}
.pd_t30 {padding-top: 30px;}
.pd_t40 {padding-top: 40px;}
.pd_t50 {padding-top: 50px;}
.pd_b5 {padding-bottom: 5px;}
.pd_b10 {padding-bottom: 10px;}
.pd_b15 {padding-bottom: 15px;}
.pd_b20 {padding-bottom: 20px;}
.pd_r5 {padding-right: 5px;}
.pd_r10 {padding-right: 10px;}
.pd_r15 {padding-right: 15px;}
.pd_r20 {padding-right: 20px;}
.pd_l30 {padding-left: 30px;}
.pd_l25 {padding-left: 25px;}
.pd_l20 {padding-left: 20px;}
.pd_l15 {padding-left: 15px;}
.pd_l11 {padding-left: 11px;}
.pd0 { padding: 0 !important;}


.fl {float: left;}
.fr {float:right;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.lr_auto {margin-left: auto; margin-right: auto;}

.txt_normal {font-weight:normal}

.txt_gray {color: #666666;}
.txt_pink {color: #FF3366;}
.txt_orange {color: #FF6600;}
.txt_blue {color: #0099FF;}
.txt_blue2 {
	color: #005DAA;
	font-weight: bold;
	font-size: 14px;
}
.txt_green {
	color: #80C005;
}
.txt_green2 {color: #336600;}
.txt_green3 {color: #179e5f;}

.txt_green14b {
	color: #00865D;
	font-size: 14px;
	font-weight: bold;
}
.txt_green14b2 {
	color: #336600;
	font-size: 14px;
	font-weight: bold;
}
.txt_green14b3 {
	color: #6C9B00;
	font-size: 14px;
	font-weight: bold;
}
.txt_red {
	color: #f50b0b;
}
.txt_red14b {
	color: #CC0000;
	font-size: 1.4rem;
	font-weight: bold;
}
.txt_gray {color: #888888;}
.txt_gray2 {
	color: #CCC;
}
.txt_white {
	color: #FFF;
}

.txt10 {font-size: 1rem !important;}
.txt10_sup {
	font-size: 1rem;
	line-height: 10px;
	padding-top: -10px;
}
.txt11 {font-size: 11px;}
.txt11fw_n {
	font-size: 11px;
	font-weight: normal;
}
.txt12 {font-size: 1.2rem !important;}
.txt14 {font-size: 1.4rem !important;}
.txt15 {font-size: 1.5rem !important;}
.txt16 {font-size: 1.6rem !important;}
.txt18 {font-size: 1.8rem !important;}
.txt22 {font-size: 2.2rem !important;}
.txt22b {
	font-size: 2.2rem;
	font-weight: bold
}
.txt20b {
	font-size: 2rem;
	font-weight: bold
}
.indents {
	text-indent: -1em;
	margin-left: 1em;
}
.indents2 {
	text-indent: -2em;
	margin-left: 2em;
}
.indents3 {
	text-indent: -2.5em;
	margin-left: 2em;
}
.attention {

}

















/****************************************

footer

*****************************************/

footer {
	max-width: 1080px;
	margin: 0 auto;
	border-top: 1px solid #f50b0b;
	padding: 25px 0px;
}
footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
footer .logo {
	float: left;
	width: 19.44444444%;
}
footer #copyright {
	line-height: 45px;
	float: right;
	font-size: 13px;
}
@media only screen and (max-width: 768px){
footer {
	margin: 0 5%;
	padding: 15px 0px;
}
footer:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden;
}
footer .logo {
	float: none;
	width: 40%;
	margin: 0 auto 12px;
	text-align: center;
}
footer #copyright {
	line-height: 1;
	float: none;
	font-size: 12px;
	text-align: center;
}
}

#contents {
	background: linear-gradient(#f3f3f3, #fff ) fixed;
}

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