@charset "utf-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*//*
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	webフォント読み込み
----------------------------------------------------*/
/* GenEiGothicP-Gothic ゴシック */
/* Android 4.3 までのバージョンにも対応する場合 */
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 300; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.woff") format("woff"),
    url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 400; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.woff") format("woff"),
    url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 500; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.woff") format("woff"),
    url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 700; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.woff") format("woff"),
    url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 800; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.woff") format("woff"),
    url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.otf") format("opentype"); /* フォントファイルの指定 */
}


/* 読み込み　参考 */
/*
.NotoSerifJP {
  font-family: 'Noto Serif Japanese', serif;
}

.NotoSansJP {
	font-family: 'Noto Sans Japanese', sans-serif;
}
*/
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
	font-size: 16px;
  font-size: 1.6rem;
  font-family:"GenEiGothicP-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-weight: 300;
}

input, textarea {
	font-size: 16px;
  font-size: 1.6rem;
  font-family:"GenEiGothicP-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: 300;
}

/* for IE6 *//*
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
*/


/*
 * Form Reset
 *//*
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
*/
/*
 * box-sizing
 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* リンク
----------------------------------------------------*/
a {
	/* font-size: 16px;
  font-size: 1.6rem; */
	color: rgba(61,125,204,1);
	text-decoration: none;
	vertical-align: top;
}

a:link { text-decoration: underline; color: rgba(61,125,204,1); }

a:visited { text-decoration: underline; color: rgba(49,64,138,1); }

a:hover { text-decoration: underline; color: rgba(255,165,0,1); }

a:active { text-decoration: underline; color: rgba(131,94,191,1); }

a[href^="tel:"] { cursor: default; }

a.object-link {
  display: block;
  color: rgba(77,77,77,1);
  text-decoration: none;
}

a.object-link:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* Text Align
 * --------------------------------------------- */
.textAlignCenter { text-align: center; }
.textAlignLeft { text-align: left !important; }
.textAlignRight { text-align: right; }

/* Float
 * --------------------------------------------- */
/* LEFT */ .floLeft { float:left; }
/* RIGHT */ .floRight { float:right; }
/* CLEAR */ .floClear { clear:both; float: none; }

/* Clearfix
 * --------------------------------------------- */
/* for modern browser */
.clearfix:after { font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both; }
/* for IE5.5-7 */
.clearfix { zoom: 1; display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
.clearboth { clear: both; }

/* Global Style
---------------------------------------------------------------- */
.align_right { float: right; }
.align_left { float: left; }

/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clerfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.hentry .entry-content p,
.hentry .entry-content dt,
.hentry .entry-content dd,
.hentry .entry-content li,
.hentry .entry-content input,
.hentry .entry-content textarea {
	font-size: 16px;
  font-size: 1.6rem;
	line-height: 200%;
	color: rgba(77,77,77,1);
  margin: 0 0 2rem 0;
}

strong {
    font-weight: bold;
}

p.textIndent_1em {
	padding-left: 1em;
	text-indent: -1em;
}

p.textpadding_1em {
	padding-left: 1em;
}

p.textpadding_2em {
	padding-left: 2em;
}

p.caps {
	font-size: 14px;
	font-size:1.4rem;
	line-height: 120%;
}

span.caps {
	font-size: 14px;
	font-size:1.4rem;
	line-height: 120%;
}

img.verticalAlignBottom {
vertical-align: bottom;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

sup {
	font-size: 12px;
	font-size: 1.2rem;
}

.emp {
	font-weight: bold;
}


/*
 * Accessibility
 */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*----------------------------------------------------
画像
----------------------------------------------------*/
/*フルードイメージ*/
img,
iframe,
object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
    vertical-align: bottom;
}

/* --------------------------------------------------------
 Common Style
-------------------------------------------------------- */

/*	EXAMPLE STYLES */

body {
  margin: 0;
	color: rgba(72,72,72,1);
  box-sizing: border-box;
}

.wrapper {
  margin: 0 auto;
  max-width: 960px;
}

.wideContents{
	margin: 0 auto;
	width: 100%;
}

/*	Mobile STYLES */

.mbimg_off{
	display:block;
}
.mbimg_on{
	display:none;
}

.mbcont_off{
	display:block;
}
.mbcont_on{
	display:none;
}

.mbcont_off_480 {
	display:block;
}
.mbcont_on_480 {
	display:none;
}


/*	Back to top */
/*
#pageTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 11px 0 0 0;
  width: 45px;
  height: 45px;
	opacity: 0.8;
}

#pageTop a img {
	width: 45px;
  height: 45px;
}

#pageTop a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
  transition: 0.5s;
}
*/
/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
  display: block;
  width: 45px;
  height: 45px;
  text-transform: uppercase;
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
  transition: 0.5s;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}


/*--------------------------------------------------------------
# template original css
--------------------------------------------------------------*/

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
	overflow: hidden;
}

blockquote.alignleft,
blockquote.alignright {
	font-size: 14px;
	font-size: 0.875rem;
	width: 34%;
}

address {
	margin: 0 0 1.5em;
}

hr.wp-block-separator {
	background-color: #bbb;
	border: 0;
  border-bottom: none;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# page.site
--------------------------------------------------------------*/
#page.site {
  position: relative;
}

/*--------------------------------------------------------------
# site content
--------------------------------------------------------------*/
.site-content {
}

/*--------------------------------------------------------------
# content area
--------------------------------------------------------------*/
.content-area {
}

.sticky {
  background: #f4f4f4;
  border: 1px solid #eee;
  padding: 15px;
}

.hentry {
}

/* タイトル表示 */

.hentry .entry-title {
  margin-bottom: 5.5rem;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1.6;
  font-weight: 600;
}


.hentry .entry-meta {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.hentry .entry-meta .date,
.hentry .entry-meta .category,
.hentry .entry-meta .category-links,
.hentry .entry-meta .tag-links,
.hentry .entry-meta .author {
  margin-right: 10px;
}

.hentry .entry-thumbnail {
  margin-bottom: 10px;
}

.hentry .entry-excerpt {
  font-size: 16px;
  line-height: 1.5;
}

.hentry .read-more {
  display: inline-block;
  margin-left: 1em;
  font-size: 14px;
}

.hentry .entry-content h1,
.hentry .entry-content h2,
.hentry .entry-content h3,
.hentry .entry-content h4,
.hentry .entry-content h5,
.hentry .entry-content h6 {
  /* margin-top: 2em; */
  margin-bottom: 1em;
  line-height: 1.3;
}

.hentry .entry-content h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.hentry .entry-content h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.hentry .column .entry-content .text-area h2 {
  margin-bottom: 4rem;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 200%;
  text-align: center;
  letter-spacing: 0.5em;
  margin-right: -0.5em;
  /* color: rgba(75,187,199,1); */
  color: rgba(77,77,77,1);
}

#features.hentry .column .entry-content .text-area h2 {
  margin-bottom: 3rem;
  letter-spacing: 0.08em;
}


/* 文字の上に点 */
.dots {
  -webkit-text-emphasis: filled;
  text-emphasis: filled;
}

.hentry .entry-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.hentry .entry-content h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.hentry .entry-content h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.hentry .entry-content h6 {
  font-size: 12px;
  font-size: 1.2rem;
}
/*
.hentry .entry-content p {
  font-size: 16px;
  line-height: 180%;
  line-height: 1.7;
  margin-bottom: 2em;
}
 */
.hentry .entry-content blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.hentry .entry-content blockquote p {
  font-size: 14px;
  font-style: italic;
}

.hentry .entry-content blockquote p:last-child {
  margin-bottom: 0;
}

.hentry .entry-content table {
  margin-bottom: 2em;
}

.hentry .entry-content table thead {
  background: #f4f4f4;
}

.hentry .entry-content table thead tr th {
  padding: 1rem;
}

.hentry .entry-content table tbody tr th {
  padding: 1rem;
}

.hentry .entry-content table tbody tr td {
  padding: 1rem;
}

.hentry .entry-content dl {
  margin-bottom: 2em;
}

.hentry .entry-content dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.hentry .entry-content dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.hentry .entry-content ul {
  /* list-style: disc;
  padding-left: 30px; */
}

.hentry .entry-content ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.hentry .entry-content ul li ul {
  /* margin-bottom: 10px; */
}

.hentry .entry-content ol {
  list-style: decimal;
  padding-left: 30px;
}

.hentry .entry-content ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.hentry .entry-content ol li ol {
  /* margin-bottom: 10px; */
}

.hentry .entry-content pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.hentry .entry-content div {
  /* max-width: 1080px; */
  max-width: 1280px;
}

