@charset "UTF-8";
/*-------------------------------------------------------------------------------

  HTML5 :: modify.css
  2016.01 Accelight Inc.

-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 変数定義
-------------------------------------------------------------------------------*/
/*
----- 色名接頭辞 -----
白：white
灰：gray
黒：black
鮮やかな：vivid
くすんだ：dull
明るい：brigt
暗い：dark
*/
/*----- グレースケールの定義 -----*/
/*----- 基本色の定義 -----*/
/* メインカラー */
/* サブカラー */
/* メインカラー明るめ*/
/* フォント */
/* リンクテキスト */
/* リンクテキスト ホバー時 */
/* 必須マーク */
/*----- breakpointの定義 -----*/
/*-------------------------------------------------------------------------------
　@mixin
-------------------------------------------------------------------------------*/
/* text-indent:-9999pxの代わり */
/* before,after要素 */
/* before,after要素 インライン */
/* 三角右向きアイコン */
/* media query */
/*-------------------------------------------------------------------------------
web font　定義
-------------------------------------------------------------------------------*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?kxzv91");
  src: url("../fonts/icomoon.eot?kxzv91#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kxzv91") format("truetype"), url("../fonts/icomoon.woff?kxzv91") format("woff"), url("../fonts/icomoon.svg?kxzv91#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ホームアイコン */
.icon-house:before {
  content: "\e901";
}

/* 別タブで開くアイコン */
.icon-window:after {
  content: "\e903";
  margin: 0 0 0 6px;
}

