@charset "UTF-8";
/* Scss Document */
/* base color */
/* base font color */
/* gray text */
/* 下層ページのベースデザイン */
/* main visual #mavisual */
#mavisualinner {
  background-size: cover;
  background-position: right bottom; }

#mavisual ul {
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  letter-spacing: 0.145em;
  color: #FFF; }

@media screen and (max-width: 1024px) {
  #mavisual ul {
    padding: 24px 6.4%; } }
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  #mavisual ul {
    padding: 24px 4.8%; } }
@media screen and (min-width: 1201px) {
  #mavisual ul {
    padding: 24px 64px; } }
#mavisual ul li:nth-child(1) h1 {
  font-size: 1.8em;
  letter-spacing: 0.195em;
  line-height: 1em; }

/* #contents */
/* text base page */
.content_base {
  width: 100%;
  margin-bottom: 88px; }

/* -- main contents -- #main_cnt  */
/* content_1 eng subtitle */
.content_1 {
  width: 100%;
  margin-bottom: 4.8%;
  position: relative; }

.content_1 h1 {
  font-size: 1.4em; }

.content_1 h2 {
  width: 100%;
  padding: 32px 0 12px;
  line-height: 1em;
  font-size: 1.5em;
  letter-spacing: 0.075em;
  box-sizing: border-box; }

.rubi_e {
  position: absolute;
  bottom: 16px;
  right: 0; }

.content_1 dl {
  width: 100%;
  position: relative; }

.content_1 dl dt {
  border-bottom: dotted 1px #efefef;
  box-sizing: border-box;
  font-size: 0.9em;
  display: block;
  line-height: 1em;
  padding-bottom: 18px; }

.content_1 dl dd {
  font-size: 0;
  line-height: 1;
  box-sizing: border-box; }

.content_1 dl dd {
  width: 100%;
  position: relative; }

dd.noimgbox {
  font-size: 0 !important;
  height: auto !important; }

/* 下層MV  */
.mvbg_allpost {
  background: url(../images/img_material/images.jpg) no-repeat;
  background-size: cover;
  background-position: center top; }

/* content_1 ul under image */
.content_1 dl dd ul {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px; }

.content_1 dl dd ul li:nth-child(1) {
  width: 100%;
  font-size: 0;
  line-height: 1;
  text-align: center; }

.content_1 dl dd ul li:nth-child(1) img {
  vertical-align: middle; }

.content_1 dl dd ul li:nth-child(3) {
  font-size: 1.4em;
  margin-bottom: 0.5em; }

.content_1 dl dd ul li:nth-child(4) {
  font-size: 2.4em; }

.content_1 dl.right_img {
  width: 11%;
  position: absolute;
  left: 0;
  top: 0; }

.content_1 dl.left_img {
  width: 11%;
  transform: rotate(180deg);
  position: absolute;
  bottom: 0;
  right: 0; }

/* form custimze */
#cd_searchbox form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

#cd_searchbox form label {
  display: none; }

#cd_searchbox form input {
  height: 36px;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block; }

#cd_searchbox form input[type="text"] {
  width: 90%;
  background: #f7fff8;
  padding-left: 3.2%;
  border: solid 1px #efefef; }

#cd_searchbox form input[type="submit"] {
  width: 10%;
  cursor: pointer; }

#cd_searchbox form input[type="submit"]:hover {
  background: #1e1e1e;
  color: #fff; }

.cd_pagelink {
  width: 100%;
  margin-bottom: 4.8%; }

.cd_pagelink ol {
  width: 100%;
  background: #fafff9;
  border: dotted 1px #588d6a;
  box-sizing: border-box;
  padding: 2.4% 2.4% 2.4%;
  border-radius: 3.5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

.cd_pagelink ol li {
  width: calc(( 100% - 1.6% ) / 2);
  margin-bottom: 1.6%; }

.cd_pagelink ol li:nth-last-child(2), .cd_pagelink ol li:last-child {
  margin-bottom: 0 !important; }

.cd_pagelink ol li a {
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  display: block;
  position: relative;
  color: #1e1e1e; }

@media (max-width: 1024.999px) {
  .cd_pagelink ol li a {
    padding: 0 3.2%;
    height: 44px;
    line-height: 44px; } }
@media (min-width: 1025px) {
  .cd_pagelink ol li a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px; } }
.cd_pagelink ol li a::after {
  color: #B5B5B5;
  display: block;
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  margin: 0 0 0 0;
  border-top: solid 1px #1e1e1e;
  border-right: solid 1px  #1e1e1e;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  right: calc( 12px - 3px );
  top: calc( 50% - 1.5px ); }

.cd_pagelink ol li a:hover {
  text-decoration: underline; }

.tagspace {
  width: 100%;
  font-size: 14px;
  margin-bottom: 8px; }

.tagspace span {
  color: #fff;
  background: #5ebd7e;
  padding: 4px 4px 3px; }

.first_txt {
  width: 100%;
  border-bottom: dotted 1px #1e1e1e;
  margin-bottom: 12px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.8em; }

.undertxt {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: dotted 1px #1e1e1e;
  margin-bottom: 16px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  line-height: 1.8em; }

.ca_dic_ol {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }

.ca_dic_ol li {
  width: 24%;
  box-sizing: border-box;
  border: solid 1px #efefef; }

.ca_dic_ol li a {
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding: 8px 8px calc( 8px - 0.1em ); }

.ca_dic_ol li a:hover {
  background: #F1F1F1; }

.ca_dic_ol li a p:nth-child(1) {
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
  font-size: 0; }

.ca_dic_ol li a p:nth-child(2) {
  font-size: 12px;
  line-height: 1.7em; }

.soucelink {
  padding-top: 12px;
  font-size: 14px;
  text-align: right;
  line-height: 1em; }

.soucelink a {
  color: #11100F;
  display: block; }

/* privacypolicy */
#privacypolicy dl dd {
  height: auto !important; }

/* lower page txt margin */
.lower_txtmargin {
  margin-bottom: 48px; }

.lowerbase ul {
  margin-bottom: 24px; }

.lowerbase ul:last-child {
  margin-bottom: 0 !important; }

/* overview */
.mgnbtm {
  margin-bottom: 88px; }

/* about ads */