@charset "UTF-8";

/*
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.0.0
*/

/*==========================
reset
==========================*/
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  color: #000;
  background: #FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
 * {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table:not(.has-border-color) :where(th, td) {
  border: none;
}
fieldset, img {
  border: 0;
  vertical-align: bottom;
}
address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}
strong, th {
  font-style: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
  color: #000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}
input[type=text] {
  line-height: normal;
}
input::-webkit-input-placeholder {
  padding-top: 0.3em;
}
/*==========================
print
==========================*/
@media print {
  body {
    zoom: 90%;
  }
}
/*==========================
base
==========================*/
body {
  color: #222;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  line-height: 1.5;
  background: #fff;
  margin: 0;
  padding: 0;
}
a, a:link {
  text-decoration: none;
  transition: all .3s;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.news_link {
  color: #222;
  text-decoration: none;
  transition: all .3s;
}
.news_link:hover {
  color: #eb6d9a;
}
.news-table {
  width: 100%;
  table-layout: fixed;
}
.news-table td {
  vertical-align: unset;
  background-color: #ffffff;
}
.news-table__summary td {
  border-top: 1px solid #ccc;
  padding: 1em 0.5em;
}
.news-table__date {
  width: 7em;
  white-space: nowrap;
  text-align: left;
}
.news-table__title {
  text-align: left;
}
.news-table__icon {
  width: 3em;
  text-align: center;
}
.news-toggle {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.news-toggle .news_icon {
  transition: transform .3s ease;
}
.news-toggle.is-open .news_icon {
  transform: rotate(180deg);
}
.news-table .news_link {
  display: block;
}
.news-table .news-detail-trigger {
  cursor: pointer;
}
.news-table__detail td {
  padding: 0 1em;
  text-align: left;
}
.news-table__detail-inner {
  padding: 1em 0;
  display: flex;
  border-top: 1px dashed #ccc;
}
.news-table__detail__icon {
  top: 1.43em;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #222;
  margin: 0.2em;
  margin-right: 1em;
}

.news-table__detail__div a{
  color: #eb6d9a;
}

.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.tx_a_l {
  text-align: left;
}
.tx_a_r {
  text-align: right;
}
.tx_a_c {
  text-align: center;
}
/*bg*/
.bg_g{
  background: #f9f9f9;
}
.bg_p{
  background: #eb6d9a;
}
.bg_gr{
  background: #332200;
}
/*線*/
.bdr_b{
    border-bottom:1px solid #222;
}
/*クリア、クリアフィックス
--------------------------------*/
.clear {
  clear: both;
}
.clearfix:before, .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.clearfix {
  display: block;
}
/*==========================
header
==========================*/
header {
  top: 0;
  left: 0;
  width: 100%;
  clear: both;
  background: rgba(255, 255, 255, .9);
  position: fixed;
  height: 70px;
    z-index: 9980;
}
header .wrap {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1200px;
}
header .logo {
  display: inline-block;
  margin-top: 12px;
}
header .logo img {
  width: auto;
  height: 44px;
}
.menulist {
  display: inline-block;
  overflow: hidden;
  margin: auto;
}
.menulist li {
  display: inline-block;
}
.menulist li a {
  color: #222;
  display: block;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
/* 現在ページ */
.menulist li a.here {
  pointer-events: none;
}
/*==========================
Footer
==========================*/
footer {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
}
footer .wrap {
  padding: 5em 0;
  margin: auto;
}
footer .f-logo img {
  width: 180px;
  height: auto;
}
footer .f-navi {
  margin-top: 4em;
}
footer .f-navi a {
  display: inline-block;
  color: #222;
  margin: 0 1.5em;
  padding: 0 0 .6em 0;
  border-bottom: 1px solid #eb6d9a
}
footer .f-navi a:hover {
  color: #eb6d9a;
  margin: 0 .8em;
  padding: 0 .7em .6em .7em;
}
footer p.copy {
  margin: 0 auto;
  background: #fff;
  padding: 1rem;
}
/*==========================
Common
==========================*/
.main {
  margin-top: 0;
  padding: 0;
  width: 100%;
}
/*wrap*/
.wrap {
  width: 1200px;
  clear: both;
  padding: 0;
  margin: auto;
}
.main .wrap {
  overflow: hidden;
    text-align: center;
}
section {
  clear: both;
}
#mvarea {
  overflow: hidden;
}
#mvarea img {
  width: 100%;
}
/*--------------------------- 
flex
---------------------------*/
.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: stretch; /* Safari etc. */
  -ms-align-items: stretch;
  align-items: stretch;
  margin: auto;
}

/*--------------------------- 
コンテンツタイトル
---------------------------*/
.main h2 {
    position: relative;
  font-size:36px;
  text-align: center;
  margin:0 auto 2rem auto;
    padding:0 .2em .7em .2em ;
    display: inline-block;
    clear:both;
}
.main h2 span{
  font-size:30px;
}
.main h2:before,.main h2 strong:before,.main h2 strong:after{
     content: '';
    display: block;
    position: absolute;
    margin: auto;
}
.main h2:before{
     width: .22em;
    height: .22em;
    border: 1px solid #222;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
}
.main h2 img {
    width:auto;
    height:1em;
}
.main h2 strong:before,.main h2 strong:after{
    width:calc(50% - .12em);
    height: 1px;
    background: #222;
    bottom: .12em;
}
.main h2 strong:before{
    left:0;
}
.main h2 strong:after{
    right:0;
}
.main .bg_gr h2:before{
    border: 1px solid #fff;
}
.main .bg_gr h2 strong:before,.main .bg_gr h2 strong:after{
    background: #fff;
}

/*--------------------------- 
ボタン
---------------------------*/
a.btn{
    display: inline-block;
    background-color: #fff;
    color: #eb6d9a;
    font-weight:700;
    padding:1em 3.2em 1em 2em;
    border-radius: .42em;
    -moz-border-radius: .42em;
    -webkit-border-radius: .42em;
    margin:auto;
    background-image: url("./img/common/ic_arrow_p.png");
    background-size: auto .9em;
    background-repeat: no-repeat;
    background-position: right 2em center;
}
a.btn:hover{
    color:#fff;
    background: rgba(235,109,154,.6);
    background-image: url("./img/common/ic_arrow_w.png");
    background-size: auto .9em;
    background-repeat: no-repeat;
    background-position: right 1.6em center;
}
/*--------------------------- 
リスト
---------------------------*/
ol.aster li, ol.dot li {
  position: relative;
  line-height: 1.35;
  padding: 0 0 0 1.2em;
}
ol.aster li:not(:last-of-type), ol.dot li:not(:last-of-type) {
  margin-bottom: .3em;
}
ol.aster li:before, ol.dot li:before {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
}
ol.aster li:before {
  content: '※';
}
ol.dot li:before {
  content: '・';
}
/*--------------------------- 
画面上部へ戻る
---------------------------*/
#pagetop {
  display: block;
  position: fixed;
  bottom: 3em;
  right: 6%;
  z-index: 9997;
}
#pagetop a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .9);
  border: 1px solid #eb6d9a;
  background-image: url("./img/common/ic_arrowt_p.png");
  background-size: 50%;
    background-repeat: no-repeat;
  background-position: center center;
}
#pagetop a:hover {
  background-color: rgba(235, 109, 154, 1);
  background-image: url("./img/common/ic_arrowt_w.png");
    background-repeat: no-repeat;
  border: 1px solid #fff;
}
/*メインビジュアル*/
  #privacy #mvarea,#inquiry #mvarea {
    height: 20vw;
  }
