@charset "utf-8";
@import url(hamburger.css);
@import url('https://fonts.googleapis.com/css?family=Passion+One:400,700,900&display=swap');
/*font-family: 'Passion One', cursive;*/
/*font-family: "M PLUS 1p"; midium / blod */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:500,700,800,900|Sacramento&display=swap');
/*font-family: 'Sacramento', cursive;*/
/*font-family: 'M PLUS 1p', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500,600,700,900&display=swap&subset=japanese'); /* 明朝体 */
/*font-family: 'Noto Serif JP', serif;*/
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap&subset=latin-ext,vietnamese');
/*font-family: 'Anton', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/*font-family: 'Noto Sans JP', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
/*font-family: "Mochiy Pop One", sans-serif;*/


* {
  margin: 0;
  padding: 0;
}

body, html {
  background-color: #efefef;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  transition: all .5s ease-in-out;
  opacity: .6;
}

ul li {
  list-style-type: none;
}

h2 {
  margin-bottom: 2rem;
}

.hlUnder1 {
  border-bottom: 2px solid #536788;
	color: #536788;
  font-weight: bold;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  position: relative;
  display: block;
	margin: 2% 5% 2%;
	background-color: transparent;
	background-image: none;
	border-radius: 0;
	clear: both;
	font-size: 1rem;
	text-align: left;
	text-shadow: none;
}

.hlUnder1:before {
  border: none;
  border-bottom: 2px solid #0054ff;
  content: '';
  display: block;
  padding-bottom: .25em;
  position: absolute;
  top: auto;
  right: auto;
  bottom: -2px;
  left: 0;
  height: auto;
  width: 8rem;
}

.hlUnder2 {
  color: #fff;
  background-color: #2451fd;
  font-size: 3rem;
  font-weight: bold;
  margin-right: -1rem;
  margin-left: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  letter-spacing: .3rem;
}

.hlUnder3 {
  border-bottom: 2px solid #2451fd;
  margin-bottom: 2rem;
  position: relative;
}

.hlUnder3 span {
  color: #fff;
  background-color: #2451fd;
  border-bottom: 2px solid #2451fd;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  padding: .5rem 1rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  width: 33.7%;
}

.hlUnder3:after {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 0 4rem 4rem 0;
  content: '';
  position: absolute;
  top: 0;
  right: 63%;
  width: 0;
  height: 0;
  z-index: 1;
}

.hlUnder4 {
  color: #2451fd;
  font-size: 3rem;
  font-weight: bold;
}

.hlUnder4 span {
  background-color: #2451fd;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 5rem;
  text-align: center;
  margin-right: .5rem;
  margin-left: .5rem;
  padding-top: .5rem;
  line-height: 1;
  width: 5.5rem;
}

.hlUnder5 {
  border-bottom: 2px solid #536788;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: .5em .5em .5em 2.7em;
  position: relative;
}

h3.hlUnder5::after {
  border: 5px solid #a9a9a9;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: .7em;
  transform: translateY(-50%);
  content: '';
  height: 15px;
  width: 15px;
}

.hlUnder6 {
  background-color: #10B707;
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
  letter-spacing: .3rem;
}

.hlUnder7 {
  color: #fff;
  background-color: #2451fd;
  font-size: 3rem;
  font-weight: bold;
  margin-right: -1rem;
  margin-left: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  text-shadow: 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd, 0 0 5px #2451fd;
  letter-spacing: .3rem;
}

.hlUnder8 {
	color: #04163c;
	font-family: 'Passion One', cursive;
	font-size: 7.5rem;
  width: 100%;
}

.hlUnder9 {
  background-color: #0054ff;
  background: repeating-linear-gradient(45deg, #0054ff ,#0054ff 3px, #536788 3px, #536788 6px);
  border-radius: 5px;
  color: #fff;
  clear: both;
  font-size: 2.5rem;
  font-weight: bold;
  margin-right: -1rem;
  margin-bottom: 25px;
  margin-left: -1rem;
  padding: .5em .5em .2em .5em;
  position: relative;
  text-align: center;
  text-shadow: 4px 4px 0 #0054ff;
}

.hlUnder9::before {
  border: 5px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: .7em;
  transform: translateY(-50%);
  content: '';
  height: 15px;
  width: 15px;
}

.hlUnder9::after {
  border: 5px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: .7em;
  transform: translateY(-50%);
  content: '';
  height: 15px;
  width: 15px;
}

.hlUnder10 {
	background: repeating-linear-gradient(-45deg, #34a90b, #34a90b 10px, #46b121 10px, #46b121 25px);
	color: #fff;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 3rem;
  font-weight: 900;
  padding: 2rem 1rem;
  letter-spacing: 0;
  line-height: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}

.hlUnder11 {
  border-bottom: 2px solid #516888;
  margin-top: 2rem;
  margin-bottom: .5rem;
}

.hlUnder11::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .5rem;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 1.2rem solid #516888;
}

.ribbonHlWrap {
	display: block;
	position: relative;
	margin: 0 auto 15px 0;
	padding: 10px 0;
	width: 85%;
}

.ribbonHl {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
	margin: 0;
	width: calc(100% + 20px);
	color: #fff;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}

.ribbonHl h2 {
	margin: 0;
	padding: 0 30px 0 15px;
	border-top: 2px solid #eadcac;
	border-bottom: 2px solid #eadcac;
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
	line-height: 1.8;
}

.ribbonHl:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-width: 2rem 0 2rem 2rem;
	border-color: #fff transparent #fff transparent;
	border-style: solid;
}

.ribbonHl:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: 15px solid transparent;
}

.ribbonHl.blue {
	background: repeating-linear-gradient(-45deg, #577898, #577898 2px, #6383a2 2px, #6383a2 4px);
}

.ribbonHl.blue h2 {
	border-color: #eadcac transparent #eadcac transparent;
}

.ribbonHl.blue:before {
	border-right: 20px solid #36597b;
}

.ribbonHl.green {
	background: repeating-linear-gradient(-45deg, #578a3f, #578a3f 2px, #4c7c32 2px, #4c7c32 4px);
}

.ribbonHl.green h2 {
	border-color: #fff transparent #fff transparent;
}

.ribbonHl.green:before {
	border-right: 20px solid #345e20;
}

.ribbonHl2 {
  display: inline-block;
  font-family: 'M PLUS 1p', sans-serif;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  margin-left: calc(12% / 2);
  transform: translate(4%);
}

.ribbonHl2:before {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -40px;
  left: -60px;
  z-index: 0;
  border: 60px solid #db443c;
  border-left-color: transparent;
}

.ribbonHl2:after {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -40px;
  right: -60px;
  z-index: 0;
  border: 60px solid #db443c;
  border-right-color: transparent;
}

.ribbonHl2 h2 {
  background: linear-gradient(to left, #f35c4e 0%, #c00909 50%, #f35c4e 100%);
  color: #fff;
  display: inline-block;
  font-size: 2.5rem;
  position: relative;
  margin: 0;
  padding: 1rem;
  line-height: 1.2;
  text-shadow: 2px 2px #710006;
  z-index: 3;
}

.ribbonHl2 h2:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 40px transparent;
  border-right: solid 71px #710006;
}

.ribbonHl2 h2:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 40px transparent;
  border-left: solid 71px #710006;
}

.red {
  color: #f00;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.wf-mplus1p {
  font-family: "M PLUS 1p";
}

header {
  background-color: #efefef;
  font-size: 0;
  line-height: 0;
}

header::before {
	content: '';
	background: linear-gradient(#171717, #9f9f9f);
	display: block;
	height: 1.5rem;
}

header h1 {
	width: 40%;
}

header .pcHeader {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;
	padding-bottom: 7px;
	width: 100%;
	max-width: 1024px;
}

header nav {
  width: 100%;
}

nav,
#nav {
  background: linear-gradient(#7c7b80 .1rem, #e9e9e9 .5rem 26%, #fdfdfd 1.5rem 54%, #949597);
  height: 3.4rem;
}

nav ul,
#nav ul {
  background-color: #efefef;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	width: 100%;
	max-width: 1024px;
}

nav ul li,
#nav ul li {
  background: linear-gradient(#7c7b80 .1rem, #e9e9e9 .5rem 26%, #fdfdfd 1.5rem 54%, #949597);
  border-right: .1px solid #d1d1d1;
  border-left: .1px solid #fff;
  width: 9.116rem;
}

nav ul li:first-of-type,
#nav ul li:first-of-type {
  border-left: .1px solid #d1d1d1;
}

