@charset "UTF-8";

/*==================================================
 * title
 *================================================*/

h2 {
  font-size: 24px;
  line-height: 1.3;
  margin: 80px auto 30px;
  padding: 0 15px 15px;
  text-align: center;
  width: 800px;
  display: block;
  border-bottom: 2px solid #FF671F;
}

h2 span {
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  margin-top: 10px;
  display: block;
}

h3 {
  font-size: 18px;
  margin: 60px 0 18px;
  /*
	padding: 0 0 16px 22px;
	position: relative;
	line-height: 1.4;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8wNy8xOUW6XYgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFUlEQVQImWP4ny7//////wxwTCEfAB6TOWi4hIPyAAAAAElFTkSuQmCC") repeat-x left bottom;

	@include mq-sp {
		font-size: 14px;
		margin: 40px 0 10px;
		padding: 0 0 10px 20px;
	}

	&:after {
		content: '';
		position: absolute;
		top: 6px;
		left: 0;
		border: 4px solid $color_orange;
		width: 14px;
		height: 14px;

		@include mq-sp {
			top: 3px;
		}
	}
	*/
}

.ttl01 {
  font-size: 18px;
  margin: 60px 0 18px;
  padding: 0 0 16px 22px;
  position: relative;
  line-height: 1.4;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8wNy8xOUW6XYgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFUlEQVQImWP4ny7//////wxwTCEfAB6TOWi4hIPyAAAAAElFTkSuQmCC") repeat-x left bottom;
}

.ttl01:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  border: 4px solid #FF671F;
  width: 14px;
  height: 14px;
}

.ttl02 {
  margin: 55px 0 15px;
  background: #FBE1D9;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  height: 36px;
  border-radius: 36px 8px 8px 36px;
}

.ttl02 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #FF671F;
  margin-right: 5px;
}

.ttl03 {
  font-size: 18px;
  background: #FF671F;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  margin: 40px 0 30px;
  line-height: 1.15;
}

.ttl-subText {
  font-size: 13px;
  line-height: 1.5;
  width: 800px;
  margin: -10px auto 0;
}

.cap {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 6px;
  display: block;
}

/*==================================================
 * list
 *================================================*/

#content ul:not([class]) > li,
.ul > li,
.li > li {
  position: relative;
  padding-left: 15px;
}

#content ul:not([class]) > li:before,
.ul > li:before,
.li > li:before {
  display: block;
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8wNy8xOUW6XYgAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAVUlEQVQImXWNQRHAIBDEwinB1DoAFbxRURSAKZxcP/foTCHfnWSTu7PWKkADMrCBLmmkOWcBHv5UC+NEs0idyBYfJ7YB/TJ2kzSA+ilsoEoayd0vIrxXxBkqQU/mgAAAAABJRU5ErkJggg==");
  position: absolute;
  left: 0;
  color: #aaa;
  width: 10px;
  height: 10px;
}

.li-mb-05 {
  margin-bottom: -5px;
}

.li-mb-05 > li {
  margin-bottom: 5px;
}

.li-mb-10 {
  margin-bottom: -10px;
}

.li-mb-10 > li {
  margin-bottom: 10px;
}

.li-mb-15 {
  margin-bottom: -15px;
}

.li-mb-15 > li {
  margin-bottom: 15px;
}

.li-mb-20 {
  margin-bottom: -20px;
}

.li-mb-20 > li {
  margin-bottom: 20px;
}

.li-mb-25 {
  margin-bottom: -25px;
}

.li-mb-25 > li {
  margin-bottom: 25px;
}

.li-mb-30 {
  margin-bottom: -30px;
}

.li-mb-30 > li {
  margin-bottom: 30px;
}

.li-mb-35 {
  margin-bottom: -35px;
}

.li-mb-35 > li {
  margin-bottom: 35px;
}

.li-mb-40 {
  margin-bottom: -40px;
}

.li-mb-40 > li {
  margin-bottom: 40px;
}

.li-mb-45 {
  margin-bottom: -45px;
}

.li-mb-45 > li {
  margin-bottom: 45px;
}

.li-mb-50 {
  margin-bottom: -50px;
}

.li-mb-50 > li {
  margin-bottom: 50px;
}

ul.asterisk > li {
  position: relative;
  padding-left: 20px;
}