.hentry .entry-content img {
  /* max-width: 1080px; */
  max-width: 1280px;
}

.hentry .entry-content .alignleft {
  float: left;
  margin-right: 10px;
}

.hentry .entry-content .alignright {
  float: right;
  margin-left: 10px;
}

.hentry .entry-content .aligncenter {
  margin: 0 auto;
}

.hentry .entry-content .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .hentry .entry-content img,
  .hentry .entry-content div {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# posts navigation & post navigation
--------------------------------------------------------------*/
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
  width: 50%;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  margin-left: auto;
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: inline-block;
  padding: 15px;
  background: #f4f4f4;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: right;
}

/*--------------------------------------------------------------
# sidebar
--------------------------------------------------------------*/
.sidebar {
}

.widget {
  margin: 0 0 2em;
}

.widget-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .8em;
}

.widget ul {
  font-size: 14px;
}

.widget ul li {
  line-height: 2;
}

.widget ul li ul {
  padding-left: 1em;
  margin-bottom: .5em;
}

.widget select {
  width: 100%;
  border: 1px solid #eee;
  background: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
}

/* カレンダーウィジェット */
.widget_calendar table {
  width: 100%;
}

.widget_calendar table caption {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  background: #f4f4f4;
}

.widget_calendar table thead tr th {
  padding: 10px;
}

.widget_calendar table thead tr th[title="土曜日"], .widget_calendar table thead tr th[title="saturday"] {
  color: #53b6f3;
}

.widget_calendar table thead tr th[title="日曜日"], .widget_calendar table thead tr th[title="sunday"] {
  color: #f94c86;
}

.widget_calendar table tbody tr td {
  padding: 10px;
  text-align: center;
}

.widget_calendar table tfoot #prev a,
.widget_calendar table tfoot #next a {
  display: inline-block;
  background: #f4f4f4;
  padding: 10px;
  color: #333333;
}

.widget_calendar table tfoot #next {
  text-align: right;
}

/* 最近のコメントウィジェット */
.widget_recent_comments ul li {
  font-size: 12px;
}

.widget_recent_comments ul li a {
  /* font-size: 14px; */
}

/* RSSウィジェット */
.widget_rss ul li {
  margin-bottom: .5em;
}

.widget_rss ul li .rss-date {
  font-size: 12px;
}

.widget_rss ul li .rssSummary {
  font-size: 12px;
  line-height: 1.2;
}

.widget_rss ul li cite {
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
}

/* 検索ウィジェット */
.widget_search .search-field {
  width: 80%;
  border: 1px solid #eee;
  background: white;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  height: 40px;
}

.widget_search .search-submit {
  background: #eee;
  width: 18%;
  height: 40px;
  border-radius: 5px;
}

/* テキストウィジェット */
.widget_text h1,
.widget_text h2,
.widget_text h3,
.widget_text h4,
.widget_text h5,
.widget_text h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
}

.widget_text h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.widget_text h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.widget_text h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.widget_text h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.widget_text h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.widget_text h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

.widget_text p {
  font-size: 16px;
  line-height: 180%;
  /* line-height: 1.7; */
  margin-bottom: 2em;
}

.widget_text blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.widget_text blockquote p {
  font-size: 14px;
  font-style: italic;
}

.widget_text blockquote p:last-child {
  margin-bottom: 0;
}

.widget_text table {
  margin-bottom: 2em;
}

.widget_text table thead {
  background: #f4f4f4;
}

.widget_text table thead tr th {
  padding: 1rem;
}

.widget_text table tbody tr th {
  padding: 1rem;
}

.widget_text table tbody tr td {
  padding: 1rem;
}

.widget_text dl {
  margin-bottom: 2em;
}

.widget_text dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.widget_text dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.widget_text ul {
  list-style: disc;
  padding-left: 30px;
}

.widget_text ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.widget_text ul li ul {
  /* margin-bottom: 10px; */
}

.widget_text ol {
  list-style: decimal;
  padding-left: 30px;
}

.widget_text ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.widget_text ol li ol {
  /* margin-bottom: 10px; */
}

.widget_text pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.widget_text div {
  max-width: 1080px;
}

.widget_text img {
  max-width: 1080px;
}

.widget_text .alignleft {
  float: left;
  margin-right: 10px;
}

.widget_text .alignright {
  float: right;
  margin-left: 10px;
}

.widget_text .aligncenter {
  margin: 0 auto;
}

.widget_text .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .widget_text img,
  .widget_text div {
    max-width: 100%;
  }
}

.widget_text img {
  max-width: 100%;
}

/* タグウィジェット */
.widget_tag_cloud .tagcloud a {
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 3px 5px;
  background: #f4f4f4;
  color: #333333;
  text-decoration: none;
  /* font-size: 12px !important; */
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
# site footer
--------------------------------------------------------------*/
.site-footer__inner {
}

.site-footer .copyright {
}

.site-footer .copyright p {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 100%;
}

.site-footer .copyright p a {
}

/*--------------------------------------------------------------
# page header
--------------------------------------------------------------*/
.page-header {
}

.page-title {
}

.archive-description {
  padding-top: 15px;
  font-size: 14px;
  font-style: italic;
  color: #737373;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.error-404 h1,
.error-404 h2,
.error-404 h3,
.error-404 h4,
.error-404 h5,
.error-404 h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
}

.error-404 h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.error-404 h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.error-404 h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.error-404 h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.error-404 h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.error-404 h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

.error-404 p {
  font-size: 16px;
  line-height: 180%;
  /* line-height: 1.7; */
  margin-bottom: 2em;
}

.error-404 blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.error-404 blockquote p {
  font-size: 14px;
  font-style: italic;
}

.error-404 blockquote p:last-child {
  margin-bottom: 0;
}

.error-404 table {
  margin-bottom: 2em;
}

.error-404 table thead {
  background: #f4f4f4;
}

.error-404 table thead tr th {
  padding: 1rem;
}

.error-404 table tbody tr th {
  padding: 1rem;
}

.error-404 table tbody tr td {
  padding: 1rem;
}

.error-404 dl {
  margin-bottom: 2em;
}

.error-404 dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.error-404 dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.error-404 ul {
  list-style: disc;
  padding-left: 30px;
}

.error-404 ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.error-404 ul li ul {
  /* margin-bottom: 10px; */
}

.error-404 ol {
  list-style: decimal;
  padding-left: 30px;
}

.error-404 ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.error-404 ol li ol {
  /* margin-bottom: 10px; */
}

.error-404 pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.error-404 div {
  max-width: 1080px;
}

.error-404 img {
  max-width: 1080px;
}

.error-404 .alignleft {
  float: left;
  margin-right: 10px;
}

.error-404 .alignright {
  float: right;
  margin-left: 10px;
}

.error-404 .aligncenter {
  margin: 0 auto;
}

.error-404 .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .error-404 img,
  .error-404 div {
    max-width: 100%;
  }
}

.error-404 .search-form {
  text-align: center;
}

.error-404 .search-form .search-field {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 15px;
  font-size: 16px;
  width: 60%;
}

.error-404 .search-form .search-submit {
  background: #eee;
  height: 54px;
  padding: 15px;
  font-size: 16px;
  border-radius: 5px;
}

.error-404 ul li {
  font-size: 14px;
  margin-bottom: .5em;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-title {
  text-align: center;
  padding: 30px;
  font-size: 26px;
  color: #555;
  border: 1px solid #eee;
  margin-bottom: 1em;
}

.comment.parent .children {
  padding-left: 1em;
}

.comment-meta .vcard {
  margin-bottom: .5em;
}

.comment-meta .vcard .fn {
  font-size: 16px;
}

.comment-metadata {
  font-size: 12px;
  margin-bottom: 1em;
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
}

.comment-content h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.comment-content h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.comment-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.comment-content h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.comment-content h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.comment-content h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

.comment-content p {
  font-size: 16px;
  line-height: 180%;
  /* line-height: 1.7; */
  margin-bottom: 2em;
}

.comment-content blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.comment-content blockquote p {
  font-size: 14px;
  font-style: italic;
}

.comment-content blockquote p:last-child {
  margin-bottom: 0;
}

.comment-content table {
  margin-bottom: 2em;
}

.comment-content table thead {
  background: #f4f4f4;
}

.comment-content table thead tr th {
  padding: 1rem;
}

.comment-content table tbody tr th {
  padding: 1rem;
}

.comment-content table tbody tr td {
  padding: 1rem;
}

.comment-content dl {
  margin-bottom: 2em;
}

.comment-content dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.comment-content dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.comment-content ul {
  list-style: disc;
  padding-left: 30px;
}

.comment-content ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.comment-content ul li ul {
  /* margin-bottom: 10px; */
}

.comment-content ol {
  list-style: decimal;
  padding-left: 30px;
}

.comment-content ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.comment-content ol li ol {
  /* margin-bottom: 10px; */
}

.comment-content pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.comment-content div {
  max-width: 1080px;
}

.comment-content img {
  max-width: 1080px;
}

.comment-content .alignleft {
  float: left;
  margin-right: 10px;
}

.comment-content .alignright {
  float: right;
  margin-left: 10px;
}

.comment-content .aligncenter {
  margin: 0 auto;
}

.comment-content .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .comment-content img,
  .comment-content div {
    max-width: 100%;
  }
}