nav ul li:last-of-type,
#nav ul li:last-of-type {
  border-left: .1px solid #d1d1d1;
}

header nav ul li a,
#nav ul li a {
  color: #4f4f4f;
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 2px 2px 3px #fff;
  margin: 0;
  padding: 0;
  line-height: 3.2;
  height: 3.4rem;
}

header nav ul li a:hover,
#nav ul li a:hover {
  text-decoration: none;
}

#contanier {
  background-color: #fff;
  margin: 0 auto;
	width: 100%;
	max-width: 1024px;
}

.sub_contents,
.top_contents {
  padding: 1rem 1rem 3rem;
}

section {
  margin-bottom: 2rem;
}

section:last-of-type {
  margin-bottom: 0;
}

footer {
  color: #fff;
  background-color: #536788;
  padding-bottom: .5rem;
  text-align: center;
}

footer section {
  text-align: center;
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
	width: 100%;
	max-width: 1024px;
}

footer section a {
  color: #fff;
  font-size: .9rem;
  margin-right: .5rem;
}

.pagetop {
  border: 1px solid #fff;
  border-radius: 50%;
  position: fixed;
  bottom: 5rem;
  right: 1.2rem;
  height: 4rem;
  width: 4rem;
  z-index: 1000;
}

.pagetop a {
  background-color: #1b2d64;
  border-radius: 50%;
  border-left: none;
  color: #fff;
  display: block;
  font-size: 1rem;
  margin-top: 0;
  margin-right: 0;
  padding: 1.3rem 0;
  text-align: center;
  text-decoration: none;
  opacity: .5;
}

.bannerBox img {
  width: 100%;
}

.bannerBox li {
  margin-bottom: 1rem;
}

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

.bannerBox.colmun2 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
	margin-right: auto;
  margin-bottom: 1rem;
	margin-left: auto;
}

.bannerBox.colmun2 li {
  width: 49%;
}

.bannerBox li span {
  display: block;
  text-align: center;
}

.wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

/* トップ / index.php */
.news {
	letter-spacing: .1rem;
	line-height: 1.3;
}

.news h2 {
  background-image: url(../img/img-icon01.png);
	background-repeat: no-repeat;
  background-size: 2%;
  background-position: left .2rem bottom 1rem;
	border-bottom: 2px solid #a2a2a2;
	font-size: 1.5rem;
  margin-bottom: 0;
	padding-left: 2rem;
	padding-bottom: .5rem;
	position: relative;
}

.news h2:before {
	border-bottom: 2px solid #323232;
	content: '';
	display: block;
	padding-bottom: .5rem;
	position: absolute;
	top: auto;
	right: auto;
	bottom: -2px;
	left: 0;
	width: 10rem;
}

.news dl {
  border-bottom: 1px dotted #a2a2a2;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.news dl dt,
.news dl dd {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.news dl dd {
  width: 88%;
}

.voice h2 img {
  width: 100%;
}

.voice a {
  display: block;
  text-align: right;
}

/* マルトクプラン / price/form1.tpl.php */
.marutokuP h2.hlUnder9 br:nth-of-type(1) {
  display: none;
}

.marutokuP p {
  margin-bottom: 2rem;
  text-align: center;
}

.marutokuP .hlUnder2 {
  line-height: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}

.marutokuP .comparison .hlUnder2 span {
  font-size: 2.3rem;
}

.marutokuP .comparison img {
  width: 100%;
}

.marutokuP .merit h3 {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  justify-content: space-around;
  align-items: flex-end;
  text-align: left;
}

.marutokuP .merit h3 span:nth-of-type(1) {
  padding-left: 1rem;
}

.marutokuP .merit h3 span:nth-of-type(2) {
  font-size: 4.1rem;
}

.marutokuP .merit li {
  color: #2451fd;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: 0;
  padding-top: 2rem;
}

.marutokuP .merit li.mbk {
  background-repeat: no-repeat;
  background-position: top 2rem right;
  background-size: 30%;
}

.marutokuP .merit li.m1 {
  background-image: url(../img/price/img02_1.png);
}

.marutokuP .merit li.m2 {
  background-image: url(../img/price/img03_1.png);
}

.marutokuP .merit li.m3 {
  background-image: url(../img/price/img04_1.png);
}

.marutokuP .merit li.m4 {
  background-image: url(../img/price/img05_1.png);
}

.marutokuP .merit .hlPoint {
  background-image: url(../img/price/img_circle.png);
  background-repeat: no-repeat;
  color: #002673;
  display: block;
  font-family: 'Anton', sans-serif;
  font-size: 2rem;
  font-style: italic;
  padding-top: 2rem;
  padding-right: 1rem;
  text-align: center;
  line-height: 1;
  height: 7.1rem;
  width: 13.5%;
}

.marutokuP .merit .hlPoint span {
  font-size: 4rem;
}

.marutokuP .merit li div {
  padding-left: 1rem;
  line-height: 1.4;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
  width: 83%;
}

.marutokuP .merit .jump {
  font-size: 3.5rem;
}

.marutokuP .merit li p {
  color: #333;
  font-size: 2rem;
  text-align: center;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
  width: 100%;
}

.marutokuP .merit li p .jump {
  color: #333;
  font-size: 2.5rem;
}

.marutokuP .simulation .hlUnder10 {
  background-image: url(../img/price/img_bg02.png), url(../img/price/img_bg03.png), url(../img/price/img_bg01.png);
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: center right 5rem, top 1rem right 17rem, bottom right;
  background-size: 23%, 10%, auto;
}

.marutokuP .simulation article {
  border-right: 3px solid #46b121;
  border-bottom: 3px solid #46b121;
  border-left: 3px solid #46b121;
  margin-bottom: 2rem;
  padding-top: 1rem;
}

#sentaku dl,
.ryoukin section {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

#sentaku dl dt {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 900;
  padding-right: 1rem;
  text-align: right;
  width: 40%;
}

#sentaku dl dd {
  width: 36%;
}

#sentaku dl:nth-of-type(2) dd,
#sentaku dl:nth-of-type(3) dd {
  width: 12%;
}

#sentaku input,
#sentaku select {
  font-size: 1.5rem;
  height: 2rem;
}

#sentaku p {
  cursor:pointer;
  margin-top:3%;
  text-align:center;
}

.ryoukin {
  width: 80%;
  margin: 0 auto;
}

.ryoukin h3 {
  color: #fff;
  background-color: #2451fd;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.5rem;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ryoukin section {
  border-right: 3px solid #2451fd;
  border-bottom: 3px solid #2451fd;
  border-left: 3px solid #2451fd;
  margin-bottom: 1.5rem;
}

.ryoukin section {
  justify-content: space-between;
  align-items: flex-end;
  padding: 1rem;
}

.ryoukin section div {
  width: 48%;
}

.ryoukin dl dt,
.ryoukin dl dd {
  width: 100%;
}

.ryoukin dl dt {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 900;
}

.ryoukin dl dd {
  color: #f00;
  font-size: 3rem;
  text-align: right;
}