ul.asterisk > li:before {
  position: absolute;
  left: 0;
  content: '※';
}

ul.asterisk.small {
  font-size: 12px;
}

#content ol:not([class]),
.ol {
  counter-reset: num;
  list-style: none;
}

#content ol:not([class]) > li,
.ol > li {
  margin-left: 1.8em;
}

#content ol:not([class]) > li:before,
.ol > li:before {
  display: inline-block;
  counter-increment: num;
  content: counter(num) ".";
  width: 1.8em;
  margin-left: -1.8em;
}

#content ol:not([class]) > li:nth-child(-n+9):before,
.ol > li:nth-child(-n+9):before {
  padding-left: 4px;
}

.ol02 > li {
  margin-top: 1em;
}

.ol02 > li > .ol {
  margin-top: 0;
}

.ol02 > li > .ol > li {
  margin-top: 1em;
  margin-left: 3em;
}

.ol02 > li > .ol > li:before {
  content: "( " counter(num) " )";
  width: 2.3em;
  margin-left: -3em;
  margin-right: 0.7em;
}

.ol02 > li > .ol > li > ol.ol {
  margin-top: 0;
}

.ol02 > li > .ol > li > ol.ol > li {
  margin-top: 1em;
}

.ol02 > li > .ol > li > ol.ol > li:before {
  content: counter(num) " )";
}

.ol03 {
  counter-reset: num;
  list-style: none;
  margin: 1em 0;
}

.ol03 > li {
  margin-top: 50px;
}

.ol03 > li:before {
  counter-increment: num;
  content: counter(num);
  display: inline-block;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
  background: #FF671F;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  margin-right: 10px;
  vertical-align: middle;
}

.ol03 > li:first-of-type {
  margin-top: 0;
}

.ol03 > li > span {
  font-size: 16px;
  line-height: 1.15;
  display: inline-block;
  vertical-align: middle;
}

.bold > li:before {
  font-weight: bold;
}

.bold > li span {
  font-weight: bold;
}

ol.asterisk {
  counter-reset: number;
  list-style: none;
  font-size: 12px;
}

ol.asterisk > li {
  position: relative;
  padding-left: 30px;
}

ol.asterisk > li:before {
  position: absolute;
  left: 0;
  counter-increment: number;
  content: "※" counter(number);
}

ol.asterisk > li.num01:before {
  content: '※1';
}

ol.asterisk > li.num02:before {
  content: '※2';
}

ol.asterisk > li.num03:before {
  content: '※3';
}

ol.asterisk > li.num04:before {
  content: '※4';
}

ol.asterisk > li.num05:before {
  content: '※5';
}

ol.asterisk > li.num06:before {
  content: '※6';
}

ol.asterisk > li.num07:before {
  content: '※7';
}

ol.asterisk > li.num08:before {
  content: '※8';
}

ol.asterisk > li.num09:before {
  content: '※9';
}

ol.asterisk > li.num10:before {
  content: '※10';
}

.li-page-list {
  margin-top: 0;
}

.li-page-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.li-page-list > li:before {
  display: none;
}

.li-page-list > li .inner {
  background: #fff;
  width: 100%;
}

.li-page-list > li a {
  display: block;
  padding: 0 25px 20px;
  height: 100%;
}

.li-page-list > li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.li-page-list > li a .img {
  margin: 0 -25px;
  text-align: center;
}

.li-page-list > li a .img img {
  width: 100%;
}

.li-page-list > li a h3 {
  text-decoration: none;
  margin: 15px 0 0;
  padding: 0;
  background: none;
  font-size: 18px;
  line-height: 1.4;
  color: #4d4d4d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
}

.li-page-list > li a h3:before {
  content: '';
  background: url("../img/arrow_03.png") no-repeat;
  width: 15px;
  height: 15px;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 5px 5px 0 0;
}

.li-page-list > li a h3:after {
  display: none;
}

.li-page-list > li a .text {
  margin-top: 10px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 1.7;
}

.li-item-list {
  margin-top: 0;
}

.li-item-list > li:before {
  display: none;
}

.li-item-list > li > a {
  color: #4d4d4d;
  display: block;
}

.li-item-list > li > a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.li-item-list > li > a > img {
  margin-bottom: 20px;
}

