* {
  margin:0; padding:0;
}

/*-------------------------------------------------------
▼ header footer
--------------------------------------------------------*/
@media screen and (max-width: 1024px) {
.nav_title{font-size: 95%!important;}
}

.top_minilink
{
font-size: 12px;
text-align: right;
padding:20px 10px;
}
.top_minilink > a{margin-right:10px;}
.top_minilink > a:before
{
  font-family: "Font Awesome 5 Pro";
  content: "\f101";
  left : 0em; /*左端からのアイコンまでの距離*/
  font-weight:600;
}

footer{
    width: 100%;
    height: 100px;
    background-color: #174a5c;
    color: white;
    text-align: center;
}
ul.footer-menu li {
display: inline;
}

@media screen and (max-width: 1024px) {
footer{
font-size: 75%;
}
}

/*ヘッダーのウェーブ*/
.header {
  position:relative;
  text-align:center;
  color:#333;
  background-blend-mode: color-burn;
  background-size: cover;
  /*背景に画像を入れる場合はここで指定*/
  background-color: #0c457b;
}

.inner-header {
  height:30vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:10vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:50px;
  max-height:100px;
}

.content {
  position:relative;
  height:10vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*ヘッダーのウェーブ*/


/*-------------------------------------------------------
▼ header footer
--------------------------------------------------------*/


/*-------------------------------------------------------
▼ 基本セクション
--------------------------------------------------------*/
section{
margin           : 0 auto;
width            : 100%;
padding:20px 0px 50px 0px!important;
text-align: justify;/*テキストの揃え*/
text-justify: inter-ideograph;/*テキストの揃え*/
 word-break:break-all;
}

section:nth-child(even){
background-color: #fbfbfb	;
}

.section-in{
margin           : 0 auto;
max-width:1024px; 	
background-color: ;
}

@media screen and (max-width: 1024px) {
.section-in{
margin           : 0 10px;
}
}

/*-------------------------------------------------------
▼ 基本セクション
--------------------------------------------------------*/



/*-------------------------------------------------------
▼ メインビジュアル＋基礎概要セクション
--------------------------------------------------------*/
.main{
color: ;
}
/*-------------------------------------------------------
▼ メインビジュアル＋基礎概要セクション
--------------------------------------------------------*/


/*--------------------------------------------------
メインビジュアル＋基本概要｜初期ロゴ
---------------------------------------------------*/
/*表示設定*/
.logo_none{display: none;}
.tate_none2{display: none;}


/*大枠*/
.logo_main_flex{
display           : -webkit-box;
display           : -ms-flexbox;
display           : block;
-webkit-box-pack  : justify;
-ms-flex-pack     : justify;
justify-content   : space-between;
align-items       : flex-start;
-webkit-flex-wrap : wrap; /* Safari */
flex-wrap         : wrap;
}

.logo_main_flex .main_flex_l{/*ビジュアル*/
order: 1;
background-color:;
}

.logo_main_flex .main_flex_r{/*概要*/
padding:0 5px 10px 5px;

display           : -webkit-box;
display           : -ms-flexbox;
display           : flex;
-webkit-box-pack  : justify;
-ms-flex-pack     : justify;
justify-content   : space-between;
align-items       : flex-start;
-webkit-flex-wrap : wrap; /* Safari */
flex-wrap         : wrap;
}

.logo_main_flex .main_flex_r .logo_r{
width:50%;	
padding:5px
}


.logo_main_flex .main_flex_r{
display: flex;	
background-color: rgba(0,0,0,0.6);
border-radius: 5px;
border: solid 3px #747474;

}





@media screen and (max-width: 1024px) {
.logo_main_flex{display:block!important;}
.logo_main_flex .main_flex_l{order: 2; padding: 0!important;}
.logo_main_flex .main_flex_r{order: 1;padding:5px 0 5px 0;overflow:initial!important;}
}


@media screen and (max-width: 768px) {
.logo_main_flex .main_flex_r{
display: block!important;	
}
.logo_main_flex .main_flex_r div{
width: 100%!important;
}
}



/*--------------------------------------------------
メインビジュアル＋基本概要
---------------------------------------------------*/




/*--------------------------------------------------
メインビジュアル＋基本概要｜横イラスト
---------------------------------------------------*/
/*表示設定*/
.yoko_none3{display: none;}


/*大枠*/
.yoko_main_flex{
display           : -webkit-box;
display           : -ms-flexbox;
display           : block;
-webkit-box-pack  : justify;
-ms-flex-pack     : justify;
justify-content   : space-between;
align-items       : flex-start;
-webkit-flex-wrap : wrap; /* Safari */
flex-wrap         : wrap;
}

.yoko_main_flex .main_flex_l{/*ビジュアル*/
order: 1;
background-color:;
}

.yoko_main_flex .main_flex_r{/*概要*/
padding:0 5px 10px 5px;

display           : -webkit-box;
display           : -ms-flexbox;
display           : flex;
-webkit-box-pack  : justify;
-ms-flex-pack     : justify;
justify-content   : space-between;
align-items       : flex-start;
-webkit-flex-wrap : wrap; /* Safari */
flex-wrap         : wrap;
}

.yoko_main_flex .main_flex_r .yoko_r{
width:50%;	
padding:5px
}

.yoko_main_flex .main_flex_r{
display: flex;	
background-color: rgba(0,0,0,0.6);
border-radius: 5px;
border: solid 3px #747474;
}


@media screen and (max-width: 1024px) {
.yoko_main_flex{display:block!important;}
.yoko_main_flex .main_flex_l{order: 2; padding: 0!important;}
.yoko_main_flex .main_flex_r{order: 1;padding:5px 0 5px 0;overflow:initial!important;}
}

@media screen and (max-width: 768px) {
.yoko_main_flex .main_flex_r{
display: block!important;	
}
.yoko_main_flex .main_flex_r div{
width: 100%!important;
}
}



/*--------------------------------------------------
メインビジュアル＋基本概要
---------------------------------------------------*/





/*--------------------------------------------------
メインビジュアル＋基本概要｜縦イラスト
---------------------------------------------------*/
/*表示設定*/
.tate_none2{display: none;}


/*大枠*/
.tate_main_flex{
display           : -webkit-box;
display           : -ms-flexbox;
display           : flex;
-webkit-box-pack  : justify;
-ms-flex-pack     : justify;
justify-content   : space-between;
align-items       : flex-start;
-webkit-flex-wrap : wrap; /* Safari */
flex-wrap         : wrap;
}

.tate_main_flex .main_flex_l{/*ビジュアル*/
flex:1;
order: 1;
background-color:;
}

.tate_main_flex .main_flex_r{/*概要*/
border-top:solid 0px #0d5ba4;
flex:0.7;
order: 2;
padding:0 5px 10px 5px;
background-color: ;
overflow: hidden;
}

@media screen and (max-width: 1024px) {
.tate_main_flex{display:block!important;}
.tate_main_flex .main_flex_l{order: 2; padding: 0!important;}
.tate_main_flex .main_flex_r{order: 1;padding:5px 0 5px 0;overflow:initial!important;}
}
/*--------------------------------------------------
メインビジュアル＋基本概要
---------------------------------------------------*/




/*-------------------------------------------------------
▼ mowaveの背景装飾
--------------------------------------------------------*/
.mowave_bg{
background-image: url(https://dl.dropboxusercontent.com/s/5uhmrshc1zc95s4/mowave_bg.jpg);
background-repeat:no-repeat;
 background-size:cover;
}



/*-------------------------------------------------------
▼ divの装飾
--------------------------------------------------------*/

.item_box{margin:5px!important; padding:5px!important; max-width:1024px;  word-wrap:break-word;}

.item_box_line{margin: 0px auto; padding:10px 20px; width:auto;background-color:;border:1px solid #b3b3b3; word-wrap:break-word;}

.kadomaru {
border-radius: 5px;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.ue_kadomaru { 
border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

.shadow {
box-shadow: 0 1px 5px rgba(0,0,0,.2); 
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2); 
-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);  
}


/*-------------------------------------------------------
▼ ミニタグ
--------------------------------------------------------*/
.gray{color:gray!important;}  
.gray p{color:gray!important;}  
.ippan_label{font-size:11px!important; background-color:#3399cc!important; color:#fff!important; vertical-align: top!important; padding:0px 5px!important; padding-left:initial!important; margin-left:5px!important;line-height:2em!important; border-radius: 3px!important;}
.circle_label{font-size:11px!important; background-color:#ff0033!important; color:#fff!important; vertical-align: top!important; padding:0px 5px!important; padding-left:initial!important; margin-left:5px!important;line-height:2em!important; border-radius: 3px!important;}