/*-------------------------------------------------------------------------------



ホーム


-------------------------------------------------------------------------------*/
.home {
  /*--------------------------------------------------
  メインビジュアル
  --------------------------------------------------*/
}
.home .main-v {
  width: 100%;
  margin: 55px 0 15px 0;
  background: url(../img/bg-pattern.svg) center center/cover, #e6f8ff;
}
@media screen and (min-width: 768px) {
  .home .main-v {
    margin: 0 0 30px 0;
  }
}
.home .main-v .main-v-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0 1px;
}
@media (max-width: 1000px) {
  .home .main-v .main-v-inner {
    padding: 0;
  }
}
.home .main-v .main-v-inner .bx-viewport {
  border: 0px;
  box-shadow: none;
}
.home .main-v .main-v-inner .bx-wrapper {
  background: none;
  box-shadow: none;
  border: none;
}
@media (max-width: 1000px) {
  .home .main-v .main-v-inner .bx-wrapper {
    margin: 0 auto;
  }
}
@media (max-width: 1000px) {
  .home .main-v .main-v-inner .bx-pager {
    padding-top: 8px;
  }
}
.home .main-v .main-v-inner li a {
  display: block;
  width: 100%;
  height: 500px;
  text-indent: -9999px;
}
@media (max-width: 1000px) {
  .home .main-v .main-v-inner li a {
    height: auto;
    padding-top: 23%;
    height: 400px;
  }
}
@media (max-width: 768px) {
  .home .main-v .main-v-inner li a {
    padding-top: 20%;
    height: 300px;
  }
}
@media (max-width: 425px) {
  .home .main-v .main-v-inner li a {
    padding-top: 0;
    height: 250px;
  }
}
.home .main-v .main-v-inner .main-v-conf {
  background: url(../img/slider.png) center center/100% auto no-repeat;
  /*@media (max-width:1000px){
  	padding-top: 23%;
  }*/
}
.home {
  /* end .main-v */
  /*--------------------------------------------------
  メインコンテンツ
  --------------------------------------------------*/
}
.home main {
  padding: 0;
  /*max-width: 1000px;*/ /*-------------------------------------------------追加*/
  margin: 0 auto;
  margin: 120px auto 0;
}
@media (max-width: 959px) {
  .home main {
    margin-top: 68px;
  }
}
.home .contents-wrap {
  padding: 0;
  max-width: inherit;
}
.home {
  /* end .contents-wrap */
}
.home section {
  float: none;
  width: 100%;
  max-width: 1040px; /*-------------------------------------------------変更*/
  margin: 0 auto 100px;
  padding: 0 20px 0 20px;
}
@media (max-width: 425px) {
  .home section {
    margin: 0 auto 50px;
  }
}
@media screen and (min-width: 768px) {
  .home section .btn {
    clear: both;
    text-align: center;
  }
  .home section .btn a {
    padding: 12px 90px 12px 90px;
  }
  .home section .btn.yellow {
    display: flex;
    justify-content: space-between;
  }
  .home section .btn.yellow a {
    padding: 12px 70px;
    margin-right: 10px;
  }
}
.home h2 {
  text-align: center;
  height: auto;
  font-size: 200%;
  font-weight: bold;
  border-bottom: none;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  padding-left: 0;
}
@media (max-width: 463px) {
  .home h2 {
    font-size: 160%;
  }
}
@media (max-width: 320px) {
  .home h2 {
    font-size: 144%;
  }
}
.home h2 span {
  border-bottom: 5px solid;
  padding-bottom: 10px;
  display: inline-block;
}
.home h2:before {
  content: "";
  display: block;
  height: 21px;
  background: url(../img/icon-logo.svg) center center no-repeat;
  margin-bottom: 30px;
  position: static;
  width: auto;
}
@media (max-width: 425px) {
  .home h2:before {
    margin-bottom: 15px;
    background-size: 26px;
  }
}
.home .white h2 {
  color: #00a9e4;
}
.home .blue {
  background: url(../img/bg-pattern-white.svg), #00a9e4;
  max-width: 1700px;
  margin: 100px auto;
  border-radius: 25px;
}
.home .blue > h2 {
  color: #fff;
  margin-top: 0;
  padding-top: 0;
}
.home .blue > h2:before {
  background: url(../img/icon-logo-white.svg) center center no-repeat;
}
.home .blue .top-txt {
  margin: 0 auto 40px;
  padding: 40px 40px 0;
  max-width: 1040px;
  color: #fff;
}
@media (max-width: 425px) {
  .home .blue .top-txt {
    padding: 10px 10px 0;
  }
}
.home .blue:before {
  position: relative;
  content: "";
  display: block;
  background: url(../img/section-ameba.svg) center center no-repeat;
  width: auto;
  top: -63px;
  height: 67px;
}
.home .blue:after {
  position: relative;
  content: "";
  display: block;
  background: url(../img/section-ameba.svg) center center no-repeat;
  width: auto;
  top: 63px;
  height: 67px;
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
.home .blue .btn a {
  color: #ffffff;
  border: 2px solid #fff;
}
.home .blue .btn a:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.home .blue .btn a:hover {
  background: #fff;
  color: #00a9e5;
}
.home .blue .btn a:hover:before {
  border-top: 2px solid #00a9e5;
  border-right: 2px solid #00a9e5;
}
.home .top-img {
  text-align: center;
  padding: 30px;
  max-width: 365px;
  margin: 0 auto;
}
.home .top-txt {
  font-size: 110%;
  letter-spacing: 0.07em;
  line-height: 2em;
}
.home .top-qa {
  background: #f2f5f7;
  max-width: none;
  padding: 30px 30px 60px;
}
@media (max-width: 425px) {
  .home .top-qa {
    padding: 0 20px 30px;
  }
}
.home .top-qa .qa {
  max-width: 1040px;
  margin: 0 auto;
  padding: 30px 20px 0 20px;
}
@media (max-width: 425px) {
  .home .top-qa .qa {
    padding: 20px 0 0;
  }
}
.home .top-qa .qa a {
  display: block;
  padding: 10px 30px;
  background: #fff;
  border-radius: 35px;
  font-size: 120%;
  font-weight: bold;
  color: #333;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  position: relative;
}
@media (max-width: 768px) {
  .home .top-qa .qa a {
    padding: 10px 55px 10px 20px;
  }
}
@media (max-width: 425px) {
  .home .top-qa .qa a {
    font-size: 110%;
  }
}
.home .top-qa .qa a span {
  color: #00a9e5;
  font-size: 125%;
  margin: 0 1em 0 0.5em;
}
@media (max-width: 425px) {
  .home .top-qa .qa a span {
    display: block;
  }
}
.home .top-qa .qa a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #00a9e4;
}
@media (max-width: 425px) {
  .home .top-qa .qa a:before {
    width: 35px;
    height: 35px;
  }
}
.home .top-qa .qa a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 28px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 425px) {
  .home .top-qa .qa a:after {
    width: 10px;
    height: 10px;
    right: 23px;
  }
}
.home .top-qa .qa a:active {
  background: #daecf4;
}
.home .news {
  margin: 0 auto 40px;
}
@media (max-width: 767px) {
  .home .news {
    display: block;
  }
}
@media (max-width: 425px) {
  .home .news .topnews-h {
    display: block;
  }
}
@media (max-width: 425px) {
  .home .news .topnews-h h2 {
    margin-right: 0;
  }
}
.home .news .topnews-h h2:before {
  display: none;
}
.home .news .topnews-h h2 span {
  display: inline-block;
}
.home .news .topnews-h a {
  padding: 10px 40px;
  white-space: nowrap;
}
@media (max-width: 425px) {
  .home .news .topnews-h a {
    padding: 0 0 10px;
  }
}
.home .news ul li a {
  position: relative;
}
.home .news ul li a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #00a9e4;
}
.home .news ul li a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 8px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #00a9e4;
  border-right: 2px solid #00a9e4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.home .top-support {
  background: #e6f8ff;
  max-width: none;
  padding: 10px 0 50px;
}
.home .top-support h2:before {
  display: none;
}
.home .top-support ul {
  display: flex;
  justify-content: space-around;
  max-width: 1040px;
  margin: 0 auto;
}
.home .top-support ul a i:after {
  display: none;
}
.home .top-link h2:before {
  display: none;
}
.home .top-link ul li {
  padding: 0 0 0 3em;
  line-height: 3;
  max-width: 500px;
  margin: 0 auto;
}
.home .top-link ul li:before {
  background: url(../img/icon-window.svg) center center no-repeat;
  width: 30px;
  height: 30px;
}
.home .top-link ul li a i::after {
  display: none;
}
.home .wrap__box {
  position: relative;
}
.home .menu__box {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  z-index: 2;
}
.home .menu__box a {
  color: #fff;
}
.home .menu__box h4 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px 0 10px 15px;
}
.home .menu__box h4 img {
  margin-left: 20px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .home .menu__box h4 {
    font-size: 30px;
  }
}
.home .menu__box p {
  font-size: 105%;
  padding: 0 0 0 15px;
}
.home .menu__box_url_1, .home .menu__box_url_3, .home .menu__box_url_5 {
  background-color: #00a9e5;
  padding: 10px;
}
.home .menu__box_url_2 a, .home .menu__box_url_4 a {
  color: #00a9e5;
}
.home {
  /* ニュース */
}
.home .news h2 {
  margin: 0;
}
.home .news ul {
  overflow: hidden;
  width: 100%;
  margin: 0 0 30px 0;
}
.home .news li {
  border-bottom: 1px solid #cccccc;
  padding: 0;
  margin: 0;
}
.home .news li:before {
  display: none;
}
.home .news li a {
  display: block;
  padding: 5px 0 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .home .news li a {
    padding: 15px 0 15px 0;
  }
}
.home .news time, .home .news span {
  display: block;
}
@media screen and (min-width: 768px) {
  .home .news time, .home .news span {
    display: inline;
  }
}
.home .news time {
  color: #000;
  padding: 0 20px 0 0;
}
.home .news {
  /* アイコン */
}
.home .news .ico {
  display: inline-block;
  padding: 1px 8px 1px 8px;
  border-radius: 2px;
  color: #fff;
  font-size: 81%;
  font-weight: bold;
  margin: 0 10px 0 0;
}
.home .news .ico-new {
  background: #e5f5fc;
  color: #00a9e4;
}
.home {
  /* end .news */
}
.home .general img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .home .general img {
    width: 30%;
    float: left;
    margin: 0 15px 15px 0;
  }
}