.no-comments {
  margin: 2em -0px;
  text-align: center;
  background: #f4f4f4;
  padding: 30px;
  border: 1px solid #eee;
}

.comment-form-comment textarea {
  width: 100% !important;
}


/*--------------------------------------------------------------
# ブロックエディタへの対応修正
--------------------------------------------------------------*/

.entry-content .wp-block-gallery ul.blocks-gallery-grid,
.entry-content ul.wp-block-gallery  {
  padding-left: 0;
}

.entry-content .wp-block-gallery ol.blocks-gallery-grid,
.entry-content ol.wp-block-gallery {
  padding-left: 0;
}

.wp-block-pullquote:before {
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


.hentry .entry-content .wp-block-button a.wp-block-button__link {
	/* font-size: 16px;
  font-size: 1.6rem; */
	color: rgba(255,255,255,1);
	text-decoration: none;
	vertical-align: top;
}

.hentry .entry-content .wp-block-button a.wp-block-button__link:link { text-decoration: none; none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-block-button a.wp-block-button__link:visited { text-decoration: none; none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-block-button a.wp-block-button__link:hover { text-decoration: none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-block-button a.wp-block-button__link:active { text-decoration: none; none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hentry .entry-content .wp-block-cover.has-background-dim,
.hentry .entry-content .wp-block-image img {
  margin-bottom: 2rem;
}

/* font */

.hentry .entry-content .has-small-font-size {
  font-size: 13px;
  font-size: 1.3rem;
 }

.hentry .entry-content .has-regular-font-size,
.hentry .entry-content .has-normal-font-size {
  font-size: 16px;
  font-size: 1.6rem;
 }

.hentry .entry-content .has-medium-font-size {
  font-size: 20px;
  font-size: 2rem;
 }

.hentry .entry-content .has-large-font-size {
  font-size: 36px;
  font-size: 3.6rem;
 }

.hentry .entry-content .has-larger-font-size,
.hentry .entry-content .has-huge-font-size {
  font-size: 42px;
  font-size: 4.2rem;
 }

.hentry .entry-content .has-text-align-center {
  text-align: center; }

.hentry .entry-content .has-text-align-left {
  /*rtl:ignore*/
  text-align: left; }

.hentry .entry-content .has-text-align-right {
  /*rtl:ignore*/
  text-align: right; }


  /* Safari 9用 css hack */

  @supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .wp-block-gallery .blocks-gallery-image,
    .wp-block-gallery .blocks-gallery-item,
    .blocks-gallery-grid .blocks-gallery-image,
    .blocks-gallery-grid .blocks-gallery-item {
      margin: 0 16px 16px 0;
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      justify-content: center;
      position: relative; }
    }


/* --------------------------------------------------------
    original wordpress css
-------------------------------------------------------- */

.hentry .entry-content img,
.hentry .entry-content iframe,
.hentry .entry-content object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
    vertical-align: bottom;
}

  hr.wp-block-separator {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }


/* --------------------------------------------------------
 wideImage
-------------------------------------------------------- */

#header.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-color: rgba(178,226,232,1);
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#localHeader.wideImage {
  height: auto;
	margin: 0 auto 0;
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#footer.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}


/* --------------------------------------------------------
 header
-------------------------------------------------------- */

#header {
  margin-bottom: 10rem;
}

#header header {
  position: relative;
}

#header header #read-area {
  background-position: center top;
	background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url('../images/common/header_bg_pattern.png');
  background-image:-webkit-image-set(url("../images/common/header_bg_pattern.png") 1x,url("../images/@2x/common/header_bg_pattern.png") 2x);
}

#header header div#hGroup {
  padding: 2.3rem 10rem 2.3rem 2rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#header header div#hGroup h1,
#header header div#hGroup h1 img {
  width: 100%;
}


/*	Primary Navigation */

#header header div#pNav ul {
	width: auto;
	margin: auto;
}

#header header div#pNav ul li {
	display: inline-block;
	margin-left: 20px;
	height: auto;
}

#header header div#pNav ul li:first-child {
	margin-left: 0;
}

#header header div#pNav ul li a {
	display: block;
	height: auto;
}

#header header div#pNav ul li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
}

#header header div#pNav ul li a img {
}


/*	Navi */
/*
div#site-navigation-area {
  position: fixed;
  right: 0;
  z-index: 10;
}

nav#site-navigation div.menu-global-container.gnavi  {
	height: auto;
	background-color: rgba(0,0,0,1);
}

nav#site-navigation div.menu-global-container.gnavi ul {
	margin: 0 auto;
  text-align: center;
}

nav#site-navigation div.menu-global-container.gnavi ul li {
	display: inline-block;
	padding: 0;
	width: auto;
}

nav#site-navigation div.menu-global-container.gnavi ul li a {
	display: block;
	padding: 0 1rem;
	width: 100%;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
}

nav#site-navigation div.menu-global-container.gnavi ul li a:hover {
	color: rgba(229,229,229,1);
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

nav#site-navigation div.menu-global-container.gnavi ul li span.open {
	display: block;
	padding: 0;
	width: 100%;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
}
 */


/*	Navi */

nav#site-navigation {
  width: 100%;
  padding: 0;
}

nav#site-navigation div.menu-global-container.gnavi  {
  height: 100%;
  /* background-color: rgba(0,0,0,1); */
}

nav#site-navigation div.menu-global-container.gnavi ul {
  margin: 3rem auto 0;
  padding: 3rem;
  text-align: center;
  max-width: 450px;
  width: 90%;
  background-color: rgba(153,216,224,1);
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}

nav#site-navigation div.menu-global-container.gnavi ul li {
  display: block;
  margin: 0 auto 0 auto;
}

nav#site-navigation div.menu-global-container.gnavi ul li p {
  margin: 0 auto 1.5rem;
  padding: 0.5rem;
  width: 60%;
  background-color: rgba(255,255,255,1);
  text-align: center;
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}

nav#site-navigation div.menu-global-container.gnavi ul li p span {
  background-color: rgba(255,255,255,1);
  color: rgba(102,197,208,1);
  font-weight: 400;
  letter-spacing: 1em;
  margin-right: -1em;
}

nav#site-navigation div.menu-global-container.gnavi ul li a {
  display: block;
  margin-top: 0;
  margin-left: 0;
  padding: 0.8rem;
  width: 100%;
  color: rgba(255,255,255,1);
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
  border-left: none;
  border-bottom: 2px solid rgba(102,197,208,1);
  letter-spacing: 0.1em;
  text-decoration: none;
}

nav#site-navigation div.menu-global-container.gnavi ul li:nth-of-type(2) a,
nav#site-navigation div.menu-global-container.gnavi ul li:nth-of-type(4) a,
nav#site-navigation div.menu-global-container.gnavi ul li:nth-of-type(8) a {
  padding: 1.6rem 0.8rem;
}

nav#site-navigation div.menu-global-container.gnavi ul li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}
/*
nav#site-navigation div.menu-global-container.gnavi ul li.current a::before,
nav#site-navigation div.menu-global-container.gnavi ul li a:hover::before {
  color: rgba(255,255,255,1);
}

nav#site-navigation div.menu-global-container.gnavi ul li.mbcont_on {
  display: block;
}
*/


a.button-global {
  display: none;
}



/* パンくずリスト */

.breadcrumb {
  margin: 1rem 0;
  padding-left:0;
}

.breadcrumb li {
  display:inline-block;/*横に並ぶように*/
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;/*太字*/
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 5px;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: gray;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;/*太字*/
}
/*
.breadcrumb li:first-child a:before {
  *//*家アイコン*//*
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
  color: #2e7fea;
}
*/
.breadcrumb li a:hover {
  text-decoration: underline;
}



/* --------------------------------------------------------
 Contents Style
-------------------------------------------------------- */

article {
}

aside {
}
/*
.main {
	padding-top: 6rem;
}
*/

.main header {
	margin-bottom: 8rem;
}

.contents {
	width: 100%;
	margin: 0 auto 0;
}