.ryoukin div:nth-of-type(2) dl dt {
  font-size: 2rem;
}

.ryoukin div:nth-of-type(2) dl dd {
  font-size: 5rem;
  font-weight: bold;
}

.ryoukin div:nth-of-type(2) dl dd span {
  font-size: 3rem;
  font-weight: normal;
}

div.ryoukin:nth-of-type(3) div:nth-of-type(1) dl:nth-of-type(1) dd {
  font-size: 1.7rem;
}

#toku_banner p,
.hoken_shosai p,
.hokenTpl {
  text-align: left;
  margin: 0 auto;
  width: 80%;
}

.hoken_shosai p {
  font-weight: bold;
  line-height: 2;
  margin-bottom: 1rem;
}

.hoken_shosai p span:nth-of-type(6) {
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
}

.marutokuP .cFlow {
  margin-bottom: 0;
}

.marutokuP .application .description {
  background-image: url(../img/price/img_bg04.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 22%;
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 4rem;
  padding-bottom: 3rem;
  padding-left: 10rem;
  text-align: left;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.marutokuP .description span {
  color: #f00;
}

.nyuryoku dl {
  border-bottom: 1px dashed #333;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 1rem;
  padding-bottom: 1rem;
  width: 80%;
}

.nyuryoku dl dt {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  padding-left: 2rem;
  width: 35%;
}

.nyuryoku dl dt .hisu {
  background-color: #f00;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  padding: .2rem;
}

.nyuryoku dl dd {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.5rem;
  width: 58%;
}

.nyuryoku dl dd input {
  margin-right: .5rem;
}

.nyuryoku dl dd label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 1rem;
}

.nyuryoku dl dd p {
  font-size: 1rem;
  margin-bottom: 0;
  text-align: left;
}

.nyuryoku input,
.nyuryoku select {
  font-size: 1.5rem;
  height: 2rem;
}

#sousin input {
  height: auto;
  width: 45%;
}


/* ご契約の流れ / nagare.php */
.nagare {
  border-bottom: 2px dashed #2451fd;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

div.nagare:last-of-type {
  border-bottom: 10px solid #2451fd;
}

.nagare.wrap img {
  border: 3px solid #aaa;
  height: auto;
  width: 30%;
}

.nagare.wrap div {
  width: 58%;
}

.nagare.wrap h4 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.nagare.wrap h4 span {
  color: #2451fd;
}

.guestType {
  margin-bottom: 1rem;
}

div.guestType:nth-of-type(2) {
  margin-bottom: 3rem;
}

.guestType ul {
  padding-left: 1rem;
}

.guestType strong {
  font-size: 1.1rem;
}

.guestType ul li {
  list-style-type: inherit;
  list-style-position: inside;
}

/* リース車両の保険について / hoken.php */
#hoken h3 {
  color: #f00;
  font-size: 1.2rem;
  margin-bottom: .5rem;
}

#hoken div p {
  display: block;
  margin-bottom: 1rem;
}

#hoken div b {
  display: block;
  margin-bottom: .5rem;
}

#hoken div ul {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

#hoken div ul li {
  list-style-type: disc;
  list-style-position: inside;
}

#hoken div h4 {
  margin-bottom: .5rem;
}

.hokenTpl {
  margin-bottom: 1rem;
}

.hokenTpl span {
  color: #f00;
  display: block;
}

.hokenTpl a {
  display: block;
  margin-top: .5rem;
}

.tigai {
  border-bottom: 1px dotted #a2a2a2;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tigai div {
  width: 50%;
}

.lease h3,
.rent h3 {
  border-left: 1px solid #333;
  display: block;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 1%;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.lease h3 {
  background: linear-gradient(to bottom, rgba(152,152,152,1) 0%,rgba(197,197,197,1) 50%,rgba(152,152,152,1) 100%);
}

.rent h3 {
  background: linear-gradient(to bottom, rgba(173,135,44,1) 0%,rgba(203,169,88,1) 50%,rgba(173,135,44,1) 100%);
  border-right: 1px solid #333;
}

.lease dl {
  background-color: #f3f3f3;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
}

.lease dl:nth-of-type(2n) {
  background-color: #d9d9d9;
}

.rent dl {
  background-color: #f6f1e4;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
}

.rent dl:nth-of-type(2n) {
  background-color: #e2d5b7;
}

.lease dl dt,
.rent dl dt {
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

.lease dl dd,
.rent dl dd {
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.tigai div dl:nth-of-type(7),
.tigai div dl:nth-of-type(8) {
  height: 8rem;
}

/* お客様の声 / voice.php */
#voice section {
  margin-bottom: 1rem;
}

#voice h2,
#case h2 {
  background-image: url(../img/voice/img_hl01.png), url(../img/voice/img_hl02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center left 3rem, center right 3rem;
  background-size: 30%, 30%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

#voice p,
#case p {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 2rem;
  text-align: center;
}

#voice .voice {
  border-bottom: 1px dashed #0054ff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

#voice div.voice:first-child {
  margin-top: 0;
}

#voice div.voice:last-child {
  margin-bottom: 3rem;
}

#voice .voice h3 {
  border-bottom: 1px solid #efefef;
  border-left: 5px solid #0054ff;
  color: #0054ff;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  width: 100%;
}

#voice .voice div {
  margin-right: 1%;
  width: 68%;
}

#voice .voice p {
  font-size: inherit;
  font-weight: normal;
  margin-bottom: .5rem;
  text-align: left;
}

#voice .voice dl {
  margin-bottom: .5rem;
}

#voice .voice dl dt {
  color: #003299;
  font-weight: bold;
}

#voice .voice dl dd {
  padding-left: 1rem;
}

#voice div.photo {
  width: 30%;
}

#voice .photo img {
  border: 3px solid #fff;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
  width: 100%;
}

#case p span {
  color: #f00;
}

#case .case {
  border-bottom: 1px dashed #00006c;
  margin-bottom: 2rem;
}

#case div.case:last-child {
  margin-bottom: 0;
}

#case .case h3 {
  border-bottom: 1px solid #00006c;
  margin-bottom: 1rem;
}

#case .case h4 {
  margin-bottom: .5rem;
}

#case .case p {
  font-size: inherit;
  font-weight: normal;
  margin-bottom: 1rem;
  text-align: left;
}

#case .case div {
  background-color: #e2ebfc;
  background-image: url(../img/voice/img_icon01.png);
  background-repeat: no-repeat;
  background-position: left 1rem top 1rem;
  border: 1px solid #999;
  margin-bottom: 2rem;
  padding: 2rem 1rem 1rem 3.5rem;
}

#case .case div p {
  margin-bottom: 0;
}

/* よくある質問 / faq/index.php */
#faq h3 {
  margin-bottom: 1rem;
}
#question {
  margin-top: 2rem;
}

.question dl dt br {
  display: none;
}

.question dl dd {
  margin-bottom: 1rem;
}

.question p input:hover {
  transition: .3s;
  opacity: .5;
}

.qwaku {
  background-image: url(../img/faq/icon_q3.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 1.2rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

#answer {
  background-image: url(../img/faq/icon_a.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 1.2rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

#faq hr {
  margin-bottom: 1rem;
}

/* リース約款 / yakkan.php */
#yakkan article {
  padding-right: 1rem;
  padding-left: 1rem;
}

#yakkan article p {
  margin-bottom: 1rem;
}

/* 会社概要 / company.php */
#company article {
  text-align: center;
}

#company article img {
  margin-bottom: 2rem;
}

#company dl {
  border-bottom: 1px dotted #333;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 1rem;
  text-align: left;
}

#company dl dt {
  background-image: url(../img/company/icon.gif);
  background-repeat: no-repeat;
  background-position: top .3rem left;
  background-size: 8%;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  width: 15%;
}

