/*===========================
add
===========================*/
.wf-f1blockline {
  font-family: ta-f1blockline, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.wf-heisei {
  font-family: heisei-maru-gothic-std, sans-serif;
  font-weight: 800;
  font-style: normal;
}
.contPad6 {
  width: 90%;
  margin: 0 auto;
}
/* �ｽ�ｽ�ｽ�ｽ逕ｳ閹ｰ閧ｴ�ｽ�ｽ髏費ｿｽ謌手圏�ｽ霈ｯ */
h2.bnrContTit {
  font-size: 1.8em;
}
h3.h3small {
  font-size: 1.8em;
}
h4.various1 {
  font-size: 1.4em;
  color: #333;
  padding: .5em .75em;
  margin-bottom: 1em;
  background-color: #c6c4c4;
  text-align: center;
}
/* 閹ｵ�ｽ髏披��ｽ髏比ｸｻ�ｽ髏費ｿｽ�ｽ闔��ｽ�ｽ�ｽ閹ｵ�ｽ髏比ｸｻ�ｽ髏�ｿｽ */
.contact input {
  vertical-align: middle;
}
/* 閹ｵ�ｽ髏�ｷ堤筏閹ｵ�ｽ�ｽ邊�ｿｽ */
table.table1 th {
  font-weight: bold;
}
table.table1 th span {
  color: #333;
  font-weight: normal;
  font-size: 0.9em;
}
table.table2.table2_w70 {
  width: 70% !important;
  margin: 0 auto;
}
table.table4 {
  border-collapse: collapse;
  border-top: 1px #999 solid;
}
table.table4 th {
  padding: 7px;
  border-bottom: 1px #999 solid;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}
table.table4 td {
  padding: 7px 1em;
  border-bottom: 1px #999 solid;
  font-weight: normal;
}
/* 閹ｵ�ｽ闔��ｽ�ｽ閹ｵ�ｽ髏費ｿｽ */
.area_flowS .inner_flow {
  padding: 0.5em 0;
}
.flow-right.end::before {
  content: none;
}
.flow-right, .flow-right.end {
  position: relative;
  display: inline-block;
  margin: 0 1.5em 0 0;
  min-width: 60px;
  max-width: 31%;
  color: #555;
  font-size: 16px;
  box-sizing: border-box;
  border: 2px solid #537ba4;
  width: 100%;
  padding: 30px 20px;
  border-radius: 10px;
  float: left; /* min-height: 300px; */
}
.flow-right.end {
  margin: 0 0 0 0; /* background-color: #ede9d9; */
}
.flow-right::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -14.5%;
  margin-top: -30px;
  border: 30px solid transparent;
  border-left: 20px solid #678cb2;
}
.flow-right p {
  text-align: center;
  font-size: 1.5em;
}
/* 閹ｵ�ｽ�ｽ�ｽ�ｽ��ｭ晞数�ｽ蟄晞数�ｽ */
.Boxwrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Boxwrap .box {
  width: 44%;
  border: 4px solid #3BB3B3;
  /* background-color: #f9f9f9; */
  list-style: none;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  margin-left: 2%;
  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Google Chrome閹ｰ陏奇ｿｽ�ｽafari  */
  -o-border-radius: 8px; /* Opera  */
  -ms-border-radius: 8px; /* Internet Explorer  */
  border-radius: 8px;
}
.Boxwrap .first {
  margin-left: 0 !important;
}
.Boxwrap .box2 {
  width: 27.5%;
  border: 3px solid #3BB3B3;
  /* background-color: #f9f9f9; */
  list-style: none;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  margin-left: 1.5%;
  -moz-border-radius: 8px; /* Firefox */
  -webkit-border-radius: 8px; /* Google Chrome閹ｰ陏奇ｿｽ�ｽafari  */
  -o-border-radius: 8px; /* Opera  */
  -ms-border-radius: 8px; /* Internet Explorer  */
  border-radius: 8px;
}
.Boxwrap .first {
  margin-left: 0 !important;
}
.Boxwrap .box2 h3 {
  font-size: 1.8em;
}
.box {
  border: 1px solid #bbb;
  padding: 30px;
}
.box h3 {
  font-size: 1.8em;
  border-bottom: none;
}
.outer {
  position: relative;
  display: -ms-flexbox; /* IE10 * */
  display: -webkit-flex; /* Safari6.1�ｽ�ｽ髏斐Λ�ｽ髏�ｿｽ */
  display: flex;
  -ms-flex-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex--align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.box2 {
  position: relative;
  /* margin: 0 auto; */
  padding: 1.2em;
  background-color: #fff; /* �ｽ繩･笆ｼ�ｽ蜿ｷ謖ｯ髏費ｿｽ */
  border: 1px solid #666; /* 闌假ｿｽ逕ｳ�ｽ諤ｨ�咎帥蜃ｦ�ｽ�ｽ髏費ｿｽ貂幄滋�ｽ髏��謖ｯ髏費ｿｽ */
}
.box2_title {
  position: absolute;
  padding: 0 .5em;
  left: 20px;
  top: -15px;
  font-weight: bold;
  background-color: #fff;
  color: #555555;
}
.box3 {
  border: 4px double #F7BEA5;
  padding: 2em;
}
/* 閹ｵ�ｽ髏費ｿｽ蟄晞数蜷茨ｿｽ髏�ｿｽ */
ul.liCheck3 {
  margin-left: 5px;
  padding-bottom: 10px;
}
ul.liCheck3 li {
  list-style-type: none;
  list-style-position: outside;
  padding: 0.2em 0 0.2em 30px;
  background-image: url(../img/common/icn_check.png);
  background-position: 1px 2px;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #CCC;
  line-height: 2em;
  float: left;
  width: 44%;
  margin: 0 1.5% 0.5em;
}
ul.liPDFFloat li a {
  color: #1A5A80;
  -webkit-transition: all .3s;
  transition: all .3s;
}
ul.liPDFFloat li a:hover {
  opacity: 0.6;
}
ul.voice {
  position: relative;
}
ul.voice li {
  position: relative;
  padding: 0 0 0.5em 1.8em;
  margin-bottom: 0.7em;
  border-bottom: 1px dashed #CCC;
  float: left;
  width: 44%;
  margin: 0 1.5% 0.5em;
}
ul.sns li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  background-color: #ffffff;
}
ul.sns img:hover, ul.sns a:hover {
  cursor: pointer;
  filter: alpha(opacity=60); /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
  -moz-opacity: 0.6; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6; /* Safari 1.x */
  opacity: 0.6;
  zoom: 1;
  transition: all .5s;
  -webkit-transition: all .5s;
}
ul.circle {
  position: relative;
}
ul.circle li {
  padding: 0.2em 0 0.2em 1.2em;
  /* margin-bottom: 0.2em; */
}
ul.circle li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #222;
  border-radius: 50%;
  left: 0.3em;
  margin-top: 0.5em;
}
ul.liReseter1_2 {
  line-height: 1.8em;
  margin-left: 15px;
}
ul.liReseter1_2 li {
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: -10px;
  float: left;
  width: 48%;
}
/* 閹ｵ�ｽ�ｽ�ｽ�ｽ竏橸ｿｽ髏費ｿｽ */
.btn2 {
  margin-top: 5px;
}
.btn2 a {
  text-align: center;
  text-decoration: none;
  color: #FFF !important;
  position: relative;
  display: inline-block;
  padding: 0 1em;
  line-height: 30px;
  background: #D5BE9C;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: all .3s;
  -webkit-transition: all .3s;
  box-shadow: 1px 1px 5px #333;
}
.btn2 a:hover {
  background-color: #D5BE9C;
}
.txtBnr2, .txtBnr3 {
  margin-top: 5px;
}
/* PDF */
.pdf2 {
  background-color: #ffffff;
  display: block;
  margin: 0 auto;
}
.pdf2 img:hover, .pdf2 a:hover {
  cursor: pointer;
  filter: alpha(opacity=60); /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* ie 8 */
  -moz-opacity: 0.6; /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6; /* Safari 1.x */
  opacity: 0.6;
  zoom: 1;
  transition: all .5s;
  -webkit-transition: all .5s;
}
/* 閹ｵ�ｽ髏�ｴ費ｿｽ髱ｪﾑ埼�閹ｵ�ｽ髏�ｿｽ */
.txtsize1 {
  font-size: 1.2rem;
}
.txtsize2 {
  font-size: 1.4rem;
}
.marker_y {
  background: linear-gradient(transparent 62%, rgba(255, 250, 137, 0.71) 0%);
}
.marker_b {
  background: linear-gradient(transparent 62%, rgba(0, 255, 255, 0.71) 0%);
}
.catch2DB2 {
  color: #B35336;
  font-size: 1.4em;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
.indent-1 {
  padding-left: 1em; /*1em髏�ｷ堤筏1闌假ｿｽ髏�ｷ定��ｽ�ｽ蜈�ｿｽ�ｽ髏���｡包ｿｽ�ｽ�ｽ逹｡貂幃数�ｽ�ｽ�ｽ闔��ｽ螻櫁�蜑顔筏*/
  text-indent: -1em; /*闌假ｿｽ�ｽ�ｽ邏呻ｿｽ蝎ｨ逕ｳ�ｽ�ｽ�ｽ�ｽ竏樊ｸ幃帥�ｽ1em髏�ｷ堤筏1闌假ｿｽ髏�ｷ定��ｽ�ｽ蜈�ｿｽ�ｽ髏���｡包ｿｽ�ｽ髏比ｻｶ諡ｾ閹ｰ蜑顔ｹ搾ｿｽ�ｽ闔��ｽ螻櫁�蜑顔筏*/
  line-height: 1.5em;
}
.mb40 {
  margin-bottom: 40px;
}
/* �ｽ�ｽ髏碑い�ｽ�ｽ遲晢ｿｽ�ｽ�ｽ閹ｵ�ｽ髏�ｴ費ｿｽ髱ｪﾑ埼�閹ｵ�ｽ�ｽ隱鯉ｿｽ�ｽ�ｽ髏斐ｈ�ｽ�ｽ豎ｲ�ｽ�ｽ�ｽ�ｽ遘€�ｽ�ｽ髏費ｿｽ */
.contents-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.contents-wrap:nth-child(odd) {
  flex-direction: row-reverse;
}
.contents-text {
  width: 47.5%; /*flex: 2;*/
}
.contents-img {
  width: 47.5%; /*flex: 1;*/
}
.contents-text h3 {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  line-height: 1.1em;
  border: none;
  padding: 0;
}
.contents-img img {
  display: block;
  width: auto;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .contents-wrap, .contents-wrap:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .contents-text, .contents-img {
    width: 100%; /*flex: 1;*/
    margin-bottom: 1em;
  }
  .contents-text h3 {
    text-align: center;
  }
}
/* txt */
.txt2 {
  font-size: 1.2rem;
  font-weight: 800;
}
.txtbold {
  font-weight: bold;
}
.tx-center {
  text-align: center
}
.tx-left {
  text-align: left;
}
.tx-right {
  text-align: right;
}
.tx_marker {
  background: linear-gradient(transparent 75%, #fff799 75%);
  font-weight: bold;
  display: inline;
}
/* color */
.red {
  color: #bc2d2d;
}
.green {
  color: #3b7a28;
}
.brown {
  color: #a67435;
}
.blue {
  color: #325f99;
}
.catchcopy {
  font-size: 2rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  line-height: 1.3em;
  color: #E0625E;
}
.col_red {
  color: #F33;
}
.col_green {
  color: #1a9651 !important;
}
.col_blue {
  color: #06C;
}
.col_orange {
  color: #F06000;
}
.tx-70p {
  font-size: 70%;
  letter-spacing: nomal;
}
.tx-80p {
  font-size: 80%;
  letter-spacing: nomal;
}
.tx-90p {
  font-size: 90%;
  letter-spacing: nomal;
}
.tx100p {
  font-size: 100%;
  letter-spacing: nomal;
}
.tx-110p {
  font-size: 110%;
  letter-spacing: nomal;
}
.tx-120p {
  font-size: 120%;
  letter-spacing: nomal;
}
.tx-130p {
  font-size: 130%;
  letter-spacing: nomal;
}
.tx-140p {
  font-size: 140%;
  letter-spacing: nomal;
  line-height: 1.4em;
}
.tx-150p {
  font-size: 150%;
  letter-spacing: nomal;
}
.tx-160p {
  font-size: 160%;
  letter-spacing: nomal;
}
.tx-170p {
  font-size: 170%;
  letter-spacing: nomal;
}
.tx-180p {
  font-size: 180%;
  letter-spacing: nomal;
}
.tx-230p {
  font-size: 230%;
  letter-spacing: nomal;
}
.mar0 {
  margin: 0 auto;
}
.txsize1 {
  font-size: 1.2rem;
  font-weight: 800;
  color: #F33;
  text-align: center;
}
.txtstyle1 {
  font-size: 1.16em;
  font-weight: bold;
}
.txtstyle2 {
  font-size: 1.24em;
  font-weight: bold;
}
.ex {
  padding-left: 1em;
  text-indent: -1em;
}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}
.flex-2col {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.flex-2col > li {
  width: 47%;
  margin: 2% 0 0 2%;
}
.flex-2col-start {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
}
.flex-2col-start > li {
  width: 47%;
  margin: 2% 0 0 2%;
}
.flex-2col-5 {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
}
.flex-2col-5 li {
  width: 47%;
  margin: 2% 0 0 2%;
}
.flex-list2 {
  width: 18% !important;
  margin: 0 0 0 0% !important;
}
.flex-list3 {
  width: 28% !important;
  margin: 0 0 0 2% !important;
}
.flex-list4 {
  width: 38% !important;
  margin: 2 0 0 2% !important;
}
.flex-list5 {
  width: 48% !important;
  margin: 2 0 0 2% !important;
}
.flex-list6 {
  width: 58% !important;
  margin: 2 0 0 2% !important;
}
.flex-list7 {
  width: 68% !important;
  margin: 2 0 0 2% !important;
}
.flex-list8 {
  width: 78% !important;
  margin: 0 0 0 0% !important;
}
.flex-list9 {
  width: 88% !important;
  margin: 0 0 0 0% !important;
}
.flex-first {
  margin: 2% 0 0 0 !important;
}
.flex-2col-5 li:nth-child(odd) {
  width: 50% !important;
  margin: 2% 0 0 0 !important;
}
.flex-2col-2 {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
}
.flex-2col-2 li:nth-of-type(1) {
  width: 37%;
  margin: 0 0 0 3%;
}
.flex-2col-2 li:nth-of-type(2) {
  width: 52%;
  margin: 0 0 0 3%;
}
.flex-3col {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
}
.flex-3col > li {
  width: 32%;
  margin: 2% 0 0 1%;
}
.flex-3col-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.flex-3col-2 > li {
  width: 40%;
  margin: 2% 0 0 1%;
}
.flex-3col-2 li:nth-of-type(1) {
  width: 40%;
  margin: 2% 0 0 0%;
}
.flex-3col-2 li:nth-of-type(2) {
  width: 18%;
  margin: 2% 0 0 1%;
}
@media screen and (max-width: 768px) {
  .flex-2col > li, .flex-2col-2 > li, .flex-2col-start > li {
    width: 100% !important;
    margin: 2% auto !important;
  }
  .flex-3col > li {
    width: 100%;
    margin: 2% auto !important;
  }
  .flex-3col > li:nth-of-type(1) {
    width: 100%;
    margin: 2% auto !important;
  }
  .flex-list2, .flex-list3, .flex-list4, .flex-list5, .flex-list6, .flex-list7, .flex-list8, .flex-list9 {
    width: 100% !important;
    margin: 2% auto !important;
  }
  .flex-2col-5 li:nth-child(odd) {
    width: 100% !important;
    margin: 2% auto !important;
  }
}
.wd40 {
  width: 40%;
  margin: auto;
}
.wd50 {
  width: 50%;
  margin: 0 auto;
}
.wd60 {
  width: 60%;
  margin: 0 auto;
}
.wd70 {
  width: 70%;
  margin: 0 auto;
}
.wd80 {
  width: 80%;
  margin: 0 auto;
}
.wd85 {
  width: 85%;
  margin: 0 auto;
}
.wd90 {
  width: 90%;
  margin: 0 auto;
}
.wd95 {
  width: 95%;
  margin: 0 auto;
}
/*===========================
spacer
===========================*/
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
ul.liOrange-3col {
  margin-left: 0;
}
ul.liOrange-3col li {
  list-style-type: none;
  list-style-position: outside;
  padding: 0 0 0 20px;
  background-image: url(../img/common/clip_li_orange.png);
  background-position: 0px 9px;
  background-repeat: no-repeat;
  line-height: 1.8em;
  font-size: 1.3em;
  display: inline-table;
  width: 35%;
}
ul.liOrange-3col li:nth-of-type(3n) {
  width: 28%;
}
ul.liOrange-3col li.no-circle {
  background-image: none;
}
* {
  box-sizing: border-box;
}
/*
img {
  border:solid 1px #ccc;
  padding:2px;
}
*/
.btn-center {
  margin: 0 auto;
  text-align: center;
}
.contactBtn-cnt {
  vertical-align: top;
  line-height: 1;
  margin: 0 10px 15px 10px;
}
.txtContacBnr-cnt a {
  text-align: center !important;
  color: #FFF;
  text-decoration: none;
  line-height: normal;
  padding: 0.5em 3em 0.5em 3em;
  background-color: #CD3705;
  box-sizing: border-box;
  background-image: url(../img/common/btn_arrow.png);
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.logo img, .footLogo img, .bnr_details img, .copyright img {
  border: none;
  padding: 0px;
}
.catch3Red {
  color: #e25b2c;
  font-size: 2em;
  margin-bottom: 0.1em;
  line-height: 1.8em;
}
.fs140pM {
  font-size: 140%;
  line-height: 1.8em !important;
}
.contents-wrap, .box-type1 li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contents-wrap:nth-child(odd), .box-type1 li:nth-child(odd) {
  flex-direction: row-reverse;
}
.box-type1 li div.contents-text {
  padding: 50px 30px;
  /* background-color: #eff5eb; */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contents-img {
  width: 50%;
  /* flex: 1; */
}
.box-type1 li div.contents-text .text {
  text-align: center;
  font-weight: 700;
  font-size: 140%;
  margin-bottom: 20px;
}
.r-number {
  width: 78px;
  height: 78px;
  background-color: #333;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  line-height: 82px;
  font-size: 46px;
}
.btn-center, .txtContacBnr a {
  display: block;
  text-align: left !important;
  padding: 0.5em 1em 0.5em 1em;
}
ul.circle-2col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
ul.circle-2col li {
  padding: 0 0 0.5em 1.2em;
  margin-bottom: 0.7em;
  border-bottom: 1px dashed #CCC;
  width: 45%;
  margin-right: 2%;
  position: relative;
}
ul.circle-2col li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #222;
  border-radius: 50%;
  left: 0.5em;
  margin-top: 0.6em;
}
.txtContBnr-1 a {
  text-align: center !important;
  color: #FFF;
  text-decoration: none;
  line-height: normal;
  padding: 0.5em 3em 0.5em 3em;
  background-color: #343434;
  box-sizing: border-box;
  background-image: url(../img/common/btn_arrow.png);
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  margin: 0 auto;
  width: 22%;
}
ul.check {
  position: relative;
}
ul.check li {
  margin-bottom: 0.7em;
  border-bottom: 1px dashed #CCC;
  padding: 0 0 0.5em 2em !important;
}
ul.check li::before {
  position: absolute;
  content: "\f046";
  font-family: FontAwesome;
  left: 0.3em;
  font-size: 1.3em;
}
ul.check {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
ul.check li {
  padding: 0 0 0.5em 2em;
  margin-bottom: 0.7em;
  border-bottom: 1px dashed #CCC;
  width: 98%;
  margin-right: 2%;
  position: relative;
}
ul.check li::before {
  position: absolute;
  content: "\f14a";
  font-family: FontAwesome;
  left: 0.3em;
  font-size: 1.3em;
}
.img-no {
  border: none;
  padding: 0px;
}
.txtContBnr-2 a {
  text-align: center !important;
  color: #FFF;
  text-decoration: none;
  line-height: normal;
  padding: 0.5em 3em 0.5em 3em;
  background-color: #343434;
  box-sizing: border-box;
  background-image: url(../img/common/btn_arrow.png);
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  margin: 0 auto;
  width: 30%;
}
.txtContBnr-3 a {
  text-align: center !important;
  color: #FFF;
  text-decoration: none;
  line-height: normal;
  padding: 0.5em 3em 0.5em 3em;
  background-color: #343434;
  box-sizing: border-box;
  background-image: url(../img/common/btn_arrow.png);
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  margin: 0 auto;
  width: 40%;
}
.sm-fnt {
  font-size: 1rem;
}
/*===========================
spacer
===========================*/
.res-mt10 {
  margin-top: 10px !important;
}
.res-mt20 {
  margin-top: 20px !important;
}
.res-mt30 {
  margin-top: 30px !important;
}
.res-mt40 {
  margin-top: 40px !important;
}
.res-mt50 {
  margin-top: 50px !important;
}
.res-mt60 {
  margin-top: 60px !important;
}
.res-mt70 {
  margin-top: 70px !important;
}
.res-mt80 {
  margin-top: 80px !important;
}
.mt0 {
  margin-top: 0px !important;
}
res-.mb10 {
  margin-bottom: 10px !important;
}
.res-mb20 {
  margin-bottom: 20px !important;
}
.res-mb30 {
  margin-bottom: 30px !important;
}
.res-mb40 {
  margin-bottom: 40px !important;
}
.res-mb50 {
  margin-bottom: 50px !important;
}
.res-mb60 {
  margin-bottom: 60px !important;
}
.res-mb70 {
  margin-bottom: 70px !important;
}
.res-mb80 {
  margin-bottom: 80px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  .res-mt10, .res-mt20, .res-mt30 {
    margin-top: 1% !important;
  }
  .res-mb10, .res-mb20, .res-mb30 {
    margin-bottom: 1% !important;
  }
  .res-mt40, .res-mt50, .res-mt60 {
    margin-top: 2% !important;
  }
  .res-mb40, .res-mb50, .res-mb60 {
    margin-bottom: 7% !important;
  }
  .res-mt70, .res-mt80 {
    margin-top: 5% !important;
  }
  .res-mb70, .res-mb80 {
    margin-bottom: 5% !important;
  }
}
/*===========================
spacer
===========================*/
.res-pt10 {
  padding-top: 10px !important;
}
.res-pt20 {
  padding-top: 20px !important;
}
.res-pt30 {
  padding-top: 30px !important;
}
.res-pt40 {
  padding-top: 40px !important;
}
.res-pt50 {
  padding-top: 50px !important;
}
.res-pt60 {
  padding-top: 60px !important;
}
.res-pt70 {
  padding-top: 70px !important;
}
.res-pt80 {
  padding-top: 80px !important;
}
.res-pt0 {
  padding-top: 0px !important;
}
.res-pb10 {
  padding-bottom: 10px !important;
}
.res-pb20 {
  padding-bottom: 20px !important;
}
.res-pb30 {
  padding-bottom: 30px !important;
}
.res-pb40 {
  padding-bottom: 40px !important;
}
.res-pb50 {
  padding-bottom: 50px !important;
}
.res-pb60 {
  padding-bottom: 60px !important;
}
.res-pb70 {
  padding-bottom: 70px !important;
}
.res-pb80 {
  padding-bottom: 80px !important;
}
.res-pb0 {
  padding-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  .res-pt10, .res-pt20, .res-pt30 {
    padding-top: 1% !important;
  }
  .res-pb10, .res-pb20, .res-pb30 {
    padding-bottom: 1% !important;
  }
  .res-pt40, .res-pt50, .res-pt60 {
    padding-top: 2% !important;
  }
  .res-pb40, .res-pb50, .res-pb60 {
    padding-bottom: 2% !important;
  }
  .res-pt70, .res-pt80 {
    padding-top: 3% !important;
  }
  .res-pb70, .res-pb80 {
    padding-bottom: 3% !important;
  }
}
/*===========================
anchor
===========================*/
#anchor01 {
  margin-top: -110px;
  padding-top: 110px;
}
#anchor02 {
  margin-top: -95px;
  padding-top: 95px;
}
#anchor03 {
  margin-top: -95px;
  padding-top: 95px;
}
#original {
  margin-top: -125px;
  padding-top: 125px;
}
#partner {
  margin-top: -125px;
  padding-top: 125px;
}
.line-h2 {
  line-height: 2;
}
/* txt */
.txt2 {
  font-size: 1.2rem;
  font-weight: 800;
}
.txtbold {
  font-weight: bold;
}
.tx-center {
  text-align: center
}
.tx-left {
  text-align: left;
}
.tx-right {
  text-align: right;
}
.tx_marker {
  background: linear-gradient(transparent 75%, #fff799 75%);
  font-weight: bold;
  display: inline;
}
/* color */
.red {
  color: #bc2d2d;
}
.green {
  color: #3b7a28;
}
.brown {
  color: #a67435;
}
.blue {
  color: #325f99;
}
.catchcopy {
  font-size: 2rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  line-height: 1.3em;
  color: #E0625E;
}
.col_red {
  color: #F33;
}
.col_green {
  color: #1a9651 !important;
}
.col_blue {
  color: #06C;
}
.col_orange {
  color: #F06000;
}
.tx-70p {
  font-size: 70% !important;
  letter-spacing: nomal;
}
.tx-80p {
  font-size: 80% !important;
  letter-spacing: nomal;
}
.tx-90p {
  font-size: 90% !important;
  letter-spacing: nomal;
}
.res-tx100p {
  font-size: 100% !important;
  letter-spacing: nomal;
}
.res-tx-110p {
  font-size: 110% !important;
  letter-spacing: nomal;
}
.res-tx-120p {
  font-size: 120% !important;
  letter-spacing: nomal;
}
.res-tx-130p {
  font-size: 130% !important;
  letter-spacing: nomal;
}
.res-tx-140p {
  font-size: 140% !important;
  letter-spacing: nomal;
  line-height: 1.4em;
}
.res-tx-150p {
  font-size: 150% !important;
  letter-spacing: nomal;
}
.res-tx-160p {
  font-size: 160% !important;
  letter-spacing: nomal;
}
.res-tx-170p {
  font-size: 170% !important;
  letter-spacing: nomal;
}
.res-tx-180p {
  font-size: 180% !important;
  letter-spacing: nomal;
}
.res-tx-230p {
  font-size: 230% !important;
  letter-spacing: nomal;
}
.tx-300p {
  font-size: 300% !important;
  letter-spacing: nomal;
}
.mar0 {
  margin: 0 auto;
}
.txsize1 {
  font-size: 1.2rem;
  font-weight: 800;
  color: #F33;
  text-align: center;
}
.txtstyle1 {
  font-size: 1.16em;
  font-weight: bold;
}
.txtstyle2 {
  font-size: 1.24em;
  font-weight: bold;
}
.ex {
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 768px) {
  .res-tx-230p {
    font-size: 120% !important;
    letter-spacing: nomal;
  }
  .res-tx-180p {
    font-size: 110% !important;
    letter-spacing: nomal;
  }
}
@media only screen and (max-width: 600px) {
  .line-h2 {
    line-height: 1.5;
  }
  .res-tx-230p {
    font-size: 130% !important;
    letter-spacing: nomal;
  }
  .res-tx-180p, .res-tx-170p {
    font-size: 120% !important;
    letter-spacing: nomal;
  }
  .res-tx-160p, .res-tx-150p {
    font-size: 110% !important;
    letter-spacing: nomal;
  }
  .res-tx-140p, .res-tx-130p, .res-tx-120p, .res-tx-110p {
    font-size: 100% !important;
    letter-spacing: nomal;
  }
}
.wrap-h3 {
  width: 98%;
  margin: 0 auto 5%;
}
.wrap-h4 {
  width: 98%;
  margin: 0 auto 3%;
}
.wd40 {
  width: 40% !important;
  margin: auto;
}
.wd50 {
  width: 50% !important;
  margin: 0 auto;
}
.wd60 {
  width: 60% !important;
  margin: 0 auto;
}
.wd70 {
  width: 70% !important;
  margin: 0 auto;
}
.wd80 {
  width: 80% !important;
  margin: 0 auto;
}
.wd85 {
  width: 85% !important;
  margin: 0 auto;
}
.wd90 {
  width: 90% !important;
  margin: 0 auto;
}
.wd95 {
  width: 95% !important;
  margin: 0 auto;
}
.res-wd40 {
  width: 40% !important;
  margin: auto;
}
.res-wd50 {
  width: 50% !important;
  margin: 0 auto;
}
.res-wd60 {
  width: 60% !important;
  margin: 0 auto;
}
.res-wd70 {
  width: 70% !important;
  margin: 0 auto;
}
.res-wd80 {
  width: 80% !important;
  margin: 0 auto;
}
.res-wd85 {
  width: 85% !important;
  margin: 0 auto;
}
.res-wd90 {
  width: 90% !important;
  margin: 0 auto;
}
.res-wd95 {
  width: 95% !important;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .res-wd40, .res-wd50, .res-wd60, .res-wd70, .res-wd80, .res-wd85, .res-wd90, .res-wd95 {
    width: 100% !important;
    margin: auto;
  }
}
.th-40 {
  width: 40%;
}
.th-50 {
  width: 50%;
}
.th-60 {
  width: 60%;
}
.th-70 {
  width: 70%;
}
.th-80 {
  width: 80%;
}
.td-40 {
  width: 40%;
}
.td-50 {
  width: 50%;
}
.td-60 {
  width: 60%;
}
.td-70 {
  width: 70%;
}
.td-80 {
  width: 80%;
}
table.table4 {
  width: 100%;
  border-top: 1px #cdcdcd solid;
  border-left: 1px #cdcdcd solid;
  border-collapse: collapse;
}
table.table4 th {
  padding: 0.35em 0.5em;
  border-bottom: 1px #cdcdcd solid;
  border-right: 1px #cdcdcd solid;
  letter-spacing: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  width: auto;
  background-color: #c3c3c3;
  color: #fffad4;
  width: 20%;
}
table.table4 td {
  padding: 0.35em 0.5em;
  border-bottom: 1px #cdcdcd solid;
  border-right: 1px #cdcdcd solid;
  font-weight: normal;
  background-color: #FFFFFF;
  letter-spacing: 0;
  vertical-align: middle;
  width: 80%;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  table.table4 th, table.table4 td {
    width: 100% !important;
    margin: auto;
    display: block;
  }
}
.kakomi-pink {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #ffcccc;
 */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #ffcce5; /* 蠖ｱ */
}
.title-pink {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #ea518b; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #ffccff; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-purple {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #9999ff;
  */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #7373fc; /* 蠖ｱ */
}
.title-purple {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #3232d7; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #7373fc; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-green {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #88a357; /* 閭梧勹濶ｲ */
  */ background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #6e804f; /* 蠖ｱ */
}
.title-green {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #61871d; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #a7c07a; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-brown {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #a7745e;
  */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #8e6e60; /* 蠖ｱ */
}
.title-brown {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #a55430; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #c39079; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-blgreen {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #45b8aa;
  */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #39a497; /* 蠖ｱ */
}
.title-blgreen {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #1bdac3; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #6ad7ca; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-orange {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #ffbf7f;
  */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #faa550; /* 蠖ｱ */
}
.title-orange {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #fa9632; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #e1882f; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-blue {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #7fbfff;
  */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #52a8fd; /* 蠖ｱ */
}
.title-blue {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #045cfe; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #79a6f9; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.kakomi-yellow {
  position: relative;
  margin: 2em auto;
  padding: 3em 2em 2em;
  width: 90%;
  /*
 background-color: #e4e4b0;
  */
  background-color: #fff;
  color: #555; /* 譁�ｭ苓牡 */
  box-shadow: 0 0 10px 10px #e3e3d7; /* 蠖ｱ */
}
.title-yellow {
  position: absolute;
  left: 28px;
  top: 15px;
  padding: 0 .5em;
  font-weight: bold;
  color: #c1c115; /* 繧ｿ繧､繝医Ν濶ｲ */
  border-style: none none solid;
  border-color: #f2efa2; /*繧ｿ繧､繝医Ν荳狗ｷ� */
  border-width: 3px;
  font-size: 1.6rem;
}
.res-small-img90 {
  width: 90% !important;
  height: auto !important;
}
.res-small-img80 {
  width: 80% !important;
  height: auto !important;
}
.res-small-img70 {
  width: 70% !important;
  height: auto !important;
}
.res-small-img60 {
  width: 60% !important;
  height: auto !important;
}
.res-small-img50 {
  width: 50% !important;
  height: auto !important;
}
.res-small-img40 {
  width: 40% !important;
  height: auto !important;
}
.res-small-img30 {
  width: 30% !important;
  height: auto !important;
}
.res-small-img20 {
  width: 20% !important;
  height: auto !important;
}
@media only screen and (max-width: 768px) {
  .res-small-img90, .res-small-img80, .res-small-img70, .res-small-img60 {
    width: 100% !important;
    height: auto !important;
  }
}
/*===========================
anchor
===========================*/
#oil {
  margin-top: -125px;
  padding-top: 125px;
}
@media only screen and (max-width: 768px) {
  .txtContBnr-1 a, .txtContBnr-2 a, .txtContBnr-3 a {
    width: auto;
  }
  .txtBnr3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .txtBnr3 a {
    width: 30%;
    margin-right: 2%;
    display: inline-block;
  }
  .contents-img {
    width: 100%;
    /* flex: 1; */
  }
  .kakomi-pink {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #ef93b6;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #eeaac4; /* 蠖ｱ */
  }
  .title-pink {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #ea518b; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #e8adc3; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-purple {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #7f1184;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #804183; /* 蠖ｱ */
  }
  .title-purple {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #a917b0; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #ac53b0; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-green {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #6D8346;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #6e804f; /* 蠖ｱ */
  }
  .title-green {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #96c346; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #a7c07a; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-brown {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #8f6552;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #8e6e60; /* 蠖ｱ */
  }
  .title-brown {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #c27552; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #c39079; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-blgreen {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #00ac97;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #39a497; /* 蠖ｱ */
  }
  .title-blgreen {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #1bdac3; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #6ad7ca; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-orange {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #fd7e00;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #fbaf64; /* 蠖ｱ */
  }
  .title-orange {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #ffbb05; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #fad265; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-blue {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 90%;
    background: #fff;
    /*
 background-color: #688fd9;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #5b87d6; /* 蠖ｱ */
  }
  .title-blue {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #045cfe; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #79a6f9; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .kakomi-yellow {
    position: relative;
    margin: 0em auto;
    padding: 3.5em 0.5em 1em;
    width: 100%;
    background: #fff;
    /*
 background-color: #e4e4b0;
 */
    color: #555; /* 譁�ｭ苓牡 */
    box-shadow: 0 0 10px 10px #e3e3d7; /* 蠖ｱ */
  }
  .title-yellow {
    position: absolute;
    left: 28px;
    top: 15px;
    padding: 0 .5em;
    font-weight: bold;
    color: #e8d500; /* 繧ｿ繧､繝医Ν濶ｲ */
    border-style: none none solid;
    border-color: #f2efa2; /*繧ｿ繧､繝医Ν荳狗ｷ� */
    border-width: 3px;
    font-size: 1.6rem;
  }
  .box-type1 li div.contents-text {
    padding: 20px 20px;
    /* background-color: #eff5eb; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  ul.circle-2col li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width: 90%;
    margin-right: 2%;
    position: relative;
  }
  .box {
    border: 1px solid #bbb;
    padding: 0.7rem;
    margin: 3% auto 6% !important;
  }
}
@media only screen and (max-width: 500px) {
  .title-yellow, .title-blue, .title-orange, .title-blgreen, .title-brown, .title-green, .title-purple, .title-pink {
    left: 10px;
    top: 10px;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  #mainimage {
    height: 440px;
    background-attachment: scroll;
    min-width: 320px;
  }
  #mainCatch {
    padding-top: 5em;
  }
  #mainCatch p {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 2em;
    line-height: 1.6em;
    background: rgba(0, 0, 0, .7);
    padding: 0.5em 1em;
    width: 100%;
  }
}
@media only screen and (max-width: 450px) {
  .ambl {
    width: 50% !important;
    margin-right: 0%;
    display: inline-block;
  }
  #mainCatch p {
    font-size: 1.6em;
  }
  #mainimage {
    height: 360px;
    background-attachment: scroll;
    min-width: 320px;
  }
}
.flexslider .slides > li {
  position: relative;
}
.flex-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  line-height: 1.2em;
  margin: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 25px;
}
/*
.flex-caption {
  padding: 3px 10px;
  margin: 0;
  background: #000;
  color: #fff;
  font-size: 12px;
}
*/
.flexslider .slides > li img {
  position: relative;
  height: 750px;
  object-fit: cover;
}
.flexslider.range .slides > li img {
  position: relative;
  height: 200px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .flexslider .slides > li img {
    height: 340px;
  }
}
@media screen and (max-width: 420px) {
  .flex-caption {
    padding: 10px 20px;
    font-size: 12px;
  }
  .flexslider .slides > li img {
    height: 230px !important;
  }
}
@media only screen and (max-width: 600px) {
  h2 {
    font-size: 2em;
    line-height: 1.3;
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-weight: normal;
    margin-bottom: 15px;
  }
  h3 {
    font-size: 1.6em;
    text-align: center;
  }
}
.pc-disp {
  display: block;
}
.sp-disp {
  display: none;
}
@media only screen and (max-width: 600px) {
  .pc-disp {
    display: none;
  }
  .sp-disp {
    display: block;
  }
}
#mainCatch {
  padding-top: 0;
  margin-top: -23em;
  z-index: 100;
  position: absolute;
  bottom: 20%;
  left: 0%;
  /*
	    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	*/
}
@media only screen and (max-width: 1400px) {
  #mainCatch {
    padding-top: 0;
    margin-top: -23em;
    z-index: 100;
    position: absolute;
    bottom: 20%;
    left: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mainCatch {
    padding-top: 0;
    margin-top: -23em;
    z-index: 100;
    position: absolute;
    bottom: 20%;
    left: 0% !important;
    margin: -23em auto 0;
  }
}
@media only screen and (max-width: 650px) {
  #mainCatch {
    padding-top: 0;
    margin-top: -23em;
    z-index: 100;
    position: absolute;
    bottom: 30%;
    left: 0%;
  }
}
@media only screen and (max-width: 500px) {
  #mainCatch {
    padding-top: 0;
    z-index: 100;
    position: absolute;
    bottom: 30%;
    left: 0vw;
  }
}
@media only screen and (max-width: 450px) {
  #mainCatch {
    bottom: 10%;
  }
}
.pc-disp {
  display: block;
}
.sp-disp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .pc-disp {
    display: none;
  }
  .sp-disp {
    display: block;
  }
}
#mainCatch p {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
@media only screen and (max-width: 768px) {
  .lay3Plural, .lay3PluralBorder, .lay3Plural2, .lay3Plural3, .lay3W320, .lay3W320R, .lay4W235, .lay4W235R, .lay3Tablet, .lay3TabletR {
    width: 100%;
    float: none;
    margin: 0.5em 0 1.5em 0;
    padding: 0;
    border: none;
    text-align: left;
  }
}
.res-tx-center01 {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .res-tx-center01 {
    text-align: left;
  }
}
.cont a {
  color: #000 !important;
  text-decoration: none;
}
.sns01 {
  width: 30%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sns-lnk {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sns-lnk a {
  margin-right: 1%;
}
.sns01 li:nth-child(3) {
  width: 30%;
}
.txtBnr4 a {
  color: #FFF !important;
  text-decoration: none !important;
  line-height: normal;
  padding: 0.2em 2.5em 0.2em 2em;
  background-color: #714A2F;
  margin: 0.4em 0;
  background-image: url(../img/common/btn_arrow.png);
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .txtBnr4 a {
    margin-right: 2%;
    display: inline-block;
  }
}
#pageTitleTxt h1 {
  text-shadow: 1px 1px #fff;
}
@media screen and (max-width: 768px) {
  #pageTitleTxt {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 65px;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    background: rgba(0, 0, 0, .7) !important;
  }
}
@media screen and (max-width: 768px) {
  [href^="tel"] {
    pointer-events: auto;
  }
}
h4.various2 {
  font-size: 1.4em;
  color: #333;
  padding: .5em .75em;
  margin-bottom: 0.2em;
  text-align: left;
  font-weight: bold;
}
.titleWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
}
.thumbnail {
  float: left;
}
.thumbnail img {
  width: 100px !important;
}
.data {
  margin-left: 20px;
  display: inline-block;
  float: left;
  font-weight: bold;
  font-size: 1.1em;
}
.title {
  margin-left: 20px;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .thumbnail {
    float: none;
    text-align: center;
  }
  .data {
    float: none;
  }
  .title {
    margin-left: 20px;
    display: block;
  }
}
.blog li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}
.wrap-h2 {
  width: 96%;
  margin: 4% auto 6%;
}
.wrap-h3 {
  width: 96%;
  margin: 4% auto 6%;
}
.wrap-h4 {
  width: 96%;
  margin: 4% auto 6%;
}
.btn-b a {
  text-decoration: none;
  text-align: center;
  color: #FFF !important;
  position: relative;
  display: inline-block;
  padding: 0 1.3em 0 1em;
  line-height: 30px;
  background: #808080;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.btn-b a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 2%;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
}
.btn-b a::after {
  border-left: 4px solid #fff;
}
.btn-b a:hover {
  opacity: 0.7;
}
.bxslider {
  height: 300px;
}
.bx-wrapper img {
  height: 170px;
}
@media only screen and (max-width: 768px) {
  .bx-wrapper img {
    height: 100px;
  }
}
.dataContainer .data a {
  color: #fff !important;
  text-decoration: none;
}
.dataContainer .data a:hover {
  cursor: pointer;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.tel-l a {
  color: #495252;
  text-decoration: none;
}
.tel-l a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.mod-bxslider-demo-01 {
  overflow: hidden;
}
.bx-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0px !important;
}
.bx-viewport:before, .bx-viewport:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.bx-wrapper .bx-viewport {
  overflow: visible !important;
  left: 0;
  border-width: 0;
  box-shadow: none;
}
.bx-viewport:before {
  right: 100%;
  left: -100%;
}
.bx-viewport:after {
  left: 100%;
  right: -100%;
}
/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 380px;
  overflow: hidden;
  position: absolute;
}
.loopSlider {
  margin: 0 auto;
  width: 100%;
  height: 380px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.loopSlider ul {
  height: auto;
  float: left;
  overflow: hidden;
  padding: 0;
  padding-inline-start: 0;
}
.loopSlider ul li {
  width: 471px;
  height: 380px;
  float: left;
  display: inline;
  overflow: hidden;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
  content: "";
  display: none;
  clear: none;
}
.slick-slide img {
  width: 471px;
  height: 380px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .slick-slide img {
    width: auto;
    height: auto;
  }
}
.loopSlider {
  height: 380px;
  overflow: hidden;
  position: relative;
}
.loopSlider .loopslider_wrap {
  height: 380px;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.loopSlider .loopslider_wrap ul {
  display: -webkit-flex;
  display: flex;
}
.loopSlider .loopslider_wrap ul li {
  width: 471px;
}
@media only screen and (max-width: 768px) {
  .loopSlider {
    height: 250px;
    overflow: hidden;
    position: relative;
  }
  .loopSlider .loopslider_wrap {
    height: 250px;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .loopSlider .loopslider_wrap ul li {
    width: 310px;
  }
}
.table2 .th-01 {
  width: 30%;
}
.table2 .td-01 {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .table2 .th-01, .table2 .td-01, .table2 th, .table2 td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
.footDataArea .tel-1 a {
  color: #333 !important;
  text-decoration: none;
}
.footDataArea .tel-1 a:hover {
  cursor: pointer;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  text-decoration: none;
}
/*===========================
anchor
===========================*/
#anchor01 {
  margin-top: -110px;
  padding-top: 110px;
}
#anchor02 {
  margin-top: -95px;
  padding-top: 95px;
}
#anchor03 {
  margin-top: -95px;
  padding-top: 95px;
}
#room {
  margin-top: -125px;
  padding-top: 125px;
}
#recruit {
  margin-top: -125px;
  padding-top: 125px;
}
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media (max-width: 760px) {
  .tx-resp {
    text-align: center;
  }
}
.wrapper h2 span {
  font-size: 0.5em;
}
@media screen and (max-width: 768px) {
  .table-scroll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    border-right: 3px solid #000000;
  }
  .table-scroll table {
    border-collapse: collapse;
  }
  .table-scroll th, .table-scroll td {
    border: solid 1px #ccc;
    padding: 8px;
    white-space: nowrap;
  }
  .table-scroll th {}
  .table-scroll::-webkit-scrollbar {
    height: 8px;
  }
  .table-scroll::-webkit-scrollbar-thumb {
    background: #aaa;
  }
  .table-scroll::-webkit-scrollbar-track {
    background: #ccc;
  }
}
table.table-various4 th, table.table-various4 td {
  display: table-cell;
}
/* スライダーテキスト */
.bxslider_caption {
  position: relative;
  left: 0;
  bottom: 180px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.bxslider_caption > div {
  padding: 30px;
}
.bxslider_caption > div > p {
  font-size: 2em;
  line-height: 1.5em;
}
@media (max-width: 480px) {
  .bxslider_caption {
    bottom: 60px;
  }
  .bxslider_caption > div {
    padding: 10px;
  }
  .bxslider_caption > div > p {
    font-size: 0.9em;
  }
}
/* グリッド  */
body, html {
  margin: 0;
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shell {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.shell.reverse {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.shell.nowrap-x {
  flex-wrap: nowrap;
}
.shell.left {
  justify-content: flex-start;
}
.shell.center, .shell.x-center {
  justify-content: center;
}
.shell.right {
  justify-content: flex-end;
}
.shell.fill, .shell.fill-x, .shell.split {
  justify-content: space-between;
}
.shell.equalize {
  justify-content: space-around;
}
.shell.top {
  align-items: flex-start;
}
.shell.middle, .shell.y-center {
  align-items: center;
}
.shell.baseline {
  align-items: baseline;
}
.shell.bottom {
  align-items: flex-end;
}
.shell > .grow-x {
  flex-grow: 1;
}
.stretch, .grow-y {
  align-self: stretch;
}
.solo, .full {
  width: 100%;
}
.duo, .half {
  width: 50%;
}
.trio, .one-third {
  width: calc(100% / 3);
}
.two-thirds {
  width: calc(100% / 3 * 2);
}
.quad, .quarter {
  width: 25%;
}
.three-quarters {
  width: 75%;
}
.penta, .twenty {
  width: 20%;
}
.thirty {
  width: 30%;
}
.forty {
  width: 40%;
}
.sixty {
  width: 60%;
}
.seventy {
  width: 70%;
}
.eighty {
  width: 80%;
}
.solo.gutter, .full.gutter {
  width: 98%;
  margin: 1em 1%;
}
.duo.gutter, .half.gutter {
  width: 48%;
  margin: 1em 1%;
}
.trio.gutter, .one-third.gutter {
  width: calc(94% / 3);
  margin: 1em 1%;
}
.two-thirds.gutter {
  width: calc(97% / 3 * 2);
  margin: 1em 1%;
}
.quad.gutter, .quarter.gutter {
  width: 23%;
  margin: 1em 1%;
}
.three-quarters.gutter {
  width: 73%;
  margin: 1em 1%;
}
.penta.gutter, .twenty.gutter {
  width: 18%;
  margin: 1em 1%;
}
.thirty.gutter {
  width: 28%;
  margin: 1em 1%;
}
.forty.gutter {
  width: 38%;
  margin: 1em 1%;
}
.sixty.gutter {
  width: 58%;
  margin: 1em 1%;
}
.seventy.gutter {
  width: 68%;
  margin: 1em 1%;
}
.eighty.gutter {
  width: 78%;
  margin: 1em 1%;
}
.centering {
  text-align: center;
}
.centering > * {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Universal Padding Class --- as you like */
.pd-around {
  padding: 1.5em 1.5em;
}
.pd-side {
  padding: 0 1.5em;
}
.pd-top-bottom {
  padding: 1.5em 0;
}
.pd-right {
  padding-right: 1.5em;
}
.pd-left {
  padding-left: 1.5em;
}
/* clearfix --- for use together with legacy float layout */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*** Media Query ***/
@media only screen and (max-width: 899px) {
  .shell.break900:not(.step) {
    flex-direction: column;
  }
  .shell.break900 > .solo, .shell.break900 > .full, .shell.break900 > .duo, .shell.break900 > .half, .shell.break900 > .trio, .shell.break900 > .one-third, .shell.break900 > .two-thirds, .shell.break900 > .quad, .shell.break900 > .quarter, .shell.break900 > .three-quarters, .shell.break900 > .penta, .shell.break900 > .twenty, .shell.break900 > .thirty, .shell.break900 > .forty, .shell.break900 > .sixty, .shell.break900 > .seventy, .shell.break900 > .eighty {
    width: 100%;
  }
  .shell.break900 > .solo.gutter, .shell.break900 > .full.gutter, .shell.break900 > .duo.gutter, .shell.break900 > .half.gutter, .shell.break900 > .trio.gutter, .shell.break900 > .one-third.gutter, .shell.break900 > .two-thirds.gutter, .shell.break900 > .quad.gutter, .shell.break900 > .quarter.gutter, .shell.break900 > .three-quarters.gutter, .shell.break900 > .penta.gutter, .shell.break900 > .twenty.gutter, .shell.break900 > .thirty.gutter, .shell.break900 > .forty.gutter, .shell.break900 > .sixty.gutter, .shell.break900 > .seventy.gutter, .shell.break900 > .eighty.gutter {
    width: 98%;
    margin: 1em 1%;
  }
  .shell.step {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .shell.step > .duo, .shell.step > .half, .shell.step > .trio, .shell.step > .one-third, .shell.step > .two-thirds, .shell.step > .quad, .shell.step > .quarter, .shell.step > .three-quarters, .shell.step > .penta, .shell.step > .twenty, .shell.step > .thirty, .shell.step > .forty, .shell.step > .sixty, .shell.step > .seventy, .shell.step > .eighty {
    width: 50%;
  }
  .shell.step > .duo.gutter, .shell.step > .half.gutter, .shell.step > .trio.gutter, .shell.step > .one-third.gutter, .shell.step > .two-thirds.gutter, .shell.step > .quad.gutter, .shell.step > .quarter.gutter, .shell.step > .three-quarters.gutter, .shell.step > .penta.gutter, .shell.step > .twenty.gutter, .shell.step > .thirty.gutter, .shell.step > .forty.gutter, .shell.step > .sixty.gutter, .shell.step > .seventy.gutter, .shell.step > .eighty.gutter {
    width: 48%;
    margin: 1em 1%;
  }
}
/* Mobile Single Column ( like 7-10 inch Tablet ) */
@media only screen and (max-width: 768px) {
  .container, .wide-container {
    padding: 0 0.3em;
  } /* as you like */
  .shell.break768:not(.step) {
    flex-direction: column;
  }
  .shell.break768 > .solo, .shell.break768 > .full, .shell.break768 > .duo, .shell.break768 > .half, .shell.break768 > .trio, .shell.break768 > .one-third, .shell.break768 > .two-thirds, .shell.break768 > .quad, .shell.break768 > .quarter, .shell.break768 > .three-quarters, .shell.break768 > .penta, .shell.break768 > .twenty, .shell.break768 > .thirty, .shell.break768 > .forty, .shell.break768 > .sixty, .shell.break768 > .seventy, .shell.break768 > .eighty {
    width: 100%;
  }
  .shell.break768 > .solo.gutter, .shell.break768 > .full.gutter, .shell.break768 > .duo.gutter, .shell.break768 > .half.gutter, .shell.break768 > .trio.gutter, .shell.break768 > .one-third.gutter, .shell.break768 > .two-thirds.gutter, .shell.break768 > .quad.gutter, .shell.break768 > .quarter.gutter, .shell.break768 > .three-quarters.gutter, .shell.break768 > .penta.gutter, .shell.break768 > .twenty.gutter, .shell.break768 > .thirty.gutter, .shell.break768 > .forty.gutter, .shell.break768 > .sixty.gutter, .shell.break768 > .seventy.gutter, .shell.break768 > .eighty.gutter {
    width: 98%;
    margin: 1em 1%;
  }
  .shell:not(.keep) > .solo, .shell:not(.keep) > .full, .shell:not(.keep) > .duo, .shell:not(.keep) > .half, .shell:not(.keep) > .trio, .shell:not(.keep) > .one-third, .shell:not(.keep) > .two-thirds, .shell:not(.keep) > .quad, .shell:not(.keep) > .quarter, .shell:not(.keep) > .three-quarters, .shell:not(.keep) > .penta, .shell:not(.keep) > .twenty, .shell:not(.keep) > .thirty, .shell:not(.keep) > .forty, .shell:not(.keep) > .sixty, .shell:not(.keep) > .seventy, .shell:not(.keep) > .eighty {
    width: 100%;
    margin: 0;
  }
  .shell:not(.keep) > .solo.gutter, .shell:not(.keep) > .full.gutter, .shell:not(.keep) > .duo.gutter, .shell:not(.keep) > .half.gutter, .shell:not(.keep) > .trio.gutter, .shell:not(.keep) > .one-third.gutter, .shell:not(.keep) > .two-thirds.gutter, .shell:not(.keep) > .quad.gutter, .shell:not(.keep) > .quarter.gutter, .shell:not(.keep) > .three-quarters.gutter, .shell:not(.keep) > .penta.gutter, .shell:not(.keep) > .twenty.gutter, .shell:not(.keep) > .thirty.gutter, .shell:not(.keep) > .forty.gutter, .shell:not(.keep) > .sixty.gutter, .shell:not(.keep) > .seventy.gutter, .shell:not(.keep) > .eighty.gutter {
    width: 98%;
    margin: 1em 1%;
  }
  .shell.step {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .shell.step > .duo, .shell.step > .half, .shell.step > .trio, .shell.step > .one-third, .shell.step > .two-thirds, .shell.step > .quad, .shell.step > .quarter, .shell.step > .three-quarters, .shell.step > .penta, .shell.step > .twenty, .shell.step > .thirty, .shell.step > .forty, .shell.step > .sixty, .shell.step > .seventy, .shell.step > .eighty {
    width: 50%;
  }
  .shell.step > .duo.gutter, .shell.step > .half.gutter, .shell.step > .trio.gutter, .shell.step > .one-third.gutter, .shell.step > .two-thirds.gutter, .shell.step > .quad.gutter, .shell.step > .quarter.gutter, .shell.step > .three-quarters.gutter, .shell.step > .penta.gutter, .shell.step > .twenty.gutter, .shell.step > .thirty.gutter, .shell.step > .forty.gutter, .shell.step > .sixty.gutter, .shell.step > .seventy.gutter, .shell.step > .eighty.gutter {
    width: 48%;
    margin: 1em 1%;
  }
  .shell.keep-half:not(.keep), .shell.keep-half:not(.keep) {
    flex-direction: row;
  }
  .shell.keep-half:not(.keep) > .solo, .shell.keep-half:not(.keep) > .full, .shell.keep-half:not(.keep) > .duo, .shell.keep-half:not(.keep) > .half, .shell.keep-half:not(.keep) > .trio, .shell.keep-half:not(.keep) > .one-third, .shell.keep-half:not(.keep) > .two-thirds, .shell.keep-half:not(.keep) > .quad, .shell.keep-half:not(.keep) > .quarter, .shell.keep-half:not(.keep) > .three-quarters, .shell.keep-half:not(.keep) > .penta, .shell.keep-half:not(.keep) > .twenty, .shell.keep-half:not(.keep) > .thirty, .shell.keep-half:not(.keep) > .forty, .shell.keep-half:not(.keep) > .sixty, .shell.keep-half:not(.keep) > .seventy, .shell.keep-half:not(.keep) > .eighty {
    width: 50%;
  }
  .shell.keep-half:not(.keep) > .solo.gutter, .shell.keep-half:not(.keep) > .full.gutter, .shell.keep-half:not(.keep) > .duo.gutter, .shell.keep-half:not(.keep) > .half.gutter, .shell.keep-half:not(.keep) > .trio.gutter, .shell.keep-half:not(.keep) > .one-third.gutter, .shell.keep-half:not(.keep) > .two-thirds.gutter, .shell.keep-half:not(.keep) > .quad.gutter, .shell.keep-half:not(.keep) > .quarter.gutter, .shell.keep-half:not(.keep) > .three-quarters.gutter, .shell.keep-half:not(.keep) > .penta.gutter, .shell.keep-half:not(.keep) > .twenty.gutter, .shell.keep-half:not(.keep) > .thirty.gutter, .shell.keep-half:not(.keep) > .forty.gutter, .shell.keep-half:not(.keep) > .sixty.gutter, .shell.keep-half:not(.keep) > .seventy.gutter, .shell.keep-half:not(.keep) > .eighty.gutter {
    width: 48%;
    margin: 1em 1%;
  }
  /* Universal padding class --- as you like */
  .pd-around {
    padding: 1.5em 1.5em;
  }
  .pd-side {
    padding: 0 1.5em;
  }
  .ttal {
    text-align: left !important;
  }
  .ttal:not(.pd-side) {
    padding: 0 1.5em;
  }
  .pd-around .ttal:not(.pd-side), .pd-side .ttal:not(.pd-side) {
    padding: 0;
  }
}
/* Traditional SmartPhone Portrait Size */
@media only screen and (max-width: 479px) {
  .shell:not(.keep), .shell.step:not(.keep) {
    flex-direction: column;
  }
  .shell.step:not(.keep) > .solo, .shell.step:not(.keep) > .full, .shell.step:not(.keep) > .duo, .shell.step:not(.keep) > .half, .shell.step:not(.keep) > .trio, .shell.step:not(.keep) > .one-third, .shell.step:not(.keep) > .two-thirds, .shell.step:not(.keep) > .quad, .shell.step:not(.keep) > .quarter, .shell.step:not(.keep) > .three-quarters, .shell.step:not(.keep) > .penta, .shell.step:not(.keep) > .twenty, .shell.step:not(.keep) > .thirty, .shell.step:not(.keep) > .forty, .shell.step:not(.keep) > .sixty, .shell.step:not(.keep) > .seventy, .shell.step:not(.keep) > .eighty {
    width: 100%;
    margin: margin:0;
  }
  .shell.step:not(.keep) > .solo.gutter, .shell.step:not(.keep) > .full.gutter, .shell.step:not(.keep) > .duo.gutter, .shell.step:not(.keep) > .half.gutter, .shell.step:not(.keep) > .trio.gutter, .shell.step:not(.keep) > .one-third.gutter, .shell.step:not(.keep) > .two-thirds.gutter, .shell.step:not(.keep) > .quad.gutter, .shell.step:not(.keep) > .quarter.gutter, .shell.step:not(.keep) > .three-quarters.gutter, .shell.step:not(.keep) > .penta.gutter, .shell.step:not(.keep) > .twenty.gutter, .shell.step:not(.keep) > .thirty.gutter, .shell.step:not(.keep) > .forty.gutter, .shell.step:not(.keep) > .sixty.gutter, .shell.step:not(.keep) > .seventy.gutter, .shell.step:not(.keep) > .eighty.gutter {
    width: 98%;
    margin: 1em 1%;
  }
  /* Single Column --- Universal margin-bottom class */
  .shell.automa > , .shell.automa > .gutter {
    margin-bottom: 1.5em !important;
  }
  /* Universal padding class --- as you like */
  .pd-around {
    padding: 6% 3%;
  }
  .pd-side, .pd-right, .pd-left {
    padding: 0 3%;
  }
  .stal {
    text-align: left !important;
  }
  .stal:not(.pd-side) {
    padding: 0 3%;
  }
  .pd-around .stal:not(.pd-side), .pd-side .stal:not(.pd-side) {
    padding: 0;
  }
	
/*===========================
list
===========================*/

.content ul.check li {
    padding: 0 0 0.5em 2em;
}
.content ul.nb_circle li {
    padding: 0 0 0 1.2em;
    margin-bottom: 0;
}
.content ul.nb_circle li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.3em;
    margin-top: 0.6em;
}
.content ul.nb_circle, .content ul.circle2, .content ul.circle3, .content ul.check2, .content ul.check3 {
    position: relative;
}
.content ul.circle2 li, .content ul.check2 li {
    border-bottom: 1px dashed #CCC;
    float: left;
    padding: 0 0 0.5em 1.8em;
    margin: 0 1.5% 0.7em;
    width: 43%;
}
.content ul.circle2 li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    /* [disabled]left: 0.5em;
*/
    margin-top: 0.6em;
    margin-left: -1em;
}
.content ul.check2 li::before {
    display: block;
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    font-size: 1.3em;
    margin-left: -1.2em;
}
.content ul.circle3 li {
    float: left;
    padding: 0 0 0.5em 1.2em;
    margin: 0.2em 35px 0.5em 0;
    border-bottom: 1px dashed #CCC;
    width: 27%;
}
.content ul.check3 li {
    float: left;
    padding: 0 0 0.5em 1.8em;
    margin: 0.2em 30px 0.2em 0;
    margin-right: 35px;
    width: 30%;
}
.content ul.circle3 li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    /* [disabled]left: 0.5em;
*/
    margin-top: 0.6em;
    margin-left: -1em;
}
.content ul.check3 li::before {
    display: block;
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    font-size: 1.3em;
    margin-left: -1.2em;
}
.content ul.circle4 li {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    float: left;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1.8em;
    margin-right: 35px;
    width: 13em;
}
.content ul.check4 li {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    float: left;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1.8em;
    margin-right: 35px;
}
.content ul.circle4 li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    /* [disabled]left: 0.5em;
*/
    margin-top: 0.6em;
    margin-left: -1em;
}
.content ul.check4 li::before {
    display: block;
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    font-size: 1.3em;
    margin-left: -1.2em;
}
.content ul.circle5 li {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    float: left;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1.8em;
    margin-right: 35px;
}
.content ul.circle5 li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    /* [disabled]left: 0.5em;
*/
    margin-top: 0.6em;
    margin-left: -1em;
}
ol.num-list {
    counter-reset: number; /*数字をリセット*/
    list-style-type: none!important; /*数字を一旦消す*/
    padding: 0.5em;
}
ol.num-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
}
ol.num-list li:before {
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*以下数字のデザイン変える*/
    display: inline-block;
    background: #ee8800;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    /*以下 上下中央寄せのため*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ol.num-list2 {
    counter-reset: number; /*数字をリセット*/
    list-style-type: none!important; /*数字を一旦消す*/
    padding: 0.5em;
}
ol.num-list2 li {
    position: relative;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 30px;
    margin-right: 1%;
    float: left;
    width: 44%;
}
ol.num-list2 li:before {
    /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*以下数字のデザイン変える*/
    display: inline-block;
    background: #ee8800;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;/*以下 上下中央寄せのため*//*  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%); */
}

@media screen and (max-width: 768px) {
ul.circle2 li, ul.check2 li {
    float: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1.8em;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0.7em;
    width: 90%;
}
.small-writeup ul.check2 li {
    float: none;
    position: relative;
    margin-left: 10px;
    width: 90%;
    /* [disabled]overflow: hidden;
*/
}
ul.circle5 li {
    width: 100%;
}
}