.contents .entry-content div.text-area {
  margin: 0 auto 3rem;
  width: 75%;
}

#advantages_of_attending_school .contents .entry-content div.text-area {
  margin: 0 auto 3rem;
  width: 85%;
}

.contents .entry-content div.text-area p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
	line-height: 220%;
	color: rgba(77,77,77,1);
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

.contents .entry-content div.button-area {
  margin: 0 auto 3rem;
  width: 75%;
  max-width: 480px;
}

.contents .entry-content div.button-area img {
  width: 100%;
}
/*
.contents .entry-content div.button-area a.open_school::after {
  content:'';
  width: 100%;
  height: 100px;
  background-image: url('../images/common/open_school_button.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  right: 0;
  display: grid;
  place-items: center;
  margin: auto;
  -webkit-transform : translate(0, -11rem);
  transform: translate(0, -11rem);
}

.contents .entry-content div.button-area a.document_request::after {
  content:'';
  width: 100%;
  height: 100px;
  background-image: url('../images/common/document_request_button.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  right: 0;
  display: grid;
  place-items: center;
  margin: auto;
  -webkit-transform : translate(0, -11rem);
  transform: translate(0, -11rem);
}
*/
.contents .entry-content div.voice-area div.button-area {
  width: 100%;
}

.contents .entry-content div.button-area p {
  margin: 0 !important;
}

.contents .entry-content div.button-area a {
  display: block;
}

.contents .entry-content div.button-area a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

#active_field .contents .entry-content div.voice-area {
  padding: 3rem 0 0;
}

#active_field .contents .entry-content div.voice-paragraph {
  margin: 0 auto;
  width: 80%;
  border-bottom: 3px solid rgba(255,255,255,1);
}

#active_field .contents .entry-content div.voice-area div.timetable-images {
  margin: 0 auto 6rem !important;
  width: 75%;
  max-width: 480px;
}

#active_field .contents .entry-content div.profile-area {
  margin: 0 auto 3rem;
  padding-top: 11rem;
  width: 75%;
  position: relative;
}
#active_field .contents .entry-content div.profile-area p.profile-images {
  width: 120px;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);;
}
#active_field .contents .entry-content div.profile-area p.profile-images img {
  width: 100%;
}
#active_field .contents .entry-content div.profile-area div.profile {
  padding: 2rem;
  background-color: rgba(255,255,255,1);
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}
#active_field .contents .entry-content div.profile-area div.profile p {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
	line-height: 220%;
	color: rgba(77,77,77,1);
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}


/*	Local header */

div#localHeader {
	position: relative;
}

div#localHeader div.bxslider img {
	vertical-align: bottom;
}


/*	Local Navi */

div#localHeader div#lNav {
	width: 100%;
	/* background-color: rgba(255,255,255,0.8); */
}

div#localHeader div#lNav ul {
	margin: 0 auto;
	text-align: center;
}

div#localHeader div#lNav ul li {
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	width: auto;
	border-left: 1px solid rgba(72,72,72,1);
}

div#localHeader div#lNav ul li:first-child {
	padding-left: 0;
	border-left: none;
}

div#localHeader div#lNav ul li a {
	display: block;
	text-align: center;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
}

div#localHeader div#lNav ul li a:hover {
	/* color: rgba(72,72,72,1); */
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}


/*	header */

h2 {
}

h3 {
}

#active_field.hentry .entry-content div.text-area h3 {
  margin-bottom: 3rem;
  text-align: right;
	/* color: rgba(21,118,199,1); */
  color: rgba(78,78,78,1);
	font-size: 16px;
	font-size: 1.6rem;
  font-weight: 600;
}

#active_field.hentry .entry-content div.text-area h3 span {
  display: block;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.35em;
  text-align: center;
  letter-spacing: 0.1em;
  /* border-bottom: 1px solid rgba(21,118,199,1); */
  border-bottom: 1px solid rgba(78,78,78,1);
}

#want_to_become.hentry .entry-content div.text-area h3 {
  margin-bottom: 3rem;
  text-align: center;
  /* color: rgba(75,187,199,1); */
  color: rgba(77,77,77,1);
	font-size: 21px;
	font-size: 2.1rem;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 0.1em;
}

#features.hentry .entry-content div.text-area h3 {
  margin-bottom: 3rem;
  text-align: left;
	font-size: 21px;
	font-size: 2.1rem;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 0.1em;
}

#features.hentry .entry-content div#features-01.text-area h3 span {
  color: rgba(241,141,0,1);
  text-decoration: underline;
}
#features.hentry .entry-content div#features-02.text-area h3 span {
	color: rgba(156,75,143,1);
  text-decoration: underline;
}
#features.hentry .entry-content div#features-03.text-area h3 span {
	color: rgba(234,97,124,1);
  text-decoration: underline;
}
#features.hentry .entry-content div#features-04.text-area h3 span {
	color: rgba(118,163,45,1);
  text-decoration: underline;
}


h4 {
}

#active_field.hentry .entry-content div.text-area h4 {
  margin-bottom: 3rem;
  text-align: left;
	color: rgba(21,118,199,1);
	font-size: 21px;
	font-size: 2.1rem;
  line-height: 180%;
  font-weight: 500;
  letter-spacing: 0.08em;
}

#active_field.hentry .entry-content .secondary div.text-area h4 {
  color: rgba(238,125,85,1);
}

#active_field .contents .entry-content div.profile-area h5 {
  margin-bottom: 1rem;
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  text-decoration: underline;
}

#features.hentry .entry-content div.text-area h4 {
  margin-bottom: 1rem;
  text-align: left;
	color: rgba(78,78,78,1);
	font-size: 16px;
	font-size: 1.6rem;
  line-height: 180%;
  font-weight: 500;
  letter-spacing: 0.08em;
}

#features.hentry .entry-content div.text-area h4::before {
  margin-right: 5px;
  font-family: "FontAwesome";
  content: '\f04b';
}

#features.hentry .entry-content div#features-02.text-area h4::before {
  color: rgba(156,75,143,1);
}

#features.hentry .entry-content div#features-04.text-area h4::before {
  color: rgba(118,163,45,1);
}


/* header
----------------------------------------------------*/

#header header .contents .entry-content div.text-area ul.read {
  max-width: 480px;
}

#header header .contents .entry-content div.text-area ul.read {
  margin: 5rem auto 6rem;
}

#header header .contents .entry-content div.text-area ul.read li {
  margin-bottom: 3rem;
}

#header header .contents .entry-content div.text-area ul.read li p {
  font-size: 1.8em;
  font-weight: 600;
  line-height: 250%;
  text-align: left;
}

#header header .contents .entry-content div.menu-global-container.gnavi  {
  /* background-color: rgba(0,0,0,1); */
}

#header header .contents .entry-content div.menu-global-container.gnavi ul {
  margin: 3rem auto 0;
  padding: 3rem;
  text-align: center;
  max-width: 450px;
  width: 95%;
  background-color: rgba(103,197,207,1);
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}

#header header .contents .entry-content div.menu-global-container.gnavi ul li {
  display: block;
  margin: 0 auto 0 auto;
}

#header header .contents .entry-content div.menu-global-container.gnavi ul li p {
  margin: 0 auto 1.5rem;
  padding: 0.5rem;
  width: 60%;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: rgba(255,255,255,1);
  text-align: center;
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}

#header header .contents .entry-content div.menu-global-container.gnavi ul li p span {
  background-color: rgba(255,255,255,1);
  color: rgba(75,187,199,1);
  font-weight: 400;
  letter-spacing: 1em;
  margin-right: -1em;
}

#header header .contents .entry-content div.menu-global-container.gnavi ul li a {
  display: block;
  margin-top: 0;
  margin-left: 0;
  padding: 0.8rem;
  width: 100%;
  color: rgba(255,255,255,1);
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
  border-left: none;
  letter-spacing: 0.1em;
  border-bottom: 2px solid rgba(75,187,199,1);
  text-decoration: none;
}

#header header .contents .entry-content div.menu-global-container.gnavi ul li:nth-of-type(3) a,
#header header .contents .entry-content div.menu-global-container.gnavi ul li:nth-of-type(7) a {
  padding: 1.6rem 0.8rem;
}

#header header .contents .entry-content div.menu-global-container.gnavi ul li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}


/* Top page
----------------------------------------------------*/

/*	newsRelease */

#newsRelease {
}

.newsRelease {
}

/* --- 新着リスト --- *//*
#newsRelease dl.newsRelease {
width: 100%;  *//* 新着リストの幅 *//*
margin: 0;
}
 */
