@charset "UTF-8";
/* line 14, ../sass/screen.scss */
img {
  height: auto;
  max-width: 100%;
}

/* line 19, ../sass/screen.scss */
a img {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* line 25, ../sass/screen.scss */
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* line 30, ../sass/screen.scss */
ul {
  list-style: none;
}

/* line 33, ../sass/screen.scss */
.pd-left-0 {
  padding-left: 0;
}

/* line 36, ../sass/screen.scss */
.clear-both {
  clear: both;
}

/* line 40, ../sass/screen.scss */
.mrg-top1 {
  margin-top: 1em;
}

/* line 43, ../sass/screen.scss */
.mrg-top2 {
  margin-top: 2em;
}

/* line 46, ../sass/screen.scss */
.mrg-top3 {
  margin-top: 3em;
}

/* line 49, ../sass/screen.scss */
.mrg-top4 {
  margin-top: 4em;
}

.mrg-btm1 {
  margin-bottom: 1em;
}

.mrg-btm2 {
  margin-bottom: 2em;
}

/* line 52, ../sass/screen.scss */
.mrg-btm4 {
  margin-bottom: 4em;
}

/* line 55, ../sass/screen.scss */
.mrg-side-15px {
  margin-left: 15px;
  margin-right: 15px;
}


.pad-top3 {
  padding-top: 3em;
}

.pad-top4 {
  padding-top: 4em;
}


.pad-btm4 {
  padding-bottom: 4em;
}


.txt_center {
  text-align: center;
}


.brd_yl {
  border: 3px solid #f4c900;
}
.hide_midasi strong {
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  font-size: 0px;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "monospace" !important;
}




.logo_area h1 {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  text-align: center;
}

.cor_red {
  color: #d4002b;
}


#front-page {
width: 100%;
height: 100%;

	position: relative;
	z-index: 0;
	overflow: hidden;
}


.logo_area{margin-top:0px;}
#logo{
    margin-top: 3em;
/*    background: linear-gradient(to right,  #fff 0%,#a1d2ff 50%,#fff 100%);*/
    padding: 0.5em;
    color: #333333;
}

.wrapped {

	text-align: center;
}

h2{border-bottom: 1px solid gray; padding-bottom: 0.4em; font-size: 1.4em; font-weight: bold; word-break: break-all;}
.hp_text{font-size: 1.8em; font-weight: bold; word-break: break-all;}
.hp_sent{font-size: 0.9em;}

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

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


  
}
@media only screen and (max-width: 479px) {

 #logo{
    font-size: 1rem;
}
    h1{
        font-size: 1.2rem;
    }
    
.hp_text{font-size: 1em;}
    
}



.top_sent {
	padding:10px 1em  1em;
	color: dimgray;
	font-size: 1.1em;
	font-weight: bold;
}