@charset "utf-8";

/**********************************************************************************/
/*----------------------------- ユニバーサルセレクタ -----------------------------*/
/**********************************************************************************/
* {
	margin:0;
	padding:0
}
h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form {
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	text-align:left;
	color: #272b2f;
}
p {
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	text-align:left;
}

textarea {font-size:180%}
img {vertical-align:bottom}

.clear {clear:both}

ul li {
    font-size: 14px;
    list-style: none outside none;
}

/**********************************************************************/
/*----------------------------- font設定 -----------------------------*/
/**********************************************************************/
body {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
input, textarea {font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif}
/* for IE6 */
* html body {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif}
* html input, * html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif}

/******************************************************************************/
/*----------------------------- 通常リンクの設定 -----------------------------*/
/******************************************************************************/
a:link{
	color:#036FC2;}

a:visited{
	color:#036FC2;
	}
a:hover{
	color:#00ACEE;
	}
a{text-decoration:none;}

/********************************************************************/
/*----------------------------- ベース -----------------------------*/
/********************************************************************/
html, body {
	height:100%;
	font-size:18px;
	color:#4c4c4c;
}

/**********************************************************************/
/*----------------------------- cFix設定 -----------------------------*/
/**********************************************************************/
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px
	}
/*cFix*/
.cFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}
/* IE-mac */
* html .cFix {height:1%}
.cFix {display:block}

/*===============================================
	float
===============================================*/
.fl{float:left !important;}
.fr{float:right !important;}

/*===============================================
	margine
===============================================*/
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}

.mt5{margin-top:5px !important;}
.mt6{margin-top:6px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml200{margin-left:200px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
/*===============================================
	padding
===============================================*/
.pb1{padding-bottom:1px !important;}
.pb2{padding-bottom:2px !important;}
.pb3{padding-bottom:3px !important;}
.pb4{padding-bottom:4px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}

.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}


.pl3{padding-left:3px !important;}
.pl4{padding-left:4px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

/*===============================================
	@media screen
===============================================*/

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

@media screen and (min-width:897px) {
.sp{display: none !important;}
}

/*===============================================
	カラーグラデーション用
===============================================*/
.g_gr_to_bl{
  color: #397b9b;/*非対応のブラウザでの文字色を設定*/
  background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);/*背景色にグラデーションを指定*/
  -webkit-background-clip: text;/*テキストでくり抜く*/
  -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
  letter-spacing: 4px;
  font-size: 47px;
  font-weight: bold;
}
.g_gr_to_bl2{
  color: #397b9b;/*非対応のブラウザでの文字色を設定*/
  background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);/*背景色にグラデーションを指定*/
  -webkit-background-clip: text;/*テキストでくり抜く*/
  -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
    letter-spacing: 2.5rem;
    font-size: 3rem;
  font-weight: bold;
}
.g_gr_to_bl:after{
	    content: "";
    display: block;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);
    background: linear-gradient(45deg,#3D9EA0,#3D638F);
    width: 60%;
    position: relative;
    top: -16px;
}
.g_gr_to_bl2:after{
	    content: "";
    display: block;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);
    background: linear-gradient(45deg,#3D9EA0,#3D638F);
    width: 47%;
    position: relative;
    top: -15px;
    left: 25%;
}
.g_gr_to_bk{
  letter-spacing: 3px;
  font-size: 35px;
  font-weight: bold;
  position: relative;
  bottom: 97px;
}
@media screen and (max-width:896px) {
	.g_gr_to_bl{
  color: #397b9b;/*非対応のブラウザでの文字色を設定*/
  background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);/*背景色にグラデーションを指定*/
  -webkit-background-clip: text;/*テキストでくり抜く*/
  -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
  letter-spacing: 4px;
  font-size: 26px;
  font-weight: bold;

}.g_gr_to_bl2{
  color: #397b9b;/*非対応のブラウザでの文字色を設定*/
  background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);/*背景色にグラデーションを指定*/
  -webkit-background-clip: text;/*テキストでくり抜く*/
  -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
  letter-spacing: 4px;
  font-size: 1.6rem!important;
  font-weight: bold;

}
.g_gr_to_bl:after{
	    content: "";
    display: block;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);
    background: linear-gradient(45deg,#3D9EA0,#3D638F);
    width: 94%;
    position: relative;
    top: -8px;
}
.g_gr_to_bl2:after{
	    content: "";
    display: block;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);
    background: linear-gradient(45deg,#3D9EA0,#3D638F);
    width: 63%;
    position: relative;
    top: -8px;
    left: 16%;
}
.g_gr_to_bk{
  letter-spacing: 3px;
  font-size: 1.1rem;
  font-weight: bold;
  position: relative;
  bottom: 50px;
  left: -8px;
    line-height: 40px;
}}
@media screen and (max-width:320px) {
.g_gr_to_bl{
  color: #397b9b;/*非対応のブラウザでの文字色を設定*/
  background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);/*背景色にグラデーションを指定*/
  -webkit-background-clip: text;/*テキストでくり抜く*/
  -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
  letter-spacing: 4px;
  font-size: 23px;
  font-weight: bold;

}.g_gr_to_bl2{
  color: #397b9b;/*非対応のブラウザでの文字色を設定*/
  background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);/*背景色にグラデーションを指定*/
  -webkit-background-clip: text;/*テキストでくり抜く*/
  -webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/
  letter-spacing: 4px;
  font-size: 1.5rem!important;
  font-weight: bold;

}
.g_gr_to_bl:after{
	    content: "";
    display: block;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);
    background: linear-gradient(45deg,#3D9EA0,#3D638F);
    width: 94%;
    position: relative;
    top: -8px;
}
.g_gr_to_bl2:after{
	    content: "";
    display: block;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#3D9EA0,#3D638F);
    background: linear-gradient(45deg,#3D9EA0,#3D638F);
    width: 75%;
    position: relative;
    top: -8px;
    left: 10%;
}
.g_gr_to_bk{
	letter-spacing: 1px;
    font-size: 1.0rem!important;
    font-weight: bold;
    position: relative;
    bottom: 47px;
    left: -8px;
    line-height: 40px;
}}


/*===============================================
	文字幅指定
===============================================*/

.ls0{letter-spacing: 0px!important;}
.ls1{letter-spacing: 1px!important;}
.ls2{letter-spacing: 2px!important;}
.ls3{letter-spacing: 3px!important;}
.ls4{letter-spacing: 4px!important;}
.ls5{letter-spacing: 5px!important;}
.ls15{letter-spacing: 15px!important;}