@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
 /*------------------------------------------------------------
   Browser Default Initialization responsive1
 ------------------------------------------------------------*/
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 html {
   overflow-y: scroll;
   height: 100%;
 }
 body {
   margin: 0;
   padding: 0;
   /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 400;
   color: #333;
   font-size: 16px;
   line-height: 125%;
   text-align: left;
   -webkit-text-size-adjust: 100%;
   background-color: #FFF;
   height: 100%;
   word-wrap: break-word;
 }

:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
img{
	vertical-align:bottom;	
}
figure {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a{
	text-decoration: none;
	color: #000;
}


/*-----------------------------
   Header
-------------------------------*/
#wrapper{
	margin: -20px 0 0 0;
}

#mainv_area{
	width: 100%;
	position: relative;
	background-image: url("../images/img_top_01_2000.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat: no-repeat;
}
#mainv_areaB{
	width: 100%;
	position: relative;
	background-image: url("../images/img_underpage_head_2000.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat: no-repeat;
}
#mainv{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 0;	
	position: relative;
}
#mainv img{
	width: 100%;
	height: auto;
	position: relative;
}
#mainv_areaB > #mainv > .bg_head_smt{
	display: none;
}
#mainv header{
	position: absolute;
	width: 100%;
	max-width: 1000px;
	top: 20px !important;
	right: 0;
	left: 0;
}
#mainv header #h1_logo{
	width: 25%;
	min-width: 200px;
	top: 5%;
	left: 0%;
}
#mainv_area header #h1_logo img{
	width: 100%;
	height: auto;
}
#mainv_area #h1_logo img:hover,
#mainv_area .icon_sns_top img:hover,
#mainv_area .icon_sns_smt img:hover,
#mainv_area .icon_sns img:hover{
	opacity: 0.5;
	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
	transition: .2s;
}

#mainv_area .icon_sns_top,
#mainv_area .icon_sns,
#title_base .icon_sns_top,
#title_base .icon_sns{
	width: 80px;
	height: 30px;
	position: absolute;
	top: 5%;
	right: 5%;
}
#mainv_area .icon_sns_top img,
#mainv_area .icon_sns img,
#title_base .icon_sns_top img,
#title_base .icon_sns img{
	width: 30px;
	height: 30px;
	margin: 0 5px;
	float: left;
}

#mainv_area .icon_sns_top::after,
#mainv_area .icon_sns_smt::after,
#mainv_area .icon_sns::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#gnavi{
	position: absolute;
	width: 64%;
	height: 30px;
	top: 5px;
	left: 36%;
}
#gnavi ul{
	margin: 0 auto;
	width: 100%;
	height: 30px;
	text-align: center;
}

#gnavi ul::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#gnavi ul li{
	float: left;
	width: 25%;
	height: 30px;
	position: relative;
	display: block;
}
#gnavi ul li a{
	width: 100%;
	height: 30px;
	color: #343434;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 0 0 0;
}

#gnavi ul li:link{
	
}
#gnavi ul li:visited{
	
}
#gnavi ul li a:hover{
	opacity: 0.5;
	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
	transition: .2s;
}
#gnavi ul li:active{
	color: #fff;
}



/*下の階層を持っているulの指定*/
nav li.has-child ul{
  position: absolute;
  left:0;
  top:38px;
  z-index: 4;
  width:100%;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

nav li.has-child ul li{
	width: 100% !important;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1em;
	text-align: left;
	text-indent: 2em;
	position: relative !important;
}
nav li.has-child ul li:last-child{
	margin-top: -3px;
}
nav li.has-child ul li:first-child::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: 4px;
	left: 10px;
	background-image: url("../images/icon_gnavi_k_A.png");
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
}
nav li.has-child ul li:last-child::before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: 0;
	left: 10px;
	background-image: url("../images/icon_gnavi_k_B.png");
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
}

nav li.has-child ul li a{
  color: #222;
}

nav li.has-child ul li:last-child a{
  border-bottom:none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
  color: #555;
}




#menu_trigger_box{
	display: none;
}
#smtnav{
	display: none;
}



/*-----------------------------
   Section01 BUSINESS
-------------------------------*/
article.cont_base{
	width: 100%;
	margin: 0 auto;
	background-color: rgb(220,253,255);
    background-image:url("../images/bg_pattarn_01.png"), linear-gradient(90deg, rgba(220,253,255,1) 0%, rgba(95,237,247,1) 100%); 
	background-size: 25px auto, auto auto;
	background-position: top center, auto auto;
	background-repeat: repeat, no-repeat;
	position: relative;
}