/* --- 日付エリア --- *//*
#newsRelease dl.newsRelease dt {
width: 7.7em;  *//* 日付エリアの幅 *//*
float: left;
padding: 0 0 0 3px;  *//* 日付エリアのパディング（上右下左） *//*
border-right: 1px rgba(72,72,72,1) solid;  *//* 本文エリア下境界線 *//*
color: rgba(72,72,72,1);
}
 */
/* --- 本文エリア --- *//*
#newsRelease dl.newsRelease dd {
margin: 7.7em 0;
padding: 0 3px 0 9.6em;  *//* 本文エリアのパディング（上右下左） *//*
color: rgba(204,204,204,1);
}
 */
 #newsRelease dl.newsRelease:after {
 	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
 }

 #newsRelease dl.newsRelease {
 }

 #newsRelease dl.newsRelease dt {
 float:left;
 width:20rem;
 padding-left: 3rem;
 padding-top:3rem;
 padding-bottom:3rem;
 padding-right:0;
 font-weight: 500;
 line-height: 160%;
 }

 #newsRelease dl.newsRelease dd {
 margin-bottom: 5px;
 padding-left:20rem;
 border-bottom:1px solid rgba(204,204,204,1);
 padding-top:3rem;
 padding-bottom:3rem;
 line-height: 160%;
 }

/* --- 角丸の一覧へのリンクボタン --- */
div.btm_newsRelease {
	margin-bottom: 100px;
}

div.btm_newsRelease a {
	display: block;
	margin: 0 auto;
	padding: 5px 20px;
	width: 145px;
	text-align: center;
	border: 1px solid rgba(72,72,72,1);
	background-color: rgba(255,255,255,1);
	color: rgba(72,72,72,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

div.btm_newsRelease a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(72,72,72,1);
  transition: 0.5s;
}


/* --- トップページのメインナビゲーション --- */
/*
div#mainNav ul {
	margin: 0 auto 0;
	width: 100%;
}

div#mainNav ul li {
	display: inline-block;
	margin-left: 20px;
	width: 20%;
}

div#mainNav ul li:first-child {
	margin-left: 0;
}

div#mainNav ul li a {
	display: block;
	text-align: center;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
}

div#mainNav ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#mainNav ul li a p {
	margin-top: 10px;
	text-align: center;
}
*/

/* SNS buttom */
/*
div.sns_btm ul {
	margin: 0 auto 0;
	width: 100%;
}

div.sns_btm ul li {
	display: inline-block;
	width: 20%;
	margin-left: 50px;
}

div.sns_btm ul li:first-child {
	margin-left: 0;
}

div.sns_btm ul li a {
	display: block;
}

div.sns_btm ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
*/


/* contents
----------------------------------------------------*/
/*
#main section {
	margin-bottom: 60px;
}

#main p {
	line-height: 180%;
}
*/

.hentry .entry-content div.text-area p {
  margin-bottom: 5rem;
}

.hentry .entry-content p.photos,
.hentry .entry-content p.images {
	margin: 0 auto 6rem !important;
	text-align: center;
}

#want_to_become.hentry .entry-content p.images {
	margin: 0 auto 6rem !important;
	text-align: center;
}

#want_to_become.hentry .entry-content p.images.line {
	margin: 6rem auto 3rem !important;
	text-align: center;
}

#want_to_become.hentry .entry-content .column-accordion p.images {
  margin: 0 auto !important;
	text-align: center;
}

#advantages_of_attending_school.hentry .entry-content p.images {
  margin: 0 auto 3rem !important;
	text-align: center;
}

#main p.photos_before,
#main p.images_before {
	margin: 0 auto;
	text-align: center;
}

#main p.photos_after,
#main p.images_after {
	margin-top: 0;
	text-align: center;
}

.contents .chapter,
.contents.chapter {
	margin-bottom: 8rem;
}

.contents .paragraph,
.contents.paragraph {
	margin-bottom: 4rem;
}


/* flexbox
----------------------------------------------------*/

.box-wrap,
.box-wrap-480 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.box-wrap-not-expand {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.box-wrap-not-expand {
  padding: 0 1px;
}

.box-wrap.box-no-wrap,
.box-wrap-480.box-no-wrap {
  flex-wrap:nowrap;
}
.box-wrap.box-justify-center,
.box-wrap-480.box-justify-center {
  justify-content: center;
}
.box-wrap.box-justify-start,
.box-wrap-480.box-justify-start {
 justify-content: flex-start;
}
.box-wrap.box-align-center,
.box-wrap-480.box-align-center {
  align-items: center;
}
.box-wrap.box-align-end,
.box-wrap-480.box-align-end {
  align-items: flex-end;
}

.box {

}
.box.box-inline,
.box-480.box-inline {
  display: inline-block;
}
.box img,
.box-480 img {
  width: 100%;
}
.box p,
.box-480 p {
  margin: 1rem;
}


.box.width-span-15-fix,
.box-480.width-span-15-fix {
  width: 15%
}
.box.width-span-20-fix,
.box-480.width-span-20-fix {
  width: 20%
}
.box.width-span-25-fix,
.box-480.width-span-25-fix {
  width: 24.5%
} /*
.box.width-span-25-50-fix {
  width: 24.5%
} */
.box.width-span-30-fix,
.box-480.width-span-30-fix {
  width: 30%
}
.box.width-span-33-fix,
.box-480.width-span-33-fix {
  width: 33.33%
}
.box.width-span-40-fix,
.box-480.width-span-40-fix {
  width: 40%
}
.box.width-span-45-fix,
.box-480.width-span-45-fix {
  width: 45%
}
.box.width-span-48-fix {
  width: 48%
}
.box.width-span-50-fix,
.box-480.width-span-50-fix {
  width: 50%
}
.box.width-span-60-fix,
.box-480.width-span-60-fix {
  width: 60%
}
.box.width-span-70-fix,
.box-480.width-span-70-fix {
  width: 70%
}
.box.width-span-80-fix,
.box-480.width-span-80-fix {
  width: 80%
}
.box.width-span-85-fix,
.box-480.width-span-85-fix {
  width: 85%
}
.box.width-span-100-fix,
.box-480.width-span-100-fix {
  width: 100%
}

.box.order_01 {
  order: 1;
}

.box.order_02 {
  order: 2;
}

.box.order_03 {
  order: 3;
}

.box.order_04 {
  order: 4;
}

.box.order_05 {
  order: 5;
}

.box.order_06 {
  order: 6;
}


/* font-size
----------------------------------------------------*/

.hentry .entry-content p.font-size-small,
.widget_text p.font-size-small,
.error-404 p.font-size-small,
.comment-content p.font-size-small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 160%
}

.hentry .entry-content p.font-size-middle,
.widget_text p.font-size-middle,
.error-404 p.font-size-middle,
.comment-content p.font-size-middle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 160%
}


/* access_map
----------------------------------------------------*/

div.access_map {
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: 0;
overflow: hidden;
}

div.access_map iframe,
div.access_map object,
div.access_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* スマートフォンの固定メニュー
----------------------------------------------------*/

#sp-nav-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  background: none;
  padding: 0;
  /*	border-top:$point-color 4px solid;
  display: none; */
  display: block;
  /* -webkit-animation: late-open 0.5s ease-in 10s forwards;
  animation: late-open 0.5s ease-in 10s forwards; */
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
 }
  #sp-nav-foot:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }


/*
@-webkit-keyframes late-open {
  to {
    display: block; } }

@keyframes late-open {
  to {
    display: block; } }
*/
#sp-nav-foot li {
  display: inline-block;
  /* padding: 0.6rem 0;
  text-align: center;
font-size: 0.75rem; */
  width: 33.3%;
 }
  #sp-nav-foot li a, #sp-nav-foot li .Btn:hover, #sp-nav-foot li .Btn:visited {
    display: none; text-decoration: none; }

#sp-nav-foot li a:hover {
  filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
  transition: 0.5s;
}

#sp-nav-foot li img {
  width: 100%;
  margin: 0 auto; }

#sp-nav-foot div.sp {
  width: 100%;
  height: 20px;
  background-color: rgba(238,238,238,1);
}

/* column
----------------------------------------------------*/

.hentry .column .entry-content div.text-area p {
  /* color: rgba(75,187,199,1); */
  color: rgba(77,77,77,1);
}

#expanding_opportunities.hentry .entry-content .modal_column {
  padding: 0;
}

#expanding_opportunities.hentry .entry-content .modal_column a {
  display: block;
}

/* about
----------------------------------------------------*/

#about .column {
  padding-top: 8rem;
  background-position: center top;
	background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url('../images/about/about_bg.png');
  background-image:-webkit-image-set(url("../images/about/about_bg.png") 1x,url("../images/@2x/about/about_bg.png") 2x);
}


