f
/*/////////ThemaColor/////////*/
.thm-clr {
  color: #fd8c00;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
}

#nav {
 width: 100%;
 height: 70px;
 position: relative;
 box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.1);
}@media screen and (max-width: 768px) {
  #nav {
 width: 100%;
 height: 60px;
}}

.logo a {
  display: block;
  background: url(../../images/name_sub.png) no-repeat 0 0;
  width: 255px;
  height: 45px;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 9998;
  position: relative;
  top: 10px;

}@media screen and (max-width: 768px) {
  .logo a {
  display: block;
  background: url(../../images/name_sub.png) no-repeat 0 0;
  width: 200px;
  height: 43px;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  top: 5px; }}


.drawer{
 display: flex;
 -ms-flex-direction:row;
 -webkit-flex-direction:row;
 flex-direction:row;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: justify;
 -webkit-justify-content: space-between;
 -ms-flex-pack: justify;
 justify-content: space-between;
 position: relative;
 height: 50px;
 padding: 0 20px;
}

.navbar_toggle{
 z-index:9999;
}@media screen and (max-width: 768px) {
  .navbar_toggle{
 margin-top: 10px;
}}
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 2px;
 width: 26px;
 background: #fd8c00;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
 top: 0;
}
.navbar_toggle_icon:nth-child(2) {
 margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 10px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -10px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}


.menu ul li a:hover {
  color:#fd8c00;
}

.main {
  width: 100%;
  padding-top: 70px;
}@media screen and (max-width: 768px) {
.main {
  padding-top: 50px;
}}


.flex-img {
	width: 100%;
	height: auto;
}

.inner {
  width: 950px;
  margin: 0 auto;
}@media screen and (max-width: 768px) {
  .inner {
    width: 100%;
    display: block;
  }} 


.main .inner {
  width: 950px;
  margin: 40px auto;
  position: relative;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}@media screen and (max-width: 768px) {
  .main .inner {
    width: 100%;
    margin-top: 0 auto;
    display: block;
  }} 

.main .inner .main-pic {
  width: 395px;
  height: 395px;
}@media screen and (max-width: 768px) {
  .main .inner .main-pic {
  width: 80%;
  margin: 0 auto;
  height: auto;
}}

.main .inner .main-detail {
  width: 496px;
}@media screen and (max-width: 768px) {
  .main .inner .main-detail {
  width: 85%;
  margin: 0 auto;
  }}

.main-detail .logo {
  width: 220px;
  margin-top: 10px;
}@media screen and (max-width: 768px) {
  .main-detail .logo {
  width: 130px;
  margin-top: 0px;
  }}
.main-detail .logo img {
  width: 100%;
  height: auto;
}

.main-detail .lead {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: .3em;
}@media screen and (max-width: 768px) {
  .main-detail .lead {
  font-size: 18px;
  margin-top: 0px;}}

.main-detail .concept-lead {
  font-weight: bold;
  font-size: 28px;
  color: #fd8c00;
  display: inline-block;
  line-height: 1.4;
  margin-top: 0.7em;
  margin-bottom: 1em;
}@media screen and (max-width: 768px) {
  .main-detail .concept-lead {
    font-size: 22px;
  }
}
.main-detail .spec {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;

}@media screen and (max-width: 768px) {
  .main-detail .spec {
    font-size: 22px;
  }
}

.main .inner .main-detail .name {
  width: 100%;
  margin-top: 0px;
}@media screen and (max-width: 768px) {
  .main .inner .main-detail .name {
  width: 80%;
  margin-top: 0px;
  }}

.main-wide .main-detail .sns {
  position: static;
  margin-top: 25px;
}@media screen and (max-width: 768px) {
  .main-wide .main-detail .sns {
  position: static;
  margin-top: 10px;
  }}

#movarea {
  background: #fd8c00;
  padding: 40px 0;
}@media screen and (max-width: 768px) {
#movarea {
  background: #fd8c00;
  padding: 20px 0;}}


.tit-area {
  width: 100%;
  padding: 20px 0;
  background: url(../images/tit_bg.png) repeat;
}
.tit-area .tit {
  font-size: 35px;
  font-weight: bold;
  color: #ffffff;
}@media screen and (max-width: 768px) {
  .tit-area .inner {
    width: 85%;
    margin: 0 auto;}
  .tit-area .tit {
  font-size: 25px;}}

.tit-area .tit .en {
  font-size: 18px;
  font-family: arial;
  display: inline-block;
  margin-left: 10px;
}@media screen and (max-width: 768px) {
  .tit-area .tit .en {
  font-size: 14px;
}}