/* end .home */
/*-------------------------------------------------------------------------------

  共通                                	          -------------------------------------------------追加

  -------------------------------------------------------------------------------*/
.summary article section .p_right,
.world article section .p_right,
.japan article section .p_right,
.research article section .p_right,
.faq article section .p_right,
.comment article section .p_right {
  text-align: right;
}
.summary article section h2,
.world article section h2,
.japan article section h2,
.research article section h2,
.faq article section h2,
.comment article section h2 {
  margin-bottom: 10px;
  padding-left: 0;
  font-weight: bold;
  font-size: 145%;
  height: auto;
}
@media (max-width: 768px) {
  .summary article section h2,
  .world article section h2,
  .japan article section h2,
  .research article section h2,
  .faq article section h2,
  .comment article section h2 {
    margin-top: 0;
  }
}
.summary article section .ul-wide li,
.world article section .ul-wide li,
.japan article section .ul-wide li,
.research article section .ul-wide li,
.faq article section .ul-wide li,
.comment article section .ul-wide li {
  margin: 0 0 2.5em 0;
}
.summary article section .ul-wide li span,
.world article section .ul-wide li span,
.japan article section .ul-wide li span,
.research article section .ul-wide li span,
.faq article section .ul-wide li span,
.comment article section .ul-wide li span {
  font-weight: bold;
}
.summary article section .square,
.world article section .square,
.japan article section .square,
.research article section .square,
.faq article section .square,
.comment article section .square {
  margin: 30px 0;
  border: 1px solid #ccc;
  padding: 15px 25px;
  border-radius: 6px;
}
.summary article section .square p,
.world article section .square p,
.japan article section .square p,
.research article section .square p,
.faq article section .square p,
.comment article section .square p {
  margin-bottom: 0;
}
.summary article section .square ul,
.world article section .square ul,
.japan article section .square ul,
.research article section .square ul,
.faq article section .square ul,
.comment article section .square ul {
  margin: 0;
}
.summary article section .square h4,
.world article section .square h4,
.japan article section .square h4,
.research article section .square h4,
.faq article section .square h4,
.comment article section .square h4 {
  margin-top: 0;
}