/* expanding_opportunities
----------------------------------------------------*/

#expanding_opportunities {
  background-color: rgba(244,240,239,1);
}

#expanding_opportunities div.expanding_opportunities_list {
  margin: 0 auto 6rem;
  width: 80%;
}

#expanding_opportunities ul.expanding_opportunities_list {
  margin: 0 auto 6rem;
  width: 80%;
}

#expanding_opportunities ul.expanding_opportunities_list a {
  display: block;
}

#expanding_opportunities ul.expanding_opportunities_list a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

/* active_field
----------------------------------------------------*/

#active_field {
  background-color: rgba(244,240,239,1);
}

#active_field.hentry .entry-content div.text-area.voice_name {
  padding-top: 2rem;
}

#active_field.hentry .entry-content div.text-area.voice_name p {
  margin-bottom: 0;
	color: rgba(77,77,77,1);
	font-size: 14px;
	font-size: 1.4rem;
}

#active_field.hentry .entry-content div.text-area.voice_name p span {
  font-size: 1.6em;
}

#active_field.hentry .entry-content div.text-area.voice_name p.sub {
	font-size: 0.6em;
  line-height: 160%;
}


/*アコーディオン*//*
.accordion {
	display: block;
	margin: 0 auto;
	padding: 0;
}

.accordion_contents {
	display: none;
  background-color: rgba(243,240,239,1);
	padding: 60px 0;
}

.accordion_wapper{
	max-width: 480px;
	margin: 0 auto;
  padding: 0 20px;
}

.accordion_ttl{
	font-size: 2.4rem;
	color: #f09c70;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}

.accordion_image{
  width: 100%;
	margin-top: 40px;
	text-align: center;
}

.accordion_img{
  width: 100%;
}

.accordion_sub_ttl{
	font-size: 1rem;
	color: #333333;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-top: 60px;
}

.accordion_sub_txt{
	font-size: 0.8rem;
	color: #333333;
	line-height: 1.6;
	letter-spacing: 0.1em;
	margin-top: 20px;
}

.accordion_more_wrapper{
	text-align: center;
	position: relative;
}

.accordion_more {
	display: inline-block;
	margin: 40px auto 0;
  background-color: rgba(243,240,239,1);
	color: #ffffff;
	padding: 20px;
	border-radius: 10%;
	border: none;
	transition: .5s;
	-erbkit-transition: .5s;
	position: absolute;
	top: 0;
}
*/




.acParent,
.acParent01,
.acParent02,
.acParent03,
.acParent04,
.acParent05,
.acParent06,
.acParent07 {
			background: gray;
      cursor: pointer;
      position: relative;
		}

		.acParent:after,
    .acParent01:after,
    .acParent02:after,
    .acParent03:after,
    .acParent04:after,
    .acParent05:after,
    .acParent06:after,
    .acParent07:after {
			content:'';
			width: 100px;
			height: 100px;
      background-image: url('../images/active_field/active_field_accordion_button_open.png');
      background-size: contain;
      vertical-align: middle;
			position: absolute;
      right: 0;
			/* inset: auto 0; */
			display: grid;
			place-items: center;
			margin: auto;
      -webkit-transform : translate(0, -11rem);
			transform: translate(0, -11rem);
			/* border-radius: 1em;
			background: black;
			color: white; */
		}

		.acParent.close::after,
    .acParent01.close::after,
    .acParent02.close::after,
    .acParent03.close::after,
    .acParent04.close::after,
    .acParent05.close::after,
    .acParent06.close::after,
    .acParent07.close::after {
      background-image: url('../images/active_field/active_field_accordion_button_close.png');
			transition: all 0.3s;
		}

    /*アコーディオンで現れるエリア*/
		.acChild,
    .acChild01,
    .acChild02,
    .acChild03,
    .acChild04,
    .acChild05,
    .acChild06,
    .acChild07 {
			display: none;
			/*はじめは非表示*/
      padding-bottom: 10rem;
      background-color: rgba(243,240,239,1);
		}

    .acParent08,
    .acParent09,
    .acParent10,
    .acParent11 {
    			background: gray;
          cursor: pointer;
          position: relative;
    		}

    .acParent08:after,
    .acParent09:after,
    .acParent10:after,
    .acParent11:after {
			content:'';
			width: 100px;
			height: 36px;
      background-image: url('../svg/want_to_become/want_to_become_accordion_button_open.png');
      background-size: cover;
      background-repeat: no-repeat;
      vertical-align: middle;
			position: absolute;
      bottom: -10px;
      left: 50%;
			/* inset: auto 0; */
			display: grid;
			place-items: center;
			margin: auto;
      -webkit-transform : translateX(-50%);
      transform : translateX(-50%);
			/* border-radius: 1em;
			background: black;
			color: white; */
		}

    .acParent08.close::after,
    .acParent09.close::after,
    .acParent10.close::after,
    .acParent11.close::after {
      background-image: url('../svg/want_to_become/want_to_become_accordion_button_close.png');
      background-size: contain;
			transition: all 0.3s;
		}

    /*アコーディオンで現れるエリア*/
    .acChild08,
    .acChild09,
    .acChild10,
    .acChild11 {
			display: none;
			/*はじめは非表示*/
      padding-bottom: 2rem;
      background-color: rgba(255,255,255,1);
		}


    /* want_to_become
    ----------------------------------------------------*/

    #want_to_become.hentry {
      margin-bottom: 10rem;
    }

    #want_to_become.hentry .entry-content .column-accordion p.note {
      color: rgba(72,72,72,1);
      text-indent: -1em;
      padding-left: 1em;
    }

    #want_to_become.hentry .entry-content .column-accordion .graph-area {
      margin-bottom: 2rem;
    }

    #want_to_become.hentry .entry-content .column-accordion .graph-area p {
      margin: 0 auto 1rem;
      color: rgba(72,72,72,1);
      text-align: left;
    }

    #want_to_become.hentry .entry-content .column-accordion .graph-area p.graph_title::before {
      margin-right: 5px;
      color: rgba(75,187,199,1);
      font-family: "FontAwesome";
      content: '\f04b';
    }


    /* advantages_of_attending_school
    ----------------------------------------------------*/

#advantages_of_attending_school.hentry {
  margin: 0 auto 6rem;
  width: 90%;
  background-color: rgba(240,250,248,1);
}

#advantages_of_attending_school .contents .entry-content div.text-area {
  margin: 0 auto 3rem;
  width: 85%;
}

#advantages_of_attending_school.hentry .entry-content div.text-area.voice_text p {
	color: rgba(77,77,77,1);
}

#advantages_of_attending_school.hentry .entry-content div.text-area.voice_text p span {
  color: rgba(21,118,199,1);
  text-decoration: underline;
}

#advantages_of_attending_school.hentry .entry-content div.text-area.voice_text p span.secondary {
  color: rgba(238,125,85,1);
}



/* features
----------------------------------------------------*/

#features.hentry .entry-content div#features-01.text-area p span {
	color: rgba(241,141,0,1);
  text-decoration: underline;
}
#features.hentry .entry-content div#features-02.text-area p span {
	color: rgba(156,75,143,1);
  text-decoration: underline;
}
#features.hentry .entry-content div#features-03.text-area p span {
	color: rgba(234,97,124,1);
  text-decoration: underline;
}
#features.hentry .entry-content div#features-04.text-area p span {
	color: rgba(118,163,45,1);
  text-decoration: underline;
}

#features.hentry .entry-content div.text-area p:nth-of-type(1) {
  margin-bottom: 3rem;
}
#features.hentry .entry-content div.text-area p:nth-of-type(2) {
  margin-bottom: 2rem;
}


/* contact
----------------------------------------------------*/

/*	contact */

#contact .mailform dl {
	margin-bottom: 20px;
	width: 100%;
}

#contact .mailform dl dt,
#contact .mailform dl dd {
	padding: 3px;
}

#contact .mailform dl dt {
	font-weight: 400;
}

#contact .mailform dl dd {
	margin-bottom: 10px;
}

#contact .mailform dl dt span {
	color: rgba(255,0,0,1);
}

#contact .mailform dl dd input {
	padding:3px;
	width: 100%;
}

#contact .mailform dl dd input[type='text'] {
  border: 1px solid rgba(204,204,204,1);
}

#contact .mailform dl dd span.mwform-tel-field input,
#contact .mailform dl dd span.mwform-zip-field input {
	padding:3px;
	width: 80px;
}

#contact .mailform dl dd span.mwform-radio-field input,
#contact .mailform dl dd span.mwform-checkbox-field input {
	padding:3px;
	width: 20px;
}