/*+++++++++++++++++++++++++++
mediaクエリ【PC】
+++++++++++++++++++++++++++*/
@media (max-width: 1199px) {
    header .wrap,.wrap {
    width:100%;
  }
}
@media (min-width: 751px) {
  /*==================
Base
    ==================*/
body {
  font-size: 16px;
}
  .sp {
    display: none
  }
  .pc {
    display: block;
  }
  /*==================
    Header
    ==================*/
  header .wrap {
    overflow: hidden;
  }
  .menulist {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 0;
    margin: auto;
  }
  .menulist li:not(:last-of-type) {
    margin-right: 2rem;
  }
  .menulist li a {
    font-size: 15px;
    position: relative;
    padding: 0 .2em .5em .2em;
  }
  .menulist li a:hover {
      color:#eb6d9a;
    }
  .menulist li:nth-of-type(-n+3) a::before, .menulist li:nth-of-type(-n+3) a::after, .menulist li:nth-of-type(-n+3) a.here::before, .menulist li:nth-of-type(-n+3) a.here::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .menulist li:nth-of-type(-n+3) a::before {
    width: .32em;
    height: .32em;
    background: #fff;
    border: 1px solid #eb6d9a;
    z-index: 1;
    bottom: 0;
    transition: all .3s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  .menulist li:nth-of-type(-n+3) a:hover::before, .menulist li:nth-of-type(-n+3) a.here::before {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  .menulist li:nth-of-type(-n+3) a::after, .menulist li a.here::after {
    height: 1px;
    background: #eb6d9a;
    bottom: .25em;
    transition: all .3s;
  }
  .menulist li:nth-of-type(-n+3) a::after {
    width: 0;
  }
  .menulist li:nth-of-type(-n+3) a:hover::after {
    width: 100%;
  }
  /* 現在ページ */
  .menulist li:nth-of-type(-n+3) a.here::before {
    border: 1px solid #333;
  }
  .menulist li a.here::after {
    width: 100%;
    background: #333;
  }
  /*sns*/
  .menulist li img {
    width: 24px;
    height: auto;
  }
  /*==================
    Main
    ==================*/
  .main .wrap {
      padding:4.5rem 0;
  }

  /*--------------------------- 
画面上部へ戻る
---------------------------*/
  #pagetop a {
    width: 5rem;
    height: 5rem;
  }
  #pagetop a img {
    width: 2rem;
    height: 2rem;
  }
}
/*+++++++++++++++++++++++++++
mediaクエリ【スマホ】
+++++++++++++++++++++++++++*/
@media (max-width: 750px) {
  /*==================
base
    ==================*/
  body {
    font-size: 3vw;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  /*==================
    wrap
    ==================*/
  .wrap {
    width: 100%;
    padding: 0;
  }
  .main {
    margin-top: 0;
  }
  /*==================
    Header
    ==================*/
  header {
    height: 12vw;
  }
  header .logo {
    margin: 2vw;
  }
  header .logo img {
    height: 8vw;
  }
  header .wrap {
    width: 100vw;
    height: auto;
  }
  /*メニューボタン*/
  #ic_menu, #ic_menu span {
    display: block;
    position: absolute;
    transition: all .4s;
  }
  #ic_menu {
    width: 9.2vw;
    height: 9.2vw;
    right: 2vw;
    top: 1vw;
    margin: auto;
    padding: 0;
  }
  #ic_menu span {
    left: 0;
    right: 0;
    margin: auto;
    width: 6vw;
    height: .4vw;
    background-color: #222;
  }
  #ic_menu span:nth-of-type(1) {
    top: 2.4vw;
  }
  #ic_menu span:nth-of-type(2) {
    top: 50%;
    bottom: 50%;
  }
  #ic_menu span:nth-of-type(3) {
    bottom: 2.4vw;
  }
  #ic_menu.active span:nth-of-type(1) {
    transform: translateY(2vw) rotate(-45deg);
    -webkit-transform: translateY(2vw) rotate(-45deg);
    -moz-transform: translateY(2vw) rotate(-45deg);
    -ms-transform: translateY(2vw) rotate(-45deg);
    -o-transform: translateY(2vw) rotate(-45deg);
  }
  #ic_menu.active span:nth-of-type(2) {
    opacity: 0;
  }
  #ic_menu.active span:nth-of-type(3) {
    transform: translateY(-2vw) rotate(45deg);
    -webkit-transform: translateY(-2vw) rotate(45deg);
    -moz-transform: translateY(-2vw) rotate(45deg);
    -ms-transform: translateY(-2vw) rotate(45deg);
    -o-transform: translateY(-2vw) rotate(45deg);
  }
  #menu_sp {
    position: absolute;
    top: 12vw;
    width: 100vw;
    height: 100vh;
    z-index: 9998;
    background: rgba(255, 255, 255, .9);
  }
  .menulist, .menulist2 {
    position: relative;
    display: block;
    background: #eb6d9a;
    padding: 2vw;
  }
  .menulist li {
    display: block;
    margin: .3rem;
  }
  .menulist li a {
    color: #fff;
    font-size: 3.78vw;
    position: relative;
    display: block;
    padding: .8em;
    border-bottom: 1px solid #fff;
  }
  .menulist li a:not(.here)::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 2vw;
    bottom: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    background-image: url("./img/common/ic_arrow_w.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
  }
  .menulist2 {
    text-align: center;
    font-size: 0;
    padding: 2vw 0 6vw 0;
  }
  .menulist2 li {
    display: inline-block;
    background: #fff;
    overflow: hidden;
    padding: 1em 1.5em;
    margin: 0;
    font-size: 3.78vw;
  }
  .menulist2 li:first-of-type {
    border-radius: .3em 0 0 .3em / .3em 0 0 .3em;
    -moz-border-radius: .3em 0 0 .3em / .3em 0 0 .3em;
    -webkit-border-radius: .3em 0 0 .3em / .3em 0 0 .3em;
  }
  .menulist2 li:last-of-type {
    border-radius: 0 .3em .3em 0 / 0 .3em .3em 0;
    -moz-border-radius: 0 .3em .3em 0 / 0 .3em .3em 0;
    -webkit-border-radius: 0 .3em .3em 0 / 0 .3em .3em 0;
  }
  .menulist2 li img {
    width: auto;
    height: 2.2em;
  }
  /* 現在ページ */
  .menulist li a.here {
    color: #fff;
    border: 1px solid #fff;
    pointer-events: none;
  }
  /*==================
    Main
    ==================*/
  .main .wrap {
      padding:9vw 3vw 9.6vw 3vw;
  }
  /*--------------------------- 
コンテンツタイトル
---------------------------*/
.main h2 {
font-size:4.8vw;
  margin:0 auto 6.4vw auto;
}
.main h2 span{
  font-size:4vw;
}
/*--------------------------- 
ボタン
---------------------------*/
a.btn{
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
}
  /*==================
    Footer
    ==================*/
  footer {
    font-size: 3.2vw;
  }
  footer .wrap {
    padding: 10vw 3vw 8vw 3vw;
  }
  footer .f-logo img {
    width: 55%;
  }
  footer .f-navi {
    margin-top: 3.2em;
  }
  footer .f-navi a {
    margin: 0 1em 1.2em;
    padding: 0 0 .6em 0;
  }
  footer p.copy {
    font-size: 2.8vw;
  }
  /*---------------------------
画面上部へ戻る
---------------------------*/
  #pagetop {
    bottom: 2rem;
    right: .5rem;
  }
  #pagetop a {
    width: 12vw;
    height: 12vw;
  }
  #pagetop a img {
    width: 7vw;
    height: 7vw;
  }
  #pagetop a:active {
  background-color: rgba(235, 109, 154, 1);
  background-image: url("./img/common/ic_arrowt_w.png");
  border: 1px solid #fff;
  }