.li-item-list > li > a > dl {
  margin: 0;
  padding-left: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.li-item-list > li > a > dl > dt {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
}

.li-item-list > li > a > dl > dt:after {
  content: '';
  position: absolute;
  top: 6px;
  left: -20px;
  border: 4px solid #FF671F;
  width: 14px;
  height: 14px;
}

.li-item-list > li > a > dl > dt > span {
  display: block;
  font-weight: normal;
  font-size: 15px;
  margin-top: 5px;
}

.li-item-list > li > a > dl > dt > span.model {
  font-size: 12px;
  line-height: 1.4;
  padding-top: 4px;
  margin-top: 0;
}

.li-item-list > li > a > dl > dt > span.model.type02 {
  margin-top: 5px;
  padding-top: 0;
}

.li-item-list > li > a > dl > dd {
  line-height: 1.5;
  margin: 15px 0 0;
  padding-top: 15px;
  background: url("data:image/gif;base64,R0lGODlhFAABAIAAAP///01NTSH5BAEHAAAALAAAAAAUAAEAAAIGDG54kLwFADs=") repeat-x left top;
}

.li-item-list > li .featureIcon {
  margin-top: 10px;
}

.li-item-list > li .relatedPage {
  padding-left: 20px;
  margin-top: 15px;
}

.li01 {
  margin-top: 0;
  margin-bottom: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.li01 > li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 5px;
  background: url("../img/arrow_04.png") no-repeat 0 6px;
}

.li01 > li > a {
  color: #4d4d4d;
  font-weight: bold;
}

.li01.arrow-v > li {
  background: url("../img/arrow_05.png") no-repeat 0 6px;
}

.li02 {
  margin-top: 0;
  margin-bottom: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.li02 > li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 5px;
  background: url("../img/arrow_04.png") no-repeat 0 6px;
}

.li02 > li > a {
  color: #4d4d4d;
  font-weight: bold;
}

.li02.type02 > li {
  border-top: 1px solid #FF671F;
  padding-top: 25px;
  padding-bottom: 25px;
  background-position: 0 30px;
}

.li03 > li:before {
  display: inline-block;
  vertical-align: text-bottom;
  content: url("../img/arrow_04.png");
  background: none;
  font-size: 0;
  line-height: 1;
  margin-right: 5px;
  margin-bottom: 4px;
}

.li03 > li > a {
  color: #4d4d4d;
}

.li03 > li img {
  font-size: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 3px;
  padding: 0;
}

.li04--- {
  display: table;
  margin-bottom: -10px;
}

.li04--- > li {
  display: table-row-group;
}

.li04--- > li > a {
  color: #4d4d4d;
  display: table-row;
}

.li04--- > li .text {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  text-indent: -20px;
  margin-left: 20px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.li04--- > li .text:before {
  display: inline-block;
  content: '';
  background: url("../img/arrow_04.png") no-repeat 0 0;
  width: 20px;
  height: 13px;
  margin-bottom: -1px;
}

.li04--- > li .icon {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 10px;
  white-space: nowrap;
}

.li04--- > li .icon img {
  margin-right: 10px;
  vertical-align: middle;
}

.li04 {
  display: inline-block;
}

.li04 > li {
  margin-bottom: 10px;
}

.li04 > li:last-of-type {
  margin-bottom: 0;
}

.li04 > li > a {
  color: #4d4d4d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.li04 > li > a .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
  padding-right: 25px;
}

.li04 > li > a .text:before {
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  content: '';
  background: url("../img/arrow_04.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
}

.li04 > li > a .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.li04 > li > a .icon img {
  margin-right: 10px;
}

.li05 {
  display: table;
  margin-bottom: -10px;
}

.li05 > li {
  display: table-row-group;
}

.li05 > li > .inner {
  display: table-row;
}

.li05 > li > .inner a {
  color: #4d4d4d;
}

.li05 > li > .inner .text {
  display: table-cell;
  font-weight: bold;
  padding-right: 25px;
  white-space: nowrap;
}

.li05 > li > .inner .text:before {
  display: inline-block;
  content: '';
  background: url("../img/arrow_04.png") no-repeat 0 0;
  width: 20px;
  height: 13px;
  margin-bottom: -1px;
}

.li05 > li > .inner .subtext {
  display: table-cell;
  padding-bottom: 10px;
  font-size: 12px;
}

.li05.type02 > li > .inner .text:before {
  background: url("../img/arrow_05.png") no-repeat 0 0;
}

.download-list > li:nth-child(odd) {
  background: #F2F3F8;
}

.download-list > li > a {
  color: #4d4d4d;
  padding: 10px;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.download-list > li > a .text {
  width: 550px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.download-list > li > a .text:before {
  display: block;
  content: '';
  background: url("../img/arrow_04.png") no-repeat 0 center;
  width: 13px;
  height: 13px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5px;
}

.download-list > li > a .size {
  width: 250px;
  white-space: nowrap;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.15;
}

.download-list > li > a .size:before {
  display: block;
  content: '';
  background: url("../img/icon_pdf.png") no-repeat 0 center;
  width: 23px;
  height: 30px;
  margin-right: 10px;
}

/*==================================================
 * dl
 *================================================*/

.dl01 > dt {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 18px;
}

.dl01 > dt:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: '';
  width: 10px;
  height: 10px;
  background: #FF671F;
  display: block;
  font-size: 0;
  line-height: 1;
}

.dl01 > dt:last-of-type + dd {
  margin-bottom: 0;
}

.dl01 > dd {
  margin-bottom: 70px;
  padding-left: 20px;
}

.dl01.type02 > dd {
  margin-bottom: 40px;
}

.dl02 > dt {
  font-weight: bold;
  margin-top: 1em;
}

.dl02 > dt:first-of-type {
  margin-top: 0;
}

/*==================================================
 * table
 *================================================*/

.tb01 {
  width: 100%;
}

.tb01 > caption {
  background: #838FC0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.15;
  padding: 10px 0;
}

.tb01 > tbody > tr > th {
  width: 200px;
  border-right: 1px solid #fff;
  padding: 10px 60px;
  white-space: nowrap;
  vertical-align: middle;
}

.tb01 > tbody > tr > td {
  padding: 10px 60px;
}

.tb01 > tbody > tr:nth-child(odd) > th,
.tb01 > tbody > tr:nth-child(odd) > td {
  background: #ededed;
}

.tb01 > tbody > tr:nth-child(even) > th,
.tb01 > tbody > tr:nth-child(even) > td {
  background: #f6f6f6;
}

.tb02 {
  width: 100%;
  border: 1px solid #ddd;
}

.tb02 > tbody > tr > th {
  width: 200px;
  background: #f1f1f1;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  vertical-align: middle;
}

.tb02 > tbody > tr > td {
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

.tb02 > tbody > tr:last-of-type > th {
  border-bottom: 0;
}

.tb02 > tbody > tr:last-of-type > td {
  border-bottom: 0;
}

.tb03 {
  width: 100%;
  line-height: 1.5;
}

.tb03 > caption {
  background: #838FC0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.15;
  padding: 10px 0;
  border-left: 1px solid	#fff;
  border-right: 1px solid	#fff;
  border-bottom: 1px solid	#fff;
}

.tb03 > tbody > tr {
  background: transparent;
}

.tb03 > tbody > tr > th {
  background: #DADAEA;
  text-align: center;
  border-left: 1px solid	#fff;
  border-right: 1px solid	#fff;
  border-bottom: 1px solid	#fff;
  padding: 10px 0;
  white-space: nowrap;
  vertical-align: middle;
}

.tb03 > tbody > tr > td {
  padding: 15px 30px;
  border-left: 1px solid	#fff;
  border-right: 1px solid	#fff;
  border-bottom: 1px solid	#fff;
  text-align: center;
  vertical-align: middle;
}

.tb03 > tbody > tr > td.odd {
  background: #ECECEC;
}

.tb03 > tbody > tr > td.even {
  background: #F6F6F6;
}

.tb03 > tbody > tr.odd {
  background: #ECECEC;
}

.tb03 > tbody > tr.even {
  background: #F6F6F6;
}

.tb03.type01 tbody > tr:first-of-type > th:first-of-type {
  width: 250px;
}

.tb03.type01 tbody > tr:first-of-type > th:nth-of-type(2) {
  width: 185px;
}

.tb03.type02 tbody > tr:first-of-type > th:first-of-type {
  width: 225px;
}

.tb03.type02 tbody > tr:first-of-type > th:nth-of-type(2) {
  width: 300px;
}

.tb03.type03 tbody > tr:first-of-type > th {
  background: #838FC0;
  color: #fff;
}

.tb03.td-p-10 tbody > tr > td {
  padding: 10px;
}

.tb03.td-p-10-0 tbody > tr > th {
  text-align: center;
}

.tb03.td-p-10-0 tbody > tr > td {
  text-align: center;
  padding: 10px 0;
}

/* スマホ用 横スクロール */

.sp-scroll {
  overflow: auto;
  white-space: nowrap;
  padding-bottom: 8px;
}

.sp-scroll::-webkit-scrollbar {
  height: 5px;
}

.sp-scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}

.sp-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
}

.sp-scroll table {
  white-space: normal;
}

/*==================================================
 * button
 *================================================*/

button {
  display: inline-block;
  text-align: left;
  border: 1px #FF671F solid;
  border-radius: 6px;
  line-height: 1.3;
  padding: 15px 30px;
}

button:hover {
  background: #FF671F;
  text-decoration: none;
}

button:hover > a {
  color: #fff;
  text-decoration: none;
}

button:hover > a:before,
button:hover > a:after {
  border-color: #fff;
}

button > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FF671F;
  position: relative;
  padding-left: 15px;
}

button > a:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  content: '';
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #FF671F;
  border-right: 1px solid #FF671F;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

button > a:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  content: '';
  top: 6px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #FF671F;
  border-right: 1px solid #FF671F;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #838FC0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  height: 100px;
}

.btn01:before {
  content: '';
  background: url("../img/arrow_04.png") no-repeat;
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
}

.btn01:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}