#contact .mailform dl dd textarea {
	padding:3px;
	width: 100% !important;
	height: 15em !important;
	border: 1px solid rgba(204,204,204,1);
}

#contact .mailform dl dd input::-webkit-input-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}
#contact .mailform dl dd input:-ms-input-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}
#contact .mailform dl dd input::-moz-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}

#contact .mailform p {
	margin-bottom: 20px;
	text-align: center;
}

#contact .mailform div.formButton {
	text-align: center;
}

/* 送信確認必要な際、ボタンを押せなくするスクリプト用CSS */
/*
input[type="submit"] {
	padding:10px;
	width: 150px;
	border-style: none;
	color: rgba(255,255,255,1);
	background-color: rgba(153,153,153,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 20px;
}

input[type="submit"]:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
transition: 0.5s;
}

input[type="submit"][disabled] {
background-color: rgba(204,204,204,1);
cursor: default;
}
*/
#contact .mailform input.form_button,
#contact #formWrap input.form_button {
  margin-right: 1rem;
  padding:1rem 5rem;
	border-style: none;
	color: rgba(255,255,255,1);
	background-color: rgba(204,204,204,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#contact .mailform input.form_button:nth-of-type(2),
#contact #formWrap input.form_button:nth-of-type(2) {
	margin-right: 0;
}

#contact .mailform input.form_button:hover,
#contact #formWrap input.form_button:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}


/* 確認画面 */

/* 自由に編集下さい */
#formWrap {
	/* width:700px; */
  width:100%;
	margin:0 auto;
	color: rgba(72,72,72,1);
  font-size: 16px;
  font-size: 1.6rem;
	line-height:120%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background: rgba(88,88,88,0.1);
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color: rgba(229,0,79,1);
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
  margin-right: 1rem;
  padding:1rem 5rem;
	border-style: none;
	color: #ffffff;
	background-color: rgba(88,88,88,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
  -webkit-appearance: none;
}

input[type="submit"]:nth-of-type(2),
input[type="reset"]:nth-of-type(2),
input[type="button"]:nth-of-type(2) {
	margin-right: 0;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:768px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	/* display:block; */
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	/* width:100%;
	height:40px; */
}
}


/* List
----------------------------------------------------*/

.contents div.basicList_line dl:after,
.contents dl.basicList_line:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.basicList_line,
.contents dl.basicList_line {
	margin-bottom: 50px;
}

.contents div.basicList_line dt,
.contents dl.basicList_line dt {
float:left;
width:15rem;
padding-left: 3rem;
padding-top:15px;
padding-bottom:15px;
padding-right:0;
font-weight: 500;
line-height: 160%;
}

.contents div.basicList_line dd,
.contents dl.basicList_line dd {
padding-left:15rem;
border-bottom:1px solid rgba(204,204,204,1);
padding-top:15px;
padding-bottom:15px;
line-height: 160%;
}

.contents div.basicList_line dd:nth-of-type(1),
.contents dl.basicList_line dd:nth-of-type(1) {
border-top:1px solid rgba(204,204,204,1);
}


.contents dl.commentList:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents dl.commentList {
}

.contents dl.commentList dt {
float:left;
width:1.6rem;
line-height: 180%;
}

.contents dl.commentList dd {
padding-left:1.6rem;
line-height: 180%;
}


.contents div.basicList dl:after,
.contents dl.basicList:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.basicList dl dt,
.contents dl.basicList dt {
	float:left;
	width: 1.6rem;
  line-height: 180%;
}

.contents div.basicList dl dd,
.contents dl.basicList dd {
	padding-left: 1.6rem;
  line-height: 180%;
}


/* table
----------------------------------------------------*/

table { border: none; }
table { margin: 0; padding: 0; }
table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing:0; }
table td { vertical-align: middle; }


/* lineTable */

table.lineTable {
 width: 100%;
 margin: 0;
 line-height: normal;
}

table.lineTable th.textAlignCenter,
table.lineTable td.textAlignCenter {
	text-align: center;
}

div.responsive-table table.lineTable {
}

table.lineTable caption {
}

table.lineTable.tableLine_right {
  border-right:  1px solid #999999;
}

table.lineTable thead th {
 background: none;
 font-weight: bold;
 padding: 15px;
 text-align: center;
 border-top: 1px solid #999999;
 border-bottom:  1px solid #999999;
 border-left: none;
 border-right: none;
 color:#484848;
}

table.lineTable th {
	background: none;
  font-weight: normal;
  padding: 15px;
  text-align: left;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
	border-left: none;
  border-right: none;
  color:#484848;
}

table.lineTable td {
	background: none;
	font-weight: normal;
  padding: 15px;
  text-align: left;
	border-top: none;
  border-bottom: 1px solid #999999;
	border-left: none;
  border-right: none;
  color:#484848;
}

table.lineTable tr th:first-child {
	border-top: 1px solid #999999;
}


/* formTable */

.hentry .entry-content #formWrap table.formTable {
  width: 100%;
}

.hentry .entry-content #formWrap table.formTable th {
  padding: 1rem;
  width: 30%;
  border: 1px solid rgba(203,203,203,1);
  background-color: rgba(0,0,0,0.1);
}

.hentry .entry-content #formWrap table.formTable td {
  padding: 1rem;
  width: 70%;
  border: 1px solid rgba(203,203,203,1);
  background-color: rgba(255,255,255,1);
}

/*
.hentry .entry-content table thead tr th,
.hentry .entry-content table tbody tr th,
.hentry .entry-content table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}

.widget_text table thead tr th,
.widget_text table tbody tr th,
.widget_text table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}

.error-404 table thead tr th,
.error-404 table tbody tr th,
.error-404 table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}

.comment-content table thead tr th,
.comment-content table tbody tr th,
.comment-content table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}
*/

col.width_10{
	width:10%;
}
col.width_20{
	width:20%;
}
col.width_30{
	width:30%;
}
col.width_40{
	width:40%;
}
col.width_50{
	width:50%;
}
col.width_60{
	width:60%;
}
col.width_70{
	width:70%;
}
col.width_80{
	width:80%;
}
col.width_90{
	width:90%;
}

div.responsive-table table.dataTable {
	min-width: 640px;
}

div.responsive-table {
	overflow-x:auto !important;
}

div.responsive-table::-webkit-scrollbar{
	width: 5px;
	background: #cccccc;
}
div.responsive-table::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #cccccc;
}
div.responsive-table::-webkit-scrollbar-thumb{
	background: #666666;
	border-radius: 2px;
}
div.responsive-table::-webkit-scrollbar-thumb:horizontal{
	background: #666666;
	border-radius: 2px;
}


/* --------------------------------------------------------
 Wordpress
-------------------------------------------------------- */

/* 404 */

#primary main .error-404,
#primary main .search,
#primary main .single,
#primary main .archive {
  padding-top: 8rem;
}


/* Contact WordPress
----------------------------------------------------*/

#contact.confirm .mw_wp_form dl dt,
#contact.confirm .mw_wp_form dl dd {
  padding: 5px;
}

#contact.confirm .mw_wp_form dl dd {
	margin-bottom: 0;
}

#contact.confirm .mw_wp_form dl:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#contact.confirm .mw_wp_form dl {
	margin-bottom: 50px;
}

#contact.confirm .mw_wp_form dl dt {
float:left;
width:23rem;
padding-left: 3rem;
padding-top:15px;
padding-bottom:15px;
padding-right:0;
font-weight: 500;
}

#contact.confirm .mw_wp_form dl dd {
padding-left:23rem;
border-bottom:1px solid #ccc;
padding-top:15px;
padding-bottom:15px;
}

#contact.confirm .mw_wp_form dl dd:nth-of-type(1) {
border-top:1px solid #ccc;
}


/* --------------------------------------------------------
 footer
-------------------------------------------------------- */

footer {
  padding: 5rem 0 15rem;
  background-image: linear-gradient(0deg, rgba(78, 187, 200, 1), rgba(178, 226, 231, 1));
}

footer div#fGroup {
	margin: 0 auto;
  padding: 3rem 0 0;
	width: 75%;
  border-top: 2px solid rgba(255,255,255,1);
}

footer div#fGroup p {
  margin-bottom: 1rem;
  font-size: 16px;
	font-size: 1.6rem;
  font-weight: 400;
  color: rgba(255,255,255,1);
	text-align: center;
}

footer div#fGroup a {
  color: rgba(255,255,255,1);
  text-decoration: none;
}

footer div#fGroup a.logo {
  display: block;
  margin-bottom: 1rem;
}

footer div#fGroup a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/* footer Navi */

footer div#fnavi ul.fnavi {
	margin: 0 ;
	text-align: center;
}