section.cont_box01{
	margin: 0 auto;
	padding: 70px 0 70px 0;
	position: relative;
	width: 100%;
	max-width: 1000px;
	z-index: 10;
}
section.cont_box01::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
section.cont_box01 .cont_box01inn{
	width: 47%;
	position: relative;
	z-index: 20;
	margin: 0 0 0 3%;
	float: left;
}

h2.title_A{
	margin: 0 auto 0;
	text-align: left;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 4em;
}
h2.title_A span{
	color: #02b1e3;
}
h3.title_A_sub{
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2em;
	margin: 40px 0 0 0;
}
section.cont_box01 p{
	text-align: left;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	margin: 20px 0 0 0;
	line-height: 1.6em;
}

section.cont_box01 .cont_box01innB{
	width: 45%;
	float: left;
	margin: -40px 5% 0 0;
}
section.cont_box01 .cont_box01innB img{
	width: 100%;
	height: auto;
}

br.br_only_smt{
	display: none;
}





/*-----------------------------
   Section02 MISSION
-------------------------------*/
article.cont_base2{
	width: 100%;
	margin: 0 auto;
	background-color: rgb(207,247,95);
    background-image:url("../images/bg_pattarn_01.png"), linear-gradient(90deg, rgba(207,247,95,1) 0%, rgba(255,241,220,1) 100%); 
	background-size: 25px auto, auto auto;
	background-position: top center, auto auto;
	background-repeat: repeat, no-repeat;
	position: relative;
}

article.cont_base2 section.cont_box01 .cont_box01inn{
	width: 47%;
	position: relative;
	z-index: 20;
	margin: 0 0 0 3%;
	float: right;
}

article.cont_base2 h2.title_A span{
	color: #73d302;
}

section.cont_box01 .cont_box01innB{
	width: 45%;
	float: right;
	margin: -40px 5% 0 0;
}
section.cont_box01 .cont_box01innB img{
	width: 100%;
	height: auto;
}


/*-----------------------------
   Section03 NEWS
-------------------------------*/
#top_info{
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 0;
}
#top_info h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 3.5em;
	color: #aaa;
	text-align: center;
	margin: 0 0 50px 0;
}
#top_info dl{
	border-top: solid 1px #ccc;
	padding: 30px 0;
}
#top_info dl:last-child{
	border-bottom: solid 1px #ccc;
}
#top_info dl::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#top_info dl dt{
	float: left;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	margin: 0 5% 0 5%;
	width: 10%;
}
#top_info dl dd{
	float: left;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.8em;
	text-align: justify;
	margin: 0 5% 0 0;
	width: 75%;
}


/*-----------------------------
   Section04 gallery
-------------------------------*/
#bl_ph{
	width: 100%;
	max-width: 1500px;
	margin: 100px auto 0;
}
.bl_ph{
	width: 100%;
	max-width: 1500px;
	margin: 20px auto 0;
}
#bl_ph ul::after,
.bl_ph ul::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#bl_ph ul li,
.bl_ph ul li{
	width: 33.333%;
	width:calc(100% / 3);
	float: left;
	border: 1px solid #fff;
}
#bl_ph ul li img,
.bl_ph ul li img{
	width: 100%;
	height: auto;
}



.totop{
  position: fixed;
  right: 1%;
  bottom: 3%;
	width: 40px;
	height: 51px;
	background-image: url("../images/icon_totop.png");
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
	z-index: 800;
}
.active{
  opacity: 1;
  visibility: visible;
}
/*-----------------------------
   Footer
-------------------------------*/
footer{
	width: 100%;
	background-color: #cdfbfe;
	padding: 30px 0 20px 0;
	margin: 30px 0 0 0;
}
footer #footer-inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
footer #footer-inner h2{
	width: 50px;
	margin: 0 auto;
}
footer #footer-inner h2 img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
footer #footer-inner .icon_sns{
	width: 112px;
	height: 40px;
	position: absolute;
	top: 15px;
	right: 0;
}
footer #footer-inner .icon_sns::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
footer #footer-inner .icon_sns img{
	width: 40px;
	height: 40px;
	margin: 0 8px;
	float: left;
}
footer #footer-inner h2 img:hover,
footer #footer-inner .icon_sns img:hover{
	opacity: 0.8;
	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
	transition: .2s;
}


