/* iOSでのデフォルトスタイルをリセット ---------------------------
-----------------------------------------------------------*/
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* フェードイン ----------------------------------------
-----------------------------------------------------------*/

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/* Body html Fonts ----------------------------------------
-----------------------------------------------------------*/
html {
    background-color: #FFF;
}
h2{
	font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-smoothing: antialiased;*/
    text-rendering: auto;
    line-height: 1.8em;
    font-feature-settings: "palt" 1;
    font-size: 36px;
    letter-spacing: .5rem;    
}
h3{
	font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-smoothing: antialiased;*/
    text-rendering: auto;
    line-height: 1.8em;
    font-feature-settings: "palt" 1;
    font-size: 30px;
    letter-spacing: .05rem;    
}
p,div{
    font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-smoothing: antialiased;*/
    text-rendering: auto;
    color: #222;
    line-height: 2em;
    font-feature-settings: "palt" 1;
    font-size: 16px;
    letter-spacing: .05rem;    
}
li{
    list-style: none;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    position: relative;
}
body a {
    color: #222222;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

body a:hover {
    text-decoration: none;
}
body img {
    max-width: 100%;
    height: auto;
}
body ::selection {
    background: rgba(89, 176, 219, 0.2);
/* Safari */ }
 body ::-moz-selection {
 background: rgba(89, 176, 219, 0.2);
/* Firefox */ }


/* style --------------------------------------------------
-----------------------------------------------------------*/

img{
  width: auto;
}
.tel_link{
    border-bottom: 1px solid #00913a;
}
.seednav{
    font-weight: 900;
    color: #000000;
    transition: all 0.3s ease;
}
.seednav:hover {
  color: #fff;
  text-decoration: none;
  background-color: #00913a;
}
.seednav:active {
  color: #fff;
  text-decoration: none;
  background-color: #00913a;
}

.seednav .h3_span{
    text-align: center;
    font-weight: normal;
}
.nav_logo{
	border-top: 8px solid #1bb8ce;
}
.top_logo{
	margin-right: 40px;
}
.btn_contact{
	color: #ffffff;
    background-color: #00913a;
    background-image: none;
    border-color: #00913a;
    border-radius: 0;
    font-weight: 700;
    padding: 0.5rem 1rem;
}
.btn_contact span{
	color: #ffffff;
    font-weight: 400;
    padding: 0.5rem 1rem;
    font-size: 10pt;
    letter-spacing: 0.5em;
}
.btn_contact_form{
    color: #ffffff;
    background-color: #00913a;
    background-image: none;
    border-color: #00913a;
    border-radius: 0;
    font-weight: 400;
    padding: 0.8rem 2rem;
}
.btn_contact_form span{
    color: #ffffff;
    font-weight: 400;
    padding: 0.5rem 1rem;
    font-size: 16pt;
    letter-spacing: 0.5em;
}
main{
	background-color: #f8f9fa;
}
footer{
	background-color: #1bb8ce;
	color: #ffffff;
}
header#top{
	height: 500px;
	padding: 180px 0;
	background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(../img/bg_top.jpg);
	background-position: center;
	background-size: cover;
	color: #ffffff;
}
header#top h2{
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0;
    font-size: 42px;
}
footer{
	padding: 40px 0 20px 0;
}
footer .copyright small{
    color: #ffffff !important;
}
#about h3,
#service h3,
#privacy h3,
#company h3,
#form h3{
	margin-bottom: 0;
    line-height: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
    padding-left: 40px;
    border-left: 5px solid #b5b5b6;
}
#service_top h3,
#service_bottom h3{
	margin-bottom: 0;
    line-height: 1.4em;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.h3_span{
	color: #1bb8ce;
	letter-spacing: 0.8em;
	font-size: 14px;
	margin-top: 10px;
    padding-left: 45px;
}
.h3_span_in{
    color: #1bb8ce;
    letter-spacing: 0.8em;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 0;
}
#thanks{
    padding: 80px 0;
}
#about{
	padding: 80px 0 20px 0;
}
#service{
	padding: 40px 0;
}
#service_top,
#service_bottom{
	background-color: #ffffff;
	margin-bottom: 40px;
	padding: 40px 0 20px 0;
}
#service_top p,
#service_bottom p{
	margin-top: 20px;
}
#company{
	padding: 40px 0;
}
#company p span{
	display: inline-block;
	margin-right: 40px;
	font-size: 1.0em;
	font-weight: normal;
}
#form{
    padding-bottom: 60px;
}
#form label{
    width: 100%;
}
.news{
	border-left: 12px solid #b5b5b6;
	background-color: #ffffff;
	margin-bottom: 40px;
}
.news p{
	margin-bottom: 0;
    padding: 20px 0;
}
.span_news{
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 20px;
}
.date{
	color: #b5b5b6;
	margin-right: 40px;
}
.privacy{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 40px;
    color: #ffffff;
    padding: 15px 0;
}
.privacy a{
	color: #ffffff;
}
.privacy a:hover{
	color: #b5b5b6;
}
.privacy a:active{
	color: #b5b5b6;
}
.formTable{
    margin: 0 auto;
}
.second_btn{
    color: #ffffff;
    background-color: #00913a;
    background-image: none;
    border-color: #00913a;
    border-radius: 0;
    font-weight: 400;
    padding: 0.8rem 2rem;
}
.second_ul{
    display: flex;
    justify-content: space-between;
}
.second_ul li{
    display: inline-block;
}
#formWrap{
    padding-bottom: 60px;
}

/* smartphone ----------------------------------------------
-----------------------------------------------------------*/
@media screen and (max-width: 480px) {

main{
	padding: 10px 0;
}
header#top {
    height: auto;
    padding: 80px 0;
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(../img/bg_top.jpg);
    background-position: center;
    background-size: cover;
    color: #ffffff;
}
header#top h2 {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 36px;
}
#service_top, #service_bottom {
    background-color: #ffffff;
    margin-bottom: 40px;
    padding: 40px 0 40px 0;
}
.news p {
    margin-bottom: 0;
    padding: 20px 0;
    height: auto;
    line-height: 1.6em;
}
#company p span {
    display: inline-block;
    margin-right: 20px;
    font-size: 1.0em;
    font-weight: normal;
    line-height: 1.1em;
}

}