@charset "utf-8";
/* CSS Document */
/*--------------------------------------
　Main Index
---------------------------------------*/
@media screen and (min-width: 600px) {


#contents {
    margin: 0 auto 130px !important;
}

/* FV
----------------------------- */

.FV-index {
 margin: 0 auto;
 min-height: 420px;
 padding: 30px 0 0 0;
 position: relative;
 width: 100%;
}

.FV-index .capt{
  color: #003366;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 135%;
  text-align: left;
  margin: 0 auto 20px 35px;
  padding: 30px 0 20px;
  position: relative;
  border-bottom: 2px dotted #003366;
  width: 390px;
}

.FV-index .main-box{
 background: #e3e3e3;
 margin: 0 auto;
 padding: 0;
 max-width: 1000px;
 min-height: 340px;
 position: relative;
}

.FV-index .main-box .tx{
  padding: 0 0 0 35px;
  margin: 0 auto 0 0;
  width: 425px;
}

.FV-index .img{
  width: 550px;
  margin: 0 0 0 -50px;
  position: absolute;
  right: 0;
  top: 0;
}

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

}

@media screen and (max-width: 599px) {
	
#index {
  margin: 0 auto 30px;
  padding: 20px 0 0 0;
  width: 90%;
}
.FV-index {
 background: #e3e3e3;
 background-size: 120% auto;
 margin: 0 auto;
 min-height: 420px;
 padding: 20px 0;
 position: relative;
 width: 100%;
}

.FV-index .capt{
  color: #fff;
  background: #003366;
  font-size: 20px;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  line-height: 135%;
  padding: 10px;
  width: 100%;
  order: 1;
}

.FV-index .main-box{
  padding:0;
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}


.FV-index .tx{
  order: 3;
  font-size: 16px;
}
.FV-index .img{
  width: 100%;
  order: 2;
  margin: 20px auto;
}


/*--[content]--*/
#contents{
  margin-top: 50px;
}



}