#company dl dd {
  padding-bottom: 1rem;
  width: 84%;
}

#company dl dd strong {
  display: block;
}

#company dl dd p {
  margin-bottom: .5rem;
  padding-right: 2rem;
  padding-left: 1.5rem;
}

/* お問い合わせ / contact/form1.tpl.php */
#contactWrap .comment {
  background-image: url(../img/contact/img01.png);
  background-repeat: no-repeat;
  background-position: top 1rem right;
  color: #2451fd;
  font-family: 'Noto Serif JP', serif;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 2rem;
  padding-top: 2.5rem;
}

.comment aside {
  color: #000;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 5rem;
  line-height: 1.2;
}

.cFlow {
  color: #2451fd;
  display: -webkit-flex;
  display: flex;
  font-size: 3rem;
  font-weight: bold;
  justify-content: space-between;
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.cFlow p {
  background-color: #b2d1ff;
  color: #fff;
  text-align: center;
  position: relative;
  width: 50%;
}

.cFlow p:nth-of-type(1) {
  background-color: #2451fd;
  width: 46%;
}

.cFlow p:nth-of-type(1):after {
  border-style: solid;
  border-color: transparent transparent transparent #2451fd;
  border-width: 2.25rem 0 2.25rem 2.5rem;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 28.5rem;
  margin: auto;
  height: 0;
  width: 0;
}

#formbox aside {
  font-size: .8rem;
  padding-bottom: 1rem;
  width: 100%;
}

#formbox aside span {
  color: #f00;
}

#formbox div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

#formbox article {
  border-top: 2px solid #f00;
  padding-top: 1rem;
  width: 49%;
}

#formbox article dl {
  margin-bottom: 1rem;
}

#formbox article dl dt {
  font-weight: bold;
  margin-bottom: .2rem;
}

#formbox article dl dt span {
  color: #f00;
}

#formbox article dl dd {
  padding-left: 1rem;
}

#formbox article dl:nth-of-type(1) dd br {
  display: none;
}

#formbox .submitBox {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 45%;
}

#formbox .submitBox input {
  width: 100%;
}

#contactThanks .comment {
  background-image: url(../img/contact/img01.png);
  background-repeat: no-repeat;
  background-position: top 1rem right;
  color: #2451fd;
  font-family: 'Noto Serif JP', serif;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 2rem;
  padding-top: 2.5rem;
}

#contactThanks .cFlow {
  color: #fff;
  display: -webkit-flex;
  display: flex;
  font-size: 3rem;
  font-weight: bold;
  justify-content: space-between;
  margin-top: .5rem;
}

#contactThanks .cFlow p {
  background-color: #2451fd;
}

#contactThanks .cFlow p:nth-of-type(1) {
  background-color: #b2d1ff;
}

#contactThanks .cFlow p:nth-of-type(1):after {
  border-color: transparent transparent transparent #b2d1ff;
}

#contactThanks section {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

#contactThanks section b,
#contactThanks.thanks b {
  color: #2451fd;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  line-height: 1.8;
}

#contactThanks.thanks {
  margin-bottom: 3rem;
}

#contactThanks.thanks p {
  text-align: center;
  margin-top: 3rem;
}

/* プライバシーポリシー / privacy.php */
#privacy aside {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#privacy aside span {
  display: block;
  margin-top: 2rem;
  text-align: right;
}

#privacy aside span br {
  display: none;
}

/* ライン / lune.php */
#line .hlUnder9 {
  margin-top: 4rem;
}

#line .line_content {
  background-color: #849ebf;
  margin: .5rem 0;
  padding: 1rem .5rem;
}

#line .line_content dl {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1rem;
}

#line .line_content dl:nth-of-type(odd) {
  flex-direction: row-reverse;
}

#line .line_content dl dt {
  font-size: 1rem;
  margin-right: .5rem;
  width: 10%;
}

#line .line_content dl dt img {
  width: 100%;
}

#line .line_content dl:nth-of-type(odd) dt {
    width: 0;
}

#line .line_content dl:nth-of-type(even) dt {
    width: 7%;
}

#line .line_content dl dd {
    background-color: #fff;
    border-radius: 1rem;
    font-size: 1rem;
    padding: 1rem;
    position: relative;
}

#line .line_content dl:nth-child(odd) dd {
  background-color: #b1ed8b;
  display: inline-block;
  position: relative;
  margin-right: 2%;
  text-align: left;
}

#line .line_content dl:nth-child(odd) dd::before {
    content: "";
    position: absolute;
    top: 1.8rem;
    left: 100%;
    margin-top: -15px;
    border: 6px solid transparent;
    border-left: 15px solid #b1ed8b;
}

#line .line_content dl:nth-of-type(even) dd {
    margin-left: 2%;
    width: 70%;
}

#line .line_content dl:nth-of-type(even) dd::after {
    content: "";
    position: absolute;
    top: 1.8rem;
    right: 100%;
    margin-top: -15px;
    border: 6px solid transparent;
    border-right: 15px solid #fff;
}

#line .friend {
    text-align: center;
}


/* 404エラー / 404.php */
.error404 {
}

.error404 div {
  background-image: url(../img/img404_car.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 70%;
  height: 40vh;
}

.error404 div h2 {
  color: #536788;
}

.error404 div a {
	color: #04163c;
	display: block;
	margin-top: 5%;
	margin-left: 3%;
	transition: .5s;
}

.error404 div a span {
	font-weight: bold;
}

.error404 div a:hover {
	margin-left: 4%;
	opacity: .8;
	text-decoration: none;
}

/* 独自審査プラン / inc/shinsa.html */
#sub_contents.plan_wrap {
	padding-bottom: 1%;
}

.plan_wrap {
	text-align: left;
}

.plan_wrap h2 {
	background-color: #0054ff;
  background: repeating-linear-gradient(45deg, #0054ff ,#0054ff 3px, #536788 3px, #536788 6px);
  border-radius: 5px;
  color: #fff;
  clear: both;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 25px;
  padding: .5em .5em .2em .5em;
  position: relative;
  text-align: center;
  text-shadow: 4px 4px 0 #0054ff;
}

.plan_wrap h2::after {
  border: 5px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: .7em;
  transform: translateY(-50%);
  content: '';
  height: 15px;
  width: 15px;
}

.plan_wrap h2::before {
  border: 5px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: .7em;
  transform: translateY(-50%);
  content: '';
  height: 15px;
  width: 15px;
}

.plan_wrap h2 span {
	font-size: .5em;
	display: block;
}

.plan_wrap div {
	margin: auto 10%;
}

#sub_contents.plan_wrap h3 {
  background-color: transparent;
  border-bottom: 2px solid #536788;
  box-shadow: none;
	color: #536788;
  font-size: inherit;
  font-weight: bold;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  position: relative;
  display: block;
	margin: 2% 5% 2%;
  text-shadow: none;
  line-height: 1;
  width: auto;
}

#sub_contents.plan_wrap h3::before {
  border-bottom: 2px solid #0054ff;
  content: '';
  display: block;
  padding-bottom: .25em;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 4em;
}

.plan_wrap p {
  margin: 1% 10%;
}

.plan_wrap strong {
  color: #536788;
  font-weight: bold;
}

.plan_wrap ul {
  margin: 1% 1.3%;
}

.plan_wrap ul li {
  list-style-type: disc;
  list-style-position: inside;
}
/* 独自審査プラン / inc/shinsa.html fin */

.moveWrap {
  overflow: hidden;
  margin-bottom: 1.5rem;
  position: relative;
  height: 400px;
  width: 100%;
}