footer div#fnavi ul.fnavi li {
	display: inline-block;
	margin-bottom: 1rem;
}

footer div#fnavi ul.fnavi li a {
  padding: 0 1rem;
	color: rgba(72,72,72,1);
	font-size: 14px;
	font-size: 1.4rem;
	border-left: 1px solid rgba(72,72,72,1);
  text-decoration: none;
}

footer div#fnavi ul.fnavi li:first-child a {
	border-left: none;
}

footer div#fnavi ul.fnavi li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

/* copyright */

footer div#copyright p {
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: 400;
  color: rgba(255,255,255,1);
	text-align: center;
}

/*
@media all and (min-width: 1280px) {

	.wideContents {
		margin: 0 auto;
		width: 100%;
	}

}
*/
@media all and (min-width: 960px) {

  #header header div#hGroup {
    padding: 6rem 24rem 6rem 6rem;
  }

  .contents .entry-content div.button-area {
    margin: 0 auto 3rem;
    width: 75%;
    max-width: 480px;
  }

}

@media all and (max-width: 960px) {

  #header header div#hGroup {
    padding: 6vw 25vw 6vw 6vw;
  }

}

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

	.contents {
		width: 100%;
		margin: 0 auto 0;
	}

  /*	photos images */

	#main p.photos_before,
	#main p.images_before {
		margin: 0 auto 20px;
		text-align: center;
	}

	#main p.photos_after,
	#main p.images_after {
    margin: 20px auto 0;
		text-align: center;
	}

  /* Mobile STYLES */

	.mbimg_off{
		display:none;
	}
	.mbimg_on{
		display:block;
	}

	.mbcont_off{
		display:none;
	}
	.mbcont_on{
		display:block;
	}

  /* flexbox */

  .box-wrap{
   display: block;
   /* flex-wrap:wrap;
   justify-content: space-between; */
  }
/*
  .box-wrap .box.width-span-25-50-fix {
   display: flex;
  }
*/

  .box{
  }

  .box.width-span-15-fix {
    width: 100%
  }
  .box.width-span-20-fix {
    width: 100%
  }
  .box.width-span-25-fix {
    width: 100%
  } /*
  .box.width-span-25-50-fix {
    width: 49.5%
  } */
  .box.width-span-30-fix {
    width: 100%
  }
  .box.width-span-33-fix {
    width: 100%
  }
  .box.width-span-40-fix {
    width: 100%
  }
  .box.width-span-45-fix {
    width: 100%
  }/*
  .box.width-span-50-fix {
    width: 100%
  }*/
  .box.width-span-60-fix {
    width: 100%
  }
  .box.width-span-65-fix {
    width: 100%
  }
  .box.width-span-70-fix {
    width: 100%
  }
  .box.width-span-80-fix {
    width: 100%
  }
  .box.width-span-85-fix {
    width: 100%
  }

  /* table */

	div.dataTable table th{
		padding: 6px;
	}
	div.dataTable table td{
		padding: 6px;
	}

}

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

  #sp-nav-foot li a, #sp-nav-foot li .Btn:hover, #sp-nav-foot li .Btn:visited {
    display: block; text-decoration: none; }

  .mbcont_off_480 {
  	display:none;
  }
  .mbcont_on_480 {
  	display:block;
  }

  .hentry .entry-content p,
  .hentry .entry-content a,
  .hentry .entry-content dt,
  .hentry .entry-content dd,
  .hentry .entry-content li,
  .hentry .entry-content input,
  .hentry .entry-content textarea {
  	font-size: 14px;
    font-size: 1.4rem;
    line-height: 180%;
  }


    .hentry .entry-content p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .hentry .entry-content blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .widget_text p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .widget_text blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .error-404 p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .error-404 blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .comment-content p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .comment-content blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .hentry .entry-content pre {
      font-size: 14px;
      font-size: 1.4rem;
    }

    /* List */

    .contents div.basicList_line dt,
    .contents dl.basicList_line dt {
      width:11rem;
    }

    .contents div.basicList_line dd,
    .contents dl.basicList_line dd {
    padding-left:11rem;
    }

    /* table */

    .hentry .entry-content table thead tr th,
    .hentry .entry-content table tbody tr th,
    .hentry .entry-content table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .widget_text table thead tr th,
    .widget_text table tbody tr th,
    .widget_text table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .error-404 table thead tr th,
    .error-404 table tbody tr th,
    .error-404 table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .comment-content table thead tr th,
    .comment-content table tbody tr th,
    .comment-content table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .contents .entry-content div.text-area p {
      font-size: 4.1vw;
    }

    /* h */

    .hentry .column .entry-content .text-area h2 {
      font-size: 6.2vw;
    }

    #active_field.hentry .entry-content div.text-area h3 {
      font-size: 2.8vw;
    }

    #want_to_become.hentry .entry-content div.text-area h3 {
    font-size: 21px;
    font-size: 2.1rem;
    }

    #features.hentry .entry-content div.text-area h3 {
    font-size: 21px;
    font-size: 2.1rem;
    }

    #active_field.hentry .entry-content div.text-area h4 {
    font-size: 21px;
    font-size: 2.1rem;
    }

    #active_field .contents .entry-content div.profile-area h5 {
    font-size: 14px;
    font-size: 1.4rem;
    }

    #features.hentry .entry-content div.text-area h4 {
    font-size: 16px;
    font-size: 1.6rem;
    }

    /* header */

    #header header .contents .entry-content div.text-area ul.read li p {
      font-size: 5.2vw;
    }

    #header header .contents .entry-content div.menu-global-container.gnavi ul {
      max-width: 90%;
      width: 90%;
    }

    /* nav */

    nav#site-navigation div.menu-global-container.gnavi ul li a {
      padding: 0.5rem;
    }

    /* flexbox */

    .box-wrap-480 {
     display: block;
     /* flex-wrap:wrap;
     justify-content: space-between; */
    }

    .box-480{
    }

    .box-480.width-span-15-fix {
      width: 100%
    }
    .box-480.width-span-20-fix {
      width: 100%
    }
    .box-480.width-span-25-fix {
      width: 100%
    } /*
    .box-480.width-span-25-50-fix {
      width: 49.5%
    } */
    .box-480.width-span-30-fix {
      width: 100%
    }
    .box-480.width-span-33-fix {
      width: 100%
    }
    .box-480.width-span-40-fix {
      width: 100%
    }
    .box-480.width-span-45-fix {
      width: 100%
    }/*
    .box-480.width-span-50-fix {
      width: 100%
    }*/
    .box-480.width-span-60-fix {
      width: 100%
    }
    .box-480.width-span-65-fix {
      width: 100%
    }
    .box-480.width-span-70-fix {
      width: 100%
    }
    .box-480.width-span-80-fix {
      width: 100%
    }
    .box-480.width-span-85-fix {
      width: 100%
    }


    /* active_field */

    #active_field.hentry .entry-content div.text-area.voice_name p {
    	font-size: 2.8vw;
    }

  /* contact */

  #contact .mailform dl dd span.mwform-tel-field input,
  #contact .mailform dl dd span.mwform-zip-field input {
  	padding:3px;
  	width: 28%;
  }

}

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

  nav#site-navigation div.menu-global-container.gnavi ul li p {
    width: 65%;
  }

  nav#site-navigation div.menu-global-container.gnavi ul li a {
    padding: 0.75rem;
    font-size: 16px;
    font-size: 1.6rem;
  }

  #header header .contents .entry-content div.menu-global-container.gnavi ul li p {
    width: 65%;
  }

  #header header .contents .entry-content div.menu-global-container.gnavi ul li a {
    padding: 0.75rem;
    font-size: 16px;
    font-size: 1.6rem;
  }

  /* features */

  #features.hentry .entry-content div.text-area h3 {
    font-size: 20px;
  	font-size: 2rem;
  }

}


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

  nav#site-navigation div.menu-global-container.gnavi ul li p {
    width: 75%;
  }

  nav#site-navigation div.menu-global-container.gnavi ul li a {
    padding: 0.5rem;
  }

  #header header .contents .entry-content div.menu-global-container.gnavi ul li p {
    width: 75%;
  }

  #header header .contents .entry-content div.menu-global-container.gnavi ul li a {
    padding: 0.5rem;
  }

  /* features */

  #features.hentry .entry-content div.text-area h3 {
    font-size: 18px;
  	font-size: 1.8rem;
    letter-spacing: 0.05em;
  }

}


/*========= ローディング ===============*/

#loading-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f71d8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  z-index: 9999;
}

.loader {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.completed {
  opacity: 0;
  visibility: hidden;
}