@charset "utf-8";

/*  style　[  共通 ]

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

p {

  line-height: 1.8;

}



/* 768px(sm)～ ____________________________________________________ */

@media print,screen and (min-width: 768px) {



  

  #MainContents section {

  padding-top: 100px;

    margin-top:-100px;

}

   .link-fix {

  padding-top: 120px;

    margin-top:-100px;

}



}

/*---------------------------------

 header

----------------------------------*/



  header {

    background: url(../images/bg02.jpg) center bottom no-repeat;

    background-size: cover;

    min-height:250px;

    position: relative;

  }

/*.catch {

  width: 40%;

  position: absolute;

  top: 25%;

  right: 2%;

}

.catch img {

  margin-bottom: 5px;

}

*/



/*---------------------------------

 nav

----------------------------------*/

/* 768px(sm)～ ____________________________________________________ */

@media print,screen and (min-width: 768px) and (max-width: 991px){

.navbar .container {

  width: 100%;

  margin: 0 auto;

}

}



.navbar-header h1.h1-nav {

  color: #fff;

  display: inline!important;

  font-size: 1em;

}



.logolink:hover {

  text-decoration: none;

}

/* 768px(sm)～ ____________________________________________________ */

@media print,screen and (min-width: 768px) {

.navbar-header {

  padding-right: 1em;

}

}





.navbar-inverse {

    background-color: #2299CD;

    border-color: #fff/* #080808*/;

}

.navbar-nav a {

  color: #fff!important;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

    color: #fff;

    background-color: #2299CD;

}



.navbar-nav a:hover {

  color: #fff!important;

 /* background-color: #D25213!important;*/

}





/* ----------------------

  logos

--------------------*/

.logomini {

  width: 57px;

}





img.img-center {

  display: block!important;

  margin: 0 auto!important;

}







/*---------------------------------

 MainContents

----------------------------------*/

#MainContents {

  /*max-width: 1200px;*/

  margin: 0 auto;

}



.mainImg img {

  padding-top: 100px!important;

}



.cont {

  max-width: 1200px;

  margin: 0 auto;

}







/* hr */

.line-yellow {

  border-top: 5px solid #FABE00;

  display: block;

}

.line-dash {

  border-top: 2px dashed #000;

  display: block;

}





/* marker line */

.yellow-thick {

  border-bottom: #FFFF26 15px solid;

}

.yellow-thin {

  /*border-bottom: #FFFF26 5px solid;*/

  background:rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #FFFF26 0%) repeat scroll 0 0;

}



/* font color */

.org {

  color: #D25213;

}



/* photo */

.photo {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  margin: 0;

  padding: 0;

  justify-content: space-around;

}

.item02 {

  width: 48%;

  margin: 2em 0 1em 0;

}

.item03 {

  width: 30%;

  margin: 2em 0 1em 0;

}

/* ～767px(xs) ____________________________________________________ */

@media screen and (max-width: 767px) {

  .item02 {

  width: 100%;

    margin: 0.5em 0 1em 0;

}

  .item03 {

  width: 100%;

  margin: 0.5em 0 1em 0;

}



}



/* h1 */

.ttl_h1 {

  padding: 2em 0;

  text-align: center;

}

/* h2 */

h2 {

  text-align: center;

  font-size: 1.8em;

  font-weight: 700;

  line-height: 1.5;

  margin: 1em auto;

  

}

h2 span {

  border-bottom:5px solid #690074;

    border-image:linear-gradient(150deg, rgba(247, 166, 12, 1) 10%, rgba(255, 34, 87, 1) 40%, rgba(154, 39, 238, 1) 68%, rgba(35, 102, 247, 1) 90%);

    border-image-slice:1;

  padding: 0 0.5em;

}

/* h3 */

h3 {

  text-align: center;

  font-size: 1.5em;

  font-weight: 700;

  line-height: 1.5;

  margin: 1em auto;

}



/* h4 */

h4 {

  text-align: center;

  font-size: 1.2em;

  font-weight: 700;

  line-height: 1.5;

  margin: 1em auto;

}





/* box */

.box-table {

  display: table;

  margin:  0 auto;

}



/* button */

.btn_form {

  background: #FFFF4D;

  border: #000 1px solid;

  display: table;

  margin: 1em auto;

  color: #000!important;

  padding: 0.5em 2em;

  font-size: 2em;

}







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

   お問い合わせbutton

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

.inq-box {

  margin: 5em auto;

}

.btn-gradient-radius {

  font-size: 2em;

  font-weight: 600;

  display: table;

  margin: 0.5em auto;

  padding: 10px 50px;

  border-radius: 5px;

  text-decoration: none;

  color: #fff!important;

  /*background-image: linear-gradient(45deg, #ffad07 0%, #ff8b5f 100%);*/

  background: #c33;

  transition: .4s;

  

}



.btn-gradient-radius:hover {

  background: #f76a35;

text-decoration: none;

  color: #fff!important;

}







/*---------------------------------

 footer

----------------------------------*/

footer {

  background: url(../images/bg-footer.png) repeat-x left top;

  padding-top: 228px;

}

.areaFooter {

    background-color: #2299CD;

background-image: linear-gradient(180deg, #2299CD 0%, #0068B7 81%);

  

}



.footer-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  margin: 1.5em auto;

  justify-content: space-between;

  background-color: #fff;

  padding: 1em 1em;

  border-radius: 10px;

}



.footer-box .add {

  width: 50%;

  margin: 0 auto;

}

.footer-box .info {

  width: 45%;

}



/* 992px(md)～ ____________________________________________________ */

@media screen and (min-width: 992px) {

  .footer-box .add {

  width: 40%;

}

  .footer-box .info {

  width: 50%;

}

}

/* 1200px(lg)～ ___________________________________________________ */

@media screen and (min-width: 1200px) {

  .footer-box .add {

  width: 30%;

}

}



/* ～767px(xs) ____________________________________________________ */

@media screen and (max-width: 767px) {

  .footer-box .add {

    display: table;

  width: auto;

    margin: 0.5em auto 1em auto;

}

 .footer-box .info {

  width: 100%;

  margin: 0.5em 0 1em 0;

}

}



.footer-box h1 {

  font-size: 1.5em;

  margin: 0 0 0.5em 0;

  padding: 0;

}

.footer-box h2 {

  font-size: 1.5em;

  margin: 0 0 0.5em 0;

  padding: 0;

  font-weight: normal;

}



address {

  line-height: 1.8;

}

.fa-house, .fa-location-dot, .fa-pen-to-square {

  padding-right: 10px;

}

.fa-location-dot {

  font-size: 1.1em;

  padding-left: 2px;

}



address .btn-gradient-radius {

  font-size: 1.8em;

}





.notice02 {

  font-size: 0.8em;

  text-align: center;

  padding: 1em 0;

  color: #fff;

}

.copyright {

  font-size: 0.8em;

  text-align: center;

  padding: 1em 0;

  color: #fff;

}



/* 768px(sm)～ ____________________________________________________ */

@media print,screen and (min-width: 768px) {

 /* CR only smart */

.br-sp {

  display: none;

}

}

/* 992px(md)～ ____________________________________________________ */

@media screen and (min-width: 992px) {

 /* CR only smart */

.br-sp {

  display: none;

}

}

/* 1200px(lg)～ ___________________________________________________ */

@media screen and (min-width: 1200px) {

 /* CR only smart */

.br-sp {

  display: none;

}

}