.btn02 {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FF671F;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}

.btn02:before {
  position: absolute;
  content: '';
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.btn02:hover {
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}

.linkBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.linkBtn > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.linkBtn > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: #fff;
  padding: 20px 20px;
  border-radius: 10px;
  border: 1px solid #838FC0;
  color: #4d4d4d;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.linkBtn > li > a:before {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: '';
  background: url("../img/arrow_04.png") no-repeat;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.linkBtn > li > a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.linkBtn > li > a img {
  margin-left: 10px;
}

.linkBtn.type02 > li > a {
  background: #FF671F;
  color: #fff;
  border: none;
}

.linkBtn.type02 > li > a:before {
  background-image: url("../img/arrow_06.png");
  width: 15px;
  height: 15px;
}

.linkBtn.type03 > li > a:before {
  background-image: url("../img/arrow_05.png");
}

.linkBtn02 {
  /**/
}

/*==================================================
 * box
 *================================================*/

.innerBox {
  width: calc( 1170px - ( 15px * 2 ));
  margin-left: auto;
  margin-right: auto;
}

.innerBox2 {
  min-width: 800px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.innerBox3 {
  min-width: 980px;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.innerBox4 {
  min-width: 1010px;
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* borderBox */

.borderBox {
  border: 1px solid #ccc;
  padding: 10px 15px;
  margin: 1em 0;
}

.borderBox > *:first-of-type {
  margin-top: 0;
}

.borderBox.type02 {
  padding: 25px 25px;
  border: 1px solid #838FC0;
}

.inner {
  /**/
}

.inner-wrap {
  /**/
}

/* freeEntryBox*/

.freeBox {
  margin-top: 60px;
}

/*==================================================
 * attentionBox
 *================================================*/

.attentionBox {
  background: #F2F3F9;
}

.attentionBox > .inner > dl {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.attentionBox > .inner > dl > dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.attentionBox > .inner > dl > dd {
  margin-left: 25px;
}

.attentionBox ul.text {
  margin-top: 0;
}

.attentionBox ul.text > li {
  margin-top: 5px;
}

.attentionBox ul.text > li:first-of-type {
  margin-top: 0;
}

.attentionBox ul.link {
  margin-top: 40px;
}

.attentionBox ul.link > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  height: 100px;
  border-radius: 10px;
  border: 1px solid #838FC0;
  color: #4d4d4d;
  font-size: 18px;
  font-weight: bold;
}

.attentionBox ul.link > li > a:before {
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: url("../img/arrow_04.png") no-repeat;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.attentionBox ul.link > li > a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.attentionBox ul.link > li > a img {
  margin-left: 10px;
}

/*==================================================
 * Related Posts
 *================================================*/

.related-posts {
  margin-top: 80px;
}

.related-posts > ul {
  margin-top: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*==================================================
 * メイン画像
 *================================================*/

.mainImage {
  margin-top: 60px;
}

/*==================================================
 * 画像回り込み
 *================================================*/

.img-left {
  margin-top: 1em;
}

.img-left .img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.img-left .img > *:first-of-type {
  margin-top: 4px;
}

.img-left .body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.img-left .body > *:first-of-type {
  margin-top: 0;
}

.img-right {
  margin-top: 1em;
}

.img-right .body {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.img-right .body > *:first-of-type {
  margin-top: 0;
}

.img-right .img {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.img-right .img > *:first-of-type {
  margin-top: 4px;
}

/*==================================================
 * Labels
 *================================================*/

.label {
  padding: .2em .6em .3em;
  font-size: 11px;
  background: #888;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.label.type01 {
  background: #FF671F;
}

.label.type02 {
  background: #5064A0;
}

/*==================================================
 * Remodal（remodal.js）
 *================================================*/

.remodal {
  position: relative;
  background: transparent;
  padding: 18px;
  max-width: 836px;
}

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  left: initial;
  background: #ddd;
  border-radius: 100%;
  width: 36px;
  height: 36px;
  z-index: 99999;
}

.remodal-close:hover {
  background: #eee;
}

.remodal-content {
  background: #999;
}

.remodal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.cb-open {
  margin-top: 5px;
  position: relative;
}

.cb-open:after {
  content: '+';
  font-family: Arial;
  border: 1px solid #FF671F;
  border-radius: 50%;
  color: #FF671F;
  font-size: 13px;
  line-height: 1;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 0 0 0 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cb-open > a {
  font-size: 12px;
  line-height: 16px;
  color: #4d4d4d;
}

/*==================================================
 * WP-PageNavi
 *================================================*/

.wp-pagenavi {
  text-align: center;
  margin: 80px 0 -15px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  font-family: Arial;
  display: inline-block;
  margin: 0 6px 15px;
  color: #4d4d4d;
  text-decoration: none;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  border: 1px solid #a6a6a6;
}

.wp-pagenavi span.current {
  color: #b8b8b8;
}

.wp-pagenavi a:hover {
  color: #b8b8b8;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
  border-color: #a6a6a6;
  color: #4d4d4d;
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
  color: #b8b8b8;
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 19px;
    margin: 45px 0 20px;
    width: 100%;
    line-height: 1.4;
  }

  h2 span {
    font-size: 12px;
  }

  .ttl01 {
    font-size: 14px;
    margin: 40px 0 10px;
    padding: 0 0 10px 20px;
  }

  .ttl01:after {
    top: 3px;
  }

  .ttl03 {
    margin: 35px 0 15px;
    font-size: 13px;
  }

  .ttl-subText {
    font-size: 10px;
    width: 100%;
    margin: -5px auto 0;
  }

  .cap {
    font-size: 10px;
  }

  .sp-li-mb-05 {
    margin-bottom: -5px;
  }

  .sp-li-mb-05 > li {
    margin-bottom: 5px;
  }

  .sp-li-mb-10 {
    margin-bottom: -10px;
  }

  .sp-li-mb-10 > li {
    margin-bottom: 10px;
  }

  .sp-li-mb-15 {
    margin-bottom: -15px;
  }

  .sp-li-mb-15 > li {
    margin-bottom: 15px;
  }

  .sp-li-mb-20 {
    margin-bottom: -20px;
  }

  .sp-li-mb-20 > li {
    margin-bottom: 20px;
  }

  .sp-li-mb-25 {
    margin-bottom: -25px;
  }

  .sp-li-mb-25 > li {
    margin-bottom: 25px;
  }

  .sp-li-mb-30 {
    margin-bottom: -30px;
  }

  .sp-li-mb-30 > li {
    margin-bottom: 30px;
  }

  .sp-li-mb-35 {
    margin-bottom: -35px;
  }

  .sp-li-mb-35 > li {
    margin-bottom: 35px;
  }

  .sp-li-mb-40 {
    margin-bottom: -40px;
  }

  .sp-li-mb-40 > li {
    margin-bottom: 40px;
  }

  .sp-li-mb-45 {
    margin-bottom: -45px;
  }

  .sp-li-mb-45 > li {
    margin-bottom: 45px;
  }

  .li-mb-50 {
    margin-bottom: -50px;
  }

  .li-mb-50 > li {
    margin-bottom: 50px;
  }

  ul.asterisk > li {
    padding-left: 18px;
  }

  .ol03 > li {
    margin-top: 25px;
  }

  .ol03 > li:before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
  }

  .li-item-list > li > a > dl > dt {
    font-size: 14px;
  }

  .li-item-list > li > a > dl > dt > span {
    margin-top: 5px;
  }

  .li-item-list > li > a > dl > dd {
    margin-top: 10px;
    padding-top: 10px;
  }

  .li-item-list > li .featureIcon {
    width: 140px;
  }

  .li01 > li {
    background-position: 0 3px;
  }

  .li02 > li {
    background-position: 0 3px;
  }

  .li03 > li:before {
    margin-bottom: 3px;
  }

  .li04 > li > a .text {
    padding-right: 15px;
  }

  .li04 > li > a .text:before {
    top: 3px;
  }

  .li05 {
    display: block;
  }

  .li05 > li {
    display: inline;
  }

  .li05 > li > .inner {
    display: block;
  }

  .li05 > li > .inner .subtext {
    display: block;
  }

  .download-list > li > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .download-list > li > a .text {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .download-list > li > a .text:before {
    margin-top: 3px;
  }

  .download-list > li > a .size {
    width: 100%;
    margin-top: 3px;
  }

  .download-list > li > a .size:before {
    width: 13px;
    height: 17px;
    background-size: contain;
    margin-right: 5px;
  }

  .dl01 > dt {
    font-size: 14px;
  }

  .dl01 > dt:before {
    top: 6px;
  }

  .dl01 > dd {
    padding-left: 0;
    margin-bottom: 50px;
  }

  .dl01.type02 > dd {
    margin-bottom: 20px;
  }

  .tb01 > caption {
    font-size: 13px;
  }

  .tb01 > tbody > tr > th {
    width: 100px;
    padding: 10px 10px;
  }

  .tb01 > tbody > tr > td {
    padding: 10px 10px;
  }

  .tb02 > tbody > tr > th {
    width: 110px;
  }

  .tb02 > tbody > tr > td {
    padding-left: 10px;
  }

  .tb03 > caption {
    font-size: 13px;
  }

  .tb03 > tbody > tr > td {
    padding: 10px;
  }

  .tb03.type01 tbody > tr:first-of-type > th:first-of-type {
    width: 85px;
  }

  .tb03.type01 tbody > tr:first-of-type > th:nth-of-type(2) {
    width: 95px;
  }

  .tb03.type02 tbody > tr:first-of-type > th:first-of-type {
    width: 110px;
  }

  .tb03.type02 tbody > tr:first-of-type > th:nth-of-type(2) {
    width: 110px;
  }

  .btn01 {
    font-size: 13px;
  }

  .btn02 {
    margin-left: auto;
    margin-right: auto;
  }

  .linkBtn {
    margin-top: 30px;
  }

  .linkBtn > li > a {
    font-size: 13px;
  }

  .innerBox {
    width: 100%;
  }

  .innerBox2 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .innerBox3 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .innerBox4 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .borderBox.type02 {
    padding: 18px 15px;
  }

  .freeBox {
    margin-top: 30px;
  }

  .attentionBox {
    margin-top: 35px;
  }

  .attentionBox > .inner > dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .attentionBox > .inner > dl > dd {
    margin-left: 0;
  }

  .attentionBox ul.text {
    padding-left: 0;
    margin-top: 15px;
  }

  .attentionBox ul.link {
    margin-top: 30px;
  }

  .attentionBox ul.link > li > a {
    font-size: 13px;
  }

  .related-posts {
    margin-top: 30px;
  }

  .mainImage {
    margin-top: 30px;
  }

  .img-left {
    margin-top: 15px;
  }

  .img-left .img > *:first-of-type {
    margin-top: 0;
  }

  .img-left .body > *:first-of-type {
    margin-top: 20px;
  }

  .img-right .img > *:first-of-type {
    margin-top: 20px;
  }

  .wp-pagenavi {
    margin-top: 40px;
  }

  .wp-pagenavi .wp-pagenavi .first,
  .wp-pagenavi .wp-pagenavi .last {
    display: none;
  }
}