@charset "UTF-8";
/*
 ========================================
    リセットcss
========================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html{overflow-y: scroll;
  font-size: 62.5%;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input, textarea{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
a:focus {outline:none;}

/* ========================================
    共通レイアウト
========================================= */
* {
  font-size: 62.5%;
 }
 *:after, *:before{
  overflow-x: hidden;
 }
 body{
  font-size:1.4rem;
  overflow-x: hidden;

 }
 ol, ul{
  padding-left:0;
 }
 /*　レスポンシブ設定
-----------------------------*/
.pc_only {
	display: block!important;
}
.sp_only {
	display: none!important;
}
.pc-tab_only {
	display: block!important;
}
.tab-sp_only {
	display: none!important;
}
.min375{
	display: none!important;
}
  * a, * i {
    text-decoration: none; }
    * a:hover, * i:hover {
      color: #c12f47;
      transition: .5s; }
 
      
      
ul{
  list-style: none;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: distribute;
  align-content: space-around; }


  h1,h2,h3,h4,h5,h6 {
    margin-bottom : 24px;
    font-weight: bold;
    
  }
  /* 垂直方向のマージンを統一 */
   
  h1 {
      font-size : 48px; 
      line-height : 1;    
      /* 要素の高さ：48px（要素を配置するときの高さの基準の2倍）*/
  }
   
  h2 {
      font-size : 36px;
      line-height : 1;   
      /* 要素の高さ：48px（要素を配置するときの高さの基準の2倍） */
  }
  h3 {
      font-size : 24px;
      line-height : 1;    
      /* 要素の高さ：24px（要素を配置するときの高さの基準） */
  }
 h4,h5,h6 {
      font-size : 16px; 
      line-height : 1.5;   
      /* 要素の高さ：24px（要素を配置するときの高さの基準） */
  }
  
  img{
    width:100%;
    vertical-align: bottom;
    
  }
  /*　flex設定
-----------------------------*/
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}
.flex-box {
	width: 48%;
}
.fb_25 {
	width: 24%;
}
.fb_30 {
	width: 30%;
}
.fb_40 {
	width: 39%;
}
.fb_45 {
	width: 44%;
}
.fb_50 {
	width: 49%;
}
.fb_55 {
	width: 54%;
}
.fb_60 {
	width: 59%;
}
.fb_70 {
	width: 68%;
}

/* fadein
-----------------------------*/

/* 表示ずらし フェードイン */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

ul li.fadein:nth-of-type(2) {
	-moz-transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
}
ul li.fadein:nth-of-type(3) {
	-moz-transition-delay: 150ms;
	-webkit-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
}
ul li.fadein:nth-of-type(4) {
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
}
ul li.fadein:nth-of-type(5) {
	-moz-transition-delay: 250ms;
	-webkit-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
}
ul li.fadein:nth-of-type(6) {
	-moz-transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
	-o-transition-delay: 00ms;
	-ms-transition-delay: 300ms;
}
ul li.fadein:nth-of-type(7) {
	-moz-transition-delay: 350ms;
	-webkit-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
}
ul li.fadein:nth-of-type(8) {
	-moz-transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
}
ul li.fadein:nth-of-type(9) {
	-moz-transition-delay: 450ms;
	-webkit-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
}
ul li.fadein:nth-of-type(10) {
	-moz-transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
}
ul li.fadein:nth-of-type(11) {
	-moz-transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
}
ul li.fadein:nth-of-type(12) {
	-moz-transition-delay: 650ms;
	-webkit-transition-delay: 650ms;
	-o-transition-delay: 650ms;
	-ms-transition-delay: 650ms;
}
ul li.fadein:nth-of-type(13) {
	-moz-transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
}
ul li.fadein:nth-of-type(14) {
	-moz-transition-delay: 750ms;
	-webkit-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	-ms-transition-delay: 750ms;
}
ul li.fadein:nth-of-type(15) {
	-moz-transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
}
ul li.fadein:nth-of-type(16) {
	-moz-transition-delay: 850ms;
	-webkit-transition-delay: 850ms;
	-o-transition-delay: 850ms;
	-ms-transition-delay: 850ms;
}
ul li.fadein:nth-of-type(17) {
	-moz-transition-delay: 900ms;
	-webkit-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
}
ul li.fadein:nth-of-type(18) {
	-moz-transition-delay: 950ms;
	-webkit-transition-delay: 950ms;
	-o-transition-delay: 950ms;
	-ms-transition-delay: 950ms;
}
ul li.fadein:nth-of-type(19) {
	-moz-transition-delay: 1000ms;
	-webkit-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
}
ul li.fadein:nth-of-type(20) {
	-moz-transition-delay: 1050ms;
	-webkit-transition-delay: 1050ms;
	-o-transition-delay: 1050ms;
	-ms-transition-delay: 1050ms;
}

 

section{
  height:100%;
  width: 100%;
}

/*   タブレット
================================================================ */
@media screen and (min-width:600px) and (max-width:1023px) {
/* ----- 共通 ----- */
body {
	font-size: 2rem;
}
.pc_only {
	display: none!important;
}
.sp_only {
	display: none!important;
}
.tab_only {
	display: block;
}
.pc-tab_only {
	display: block!important;
}
.tab-sp_only {
	display: block!important;
}
.min375{
	display: none!important;
}

.inner{
  width:90%;
  max-width: initial;
}


/* container */
h1, h2, h3, p {
	padding: 0;
	margin: 0;
	border: none !important;
}
h2 {
	height: auto;
	margin: 2rem auto;
}
h3 {
	margin-bottom: 3rem;
	font-weight: bold;
	font-size: 24px;
}
  
}

/*   スマートフォン
================================================================ */
@media screen and (max-width:599px)  {
/* ----- 共通 ----- */
body {
	font-size: 1.4rem;
  width:100%;

}
.pc_only {
	display: none!important;
}
.sp_only {
	display: block!important;
}
.tab_only{
  display: none;
}
.tab-sp_only {
	display: block!important;
}
.pc-tab_only {
	display: none!important;
}
.min375{
	display: none!important;
}

main{
  width:100%;
  overflow-x: hidden;
}
/* container */
h1, h2, h3, p {
	padding: 0;
	margin: 0;
	border: none !important;
}

.fb_25,.fb_30,.fb_40,.fb_45,.fb_50,.fb_55,.fb_60,.fb_70{
	width: 100%;
}

}

  
/* SEサイズ */
@media screen and (max-width:375px) {
	.min375{
		display: block!important;
	}
	
}