.moveWrap::after {
  content: '';
  background-color: rgba(0, 0, 0 ,.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 400px;
  width: 100%;
}

.moveWrap video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.moveBtn {
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 11;
}

.moveBtn p {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 3rem;
}

.moveBtn p br {
  display: none;
}

.moveWrap a {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  height: 4rem;
  width: 4rem;
}

.moveWrap a span {
  color: #fff;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
}

.line_content2 .special {
  border: 2px solid #536788;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 4rem;
  padding: 1rem;
  text-align: center;
  padding-top: 4rem;
}

.line_content2 .special figure {
  display: flex;
  flex-direction: column-reverse;
  margin-right: 1rem;
  margin-bottom: 1.5rem;
  width: calc((100% / 3) - 2rem);
}

.line_content2 .special figure:nth-child(3),
.line_content2 .special figure:nth-child(5) {
  margin-right: 0;
}

.line_content2 .special img {
  border: 1px solid #536788;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
}

.line_content2 .special figcaption {
  margin-bottom: .5rem;
}

.line_content2 .special p {
  width: 100%;
}

.line_content2 .aside {
  margin-top: 4rem;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border: 1px solid #2451fd;
}

.line_content2 .aside ul {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.line_content2 .aside li {
  display: inline-block;
  background-color: #2451fd;
  border-radius: 2rem;
  color: #fff;
  font-weight: bold;
  margin-right: 1rem;
  padding: .5rem 1rem;
}

.line_content2 .aside li:last-child {
  margin-right: 0;
}

.line_content2 .aside li::before {
  content: '・';
}

.line_content2 .aside ul ~ p {
  font-size: 1.2rem;
  font-weight: bold;
}

.sub_contents.dispatch {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  padding: 0 0 3rem;
}

#dispatchWrap {
  text-align: center;
}

#dispatchWrap img {
  margin-right: auto;
  margin-left: auto;
  height: auto;
  width: inherit;
}

#dispatchWrap .main {
  background: url(../img/dispatch/bk_main.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#dispatchWrap .main p {
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 0 #001e4c;
}

#dispatchWrap .catch {
  background: url(../img/dispatch/bk_catch.gif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#dispatchWrap h2 {
  font-size: 3.125rem;
  font-weight: 900;
  margin-top: 3rem;
  margin-bottom: 5rem;
  position: relative;
  text-shadow: 1px 1px 0 #fff;
  height: 4.7rem;
}

#dispatchWrap h2::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 35.5%;
  height: 2.125rem;
  width: 18.75rem;
  z-index: 0;
}

#dispatchWrap h2 span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

#dispatchWrap .hl2AshStr {
  color: #1712f3;
}

#dispatchWrap .hl2AshStr::before {
  background: repeating-linear-gradient(45deg, #d6d6d6, #d6d6d6 3px, #fff 3px, #fff 6px);
  transform: skew(-6.5deg);
}

#dispatchWrap .hl2GoldStr {
  color: #001e4c;
}

#dispatchWrap .hl2GoldStr::before {
  background: repeating-linear-gradient(45deg, #d6ba5b, #d6ba5b 3px, #eadcac 3px, #eadcac 6px);
  transform: skew(-6.5deg);
}

#dispatchWrap .lineupWrap {
  margin-bottom: 0;
}

#dispatchWrap .lineupArea {
  margin-bottom: 5rem;
}

#dispatchWrap .lineupWrap article.lineupArea:last-of-type {
  margin-bottom: 0;
}

#dispatchWrap .lineup {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  text-align: left;
  height: 23rem;
}

#dispatchWrap .lineup::before {
  content: '';
  display: block;
  background: repeating-linear-gradient(45deg, #7a89a3, #7a89a3 3px, #a5afc1 3px, #a5afc1 6px);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 90px;
  width: 100%;
  z-index: 0;
}

#dispatchWrap .lineupArea:nth-child(odd) .lineup {
  flex-direction: row-reverse;
}

#dispatchWrap .bkDarkBlueAsh {
  background-color: #536788;
}

#dispatchWrap .moneyWrap,
#dispatchWrap .carWrap {
  z-index: 1;
}

#dispatchWrap .moneyWrap {
  color: #fff;
  padding: 2rem 2rem 2rem 6rem;
  transform: translateX(-2rem) skew(-6.5deg);
}

#dispatchWrap .lineupArea:nth-child(odd) .moneyWrap {
  padding: 2rem 6rem 2rem 2rem;
  transform: translateX(2rem) skew(-6.5deg);
}

#dispatchWrap .moneyArea {
  display: flex;
  align-items: center;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
  margin-bottom: 3rem;
}

#dispatchWrap .monthly {
  font-size: 2rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

#dispatchWrap .monthly span {
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
}

#dispatchWrap .money1 {
  font-size: 5.375rem;
  font-weight: 900;
}

#dispatchWrap .money2 {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  line-height: 1;
}

#dispatchWrap .en {
  font-size: 2.5rem;
}

#dispatchWrap .tax {
  font-size: 1.5rem;
}

#dispatchWrap .cotBtn {
  color: #fff;
  display: block;
  font-family: "Mochiy Pop One", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 4rem;
  position: relative;
  transform: skew(-6.5deg);
  height: 2.5625rem;
  width: calc(100% - 20px);
}

#dispatchWrap .cotBtn::before {
  content: '';
  background: repeating-linear-gradient(45deg, #536788, #536788 3px, #7a89a3 3px, #7a89a3 6px);
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(2.5625rem + 20px);
  width: calc(100% - 15px);
  z-index: 0;
}

#dispatchWrap .cotBtn span {
  border: 5px solid #fff;
  display: block;
  padding: .5rem 0 .4rem;
  text-align: center;
  height: 2.5625rem;
  width: calc(100% - 20px);
  position: absolute;
  z-index: 1;
}

#dispatchWrap .lineupArea:nth-child(odd) aside {
  text-align: right;
}

#dispatchWrap .carWrap {
  padding-right: 2rem;
  padding-bottom: 1rem;
  text-align: right;
}

#dispatchWrap .lineupArea:nth-child(odd) .carWrap {
  padding-left: 2rem;
  text-align: left;
}

#dispatchWrap .carWrap img {
  width: 95%;
}

#dispatchWrap .exampleWrap {
  background-color: #eadcac;
  padding-top: 1rem;
}

#dispatchWrap .exampleArea {
  margin-bottom: 5rem;
}

#dispatchWrap .exampleArea h3 img {
  height: auto;
  width: calc(100% - 2rem);
}

#dispatchWrap .example {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  text-align: left;
  height: 23rem;
}

#dispatchWrap .example::before {
  content: '';
  display: block;
  background: repeating-linear-gradient(45deg, #c2980b, #c2980b 3px, #d6ba5b 3px, #d6ba5b 6px);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 90px;
  width: 100%;
  z-index: 0;
}

#dispatchWrap .voice {
  padding-left: 2rem;
  position: relative;
  height: 23rem;
  width: 100%;
}

#dispatchWrap .example .voice p {
  background-color: #fff;
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 2rem;
  transform: skew(-6.5deg);
}

#dispatchWrap .imgWrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  transform: translateX(2rem) skew(-6.5deg);
  height: 23rem;
  width: 71rem;
}

#dispatchWrap .imgWrap.example01 {
  background-image: url(../img/dispatch/voice_example01.jpg);
}

#dispatchWrap .imgWrap.example02 {
  background-image: url(../img/dispatch/voice_example02.jpg);
}

#dispatchWrap .imgWrap.example03 {
  background-image: url(../img/dispatch/voice_example03.jpg);
}

#dispatchWrap .imgWrap.example03 {
  background-image: url(../img/dispatch/voice_example03.jpg);
}

#dispatchWrap .contactArea dl {
  display: flex;
  align-items: center;
}

#dispatchWrap .contactArea dl.mailBox {
  align-items: flex-start;
}