/*メインビジュアル*/
  #privacy #mvarea,#inquiry #mvarea {
    height: 30vw;
  }
}

/* **********************************************************
■　Home
********************************************************** */
#home .main {
  margin-top: 0;
}
#home #mvarea {
  max-height: 500px;
    position: relative
}
#home #mvarea p{
    position: absolute;
    bottom:.5em;
    right:1em;
    margin:auto;
    font-size: 8px;
    color:#fff;
    font-weight: 300;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5)
}
/*News*/
#news .wrap {
  width: 1024px;
}
#news a:hover{
    color:#eb6d9a;
    text-decoration: underline;
}
#news [class^="faq"]{
    text-align: left;
    display: block;
    overflow: hidden;
    margin:0;
    line-height: 1.85;
    font-size: 16px;
    position: relative;
}
.news_icon {
  width: 80%;

}
.faq dt,.faq dd,.news_icon a{
    position: relative;
}
.faq dt,.news_icon a{
    padding:1em 2em 1em 1em;
    border-top:1px solid #ccc;
}
.faq dt{
    cursor: pointer;
}
.faq dd:before,.faq dt:after,.news_icon a:after{
  content: " ";
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: all .3s;
}
.faq dt:after,.news_icon a:after {
  bottom: 0;
  right:1em;
}
.faq dt:after {
  width: 1.3em;
  height: 1.3em;
  background-image: url("./img/common/ic_arrowt_p.png");
   transform: rotate( 180deg );
}
.faq dt.active:after {
   transform: rotate( 0 );
}
[class^="faq"] .date{
    font-weight: 300;
}
/*dd*/
.faq dd{
    display: none;
    font-weight:300;
    border-top:1px dashed #ccc;
    padding:1em 0 1em 1.6em ;
}
.faq dd:before{
    top:1.43em;
    left:0;
  width: 1em;
  height: 1em;
    background-color:#222;
  background-image: url("./img/top/ic_qanda_a.png");
}
.faq dd a[href^="http"]:after {
      content: " ";
    display: inline-block;
  width: .8em;
  height: .8em;
    margin-left: .2em;
  background-image: url("./img/common/ic_hyper.png");
    background-size: contain;
}
.news_icon a{
    color:#222;
    display: block;
}
.news_icon .faqicon {
  height: 1.3em;
  background-image: url("./img/common/ic_pdf.png");
}
*/
/*線*/
#news hr{
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	border:1px;
	border-top: 1px solid #ccc;
}
/*イベント*/
#event li img {
  width: 100%;
  border: 1px solid #ccc;
}
#event li h4 {
  color: #999;
  display: inline-block;
  font-size: 1.37rem;
  font-weight: 500;
    position: relative;
  margin: .8em auto .3em;
  padding: 0 .3em .7em .3em;
}
#event li a h4 {
  transition: all .3s;
}
#event li a h4::before, #event li a h4::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#event li a h4::before {
  width: .32em;
  height: .32em;
  background: #f8f8f8;
  border: 1px solid #222;
  z-index: 1;
  bottom: 0;
  transition: all .3s;
}
#event li a:hover h4::before {
  border: 1px solid #eb6d9a;
}
#event li a h4::after {
  height: 1px;
  background: #222;
  bottom: .175em;
}
#event li a:hover h4 {
    width:100%;
}
#event li a:hover h4::after {
  background: #eb6d9a;
}
#event li p {
    font-size:1rem;
  color: #999;
}
/*リンクあり*/
#event li a img {
  border: 1px solid #222;
}
#event li a h4, #event li a p {
  color: #222;
}
/*千代田〜委員会とは*/
#top_about .wrap {
  display: block;
  background-image: url("./img/common/ic_arrow_w.png");
  background-position: right .5rem center;
  background-size: 1rem auto;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .3s;
}
#top_about:hover .wrap {
  background-position: right 0 center;
}
#top_about img {
  width: 623px;
  height: auto;
}
#top_about p {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0 .2em .7em .2em;
  margin-bottom: -.7em;
  font-size: 36px;
}
#top_about p::before, #top_about p::after {
  content: '';
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  transition: all .3s;
}
#top_about p::before {
  width: .22em;
  height: .22em;
  background: #eb6d9a;
  border: 1px solid #fff;
  z-index: 1;
  bottom: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#top_about:hover p::before {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#top_about p::after {
  bottom: .12em;
  background: #fff;
  width: 0;
  height: 1px;
}
#top_about:hover p::after {
  width: 100%;
}
#top_about a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
/*お問い合わせ*/
.main #top_inq .wrap {
  background-position: center center;
  background-size: cover;
}
#top_inq a.btn {
  font-size: 24px;
  padding: 1.2em 3.2em 1.2em 2em;
  border: 1px solid #fff;
}

