@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html{
    font-size: 625%;/* 16pxに625%を掛けると100pxになるよ！ */
}


body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	/*
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	*/
    font-size: .16em;/* 通常サイズは100pxの0.16倍で16pxだよ！ここだけfont-size em！ */
	color: #374149;
	background-color: #dcf9ff;
}

/* aタグ */
a {
color:#374149;
}

a:hover {
color:#374149;
}

a img:hover {
	opacity:0.8;
	transition:1.0s;
}


/* float */
.f_right {
	float:right;
}

.f_left {
	float:left;
}

	
/* font */
.font_size_15r {
	font-size:.15rem;
}

.font_size_20r {
	font-size:.20rem;
}

.font_size_25r {
	font-size:.25rem;
}

.font_line_15r {
	line-height:.15rem;
}

.font_line_25r {
	line-height:.25rem;
}

.text_logo	 {
	display:inline-block;
	padding: .30rem 0 0 0;
}

.font_Ubuntu {
	font-family: 'Ubuntu', sans-serif;
}

.bg-white {
  background-color: #fff;
}

/* margin */

.margin-top-20 {
	margin-top:.20rem;
}

.margin-top-30 {
	margin-top:.30rem;
}

.margin-30 {
	margin-bottom: .30rem;
	margin-top: .30rem;
}

/* padding */

.padding-right-30 {
	padding-right: .30rem;
}

.padding-right-20 {}

.padding-left-30 {}

.padding-left-20 {}

.padding-bottom-30 {
	padding-bottom: .30rem;
}

.padding-bottom-20 {}

/* 見出し */
h4.h4-1 {
	border-bottom: #374149 2px solid;
	font-weight: 700;
	font-size:14px;
	margin-bottom: .15rem;
	padding-bottom:.05rem;
}

h3.h3-1 {
	background-color: #45b1c7;
	color:#fff;
	padding: .10rem;
}


h2.h2-1 {
	border-left: #374149 .10rem solid;
	padding: .10rem;
	margin-bottom:.30rem;
}


/* キャプション */
span.caption {
	display: block;
	font-size: .14rem;
	text-align:center;
	}


/* ぱんくず */
#pankz p {
	font-size: .12rem;
	font-weight: bold;
}

#pankz p a {
	color:#374149;
}

#pankz p a:hover {
	color:#374149;
	text-decoration: underline;
}


/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* ページトップ */
@media (max-width: 414px) {

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 70%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 10px 15px;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}


@media (max-width:600px) {
.text_logo	 {
	display:none;
}
}

@media (max-width: 767px) {
.box-ma-20 {
	margin-bottom: .20rem;
}

.box-ma-30 {
	margin-bottom: .30rem;
}

}

@media (max-width: 767px) and (min-width: 667px) {
	
.col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
  .col-mm-pull-12 {
    right: 100%;
  }
  .col-mm-pull-11 {
    right: 91.66666667%;
  }
  .col-mm-pull-10 {
    right: 83.33333333%;
  }
  .col-mm-pull-9 {
    right: 75%;
  }
  .col-mm-pull-8 {
    right: 66.66666667%;
  }
  .col-mm-pull-7 {
    right: 58.33333333%;
  }
  .col-mm-pull-6 {
    right: 50%;
  }
  .col-mm-pull-5 {
    right: 41.66666667%;
  }
  .col-mm-pull-4 {
    right: 33.33333333%;
  }
  .col-mm-pull-3 {
    right: 25%;
  }
  .col-mm-pull-2 {
    right: 16.66666667%;
  }
  .col-mm-pull-1 {
    right: 8.33333333%;
  }
  .col-mm-pull-0 {
    right: auto;
  }
  .col-mm-push-12 {
    left: 100%;
  }
  .col-mm-push-11 {
    left: 91.66666667%;
  }
  .col-mm-push-10 {
    left: 83.33333333%;
  }
  .col-mm-push-9 {
    left: 75%;
  }
  .col-mm-push-8 {
    left: 66.66666667%;
  }
  .col-mm-push-7 {
    left: 58.33333333%;
  }
  .col-mm-push-6 {
    left: 50%;
  }
  .col-mm-push-5 {
    left: 41.66666667%;
  }
  .col-mm-push-4 {
    left: 33.33333333%;
  }
  .col-mm-push-3 {
    left: 25%;
  }
  .col-mm-push-2 {
    left: 16.66666667%;
  }
  .col-mm-push-1 {
    left: 8.33333333%;
  }
  .col-mm-push-0 {
    left: auto;
  }
  .col-mm-offset-12 {
    margin-left: 100%;
  }
  .col-mm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-mm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-mm-offset-9 {
    margin-left: 75%;
  }
  .col-mm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-mm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-mm-offset-6 {
    margin-left: 50%;
  }
  .col-mm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-mm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-mm-offset-3 {
    margin-left: 25%;
  }
  .col-mm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-mm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-mm-offset-0 {
    margin-left: 0;
  }
}


@media (min-width: 768px) {
}

@media (max-width: 1025px) {
}