@charset "utf-8";

/*
Theme Name: switch-child
Template: switch_tcd063
Description: 自分専用の子テーマ
Version:1.6
*/

/* 	text-align: justify;
	text-justify: inter-ideograph;*/


a:hover {
text-decoration: underline;
}

.tcd-pb-widget
p
{
	font-size: 1.2em;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8em;
}


div.both {
clear: left;
}

/*インタビュー横並び数変更*/
@media screen and (min-width: 990px) {
.p-interview-list__item:nth-child(3n) {
    margin-right: auto;
}
.p-interview-list__item:nth-child(4n) {
    margin-right: 0;
}
.p-interview-list__item {
    width: 23.5%;
    margin: 0 2% 25px 0; }
}

/* レインボー角丸枠線*/
/*ここから
<div class="box">
  <div class="box__inner">
    <p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
  </div>
</div>
ここまで*/

.box {
  background: linear-gradient(-45deg, #fba853, #7ec72e);
  padding: 1rem;
  border-radius: 30px;
}

.box__inner {
  background: #FFF;
  padding: 1.6rem;
  border-radius: 20px;
}

.box__inner p {
  line-height: 1.8rem;
}

/******/


.box2 {
  background: linear-gradient(-45deg, #fba853, #7ec72e);
  padding: 1rem;
  border-radius: 15px;
}

.box__inner2 {
  background: #FFF;
  padding: 1.6rem;
  border-radius: 10px;
}

.box__inner2 p {
  line-height: 1.8rem;
}
/**タイトル枠付き囲み***/
.box30 {
    margin: 2em 0;
    background: #fffffc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #a99e93;
    padding: 4px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/***スクロールテーブル***/
.msr_table03 {
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  border-collapse: collapse;
  line-height: 1.5;
  text-align: left;
  width: 100%;
}
.msr_table03 th {
  background-color: #1B73BA;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  padding: 10px;
  text-align: center;
  vertical-align : middle;
}
.msr_table03 thead {
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

/* th偶数番号の設定 */
.msr_table03 thead th:nth-child(odd) {
  background-color: #17619C;
  border-right: 1px solid #17619C;
}
.msr_table03 td {
  background-color: #F8F8F8;
  border-right: 1px solid #8DA6AF;
  border-top: 1px solid #8DA6AF;
  font-size: 14px;
  padding: 10px;
  vertical-align: top;
}
.msr_table03 td:last-child {
  border-right: none;
}
.msr_table03 tbody tr:first-child td {
  border-top: none;
}

/* tr奇数番号のth設定 */
.msr_table03 tr:nth-child(even) th {
  background-color: #17619C;
  border-bottom: 1px solid #17619C;
  box-shadow: 2px 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 0 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 0 2px rgba(0,0,0,0.2);
}


/****/

.c-menu-btn::before { font-family: "design_plus"; font-size: 25px; content: "\f0c9"; }


.p-global-nav { height: 100%; font-size: 18px; line-height: 90px; }

.p-global-nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin-bottom: 0; }

.p-global-nav > ul > li { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; }

.p-global-nav > ul > li.menu-item-has-children:hover > .sub-menu { left: 0; }

.p-global-nav > ul > li > a { position: relative; height: 100%; padding-right: 21px; padding-left: 21px; }

.p-global-nav > ul > li > .sub-menu { top: 100%; left: 0; }

.p-global-nav a { display: block; }

.p-global-nav .menu-item-has-children { position: relative; }

.p-global-nav .menu-item-has-children:hover > .sub-menu { visibility: visible; left: 100%; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.p-global-nav .sub-menu { display: block; visibility: hidden; z-index: 1; position: absolute; top: 0; left: 100%; height: auto; -webkit-transform: translateY(-10px); transform: translateY(-10px); line-height: 1.2; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; }

.p-global-nav .sub-menu li { height: auto; }

.p-global-nav .sub-menu a { -webkit-box-sizing: border-box; box-sizing: border-box; width: 220px; height: auto; padding: 17px 18px; }

.p-global-nav .sub-menu .menu-item-has-children > a { position: relative; }

.p-global-nav .sub-menu .menu-item-has-children > a::after { position: absolute; right: 16px; font-family: "design_plus"; content: "\e910"; }

@media only screen and (min-width: 1200px) { .p-global-nav { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } }

@media only screen and (max-width: 1199px) { .p-global-nav { display: none; z-index: 99; position: absolute; top: 60px; left: 0; width: 100%; height: auto; }
  .l-header--fixed .p-global-nav { max-height: calc(100vh - 60px); overflow: auto; }
  .p-global-nav > ul { display: block; height: auto; }
  .p-global-nav > ul > li > a { display: block; padding: 0 5.55556%; border: 0; background: transparent; }
  .p-global-nav > ul > li > a:hover { background: transparent !important; }
  .p-global-nav li { width: 100%; }
  .p-global-nav li.current-menu-item a { color: #fff; }
  .p-global-nav a { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 50px; font-size: 18px; line-height 50px; }
  .p-global-nav .sub-title { display: none; }
  .p-global-nav .menu-item-has-children > a > .p-global-nav__toggle.is-active::before { content: "-"; }
  .p-global-nav .menu-item-has-children > a > .p-global-nav__toggle::before { display: block; position: absolute; top: 0; right: 17px; bottom: 0; width: 30px; height: 30px; margin: auto; border: 1px solid #555; border-radius: 100%; color: inherit; line-height: 30px; text-align: center; content: "+"; }
  .p-global-nav .sub-menu { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; visibility: visible; position: static; width: 100%; padding-left: 1em; -webkit-transform: none; transform: none; opacity: 1; -webkit-transition-property: none; transition-property: none; }
  .p-global-nav .sub-menu li { -webkit-box-sizing: border-box; box-sizing: border-box; }
  .p-global-nav .sub-menu a { width: 100%; height: 50px; padding: 0 5.55556%; background: transparent !important; line-height: 50px; }
  .p-global-nav .sub-menu .menu-item-has-children > a::after { content: ""; }
  .p-global-nav > ul > li:first-child > a { border: 0; } }

@media only screen and (max-width: 767px) { .p-global-nav > ul > li > a { padding: 0 50px; }
  .p-global-nav .sub-menu a { padding: 0 50px; } }