/*+++++++++++++++++++++++++++
mediaクエリ【PC】
+++++++++++++++++++++++++++*/
@media (max-width: 1023px) {
#news .wrap {
  width: 100%;
}
}
@media (min-width: 751px) {
[class^="faq"] .date{
    width:7em;
    position: absolute;
}
[class^="faq"] p{
    padding-left:7em;
}
.faq dd{
    margin:0 0 0 8em;
}
  /*イベント*/
  #event ul li {
    width: 31.33333%;
    margin-bottom: 3em;
  }
  #event ul li:not(:nth-of-type(3n)) {
    margin-right: 3%;
  }
    
  /*お問い合わせ*/
  .main #top_inq .wrap {
    margin: 4.5rem auto;
    padding: 3.5rem 0;
  }
}
/*+++++++++++++++++++++++++++
mediaクエリ【スマホ】
+++++++++++++++++++++++++++*/
@media (max-width: 750px) {

#news [class^="faq"]{
    font-size: 3.4vw;
}
/*News*/
.faq dt,.news_icon a{
    padding:1em  2.4em 1em 0;
}
#home #mvarea p{
    font-size:2vw;
}
/*イベント*/    
#event li  {
    margin-bottom:1.8rem;
}
#event li h4 {
  margin: .6em auto .3em;
    font-size:4.4vw;
}
#event li p {
    font-size:3.2vw;
}
  /*千代田〜委員会とは*/
  #top_about .wrap {
    background-position: right 1.5em center;
    background-size: .7rem auto;
  }