footer #footer-inner .copyright{
	text-align: center;
	font-size: 0.85em;
	color: #000;
	margin: 30px 0 0 0;
}


/*-----------------------------
   Button
-------------------------------*/
.btn_A{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	text-align: center;
	width: 40%;
	height: 40px;
	background-color: #02b1e3;
	display: block;
	position: relative;
	z-index: 10;
	margin: 20px 0 0 0 ;
	border-radius: 20px;
}
.btn_B{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
	text-align: center;
	width: 60%;
	height: 40px;
	background-color: #02b1e3;
	display: block;
	position: relative;
	z-index: 10;
	margin: 20px 0 0 0 ;
	border-radius: 20px;
}
.btn_A a,
.btn_B a{
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.btn_A a span,
.btn_B a span{
	width: 100%;
	top:2%;
	right: 0;
	left: 0;
	color: #fff;
	display: block;
	margin: 10px 0 0 0;
	position: relative;
}
.btn_A a span::after,
.btn_B a span::after{
	content: "";
	position: absolute;
	top: 7px;
	right: 10%;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_A a:link{
	color: #fff;
}
.btn_A:hover,
.btn_B:hover{
	opacity: 0.6;
	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
	transition: .2s;
}
.btn_A a:active{
	color: #fff;
}
.btn_A a:visited{
	color: #fff;
}
.btn_A:hover a span::after,
.btn_B:hover a span::after{
	right: 8%;
	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
	transition: .2s;
}

input[type="submit"]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	font-size: 1.1em;
	text-align: center;
	width: 100%;
	height: 40px;
	background-color: #000;
	display: block;
	z-index: 10;
	margin: 0 auto;
	color: #fff;
}




/*-----------------------------
  下層ページ
-------------------------------*/
.page_title{
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: 'Open Sans', sans-serif;
	font-size: 3em;
}

.page_title_B{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: "Helvetica Neue",Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	width: 70%;
}

@media only screen and (max-width:768px) {
.page_title_B{
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: "Helvetica Neue",Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}
}

article.cont_base_uA{
	width: 100%;
	margin: 0 auto;
	background-color: rgb(220,253,255);
    background-image:url("../images/bg_pattarn_02.png"), linear-gradient(90deg, rgba(220,253,255,1) 0%, rgba(95,237,247,1) 100%); 
	background-size: 25px auto, auto auto;
	background-position: top center, auto auto;
	background-repeat: repeat, no-repeat;
	position: relative;
}

article.cont_base_uB{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

article.cont_base_uA section.cont_box01 .cont_box01inn,
article.cont_base_uB section.cont_box01 .cont_box01inn{
	width: 50%;
	position: relative;
	z-index: 20;
	margin: 0 0 0 0;
	float: left;
}
.cont_box01inn40{
	width: 40%;
	position: relative;
	z-index: 20;
	margin: 0 0 0 0;
	float: left;
}
h2.title_B{
	margin: 0 auto 0;
	text-align: left;
	color: #000;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 700;
	font-size: 3.5em;
	line-height: 1.1em;
}
.sentence_A{
	text-align: left;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	padding: 5px 0 0 0;
	line-height: 1.6em;
}
.sentence_B{
	text-align: left;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	padding: 5px 0 0 20%;
	line-height: 1.6em;
	width: 80%;
}

.ph_A{
	width: 100%;
	margin: 10px 0 0 0;
}
.ph_A img,
.ph_B img,
.ph_C img{
	width: 100%;
	height: auto;
}

article.cont_base_uA section.cont_box01 .cont_box01innB{
	width: 40%;
	float: left;
	margin: -20px 5% 0 5%;
}
.cont_box01inn60{
	width: 55%;
	float: left;
	margin: -10px 0 0 5%;
}
.ph_B{
	padding: 0 10%;
}
.ph_C{
	padding: 0 0 0 5%;
}
.ph_D{
	padding: 0 0 0 5%;
}
.notes{
	font-size: 0.85em !important;
	text-align: justify;
}


/*-----------------------------
  EVENT
-------------------------------*/
section.cont_box02{
	margin: 0 auto;
	padding: 0 0 50px 0;
	position: relative;
	width: 100%;
	max-width: 1000px;
	z-index: 10;
}
section.cont_box02::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.img_list li{
	width: 33.333%;
	width: calc(100% / 3 - 2px);
	float: left;
	margin: 0 1px;
}
.img_list li p{
	text-align: center;
	margin: 5px 0 0 0;
	font-size: 0.9em;
}
.img_list::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.img_list li img{
	width: 100%;
	height: auto;
}

h3.title_C{
	margin: 0 auto 0;
	text-align: center;
	color: #000;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.1em;
}

/*-----------------------------
  COMPANY
-------------------------------*/
h2.title_D{
	margin: 0 auto 0;
	text-align: center;
	color: #000;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 700;
	font-size: 3em;
	line-height: 1.1em;
}
.title_D_sub{
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 400;
	font-size: 2.5em;
	text-align: center;
	line-height: 1.2em;
	margin: 40px 0 40px 0;
}
.sentence_C{
	text-align: center !important;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	line-height: 1.6em;
}
h2.title_E{
	margin: 0 auto 0;
	text-align: center;
	color: #000;
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.1em;
}
.img_box{
	width: 100%;
}
.img_box img{
	width: 100%;
	height: auto;
}


.table_A{
	
}
.table_A tr{
	
}
.table_A tr th{
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-weight: 700;
	text-align: right;
	width: 10%;
	padding: 10px 15px 10px 0;
	border-right: 1px solid #aaa;
}
.table_A tr td{
	font-family: 'IBM Plex Sans JP', sans-serif;
	width: 90%;
	padding: 10px 0 10px 15px;
}



/*-----------------------------
  CONTACT
-------------------------------*/
dl.event_listA{
	
}
dl.event_listA dt{
	
}
dl.event_listA dt{
	
}
dl.event_listA::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.table_B{
	width: 100%;
}
.table_B tr{
	
}
.table_B tr th{
	text-align: right;
	padding: 15px 2% 15px 0;
	width: 20%;
	border-bottom: 1px solid #aaa;
	vertical-align: middle;
}
.table_B tr td{
	width: 80%;
	padding: 15px 0 15px 2%;
	border-bottom: 1px solid #aaa;
}


input{
	width: 50%;
	height:30px;
	border:#888 1px solid;
	border-radius:5px;
	padding:0 10px;
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 25%);
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 25%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 25%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
}
textarea{
	width:98%;
	border:#888 1px solid;
	border-radius:5px;
	padding:10px 10px;
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 10%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
	margin: 0 2% 0 0;
}

select{
width: 100%;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


input {
    vertical-align: middle;
}

/* Focus style */
select:focus {
  outline:none;
  box-shadow: 0 0 1px 3px rgba(180,222,250, 1);
  background-color:transparent;
  color: #222;
  border:1px solid #aaa;
}


/* Firefox focus has odd artifacts around the text, this kills that */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.button_A {
  border: 1px solid #bbb;
  border-radius: .3em;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  background: #f3f3f3; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}
.form_button{
	width:420px;
	height:50px;
	display:block;
	margin:0 auto;
}
.form_button2{
	width:400px;
	height:50px;
	display:block;
	margin:0 auto;
}

input[type=reset],
input[type=submit],
input[type=hidden],
input[type=button]{
	width:42%;
	height:50px;
	background:#b3b3b3;
	float:left;
	margin:15px 2% 80px;
	font: 1.1em YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
	color:#fff;
	cursor:pointer;
	border:none;
	border-radius: 5px ;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=hidden]:hover,
input[type=button]:hover{
	background:#07d9c8;
	-webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.1s;
}



.form_button_liset:after{
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

input[type=submit][disabled]{
    background:#DCDCDC;
    cursor:not-allowed; /* 禁止カーソル */
}

.marginreset01{
	margin-top: -30px;
	display: block;
}

.center{
	text-align: center !important;
}


.table_C{
	width: 100%;
	margin: 20px 0 0 0;
	border-top: 1px solid #aaa;
}
.table_C tr{
	
}
.table_C tr th{
	text-align: right;
	padding: 15px 2% 15px 0;
	width: 30%;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	vertical-align: middle;
}
.table_C tr td{
	width: 70%;
	padding: 15px 0 15px 2%;
	border-bottom: 1px solid #aaa;
}

.table_C tr:nth-child(even){
	background-color: #c4fdff;
}


/*-----------------------------
  Margin Padding
-------------------------------*/
.mt20{
	margin-top: 20px;
}
.mt50{
	margin-top: 50px;
}

.mb30{
	margin-bottom: 30px;
}
.mb100{
	margin-bottom: 100px;
}