@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
*,
*::before,
*::after {
box-sizing: border-box; }

body,
html {
    overflow-y: auto;
    overflow-x: hidden;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-seriff;    color: #111;
}
::-webkit-scrollbar { width: 2px;  }/* for vertical scrollbars */
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-track-piece{ background:#fff;}


.wrap{
	max-width:1000px;
	margin:0 auto;
	background:#fff;
	}
.wrap2{
	padding:0 40px;
	}
.container{
	max-width:100% !important;
	margin:0;
	padding:0;
}
.row{
	margin:0;
	padding:0;
}

img{ max-width:100%;}

.img_center {
    display: block;
    margin: 0 auto !important;
    width: 50% !important;
	padding-top:20px;
}
.img_center2 {
    display: block;
    margin: 0 auto !important;
    width: 100% !important;
}
.img_center3 {
	margin:0 auto;
    width: 426px !important;
}
.phr{ float:right; padding-left:30px;}

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

.b,
.bold{font-weight:bold;}
.opc1{ opacity:1 !important;}

.lh100{ line-height:100% !important;}

.line{ border-bottom:1px solid #000;}
.line2{ border-bottom:2px solid #000;}

.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop30 {margin-top:30px !important;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}

.mb15 {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}

.white{ color:#fff !important;}
.black{ color:#000 !important;}
.brown{ color:#988475 !important;}
.blue{ color:#2756a4 !important;}
.blue2{ background:#003178; color:#fff;}
.blue3{ background:#094fa1 !important;}
.blue4{ background:#f3f9ff !important;}
.blue5{ background:#094fa1 !important;}

.violet{ background:#E6E9F2 !important;}
.red{ color:#af0400 !important;}
.yell{ background:#ffea00 !important;}
.yell2{ background:#fffef8 !important;}

.bg_gray{ background:#fafafa !important;}
.bg_gray2{ background:#ebebeb !important;}

.txtshadow{
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
	}
.txtshadow02{
	text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
	}

.gazo_styles{
  opacity: 0.95;
  /*box-shadow: 5px 4px 0 0 #E6E6E6;*/
  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gazo_styles:hover{
  opacity: 1;
  -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);  
}

.textleft {text-align:left;}
.textcenter {text-align:center !important;}
.m-c{ margin:0 auto !important;}

.boederbottom0{ border-bottom: 0px !important;}
.borderbottom_org{ border-bottom:5px solid #EA5711 !important;}

.border_blue{ border:3px solid #094fa1 !important;}
.border_blue2{ border-left:5px solid #094fa1 !important;}

h1, .h1, h2, .h2, h3, .h3 {
	margin:0;
}

.ft70{ font-size:70%;}
.ft80{ font-size:80%;}
.ft90{ font-size:90%;}
.ft110{ font-size:110%;}
.ft120{ font-size:120%;}
.ft130{ font-size:130%;}
.ft150{ font-size:150%;}
.ft160{ font-size:160%;}
.ft180{ font-size:180%;}
.ft200{ font-size:200%;}
.ft250{ font-size:250%;}

.lts-3{letter-spacing:-3px;}

.width_60px{width:60px !important;}

.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width90{width:90% !important;}
.width95{width:95% !important;}


h1 {
    font-weight: 900;
    text-transform: uppercase;
}
h1 small { text-transform: lowercase }

h2 {
	font-size:180%;
	text-align:center;
    line-height: 180%;
    font-weight: 900;
}
h3 {
	font-size:150%;
	text-align:center;
    line-height: 180%;
    font-weight: 900;
}

h5 { font-size: 16px; }
p {
	font-size: 28px;
	line-height:1.8;
	padding-bottom:40px;
	color:#000 !important;
	text-align:left;
}
.txt1{
	background:#ffd3c8;
	font-size:50px;
	color:#ff2a00;
	padding:20px;
	font-weight:bold;
	margin-bottom:60px;
}
a {
    color: inherit;
    transition: all 0.5s;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #00a0e9;
	opacity:0.7;
}
.highlight { color: #ffcc33 }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }

ul{ list-style:none; margin:0 0 60px 0; padding:0;}
li:before {
content: '';
  display: inline-block;
  width: 60px;/*画像の幅*/
  height: 60px;/*画像の高さ*/
  background-image: url(../img/check.png);
  background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  top:0px;
  left:0px;
   }

li {
	font-size:40px;
	text-align:left;
	position: relative;
	font-weight:bold;
	line-height:180%;
	position:relative;
	padding-left:70px;
	margin-bottom:20px;
}

ul.point {
margin:0 0 60px 0; padding:0;
  counter-reset: my-counter;
  list-style: none;
}

.point li {
  margin-bottom: 30px;
  padding-left: 80px;
  position: relative;
	color:#d60916;
	font-size:50px;
	line-height:140%;
}
.point li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background: #d60916 !important;
  color: #fff;
  display: block;
  float: left;
  line-height: 60px;
  text-align: center;
  height: 60px;
  width: 60px;
}

table{ font-size:100%;}

/* header*/
header {
	width:100%;
    margin: 0 auto;
}
header.sl {
	width:100%;
    margin: 0 auto 60px;
		background:#eeeeee;
}

.top {
	background:#fc5d33;
	margin:0 auto;
	text-align:center;
}
.top2 {	
	height:0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 73%;
	background:url(../img/top.jpg) no-repeat 0 0;
	background-size: contain;
	display: block;
	position:relative;
}
.top3 {	
	background:#00397b;
	margin:0 auto;
	text-align:center;
}
.top4 {	
	height:0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 46.7%;
	background:url(../img/top3.png) no-repeat 0 0;
	background-size: contain;
	display: block;
	position:relative;
}

/* timer*/

.Timer {
	text-align:center;
	font-size:34px;
	color:#000;
	font-weight:bold;
	}

.Timerin,
.Timerin2{
	width:100%;
	margin:0 auto;
}

.Timer2{
	width: 100%;
	height:30px;
	line-height:30px;
	font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
	color: #b20000;
	font-weight:bold;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:25px;
	text-align:center;
	padding:0;
	display:block;
	font-size:34px;
	}

.box1{
	border:3px solid #ccc;
	padding-top:15px;
	margin-bottom:30px;
	}

/* form*/

input[type="text"]{
   outline: none;
   vertical-align: middle;
	width:100% !important;
	height:100px !important;
   font-size: 30px;
   line-height: 100px !important;
	color: #111 !important;
   font-weight:bold;
   padding:30px;
	border:2px solid #ccc;
	margin:10px auto 30px !important;
	border-radius:8px;

}
::placeholder{
  color:#999;
}
.btn:hover{
	opacity:0.7;
   -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}

.footer {
	border-top:1px solid #ccc;
	padding-top:20px;
	padding-bottom:30px;
}
.footer p{
	font-size:90%;
	color:#666;
	}
	
/* prof*/
.profilebox{
	width:75%;
	margin:0 auto;
	background:#fff;
	padding:0px 40px 20px 40px;
}
.profilebox p{
	font-size:90%;
	line-height:1.8;
	padding-bottom:20px;
}

.profilebox h3 {
	font-size:200%;
	text-align:left;
  line-height: 180%;
  font-weight: 900;
	padding-left:20px;
	padding-bottom:10px;
}
.profilebox h4 {
	font-size:100%;
	text-align:left;
  line-height: 160%;
  font-weight: 900;
	padding-left:20px;
}

/* privacy */
#privacy{background:#eaeaea !important;}
.privacybox{
	width:90%;
	margin:0 auto 30px;
	background:#fff;
	padding:0px 40px 20px 40px;
}
.privacybox p{
	font-size:100%;
}
#privacy h1 {
	font-size:200% !important;
	text-align:center !important;
  font-weight: 900;
	margin:20px 0;
	padding-top:30px;
	padding-bottom:40px;
}

/* ページトップ */

#page-top {
    position: fixed;
    bottom: 15px;
    right: 10px;
    font-size: 80%;
}
#page-top a {
    display: block;
    background: #999;
    color: #fff;
    width: 100px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}
#page-top a:hover {
    background: #999;
    text-decoration: none;
}

.txt_01:before {
content: '';
  display: inline-block;
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  background-image: url(../img/check.png);
  background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  top:12px;
  left:0px;
   }

.txt_01 {
	font-size:130%;
	text-align:left;
	position: relative;
	font-weight:bold;
	line-height:260%;
	position:relative;
	padding-left:40px;
}