@charset "utf-8";
/*
=======================================
  Reset CSS
=======================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
  display:block;
}

html{
  -webkit-text-size-adjust: 100%;
}

body{
  color: #0C4791;
  line-height: 1.5;
  font-size: 16px;
  font-family: "Kiwi Maru", serif;
	background: #70BDA5;
}

img{
  border: 0;
  max-width: 100%;
  height: auto;
}

ul,ol{
  list-style-type: none;
}

img, input, select, textarea { 
  vertical-align: middle;
}

a {
  transition: 0.5s;
	text-decoration: none;
}
a:hover,a:active,.mainnav a:hover,.mainnav a:active{
  color: #5185C6;
cursor: pointer;
}
a:hover img,a:active img {
  opacity: 0.7;
}

/*
=========================================
  Utilities
=========================================
*/

/* マージン
---------------------------------*/
.mb0{ margin-bottom: 0 ;}
.mb5{ margin-bottom: 5px ;}
.mb10{ margin-bottom: 10px ;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}
.mb45{ margin-bottom: 45px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}
.mb100{ margin-bottom: 100px;}
.mb150{ margin-bottom: 150px;}
.mb200{ margin-bottom: 200px;}
.mb250{ margin-bottom: 250px;}

.mt0{ margin-top: 0;}
.mt5{ margin-top: 5px ;}
.mt10{ margin-top: 10px ;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mt35{ margin-top: 35px !important;}
.mt40{ margin-top: 40px !important;}
.mt45{ margin-top: 45px !important;}
.mt50{ margin-top: 50px ;}
.mt60{ margin-top: 60px ;}
.mt70{ margin-top: 70px ;}
.mt100{ margin-top: 100px !important;}
.mt150{ margin-top: 150px ;}
.mt200{ margin-top: 200px ;}
.mt250{ margin-top: 250px !important;}

.pt50{ padding-top: 50px;}
.pt70{ padding-top: 70px;}
.pt100{ padding-top: 100px;}
.pt150{ padding-top: 150px;}
.pt250{ padding-top: 250px;}

.pb50{ padding-bottom: 50px ;}
.pb100{ padding-bottom: 100px ;}
.pb150{ padding-bottom: 150px ;}
.pb200{ padding-bottom: 200px ;}
.pb250{ padding-bottom: 250px ;}

.mc{
	margin-left: auto;
	margin-right: auto;
}

/* 左右行揃え
---------------------------------*/
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }

/* フレックス
---------------------------------*/
.flex{
	display: flex;
}
.j-sb{
	justify-content: space-between;
}

/* スマートフォン非表示
---------------------------------*/
.SPop0{
	display: none;
}