/*-------------------------------------------------------------------------------

 NEWSページ

 -------------------------------------------------------------------------------*/
.news article section h2 {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 0;
  height: auto;
}
.news article section h2:before {
  display: none;
}
.news article section h2 time {
  font-size: 90%;
  margin-right: 1em;
}

/*-------------------------------------------------------------------------------

 Q&Aページ

 -------------------------------------------------------------------------------*/
.faq article section dl dt {
  padding: 30px 0 0 0;
  display: flex;
  font-weight: bold;
}
.faq article section dl dt:before {
  content: "Q";
  color: #fff;
  font-weight: bold;
  background-color: #00a9e5;
  padding: 5px 10px;
  border-radius: 3px;
  margin-right: 10px;
  height: 25px;
}
.faq article section dl #qa01,
.faq article section dl #qa02 {
  margin-top: -120px;
  padding-top: 150px;
}
.faq article section dl dd {
  padding: 10px 0 0 0;
  display: flex;
}
.faq article section dl dd:before {
  content: "A";
  color: #fff;
  font-weight: bold;
  background-color: #e3ae00;
  padding: 5px 11px;
  border-radius: 3px;
  margin-right: 10px;
  height: 25px;
}

/*-------------------------------------------------------------------------------

 コメントページ

 -------------------------------------------------------------------------------*/
.comment article section .comment-set {
  display: flex;
  flex-wrap: wrap;
}
.comment article section .comment-set .comment-img {
  width: 30%;
  padding-right: 2em;
  box-sizing: border-box;
}
@media (max-width: 425px) {
  .comment article section .comment-set .comment-img {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 auto;
    text-align: center;
  }
  .comment article section .comment-set .comment-img img {
    max-width: 200px;
  }
}
.comment article section .comment-set .comment-txt {
  width: 70%;
}
@media (max-width: 425px) {
  .comment article section .comment-set .comment-txt {
    width: 100%;
  }
}
.comment article section .comment-set .comment-txt h4 {
  margin-top: 0;
}
.comment article section .comment-set .comment-txt p {
  margin-bottom: 10px;
}

/*-------------------------------------------------------------------------------

 サイトマップページ

 -------------------------------------------------------------------------------*/
.sitemap article section ul {
  max-width: 390px;
  margin: 20px auto 0;
  font-size: 130%;
}

/*-------------------------------------------------------------------------------

 404ページ

 -------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .error-404 h1 {
    margin: 0 0 20px 0;
  }
  .error-404 section {
    float: none;
    width: 100%;
  }
}
/*-------------------------------------------------------------------------------


お問い合わせ


-------------------------------------------------------------------------------*/
.inquiry section {
  width: 100%;
  float: none;
}
.inquiry section .table-wrap {
  white-space: inherit;
}
.inquiry section table th, .inquiry section table td {
  width: 100%;
  display: block;
  padding: 1%;
}
@media screen and (min-width: 768px) {
  .inquiry section table th, .inquiry section table td {
    width: inherit;
    display: table-cell;
  }
}
@media screen and (min-width: 768px) {
  .inquiry section table th {
    width: 30%;
  }
}
.inquiry .side-contents {
  display: none;
}

/* end .inquiry */

/*# sourceMappingURL=modify.css.map */