#dispatchWrap .contactArea article dl.carType {
  display: block;
}

#dispatchWrap .contactArea article dl dt {
  text-align: left;
  width: 15rem;
}

#dispatchWrap .contactArea article dl dd {
  padding-left: 0;
}

#dispatchWrap .contactArea article dl.carType dd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*width: calc((100% / 4) - 3rem);*/
}

#dispatchWrap .contactArea article {
  border-top: 0 solid transparent;
  margin-right: auto;
  margin-left: auto;
  width: 60%;
}

#dispatchWrap .disHissu {
  background-color: #d60000;
  border-radius: .5rem;
  color: #fff;
  display: inline-block;
  font-size: .8rem;
  margin-right: .5rem;
  padding: .5rem .5rem;
}

#dispatchWrap input {
  border-radius: .5rem;
  padding: .5rem;
  height: 1rem;
}

#dispatchWrap input.dBlue {
  border: 1px solid #536788;
}

#dispatchWrap input.dBlue::before {
  background: repeating-linear-gradient(45deg, #d6d6d6, #d6d6d6 3px, #fff 3px, #fff 6px);
  transform: translate(5px ,5px);
}

#dispatchWrap input.dBlue:focus {
  outline: 2px solid #536788;
}

#dispatchWrap select {
  border-radius: .5rem;
  margin-right: .3rem;
  padding: .5rem;
  height: 2rem;
}

#dispatchWrap select.dBlue::before {
  background: repeating-linear-gradient(45deg, #d6d6d6, #d6d6d6 3px, #fff 3px, #fff 6px);
  transform: translate(5px ,5px);
  height: 1rem;
}

#dispatchWrap select.dBlue:focus {
  outline: 2px solid #536788;
}

#dispatchWrap label {
  border-radius: .5rem;
  border: 1px solid #536788;
  color: #536788;
  cursor: pointer;
  display: block;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 700;
  padding: .5rem 0;
  text-align: center;
  width: calc((100% / 4) - 1rem);
}

#dispatchWrap input[type="radio"] {
  display: none;
}

#dispatchWrap input[type="radio"]:checked + label {
  background-color: #536788;
  color: #fff;
}

#dispatchWrap label:hover {
  background-color: #eadcac;
}

#dispatchWrap .submitBox input {
  height: inherit;
}

#dispatchWrap .thanksComment b {
  color: #2451fd;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  line-height: 1.8;
}

#dispatchWrap .thanksComment {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

@media screen and (max-width: 768px) {
  .hlUnder1 {
    margin-right: 0;
    margin-left: 0;
  }
  .hlUnder2 {
    font-size: 2.5rem;
  }
  .hlUnder3 span {
    width: 45%;
  }
  .hlUnder3:after {
    right: 50.6%;
  }
  .hlUnder4 {
    font-size: 2.5rem;
  }
  .hlUnder4 span {
    font-size: 3.5rem;
    padding-bottom: .5rem;
    width: 4.5rem;
  }
  .hlUnder9 {
    font-size: 2rem;
  }
  .hlUnder10 {
    font-size: 2rem;
  }
  .ribbonHl2 {
    margin-left: calc(10% / 2);
  }
  .ribbonHl2 h2 {
    font-size: 1.8rem;
  }
  .ribbonHl2:before {
    border: 55px solid #db443c;
    border-left-color: transparent;
  }
  .ribbonHl2:after {
    border: 55px solid #db443c;
    border-right-color: transparent;
  }
  .ribbonHl2 h2:before {
    border-right: solid 61px #710006;
  }
  .ribbonHl2 h2:after {
    border-left: solid 61px #710006;
  }
  .pagetop {
    height: 4rem;
    width: 4rem;
  }
  .marutokuP .comparison .hlUnder2 span {
    font-size: 2rem;
  }
  .marutokuP .merit h3 span:nth-of-type(1) {
    font-size: 2rem;
  }
  .marutokuP .merit h3 span:nth-of-type(2) {
    font-size: 3.2rem;
  }
  .marutokuP .merit .jump {
    font-size: 2.5rem;
  }
  .marutokuP .merit li {
    font-size: 2rem;
  }
  .marutokuP .merit li p {
    font-size: 1.5rem;
  }
  #sentaku dl dt {
    width: 38%;
  }
  #sentaku dl:nth-of-type(2) dd,
  #sentaku dl:nth-of-type(3) dd {
    width: 18%;
  }
  .ryoukin {
    width: 94%;
  }
  .ryoukin div:nth-of-type(2) dl dd {
    font-size: 4rem;
  }
  .ryoukin dl dd {
    font-size: 2.5rem;
  }
  #toku_banner p,
  .hoken_shosai p,
  .hokenTpl {
    width: 90%;
  }
  #hoken div.hokenFaq ul li {
    margin-bottom: 1rem;
  }
  .cFlow,
  #contactThanks .cFlow {
    font-size: 2rem;
    line-height: 2;
  }
  .cFlow p:nth-of-type(1):after {
    border-width: 2.25rem 0 1.8rem 1.9rem;
    left: 21.1rem;
  }
  .nyuryoku dl {
    width: 100%;
  }
  .marutokuP .merit .hlPoint {
    width: 18%;
  }
  .marutokuP .merit li.mbk {
    background-size: 47%;
  }
  .marutokuP .simulation .hlUnder10 {
    background-position: center right 5rem, top 1rem right 14rem, bottom right;
  }
  .marutokuP .application .description {
    background-size: 23%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .marutokuP #sousin input {
    width: 50%;
  }
  .tigai div dl:nth-of-type(1),
  .tigai div dl:nth-of-type(2) {
    height: 6.8rem;
  }
  .tigai div dl:nth-of-type(4) {
    height: 8rem;
  }
  #contactWrap .comment {
    background-size: 35%;
    font-size: 3.5rem;
  }
  #voice h2,
  #case h2 {
    background-position: center left 1rem, center right 1rem;
  }
  #line .line_content dl:nth-of-type(even) dt {
    width: 10%;
  }

  .pagetop {
    height: 3rem;
    width: 3rem;
  }

  .pagetop a {
    padding: .75rem 0;
  }
  #dispatchWrap img {
    width: 100%;
  }
  #dispatchWrap .main p + img,
  #dispatchWrap .catch img {
    width: 90%;
  }
  #dispatchWrap .main img:nth-last-of-type(-n+2) {
    width: 70%;
  }
  #dispatchWrap h2::before {
    left: 30.5%;
  }
  #dispatchWrap .lineupArea h3 img {
    width: 45%;
  }
  #dispatchWrap .monthly {
    font-size: 1.2rem;
  }
  #dispatchWrap .money1 {
    font-size: 3rem;
  }
  #dispatchWrap .en {
    font-size: 1.5rem;
  }
  #dispatchWrap .tax {
    font-size: 1rem;
  }
  #dispatchWrap .imgWrap {
    width: 44rem;
  }
  #dispatchWrap .contactArea article {
    width: 90%;
  }
  #dispatchWrap .contactArea article dl dd {
    width: 100%;
  }
  #dispatchWrap .contactArea article dl dd {
    width: 100%;
  }
  #dispatchWrap .contactArea article .mailBox dd {
    text-align: left;
  }
}


@media screen and (max-width: 720px) {
  #nav.pc {
    display: none;
  }
  nav.sp {
    display: block;
  }

  header ul {
    margin-right: 5.4rem;
  }

  header nav ul {
    width: 100%;
  }
  nav ul {
    background-color: #1b2d64;
    display: block;
    margin-right: 0;
    margin-left: 0;
  	width: 100%;
  	max-width: auto;
  }
  nav ul li {
    background-image: none;
    border-right: none;
    border-left: none;
    width: 100%;
  }
  nav ul li:first-of-type,
  #nav ul li:first-of-type {
    border-left: none;
  }
  nav ul li:last-of-type,
  #nav ul li:last-of-type {
    border-left: none;
  }
  header nav ul li a {
    color: #fff;
    text-shadow: none;
    margin: 0;
    padding: 0;
  }
}