#top_about:hover .wrap {
  background-position: right .75em center;
}
  #top_about p {
    font-size: 4.8vw;
      text-align: center;
  }
  #top_about img {
    width: 60%;
      margin: auto;
  } 
  #top_about:hover p::after {
  width: 64%;
}
  /*お問い合わせ*/
  .main #top_inq .wrap {
    margin: 1rem auto;
    width: 92%;
    padding: 3rem .8rem
  }
  #top_inq a.btn {
    font-size: 4vw;
  }
}

/* **********************************************************
■　About
********************************************************** */
#about #mvarea img {
  width: 100%;
}
#container .wrap {
  width: 1024px;
}
#about #container h2 img {
  filter: brightness(0%);
}
#about .intro p {
  text-align: left;
  display: block;
  overflow: hidden;
  font-size: 1.25rem;
  font-weight: 300;
    margin-bottom: 1em;
}
#about .intro ul {
  margin: 2.5rem auto;
}
#about .intro li {
  position: relative;
}
#about .intro li img {
  width: 94%;
  z-index: 2;
  position: relative;
  margin-bottom: 1.5rem
}
#about .intro ul li:first-of-type {
  text-align: left;
}
#about .intro li:first-of-type::after {
  content: '';
  position: absolute;
  margin: auto;
  border: 1px solid #222;
  z-index: 0;
}
#about .intro li p {
  font-size: 1rem;
  padding: 1.5em;
  background: #f8f8f8;
}
/*info*/
#about .info {
  font-size: 1.25rem;
  padding: 1.5em;
  margin: 3rem auto 0;
  border: 1px solid #222;
  overflow: hidden;
  background-color: #fff;
  color: #000;
}
#about .info strong {
  display: inline-block;
  margin: 0 auto .5em;
}
#about .info ul {
  display: inline-block;
}
#about .info li {
  text-align: left;
}
#about .info ul li:nth-of-type(2n-1).bdr_d1 {
  border-bottom: none;
}
#about .info ul li.bdr_d2 {
  width: 100%;
  border-bottom: 1px dashed #999;
}
/*+++++++++++++++++++++++++++
mediaクエリ【PC】
+++++++++++++++++++++++++++*/
@media (max-width: 1023px) {
  #container .wrap {
    width: 100%;
  }
}
@media (min-width: 751px) {
  #about .intro .intro_caption {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  #about .intro .intro_img {
    width: 38%;
    margin: 0 3% 0 0;
    text-align: left;
    position: relative;
  }
  #about .intro .about_image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
  }
  #about .intro .intro_img::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #222;
    background: transparent;
    z-index: 1;
    pointer-events: none;
  }
  #about .intro .intro_txt {
    width: 58%;
    margin: auto;
    margin-top: 0;
  }
  #about .intro .intro_txt p {
    font-size: 1rem;
    padding: 1.5em;
    background: #f8f8f8;
  }
  .flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  #about .intro ul.reverse li:first-of-type {
    margin: 0;
  }
  #about .intro ul.reverse li:last-of-type {
    margin: 0 3% 0 0;
  }
  #about .info li {
    float: left;
    margin-bottom: .5em;
  }
  #about .info ul li:nth-of-type(2n-1) {
    border-right: 1px solid #222;
    padding-right: 1em;
    width: 5.2em;
  }
  #about .info ul li:nth-of-type(2n) {
    padding-left: 1em;
  }
  #about .info ul li:nth-of-type(2n+1) {
    clear: both;
  }
  #about .info ul li:last-of-type {
    margin-bottom: 0
  }
  #about .info ul li.bdr_d2 {
    margin: 0 0 1em 0;
  }
  .about_company {
    border: 1px solid #222;
    width: 1024px;
    font-size: 1.25rem;
    padding: 1.5em;
    margin: 0 auto 0;
    overflow: hidden;
  }
}
/*+++++++++++++++++++++++++++
mediaクエリ【スマホ】
+++++++++++++++++++++++++++*/
@media (max-width: 750px) {
  #about #container h2 img {
    height: 2.3em;
  }
  #about .intro p {
    font-size: 3.6vw;
  }
  #about .intro ul {
    margin: 2rem auto 1rem auto;
  }
  #about .intro ul li:first-of-type {
    margin-bottom: .5rem;
    width: 100%;
  }
  #about .intro li img {
    width: 80vw;
  }
  #about .intro li:first-of-type::after {
    width: 80vw;
    height: 60vw;
    top: 4vw;
    left: 4vw;
  }
  #about .intro li:last-of-type {
    margin-right: -1rem;
  }
  #about .intro li p {
    font-size: 3.2vw;
  }
  /*info*/