.policy {
  font-size: 24px;
  font-weight: bold;
  color: #fd8c00;
}@media screen and (max-width: 768px) {
.policy {
  font-size: 18px;
  text-indent: 0em;
  padding-left: 0em;
}}
.policy dt {
  margin-bottom: .3em;
}
.policy dd ul {
  margin: 0.7em 0 2em 0;
}@media screen and (max-width: 768px) {
  .policy dd ul {
  margin: 0.4em 0 1em 0;
}}

.policy dd ul li,
.policy dd .ex {
  font-size: 16px;
  font-weight: normal;
  text-indent: -1em;
  padding-left: 1em;
  color: #000;
  }@media screen and (max-width: 768px) {
    .policy dd ul li{
      font-size: 14px;
      }}

.policy dd .ex {
  text-indent: 0;
  padding-left: 0;
}

.contact-tel {
  text-align: center;
  font-size: 20px;
}@media screen and (max-width: 768px) {
.contact-tel {
  font-size: 14px;
}}

.contact-tel dd {
  margin-top: 5px;
  line-height: 1;
  font-size: 40px;
  font-weight: bold;
}@media screen and (max-width: 768px) {
.contact-tel dd {
  margin-top: 0px;
  line-height: 1;
  font-size: 26px;
}}
.contact-tel dd a {
  text-decoration: none;
  color: #000000;
}

.u-ex_color {
  color: #fd8c00;
  font-weight: bold;
}

/*===================================

form

===================================*/

#formwrap {
  width: 600px;
  margin: 0 auto;
}@media screen and (max-width: 768px) {
  #formwrap {
    width: 100%;}}

#formwrap dl {
  margin-bottom: 1em;
  display: flex;
  align-items: start;
}@media screen and (max-width: 768px) {
  #formwrap dl {
    display: block;
    }}
#formwrap dl dt {
  width: 30%;
}

#formwrap dl dd {
  width: 70%;
}@media screen and (max-width: 768px) {
#formwrap dl dd {
  width: 100%;}}

#formwrap dl .attn {
  font-size: 12px;
  color: #db3333;
  display: inline-block;
  margin-left: 10px;
}
#formwrap dl .notes {
  font-size: 12px;
}
.fbtn_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  margin: 10px auto 30px auto;
}@media screen and (max-width: 768px) {
  .fbtn_wrap {
    display: block;
    width: 100%;}}

.fbtn_wrap input {
    height: 45px;
    padding: 3px;
}@media screen and (max-width: 768px) {
.fbtn_wrap input {
    width: 90%;
    margin: 20px auto 5px;}}

.btn-form {
  background: #ffffff;
  display: block;
  font-size: 14px;
  border: 3px solid #fd8c00;
  color: #fd8c00;
  font-weight: bold;
  text-decoration: none;
  font-weight: bold;
  width: 180px;
  padding:5px 0;
  text-align: center;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px; 
  border-radius: 60px;
  font-size: 20px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all  0.5s ease;
}@media screen and (max-width: 768px) {
  .btn-form {
    width: 80%;
    margin-bottom: 0;
    }}

.btn-def a,
.btn-def a:visited {
  display: block;
  border: 3px solid #fd8c00;
  color: #fd8c00;
  font-weight: bold;
  text-decoration: none;
  font-weight: bold;
  width: 360px;
  padding: 8px 0;
  text-align: center;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px; 
  border-radius: 80px;
  font-size: 22px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all  0.5s ease;
}@media screen and (max-width: 768px) {
.btn-def a,
.btn-def a:visited {
  display: block;
  border: 2px solid #fd8c00;
  width: 100%;
  padding: 6px 0;
  text-align: center;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px; 
  border-radius: 80px;
  font-size: 18px;
  margin: 0 auto;
}}

.btn-def a:hover {
  background: #fd8c00;
  color: #ffffff;
}

.btn-def a span {
  font-size: 16px;
}

#footer {
  background: #fd8c00;
  width: 100%;
   padding: 34px 0 0 0;
}@media screen and (max-width: 768px) {
#footer {
  padding: 20px 0; }}


.lead {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 1em;
  color: #fd8c00;
  line-height: 1.3;
  padding-left: 1em;
  border-left: #fd8c00 solid 6px;
  }
  @media screen and (max-width: 768px) {
    .lead {
      font-size: 20px;
      border-left: #fd8c00 solid 4px;
    }
  }