@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
  header h1 {
    width: 35%;
  }
  header ul {
    width: 35%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .ribbonHl h2 {
  	font-size: 1.3rem;
    line-height: 2.3;
  }
  .hlUnder1 {
    margin-right: 0;
    margin-left: 0;
  }
  .hlUnder2 {
    font-size: 1.6rem;
    padding-right: 1rem;
    padding-left: 1rem;
    text-align: left;
  }
  .hlUnder3 span {
    font-size: 1.5rem;
    width: 62%;
  }
  .hlUnder3:after {
    border-width: 0 3.3rem 3.3rem 0;
    right: 29.6%;
  }
  .hlUnder4 {
    font-size: 2rem;
  }
  .hlUnder7 {
    font-size: 2rem;
    text-align: left;
  }
  .hlUnder9 {
    border-radius: 0;
    font-size: 1.6rem;
    text-align: left;
  }
  .hlUnder9::after,
  .hlUnder9::before {
    border: none;
  }
  .hlUnder10 {
    font-size: 1.6rem;
    line-height: 1.2;
    text-shadow: 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121, 0 0 5px #46b121;
  }
  .ribbonHlWrap {
    width: 94%;
  }
  .ribbonHl2:before,
  .ribbonHl2:after,
  .ribbonHl2 h2:before,
  .ribbonHl2 h2:after {
    content: none;
  }
  .ribbonHl2 {
    margin-left: -2rem;
  }
  .ribbonHl2 h2 {
    font-size: 1.8rem;
  }
  footer section br {
    display: none;
  }
  footer section {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 1rem;
    padding-left: 1rem;
    width: inherit;
    max-width: inherit;
  }
  footer section a {
    border-left: 5px solid #1b2d64;
    display: block;
    margin-bottom: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    text-align: left;
    width: 43%;
  }
  .bannerBox.colmun2 {
    display: block;
  }
  .bannerBox.colmun2 li {
    width: 100%;
  }

  .news h2 {
    background-position: left .2rem bottom .5rem;
    background-size: 6%;
    padding-bottom: 0;
  }
  .news dl {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
  .news dl dd {
    padding-top: 0;
    width: 100%;
  }
  .marutokuP h2.hlUnder9 br:nth-of-type(1) {
    display: block;
  }
  .marutokuP p {
    text-align: left;
  }
  .marutokuP .comparison .hlUnder2 span {
    font-size: 1.3rem;
  }
  .marutokuP .merit h3 {
    display: block;
  }
  .marutokuP .merit h3 span {
    display: block;
    line-height: 1.2;
  }
  .marutokuP .merit h3 span:nth-of-type(1) {
    font-size: 1.3rem;
    padding-left: 0;
  }
  .marutokuP .merit h3 span:nth-of-type(1) br {
    display: none;
  }
  .marutokuP .merit h3 span:nth-of-type(2) {
    font-size: 1.8rem;
  }
  .marutokuP .merit li {
    font-size: 1.3rem;
    padding-left: 0;
  }
  .marutokuP .merit li.mbk {
    background-size: 58%;
  }
  .marutokuP .merit .jump {
    font-size: 1.6rem;
  }
  .marutokuP .merit li p {
    margin-left: 0;
  }
  .marutokuP .merit .hlPoint {
    background-size: contain;
    font-size: 1.2rem;
    padding-top: 1.5rem;
    height: 5rem;
    width: 25%;
  }
  .marutokuP .merit .hlPoint span {
    font-size: 2.5rem;
  }
  .marutokuP .merit li div {
    padding-left: 0;
    width: 100%;
  }
  .marutokuP .merit li p {
    font-size: 1rem;
    text-align: left;
  }
  .marutokuP .merit li p .jump {
    font-size: 1.3rem;
  }
  .marutokuP .simulation article {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .marutokuP .simulation .hlUnder10 {
    background-position: center right 1rem, top 1rem right 8rem, bottom right;
    background-size: 36%, 15%, auto;
  }
  #sentaku dl,
  .ryoukin section {
    font-size: 1rem;
  }
  #sentaku dl dt {
    text-align: left;
    width: 100%;
  }
  #sentaku dl dd {
    width: 100%;
  }
  #sentaku dl:nth-of-type(2) dd,
  #sentaku dl:nth-of-type(3) dd {
    width: 50%;
  }
  #sentaku input,
  #sentaku select {
    font-size: 1rem;
    width: 100%;
  }
  #sentaku dl:nth-of-type(2) dd select,
  #sentaku dl:nth-of-type(3) dd select {
    width: 82%;
  }
  .ryoukin {
    width: 100%;
  }
  .ryoukin h3 {
    font-size: 1rem;
    padding-left: 1rem;
    text-align: left;
  }
  .ryoukin section div {
      width: 100%;
  }
  .ryoukin dl dd {
    font-size: 2rem;
  }
  div.ryoukin:nth-of-type(3) div:nth-of-type(1) dl:nth-of-type(1) dd {
    font-size: 1rem;
  }
  .ryoukin div:nth-of-type(2) dl dt {
    font-size: 1.5rem;
  }
  .ryoukin div:nth-of-type(2) dl dd {
    font-size: 3rem;
  }
  .marutokuP .application .description {
    background-position: bottom center;
    background-size: 50%;
    font-size: 1rem;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 14rem;
    padding-left: 0;
  }
  .marutokuP #sousin input {
    width: 100%;
  }
  #toku_banner p,
  .hoken_shosai p,
  .hokenTpl {
    width: 100%;
  }
  .cFlow,
  #contactThanks .cFlow {
    font-size: 1.1rem;
  }
  .cFlow p {
    text-align: center;
  }
  .cFlow p:nth-of-type(1):after {
    border-width: 1.1rem 0 1.1rem 1rem;
    left: 11rem;
  }
  .marutokuP .application .description {
    padding-left: 0;
  }
  .nyuryoku dl dt {
    font-size: 1rem;
    margin-bottom: .5rem;
    padding-left: 0;
    width: 100%;
  }
  .nyuryoku dl dt .hisu {
    font-size: .8rem;
  }
  .nyuryoku dl dd {
    font-size: 1rem;
    width: 100%;
  }
  .nyuryoku input,
  .nyuryoku select {
    font-size: 1rem;
  }
  .nyuryoku select {
    width: 47%;
  }
  .nyuryoku dl dd input {
    width: 100%;
  }
  .nyuryoku dl:nth-of-type(1) dd input {
    width: inherit;
  }
  .nagare.wrap {
    flex-wrap: wrap-reverse;
  }
  .nagare.wrap img {
    width: 70%;
  }
  .nagare.wrap div {
    margin-bottom: 1rem;
    width: 100%;
  }
  .tigai div {
    width: 100%;
  }
  .lease h3, .rent h3 {
    border-right: 1px solid #333;
  }
  .lease dl  {
    border-right: 1px solid #333;
  }
  .tigai div dl:nth-of-type(1),
  .tigai div dl:nth-of-type(2),
  .tigai div dl:nth-of-type(4),
  .tigai div dl:nth-of-type(7),
  .tigai div dl:nth-of-type(8) {
    height: auto;
  }
  #contactWrap .comment {
    background-position: top 9rem center;
    background-size: 75%;
    font-size: 2.5rem;
    padding-top: 0;
    height: 34rem;
  }
  .comment aside {
    font-size: 1.5rem;
    margin-top: 20rem;
  }
  #formbox article {
    width: 100%;
  }
  #formbox .submitBox {
    width: 75%;
  }
  #voice h2,
  #case h2 {
    background-position: top 1rem right 1rem, bottom 1rem right 3rem;
    background-size: 45%, 45%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 1rem;
  }
  #voice p,
  #case p {
    text-align: left;
  }
  #voice .voice div {
    width: 100%;
  }
  #voice div.photo {
    margin-right: auto;
    margin-left: auto;
    width: 70%;
  }
  .question dl dt br {
    display: block;
  }
  .question input,
  .question textarea
   {
    width: 100%;
  }
  #yakkan article {
    padding-right: 0;
    padding-left: 0;
  }
  #company dl {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #company dl dt {
    background-size: 4%;
    background-position: top 0 left;
    padding-bottom: .2rem;
    width: 100%;
  }
  #company dl dd {
    padding-bottom: .7rem;
    width: 100%;
  }
  .plan_wrap section:nth-of-type(1) .banner_box a {
      float: none;
      width: 97%;
      margin-right: 0;
  }
  .plan_wrap section:nth-of-type(1) .banner_box span {
      line-height: .5;
      margin-bottom: 1.5rem;
  }
  .plan_wrap h2 {
    font-size: 2rem;
  }
  .plan_wrap h2 span {
    font-size: 1rem;
  }
  .plan_wrap h2::before {
    right: .2em;
  }
  .plan_wrap h2::after {
    left: .2em;
  }
  .plan_wrap div,
  #sub_contents.plan_wrap h3,
  .plan_wrap p {
    margin-right: 0;
    margin-left: 0;
  }
  #line .hlUnder9 {
    margin-top: 1rem;
  }
  #line .line_content dl:nth-of-type(even) dt {
    width: 13%;
  }
  #line .line_content dl:nth-of-type(even) dd {
    margin-left: 4%;
    width: 64%;
  }
  #line .friend img {
    width: 50%;
  }
  .moveWrap {
    height: 9rem;
  }
  .moveBtn p {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  .moveBtn p br {
    display: block;
  }
  .moveWrap a {
    height: 3rem;
    width: 3rem;
  }
  .moveWrap a span {
    font-size: 1rem;
  }
  .line_content2 h2 br {
    display: none;
  }
  .line_content2 .special {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
  }
  .line_content2 .special figure {
    width: 100%;
    margin-right: 0;
  }
  .line_content2 .special img {
    width: 70%;
  }
  .line_content2 .special figcaption br {
    display: none;
  }
  .line_content2 .aside {
    margin-top: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .line_content2 .aside ul {
    display: block;
  }
  .line_content2 .aside li {
    display: block;
    margin-right: 0;
    margin-bottom: 1rem;
    width: 90%;
  }
  .line_content2 .aside li:last-child {
    margin-bottom: 0;
  }
  #dispatchWrap .main p {
    font-size: 1.5rem;
  }
  #dispatchWrap .main img,
  #dispatchWrap .catch img {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  #dispatchWrap .main img:nth-last-of-type(-n+2) {
      width: 95%;
  }
  #dispatchWrap h2 {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    height: 3rem;
  }
  #dispatchWrap h2::before {
    left: 26.5%;
    height: 1.5rem;
    width: 12rem;
  }
  #dispatchWrap .lineupArea {
    margin-bottom: 3rem;
  }
  #dispatchWrap .lineupArea h3 img {
        width: 60%;
  }
  #dispatchWrap .lineup,
  #dispatchWrap .lineupArea:nth-child(odd) .lineup,
  #dispatchWrap .example {
    flex-direction: column;
    text-align: center;
    height: inherit;
  }
  /*#dispatchWrap .lineupArea:nth-child(odd) .lineup {
    flex-direction: column;
  }*/
  #dispatchWrap .moneyWrap,
  #dispatchWrap .lineupArea:nth-child(odd) .moneyWrap {
    padding: 1rem 2rem 2rem;
    transform: translateX(0rem) skew(-6.5deg);
    width: calc(100% - 4rem)
  }
  #dispatchWrap .moneyArea {
    justify-content: center;
    margin-bottom: 1.5rem;
  }
  #dispatchWrap .cotBtn {
    width: 100%;
  }
  #dispatchWrap .moneyWrap aside,
  #dispatchWrap .lineupArea:nth-child(odd) aside {
    font-size: 1rem;
    text-align: center;
  }
  #dispatchWrap .carWrap {
    padding-right: 0;
    padding-bottom: 0;
    text-align: center;
  }
  #dispatchWrap .carWrap img {
    width: 90%;
  }
  #dispatchWrap .exampleWrap article.exampleArea:last-child {
    margin-bottom: 1rem;
  }
  #dispatchWrap .example {
    position: static;
  }
  #dispatchWrap .example::before {
    content: none;
  }
  #dispatchWrap .voice {
    position: static;
    height: inherit;
    width: 100%;
  }
  #dispatchWrap .example .voice p {
    position: static;
  }
  #dispatchWrap .imgWrap {
    transform: translateX(0) skew(0);
    height: 18rem;
    width: 100%;
  }
  #dispatchWrap .contactArea dl {
    flex-wrap: wrap;
  }
  #dispatchWrap .contactArea dl.mailBox {
    align-items: center;
  }
  #dispatchWrap .contactArea article .mailBox dd {
    text-align: center;
  }
  #dispatchWrap label {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media all and (min-width: 300px) and (max-width: 320px) {
  footer section a {
    width: 100%;
  }
}