#about  .info {
    font-size: 3.6vw;
  margin: 9vw auto 3vw auto;
  }
  #about .info ul li:nth-of-type(2n-1) {
    border-bottom: 1px solid #222;
    padding-bottom: .5em;
    margin-bottom: .5em
  }
#about  .info ul li:nth-of-type(2n) {
    padding-bottom: .5em;
    margin-bottom: 1em
  }
  #about  .info ul li:last-of-type {
    margin-bottom: 0
  }
  #about  .info ul li.bdr_d1{
      margin:-1em 0 0 0;
  }
}

/* **********************************************************
■　Inquiry
********************************************************** */
#inquiry #container .wrap, #confirm #container .wrap {
  width: 1024px;
}
#inquiry h2 img, #complete h2 img {
  filter: brightness(0%);
}
#inquiry .main h3, #confirm .main h3, #complete .main h3 {
    font-size:1.2rem;
}
#inquiry .main p, #confirm .main p, #complete .main p {
  font-size: 1rem;
  font-weight: 300;
}
#inquiry table, #confirm table {
  width: 100%;
  margin: 2rem auto;
  font-size: 1rem;
}
#inquiry table th, #inquiry table td,
#confirm table th, #confirm table td {
  text-align: left;
  padding: 0.8em 1em .8em;
  background-color: #ffffff;
}
#inquiry table th, #confirm table th {
  font-weight: 500;
}
#inquiry .main span.req {
  margin-left: .3em;
  font-size: .8em;
  color: #eb6d9a;
}
#inquiry .main span.error,
#inquiry .main span.error2,
#inquiry .main span.error3 {
  color: #dd3344;
  display: none;
  margin-top: .3em;
}
#inquiry .main span.error.is-visible,
#inquiry .main span.error2.is-visible,
#inquiry .main span.error3.is-visible {
  display: block;
}
#confirm .confirm {
  margin-top: 1em;
  margin-bottom: 1em;
}
#inquiry .btn, #confirm .btn {
  color: #fff;
  background: #eb6d9a;
  font-size: 18px;
  padding: .8em 1em .8em 1em;
  border: 1px solid #eb6d9a;
  border-radius: .3em;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  cursor: pointer;
  min-width:10em;
}
#inquiry .btn:hover {
  color: #eb6d9a;
  background: #fff;
}
#inquiry .btn-secondary{
    margin-bottom: 1em;
}
#inquiry input[type="text"],#inquiry textarea {
  border-radius: .2em;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border: 0;
    background: #f8f8f8;
    padding:.8em;
    width:100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
}
/*+++++++++++++++++++++++++++
mediaクエリ【PC】
+++++++++++++++++++++++++++*/
@media (max-width: 1023px) {
#inquiry #container .wrap {
  width: 100%;
}
}
@media (min-width: 751px) {
  #inquiry .main .wrap {
    width: 1024px;
  }
  #inquiry table th {
     width:30%
  }
  #inquiry table td {
     width:70%
  }
#inquiry input.tel{
    width:10em;
}
}
/*+++++++++++++++++++++++++++
mediaクエリ【スマホ】
+++++++++++++++++++++++++++*/
@media (max-width: 750px) {
  #inquiry table {
    margin: 5vw auto;
    font-size: 3.6vw;
  }
#inquiry .main h3 {
    font-size:4vw;
}
  #inquiry table th {
      padding:.3em 0;
    font-size: 4vw;
  }
  #inquiry table td {
      padding:.3em 0 .7em 0;
  }
 #inquiry.inquiry2 table td p{
      padding:.3em;
     font-size:3.6vw;
     border:1px solid #dfdfdf;
  border-radius: .2em;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
  }
  #inquiry table th, #inquiry table td {
    display: block;
    width: 100%;
  }
  #inquiry .btn {
    font-size: 4vw;
  border-radius:2em;
      width:80%
  }
}