/*@media screen and (max-width: 375px) {
  .hlUnder3 span {
    width: 67%;
  }
  .hlUnder3:after {
    right: 23.7%;
  }
  .hlUnder4 {
    font-size: 1.5rem;
  }
  .hlUnder4 span {
    font-size: 2.5rem;
    width: 3.5rem;
  }
  .hlUnder5 {
    font-size: 1rem;
  }
  .ribbonHl h2 {
    font-size: 1.2rem;
    line-height: 2.4;
  }
  .marutokuP .merit .hlPoint {
    padding-right: .4rem;
    width: 27%;
  }
  .marutokuP .application .description {
    padding-bottom: 12.5rem;
  }
  .cFlow,
  #contactThanks .cFlow {
    font-size: 1rem;
  }
  .cFlow p:nth-of-type(1)::after {
    left: 9.9rem;
    border-width: 1rem 0px 1rem .8rem;
  }
  .nagare.wrap h4 {
    font-size: 1.5rem;
  }
  #contactWrap .comment {
    background-position: top 3rem right;
    background-size: 67%;
    font-size: 1.5rem;
    height: 20rem;
  }
  .comment aside {
    font-size: 1rem;
    margin-top: 13rem;
  }
  #voice p,
  #case p {
    font-size: 1.2rem;
  }
  #company dl dt {
    background-position: top .4rem left;
  }
}


@media screen and (max-width: 320px) {
  .hlUnder1 {
    padding-bottom: .2rem;
    margin-bottom: 1rem;
  }
  header ul {
    margin-right: 4.4rem;
  }
  footer section {
    justify-content: space-around;
  }
  footer section a {
    border-right: 5px double #1b2d64;
    border-left: 5px double #1b2d64;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-top: 0;
    padding-right: .5rem;
    padding-bottom: 0;
    text-align: center;
    width: 53%;
  }
  .cFlow p:nth-of-type(1)::after {
    left: 8.2rem;
  }
  .hlUnder3 span {
    width: 89%;
  }
  .hlUnder3:after {
    border-width: 0 3.4rem 3.4rem 0;
    right: 0%;
  }
  #contactWrap .comment {
    background-position: top 7rem center;
    background-size: 80%;
    font-size: 2rem;
    height: 26rem;
  }
  .comment aside {
    font-size: 1rem;
    margin-top: 15.5rem;
  }
}*/