/*
Theme Name: Lightning Child 02
Theme URI: https://lightning.nagoya
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: two-columns,one-column,right-sidebar,custom-colors,custom-menu,editor-style,theme-options
Version: 3.3.2.1506555645
Updated: 2017-09-28 08:40:45

*/

/* CSS Document */

/********************************
Layout
********************************/
/**********
base
**********/

html {
  height: 100%;
  font-size: 62.5%;
}
body {
  font-size: 1.4em;
  font-family: "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #000;
}
a img:hover {
  opacity: 0.6;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.inner {
  max-width: 980px;
  margin: 0 auto;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.alpha a:hover, .submit:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
th {
  font-weight: normal;
}

@media screen and (max-width: 768px) {
.inner {
  width: 91.6%;
  margin: 0 auto;
}
.pc {
  display: none;
}
.sp {
  display: block;
}
#wrapper {
  margin-top: 16.41%;
}
}
/**********
header
**********/
header .siteInfo {
  padding: 7px 0;
  background: #E2E6ED;
}
header .siteInfo .inner {
  color: #001966;
  font-size: 1.2rem;
}
header .siteInfo + .inner {
  padding: 1.73% 0 1.57%;
}
header .siteInfo + .inner ul {
  display: table;
}
header .siteInfo + .inner li {
  display: table-cell;
  vertical-align: middle;
}
header .siteInfo + .inner li:first-child {
  width: 39.4%;
  padding-top: 0.8%;
}
header .siteInfo + .inner li:nth-child(2) {
  padding: 0 0px 0 6%;
  font-size: 1.2rem;
  width: 32.4%;
}
header .siteInfo + .inner li:nth-child(2) div {
  padding: 0.8% 0px 0.8% 21.2%;
  background: url(/common/img/ico_tel_01.gif) no-repeat 0% top;
}
header .siteInfo + .inner li:nth-child(2) span {
  display: block;
  font-size: 2.6rem;
  color: #B9001D;
  line-height: 1.2;
}
header .siteInfo + .inner li:nth-child(3) {
  line-height: 1.2;
  border-left: 1px solid #95AFC6;
  width: 26.3%;
}
header .siteInfo + .inner li:nth-child(3) a {
  padding-left: 5%;
  position: relative;
  display: block;
}
header .siteInfo + .inner li:nth-child(3) a:after {
  content: "";
  position: absolute;
  /*
  background: url(/common/img/ico_hand_header_01_pc.png) no-repeat 0 0;
  */
  width: 42px;
  height: 40px;
  bottom: -20px;
  right: 0;
}

/**********
.sp .mainNavi
**********/
@media screen and (max-width: 768px) {
header {
  position: fixed;
  top: 0;
  z-index: 100;
}
header .sp .mainNavi {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  background: #001A66;
}
ul.mainNavi.clearfix {
	margin-top: auto;
}

header .sp .mainNavi > li {
  float: left;
  width: 33.3%;
}
header .sp .mainNavi>li:nth-child(3) ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #001A66;
  border-top: 1px solid #fff;
}
.pageList li a {
  display: block;
  width: 100%;
  font-size: 2.0rem;
  color: #fff;
}
.pageList li:nth-child(-n+10) {
  float: left;
  width: 50%;
}
.pageList li:nth-child(-n+10) a {
  padding: 5.6% 0;
}
.pageList li:nth-child(-n+10) {
  text-align: center;
}
.pageList li:nth-child(11) {
  clear: both;
}
.pageList li:nth-child(11) a {
  padding: 2.6% 0;
}
.pageList li:nth-child(n+3) {
  border-top: 1px solid #fff;
}
.pageList li:nth-child(11) a {
  padding: 3.6% 0 3.6% 13.5%;
  font-size: 2.0rem;
}
.pageList li:nth-child(11) img {
  width: 74%;
  display: block;
  padding-left: 1em;
  margin-bottom: 3%;
}
.pageList li:nth-child(1), .pageList li:nth-child(3), .pageList li:nth-child(5), .pageList li:nth-child(7), .pageList li:nth-child(9) {
  border-right: 1px solid #fff;
}
.logo.sp {
  width: 69.79%;
  margin: 6.25% auto;
  background: #fff;
}
}

@media screen and (max-width: 480px) {
.pageList li a {
  font-size: 1.5rem;
}
.pageList span {
  display: block;
  font-size: 2.5rem;
}
.pageList li:nth-child(11) a {
  font-size: 1.2rem;
}
}
/**********
.sharedNavi
**********/
.lower .sharedNavi {
  margin: 1% 0 2%;
}
.sharedNavi ul {
  text-align: center;
  margin: 0 auto;
  max-width: 980px;
  width: 911px;
}
.sharedNavi li {
  width: 18%;
  display: inline-block;
}
.sharedNavi li a {
  display: block;
  padding: 10px 10px 0;
  color: #001966;
  font-size: 1.5rem;
}
.sharedNavi li a:hover {
  opacity: 0.6;
  color: #295AAB;
}
.sharedNavi li+li {
  margin-left: 3%;
}
.sharedNavi li:first-child a {
	/*
  background: url(/common/img/ico_gnavi01_01_pc.gif) no-repeat top center;
  */
}
.sharedNavi li:nth-child(2) a {
	/*
  background: url(/common/img/ico_gnavi01_02_pc.gif) no-repeat top center;
  */
}
.sharedNavi li:nth-child(3) a {
	/*
  background: url(/common/img/ico_gnavi01_03_pc.gif) no-repeat top center;
  */
}
.sharedNavi li:nth-child(4) a {
	/*
  background: url(/common/img/ico_gnavi01_04_pc.gif) no-repeat top center;
  */
}
.sharedNavi li:nth-child(5) a {
	/*
  background: url(/common/img/ico_gnavi01_05_pc.gif) no-repeat top center;
  */
}

@media screen and (max-width: 768px) {
.sharedNavi, .lower .sharedNavi {
  padding: 0;
  margin: 0;
}
}
/**********
main
**********/
main .title {
  background: #001A66;
}
main .title h1 {
  padding: 1.05% 0 1.05% 10px;
  line-height: 1.2;
  color: #fff;
  font-size: 2.8rem;
}


main h2 {
    font-size: 24px;
}

main h2 {
    background-color: #f5f5f5;
    padding: 14px 10px 10px;
    border-top: 2px solid #337ab7;
    border-bottom: 1px solid #e9e9e9;
}

.mainContainair {
  padding: 2.10% 0 3.68% 0;
  background: url(/common/img/bg_01.gif) repeat 0 0;
}
.mainContainair .inner {
  background: #fff;
}

article .entry-title {
     color:#000; /*文字色*/
     background:#fff; /*背景色*/
     border-top:1px solid #ccc; /*上線の太さ、種類、色*/
     border-right:1px solid #ccc; /*右線の太さ、種類、色*/
     border-left:7px solid #001A66; /*左線の太さ、種類、色*/
     border-bottom:1px solid #001A66; /*下線の太さ、種類、色*/
     /*padding:.6em .8em; /*上下左右の間隔*/
     /*background-image:url(画像のURL); /*背景に使用する画像のURL*/
}
article .entry-title h2 {
}

@media screen and (max-width: 768px) {
main .title h1 {
	/*
  padding: 3.125% 0 3.125% 8.3%;
  */
  padding: 3.125% 0 3.125% 10px;
  font-size: 2.4rem;
}
.mainContainair {
  padding: 0;
  background: none;
}
}

@media screen and (max-width: 480px) {
main .title h1 {
	/*
  font-size: 1.5rem;
  */
  font-size: 2.4rem;
  background-size: 5%;
}
}
/**********
#contact02 
**********/
#contact02 {
  position: relative;
  margin: 3.68% auto;
}
#contact02 .confirmBtn {
  position: absolute;
  width: 61.2%;
  bottom: 35px;
  left: 5.10%;
}

@media screen and (max-width: 768px) {
#contact02 {
  margin: 12.5% auto 4.16% auto;
}
#contact02 .confirmBtn {
  width: 55.2%;
  bottom: 9%;
  left: 3.26%;
}
}
/**********
footer
**********/
footer {
  position: relative;
}
footer .pageTop.pc {
  position: absolute;
  bottom: 80px;
  right: 18.31%;
}
footer .footerNavi {
  padding: 2.10% 0 8.94% 0;
  background: #001A66;
}
footer .footerNavi li a {
  color: #fff;
}
footer .footerNavi .logo.pc {
  float: left;
  margin-right: 10.20%;
  width: 39.4%;
}
footer .footerNavi nav .pc {
  float: left;
  margin-top: 1.02%;
  width: 50%;
}
footer .footerNavi nav .pc>li {
  display: inline-block;
  vertical-align: top;
}
footer .footerNavi nav .pc>li a {
  padding-left: 20px;
  background: url(/common/img/ico_arrow_04.gif) no-repeat left center;
}
footer .footerNavi nav .pc>li .child li {
  margin-bottom: 5px;
}
footer .footerNavi nav .pc>li:first-child {
  margin-right: 12.24%;
}
footer .footerNavi nav .pc>li:nth-child(2) {
  margin-right: 4.65%;
}
footer .copyRight {
  padding: 0 0 0.5%;
  text-align: center;
  background: #001A66;
  font-size: 1.2rem;
  color: #fff;
}

footer #top_fix { position: fixed; top: 0px; z-index: 9999; right: 0px; }
footer #top_fix li { margin-top: 10px; } 

@media screen and (max-width: 1024px) {
footer .pageTop.pc { right: 5%; }
footer #top_fix { display: block!important; } 
}

@media screen and (max-width: 768px) {
footer .inner {
  width: 100%;
}
footer .pageTop.sp {
  background: #E5E8EF;
  text-align: right;
  font-size: 2.0rem;
}
footer .pageTop.sp a {
  display: block;
  padding: 3.125% 9% 3.125% 0;
  color: #001966;
  background: url(/common/img/img_pageTop_sp.gif) no-repeat 95.8% center;
  background-size: 20px;
  line-height: 1.2;
}
footer .footerNavi {
  padding: 0;
  background: #fff;
}
footer .sp.pageList {
  background: #001A66;
}
footer .copyRight {
  padding: 3.12% 0;
}
footer #top_fix { display: none!important; } 
}

@media screen and (max-width: 480px) {
footer .pageTop.sp { font-size: 1.2rem; }
footer .pageTop.sp a { padding: 3.125% 12% 3.125% 0; background-size: 15px; }
footer #top_fix { display: none!important; } 
}


/********************************
common
********************************/

/*****.information	****/
.information table {
  width: 100%;
}
.information table + .pager,
.information table + p {
  margin-top: 4.08%;
}
.information tr {
  border-bottom: 1px solid #AAAAAA;
}
.information th {
  padding: 2.08% 0 2.08% 0.4%;
}
.information td {
  padding: 2.08% 0 2.08% 30px;
}
.information td a {
  text-decoration: underline;
  color: #001966;
}
.information td a:hover {
  text-decoration: none;
}
.information .icon {
  display: inline-block;
  padding: 5px 0;
  margin-left: 30px;
  width: 83px;
  text-align: center;
  color: #fff;
  line-height: 1.2;
  font-size: 1.5rem;
}
span.announce {
  background: #46A3C1;
}
span.new {
  background: #CA0047;
}
span.buy {
  background: #65BF00;
}
.top .information p {
  width: 21.0%;
  margin-left: auto;
}
.top .information p a {
  display: block;
  padding: 7.28% 0 7.28% 24.27%;
  line-height: 1.2;
  background: url(/common/img/ico_arrow_03.gif) no-repeat 85.4% center;
  background-size: 9px;
  font-size: 1.6rem;
  color: #001966;
  font-weight: bold;
  border: 1px solid #001966;
  border-radius: 5px;
}
.top .information p a:hover {
  background: url(/common/img/ico_arrow_03_on.gif) no-repeat 85.4% center #001A66;
  color: #fff;
}

.information .veu_postList .postList_meta_items {
	font-size: 20px;
}
.information .veu_postList .postList_title {
	margin:10px 0 0;
	font-size: 24px;
}

@media screen and (max-width: 768px) {
.information table {
  font-size: 1.6rem;
}
.information table + .pager,
.information table + p {
  margin-top: 6.25%;
}
.information tr {
  display: table-row;
}
.information th {
  display: block;
  padding: 4.16% 0 0;
}
.information td {
  display: block;
  padding: 3.125% 0 4.16%;
  width: 100%;
}
.information td a {
  display: block;
}
.top .information p {
  width: 62.5%;
  margin: 6.25% auto 0;
  border-radius: 10px;
}
.top .information p a {
  font-size: 3.0rem;
  background-size: 26px;
}
}

@media screen and (max-width: 480px) {
.information table {
  font-size: 1.2rem;
}
.information .icon {
  padding: 3px 0;
  margin-left: 2.17%;
  width: 55px;
  font-size: 1rem;
}
}
/*****.pager ****/
.pager {
  margin: 35px auto 0;
  width: 100%;
  text-align: center;
  line-height: 1.7;
  font-size: 0;
}
.pager li {
  display: inline-block;
  font-size: 1.6rem;
}
.pager li a {
  color: #001966;
  text-decoration: underline;
}
.pager li a:hover {
  text-decoration: none;
}
.pager li {
  border-right: 1px solid #AAAAAA;
}
.pager li:first-child a {
  padding: 0 18px 0 25px;
}
.pager li:last-child {
  border-right: 0;
}
.news .pager li:nth-child(2) a, .buy_example .pager li:nth-child(2) a, .news_detail .pager li:nth-child(3) a, .buy_example_detail .pager li:nth-child(3) a {
  padding: 0 25px 0 18px;
}
/*.news_detail .pager li:nth-child(2), .buy_example_detail .pager li:nth-child(2) {*/
/*  border-right: 1px solid #AAAAAA;*/
/*}*/
.news_detail .pager li:nth-child(2) a, .buy_example_detail .pager li:nth-child(2) a {
  padding: 0 17px;
  background: none;
}

@media screen and (max-width: 768px) {
.pager {
  margin: 4.16% auto 0;
}
}
/********************************
top
********************************/
.top #mv {
  background: url(/common/img/bg_mv_top_01_pc.jpg) no-repeat center top;
  background-size: cover;
}
.top h1 {
  text-align: center;
}
.top .sharedNavi {
  padding: 3.15% 0 1.73%;
  border-bottom: 1px solid #F0F0F0;
}
.top #mv + p {
  position: relative;
  text-align: center;
  background: #0F276F;
}
.top #mv + p:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 31px 32px 0 32px;
  border-color: #0F276F transparent transparent transparent;
  left: 48%;
  bottom: -31px;
}
.top #naviLink {
  padding: 83px 0 129px;
  background: url(/common/img/ico_top_arrow_01.png) no-repeat center bottom 40px,  url(/common/img/bg_01.gif) repeat 0 0;
  background-size: 38px, 7px;
}
.top #naviLink h2 {
  margin-bottom: 4.08%;
}
.top #naviLink nav ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top #naviLink li {
  width: 31.64%;
}
.top #naviLink li:nth-child(3n) {
  margin-right: 0;
}
.top #contact01 {
  padding: 2.6% 0 2.1%;
  background: #0F276F;
  text-align: center;
}
.top #contact01 p:first-child {
  width: 58.16%;
  margin: 0 auto;
}
.top #contact01 p:first-child a {
  display: block;
  position: relative;
}
.top #contact01 p:first-child a:after {
  content: "";
  position: absolute;
  /*
  background: url(/common/img/ico_hand_01_pc.png) no-repeat 0 0;
  */
  width: 94px;
  height: 95px;
  bottom: -30px;
  right: -45px;
}
.top #contact01 p+p {
  margin-top: 2.5%;
}
.top #aboutCompany {
  padding: 1.57% 0 1.84%;
  background: #E2E6ED;
}
.top #aboutCompany .inner {
  max-width: 900px;
  padding: 1.84% 2.6%;
  background: #fff;
}
.top #otherLink {
  background: url(/common/img/ico_top_line_arrow.gif) repeat-x center bottom #F0F0F0;
}
.top #otherLink > div:first-of-type {
  position: relative;
  padding: 2.1% 0 3.15%;
  text-align: center;
  background: #0F276F;
}
.top #otherLink > div:first-of-type:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 49px 49px 0 49px;
  border-color: #0F276F transparent transparent transparent;
  left: 47.42%;
  bottom: -49px;
}
.top #otherLink .inner {
  padding: 4.73% 0 3.68%;
}
.top #otherLink .inner p {
  text-align: center;
}

@media screen and (min-width: 769px) {
.top #naviLink li:nth-child(n+4) {
  margin-top: 20px;
}
.top #otherLink .inner ul {
  margin-top: 5%;
  display: flex;
  justify-content: center;
}
.top #otherLink .inner ul li:first-child {
  margin-right: 2.04%;
}
}
.top .information {
  padding: 3.15% 0;
}
.top .information h3 {
  position: relative;
  padding: 1.53% 0;
  font-size: 3.0rem;
  text-align: center;
  color: #001966;
  font-weight: bold;
  background: #E2E6ED;
  line-height: 1.2;
}
.top .information h3:before {
  content: "";
  position: absolute;
  background: url(/common/img/ico_top_info_01_pc.png) no-repeat 0 0;
  width: 50px;
  height: 51px;
  left: 37.5%;
  top: -5px;
}
.top .information.buy_example h3:before {
  background: url(/common/img/ico_top_buy_01_pc.png) no-repeat 0 0;
}
.top .information th {
  width: 21.12%;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
.top #mv .inner {
  width: 100%;
}
.top #mv + p:after {
  left: 45%;
}
.top .sharedNavi {
  border-bottom: none;
}
.top #naviLink {
  padding: 7.8% 0 19%;
}
.top #naviLink .inner {
  width: 91.6%;
}
.top #naviLink li {
  width: 48%;
}
.top #naviLink li:nth-child(n+3) {
  margin-top: 1.87%;
}
.top #contact01 p:first-child a:after {
	/*
  background: url(/common/img/ico_hand_01_sp.png) no-repeat 0 0;
  */
  width: 101px;
  height: 101px;
}
.top #aboutCompany .inner {
  padding: 0;
}
.top #aboutCompany {
  padding: 10.3% 0 11%;
  background: #fff;
}
.top #otherLink > div:first-of-type p {
  width: 91.6%;
  margin: 0 auto;
}
.top #aboutCompany p+p {
  margin-top: 6.77%;
}
.top #otherLink {
  background: #F0F0F0;
}
.top #otherLink > div:first-of-type {
  padding: 6.25% 0 6.25%;
}
.top #otherLink .inner {
  padding: 10.54% 0 7.29%;
}
.top #otherLink .inner p {
  margin-bottom: 9.37%;
  width: 95.2%;
}
.top #otherLink .inner li:first-child {
  margin-bottom: 4.16%;
}
.top #contact01 {
  padding: 5.2% 0 4.16%;
}
.top #contact01 p:first-child {
  width: 73.95%;
}
.top #contact01 p+p {
  margin: 4.16% 0 0;
}
.top .information h3 {
  margin-bottom: 6.25%;
  background: #fff;
  line-height: 1.2;
}
.top .information h3:before {
  background: url(/common/img/ico_top_info_01_sp.png) no-repeat 0 0;
  background-size: contain;
  width: 10.4%;
  height: 100%;
  left: 30.8%;
}
.top .information.buy_example h3:before {
  background: url(/common/img/ico_top_buy_01_sp.png) no-repeat 0 0;
  background-size: contain;
}
.top .information {
  padding: 8.3% 0 8.3%;
}
.top .information tr {
  border-bottom: 1px dotted #AAAAAA;
}
.top .information tr:first-child {
  border-top: 1px dotted #AAAAAA;
}
.top .information th {
  width: 100%;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.top #naviLink {
  background-size: 58px, 7px;
}
.top #otherLink > div:first-of-type:after {
  border-width: 49px 49px 0 49px;
  left: 45.42%;
}
}

@media screen and (max-width: 480px) {
.top #mv + p:after {
  border-width: 15px 15px 0 15px;
  bottom: -15px;
}
.top #naviLink {
  background: url(/common/img/ico_top_arrow_01.png) no-repeat center bottom 5.2%,  url(/common/img/bg_01.gif) repeat 0 0;
  background-size: 6%, 7px;
}
.top #otherLink > div:first-of-type:after {
  border-width: 15px 15px 0 15px;
  bottom: -15px;
}
.top #contact01 p:first-child a:after {
  width: 14%;
  height: 100%;
  background-size: contain;
  right: -10.6%;
  bottom: -26px
}
.top #contact01 p+p {
  margin: 4.16% auto 0;
  width: 79.65%;
}
.top .information h3:before {
  left: 21.8%;
}
.top .information h3 {
  font-size: 2rem;
}
.top .information p {
  border-radius: 5px;
}
.top .information p a {
  padding: 5% 0 5% 0;
  font-size: 1.5rem;
  background-size: 9px;
  text-align: center;
}
}
/********************************
faq
********************************/
.faq h1 {
}
.faq h1:before {
	content:"\f059";
	font-family:FontAwesome;
	margin-right:5px;
}
/********************************
news、.news_detail、,buy_example、,buy_example_detail
********************************/
.news h1, .news_detail .title h1 {
}
.news h1:before {
	content:"\f1ea";
	font-family:FontAwesome;
	margin-right:5px;
}
.buy_example h1, .buy_example_detail .title h1 {
}
.news .mainContainair .inner, .buy_example .mainContainair .inner {
  padding: 1.57% 1.5% 3.9% 1.5%;
}
.news .information, .buy_example .information {
  background: none;
  font-size: 1.6rem;
}
.lower .information th {
  width: 22.8%;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
.news h1, .news_detail .title h1 {
  background-size: 5%;
}
.buy_example h1, .buy_example_detail .title h1 {
  background-size: 5%;
}
.news .mainContainair .inner, .buy_example .mainContainair .inner {
  padding: 0;
  margin-top: 2.08%;
  width: 100%;
}
.news .information, .buy_example .information {
  font-size: 1.2rem;
}
.lower .information th, .lower .information td {
  margin-left: 4.16%;
}
.lower .information th {
  width: 100%;
}
}
/********************************
news_detail
********************************/
.news_detail .mainContainair .inner, .buy_example_detail .mainContainair .inner {
  padding: 2.63% 1.57% 3.15% 1.57%;
  font-size: 1.6rem;
}
.news_detail .articleContents, .buy_example_detail .articleContents {
  padding-bottom: 4.3%;
  border-bottom: 1px solid #AAAAAA;
}
.news_detail .articleContents p + p, .buy_example_detail .articleContents p + p {
  margin-top: 15px;
}
.news_detail .information h1, .buy_example_detail .information h1 {
  margin-bottom: 5.1%;
}
.news_detail .information h1>.icon, .buy_example_detail .information h1>.icon {
  margin-right: 30px;
  vertical-align: middle;
}
.news_detail .information h1>.icon+span, .buy_example_detail .information h1>.icon+span {
  display: inline-block;
  text-decoration: underline;
  color: #001966;
}

@media screen and (max-width: 768px) {
.news_detail .mainContainair .inner, .buy_example_detail .mainContainair .inner {
  margin: 6.25% auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1.3rem;
}
.news_detail .mainContainair .information, .buy_example_detail .mainContainair .information {
  padding: 0 4.16% 4.16%;
}
.news_detail .information h1 .icon+span, .buy_example_detail .information h1 .icon+span {
  display: block;
  margin: 1.04% 0 6.25%;
}
}
/********************************
buy_example_detail
********************************/
.buy_example_detail .information .photoList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.26%;
}
.buy_example_detail .information .photoList figure {
  width: 48.9%;
}

@media screen and (min-width: 769px) {
.buy_example_detail .information .photoList figure:nth-child(n+3) {
  margin-top: 3%;
}
}

@media screen and (max-width: 768px) {
.buy_example_detail .information .photoList figure {
  width: 100%;
}
.buy_example_detail .information .photoList figure:nth-child(n+2) {
  margin-top: 3%;
}
}
/********************************
siteMap
********************************/
.siteMap h1 {
  background: url(/sitemap/img/ico_sitemap_01.png) no-repeat 0 center;
}
.siteMap .mainContainair .inner {
  padding: 2.63% 0 3.68% 3.42%;
}
.siteMap .mainContainair table {
  width: 100%;
}
.siteMap .mainContainair td>ul>li {
  display: inline-block;
  width: 32%;
  font-size: 1.5rem;
  vertical-align: top;
}
.siteMap .mainContainair td>ul>li>ul>li {
  margin-bottom: 8%;
}
.siteMap .mainContainair li a {
  display: block;
  padding-left: 20px;
  background: url(/common/img/ico_arrow_05.gif) no-repeat left center;
  background-size: 6px;
}
.siteMap .mainContainair li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
.siteMap h1 {
  background: url(/sitemap/img/ico_sitemap_01.png) no-repeat 2.08% center;
}
.siteMap .mainContainair .inner {
  padding: 6.25% 0 0 2.08%;
}
.siteMap .mainContainair td>ul>li {
  display: inherit;
  width: 100%;
}
.siteMap .mainContainair td>ul>li>ul>li {
  margin-bottom: 3%;
}
.siteMap .mainContainair li a {
  background-size: 8px;
}
.siteMap .mainContainair td>ul>li:last-child ul>li+li {
  margin-bottom: 0;
}
}

@media screen and (max-width: 480px) {
.siteMap .mainContainair li {
  font-size: 1.2rem;
}
}
/********************************
about
********************************/
.about h1 {
}
.about h1:before {
	content:"\f0f7";
	font-family:FontAwesome;
	margin-right:5px;
}
.about .mainContainair .inner {
  padding: 1.05% 0 2.10% 1.57%;
}
.about .mainContainair .inner dl {
  letter-spacing: -.4em;
  font-size: 1.5rem;
}
.about .mainContainair .inner dt, .about .mainContainair .inner dd {
  display: inline-block;
  padding: 3.06% 0;
  border-bottom: 1px solid #E1E2E6;
  letter-spacing: normal;
}
.about .mainContainair .inner dt {
  padding-left: 3.06%;
  width: 30%;
  font-weight: bold;
}
.about .mainContainair .inner dd {
  width: 63.8%;
}

@media screen and (max-width: 768px) {
.about h1 {
}
.about h1:before {
	content:"\f0f7";
	font-family:FontAwesome;
	margin-right:5px;
}
.about .mainContainair .inner {
  width: 100%;
  padding: 0;
}
.about .mainContainair dl {
  margin-top: 6.25%;
}
.about .mainContainair .inner dt, .about .mainContainair .inner dd {
  display: inherit;
}
.about .mainContainair .inner dt {
  width: 100%;
  font-weight: normal;
  border-bottom: none;
}
.about .mainContainair .inner dt:first-child {
  padding: 0 0 0 4.16%;
}
.about .mainContainair .inner dt:nth-child(n+2) {
  padding: 3.06% 0 0 4.16%;
}
.about .mainContainair .inner dd {
  padding: 0 4.16% 3.06% 4.16%;
  width: 100%;
}
}
/********************************
privacy
********************************/
.privacy h1 {
}
.privacy h1:before {
	content:"\f084";
	font-family:FontAwesome;
	margin-right:5px;
}
.privacy .mainContainair .inner {
  padding: 2.63% 1.57% 2.1% 1.57%;
}
.privacy .mainContainair ol>li:nth-child(-n+7) {
  margin-bottom: 5.10%;
}
.privacy .mainContainair dt {
  padding: 0 0 2.04% 2.04%;
  border-bottom: 1px solid #CCCCCC;
}
.privacy .mainContainair dt span {
  margin-right: 1.53%;
}
.privacy .mainContainair dd {
  margin: 1.02% 3.5% 0 2.04%;
  font-size: 1.2rem;
}
.privacy .mainContainair dd p {
  margin-bottom: 2%;
}
.privacy .mainContainair dd p a {
  display: block;
}

@media screen and (max-width: 768px) {
.privacy h1 {
}
.privacy h1:before {
	content:"\f084";
	font-family:FontAwesome;
	margin-right:5px;
}
.privacy .mainContainair .inner {
  padding: 6.25% 1.57% 2.1% 1.57%;
}
.privacy .mainContainair ol>li:nth-child(-n+3) {
  margin-bottom: 10.8%;
}
.privacy .mainContainair dt {
  padding: 0 0 3.26% 2.04%;
}
.privacy .mainContainair dd {
  margin: 4.3% 0 0 2.04%;
}
}
/********************************
example
********************************/
.example h1 {
}
.example h1:before {
	/*
	content:"\f29c";
	*/
	content:"\f015";
	font-family:FontAwesome;
	margin-right:5px;
}

#aboutCompany .inner span.markerR {
  color: #D80000;
}

.example main span.markerR {
  color: #D80000;
}
.example main .title+.inner span.markerR {
  font-weight: bold;
}
.example .mainContainair {
  padding: 2.10% 0 0 0;
}
.example .mainContainair .inner {
  background: none;
  font-size:1.1em;
}
.example .mainContainair .inner .caution{
  font-size: 2.0em;
}
.example .mainContainair .inner .line .h2-contents{
  font-size: 1.2em;
}
/* .line */
.example .mainContainair .inner .line+div {
  margin-top: 3.57%;
}
.example .mainContainair .inner .line+div div {
  position: relative;
}
.example .mainContainair .inner .line+div div span.tatoeba {
  position: absolute;
  display: block;
  background: #001966;
  top: 0;
  left: 0;
  width: 10.4%;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  transform: rotate(-17deg);
}
.example .mainContainair .inner .line+div div p {
  line-height: 1.8;
}
.example .mainContainair .inner .line+div div span.markerR {
  display: block;
  margin-top: 1%;
  font-size: 1.6rem;
}
/* .txtBox */
.example .mainContainair .inner .txtBox {
  position: relative;
  background: #fff;
}
.example .mainContainair .inner .txtBox h2 {
  padding: 4.16% 0 4.16% 6.25%;
  font-size: 2.4rem;
  background: url(/common/img/bg_example_01.gif) repeat 0 0;
  color: #26397D;
  line-height: 1.2;
}
.example .mainContainair .inner .txtBox h2>span {
  display: block;
  position: relative;
  padding-left: 10.41%;
}
.example .mainContainair .inner .txtBox h2>span:before {
  position: absolute;
  content: "";
  background: url(/common/img/ico_example_check.png) no-repeat left center;
  width: 6.25%;
  height: 100%;
  background-size: contain;
  left: 0;
  top: 50%;
  margin-top: -17px;
}
.example .mainContainair .inner .txtBox h2+ul {
  padding: 2.2% 11.6% 5.2% 5.2%;
  line-height: 1.8;
}
.example .mainContainair .inner .txtBox h2+ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.example .mainContainair+p {
  margin: 3.15% auto 0;
  text-align: center;
}

/* .photo */
@media screen and (min-width: 769px) {
.example main .title+.inner {
  padding: 2.10% 12% 2.3% 0;
  background: url(/common/img/bg_example_02.png) no-repeat left 97% top 36.1%;
  background-size: 11.3%;
  line-height: 2.3;
}
.example .mainContainair .inner .matchHeight {
  width: 48.9%;
  height: 185px;
}
.example .mainContainair .inner .line {
  display: flex;
  justify-content: space-between;
}
.example .mainContainair .inner .txtBox:nth-child(odd) {
  margin-right: 2.2%;
}
.example .mainContainair .inner .txtBox:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 14px 40px 0 40px;
  border-color: #E5E8EF transparent transparent transparent;
  bottom: -14px;
  left: 41.6%;
}
.example .mainContainair .inner .line+div.customerVoice {
  height: 234px;
}
.example .mainContainair .inner .line+div.customerVoice div {
  padding: 4% 0 7% 9%;
}
.example .mainContainair .inner .line+div.customerVoice.one {
  background: url(/common/img/bg_example_human_01.png) no-repeat 97% bottom,  url(/common/img/bg_example_fukidashi_01.png) no-repeat 10% 0;
  background-size: 12.8%, 76.5%;
}
.example .mainContainair .inner .line+div.customerVoice.two {
  background: url(/common/img/bg_example_human_02.png) no-repeat 97% bottom,  url(/common/img/bg_example_fukidashi_01.png) no-repeat 10% 0;
  background-size: 15.9%, 76.5%;
}
.example .mainContainair .inner .line+div.customerVoice.odd {
  background: url(/common/img/bg_example_human_01.png) no-repeat 97% bottom,  url(/common/img/bg_example_fukidashi_02.png) no-repeat 10% 0;
  background-size: 12.8%, 76.5%;
}
.example .mainContainair .inner .line+div.customerVoice.even {
  background: url(/common/img/bg_example_human_02.png) no-repeat 97% bottom,  url(/common/img/bg_example_fukidashi_02.png) no-repeat 10% 0;
  background-size: 15.9%, 76.5%;
}
.example .mainContainair .inner .line+div.customerVoice.other {
  background: url(/common/img/bg_example_human_03.png) no-repeat 97% bottom,  url(/common/img/bg_example_fukidashi_02.png) no-repeat 10% 0;
  background-size: 12.24%, 76.5%;
}
/* .photo */
.example .mainContainair .inner .photo {
  position: relative;
}
.example .mainContainair .inner .photo:before {
  content: "";
  position: absolute;
  background: url(/common/img/ico_example_qlip.png) no-repeat 0 0;
  background-size: contain;
  width: 10.4%;
  height: 100%;
  top: -11px;
  left: 4.16%;
}
}

@media screen and (max-width: 768px) {
.example h1 {
}
.example main .title+.inner {
  padding: 6.25% 2.08% 7.29% 2.08%;
  background: none;
}
.example .mainContainair .inner {
  width: 100%;
}
.example .mainContainair .inner .line {
  position: relative;
  padding-bottom: 5.72%;
}
.example .mainContainair .inner .line:after {
  content: "";
  position: absolute;
  border-style: solid;
  bottom: 0;
  left: 35%;
  border-width: 40px 112px 0 112px;
  border-color: #E5E8EF transparent transparent transparent;
}
.example .mainContainair .inner .line+div.customerVoice {
  width: 97.9%;
  margin: 3% auto 0;
}
.example .mainContainair .inner .line+div.customerVoice div {
  padding: 9% 20% 8.57% 6.38%;
}
.example .mainContainair .inner .line+div.customerVoice.one {
  background: url(/common/img/bg_example_human_01.png) no-repeat 97% bottom;
  background-size: 13.12%;
}
.example .mainContainair .inner .line+div.customerVoice.two {
  background: url(/common/img/bg_example_human_02.png) no-repeat 97% bottom;
  background-size: 16.25%;
}
.example .mainContainair .inner .line+div.customerVoice.odd {
  background: url(/common/img/bg_example_human_01.png) no-repeat 97% bottom;
  background-size: 13.12%;
}
.example .mainContainair .inner .line+div.customerVoice.even {
  background: url(/common/img/bg_example_human_02.png) no-repeat 97% bottom;
  background-size: 16.25%;
}
.example .mainContainair .inner .line+div.customerVoice.other {
  background: url(/common/img/bg_example_human_03.png) no-repeat 97% bottom;
  background-size: 12.24%;
}
.example .mainContainair .inner .line+div div span.tatoeba {
  padding: 15px 0;
  width: 18.5%;
}
}

@media screen and (max-width: 480px) {
.example .mainContainair .inner .txtBox h2>span:before {
  margin-top: -14px;
}
.example .mainContainair .inner .line:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 14px 40px 0 40px;
  border-color: #E5E8EF transparent transparent transparent;
  bottom: 0;
  left: 41.6%;
}
.example .mainContainair .inner .line+div.customerVoice div {
  padding: 12% 2% 20.57% 7.38%;
}
.example .mainContainair .inner .line+div div span.tatoeba {
  padding: 2% 0;
  font-size: 1.4rem;
  top: 3%;
  left: 2%;
}
.example .mainContainair+p {
  margin: 8.15% auto 0;
  width: 93.75%;
}
}




/********************************/
/* form
********************************/
.formPage .mainContainair input {
  line-height: 2;
}
.formPage .mainContainair input[type="text"], .formPage .mainContainair input[type="number"], .formPage .mainContainair input[type="email"] {
  height: 30px;
}
.formPage select {
  height: 30px;
  width: 30%;
}
.formPage table {
  width: 100%;
}
.formPage tr {
  background: url(/common/img/bg_contact_dotted_01.gif) repeat-x bottom center;
}
.formPage th {
  vertical-align: top;
}
.formPage .mainContainair .inner:first-child {
  border: 3px solid #001A66;
}
.submit {
  display: block;
  margin: 7.14% auto 0;
  padding: 0.89% 0;
  width: 51.0%;
  background: #FE9920;
  color: #fff;
  border: none;
  font: inherit;
  border-radius: 5px;
  cursor: pointer;
  font-size: 2.3rem;
  -webkit-appearance: none;
  font-weight: normal;
}
.formPage .mainContainair ul {
  font-size: 0;
}
.formPage .mainContainair li {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.4rem;
}
.formPage .mainContainair li input[type="radio"], .formPage .mainContainair li input[type="checkbox"] {
  margin: 3px 5px 0 0;
  vertical-align: top;
}
.formPage .items li {
  width: 21.9%;
  margin-right: 0;
}
.name input, .kana input {
  margin-left: 6px;
  width: 45%;
}
.name label+label, .kana label+label {
  margin-left: 7px;
}
.mail_ad p {
  margin: 10px 0;
}
.mail_ad input {
  width: 100%;
}
.number p {
  margin-bottom: 10px;
  line-height: 1.2;
}
.number input {
  width: 20%;
}
.number div+div {
  margin-top: 20px;
}
.address dl {
  letter-spacing: -.4em;
}
.address dt {
  display: inline-block;
  width: 14.38%;
  letter-spacing: normal;
}
.address dd {
  display: inline-block;
  width: 85.6%;
  letter-spacing: normal;
}
.address dt, .address dd {
  margin-bottom: 10px;
}
.address .width input {
  width: 30%;
}
.address dd input {
  width: 100%;
}
.formPage .inner+.inner {
  background: none;
}
.formPage .inner+.inner p {
  margin-top: 1.05%;
}
.formPage .inner+.inner p a {
  text-decoration: underline;
  color: #215787;
}
.formPage .inner+.inner p a:hover {
  text-decoration: none;
}
.formPage #contact02 {
  display: none;
}

@media screen and (min-width: 769px) {
.formPage .mainContainair .items li:nth-child(n+5) {
  margin-top: 1.94%;
}
}

@media screen and (max-width: 768px) {
.formPage th {
  display: block;
  vertical-align: inherit;
  background: url(/common/img/bg_contact_dotted_01.gif) repeat-x bottom center;
}
.formPage .mainContainair td {
  display: block;
}
.formPage .items li {
  width: 24%;
}
.submit {
  margin: 3.68% auto 0;
  padding: 0.89% 0;
  width: 91.6%;
  font-size: 2.0rem;
  font-weight: normal;
}
.name input, .kana input {
  width: 100%;
  margin: 0 0 4.3% 0;
}
.name label+label, .kana label+label {
  margin-left: 0;
}
.mail_ad p {
  margin: 10px 0 0;
}
.number input {
  width: 26%;
}
.address dt, .address dd {
  margin-bottom: 0;
  width: 100%;
}
.address dd input, .address dd select {
  margin: 0 0 4.3% 0;
}
.address .width input {
  width: 46%;
}
.formPage .mainContainair .method li:first-child {
  margin-right: 8.7%;
}
}

@media screen and (max-width: 480px) {
.formPage .items li {
  width: 50%;
  font-size: 1.2rem;
}
.formPage .items li:nth-child(n+3) {
  margin-top: 5%;
}
.formPage select {
  width: 100%;
}
}
/********************************
entry
********************************/
.entry h1 {
}

.entry h1:before {
	content:"\f003";
	font-family:FontAwesome;
	margin-right:5px;
}

.entry main .title+.inner {
  padding: 2.10% 0 3.15% 0;
}
.entry main .error {
  padding: 30px 50px 0 30px;
  color: #F00;
}
.entry main .error p {
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 1%;
}
.entry main .error li {
  display: block;
}
.entry .sheet01, .entry .sheet02 {
  padding: 0 50px 0 20px;
}
.entry .formlist .sheet01 tr:last-child, .entry .formlist .sheet02 tr:last-child {
  background: none;
}
.entry .formlist th {
  position: relative;
  padding: 20px 0 0 13px;
  width: 25.38%;
}
.entry .formlist th span.must {
  display: inline-block;
  position: absolute;
  right: 11.46%;
  color: #F00;
}
.entry .formlist th span.small {
  font-size: 1.1rem;
}
.entry .formlist td {
  padding: 2.19% 0 2.19% 0;
}
.entry .mainContainair .sheet01 tr:first-child th {
  padding: 20px 0 0 13px;
}
.entry .mainContainair .sheet01 tr:first-child td {
  padding: 20px 0 2.19% 0;
}
.entry .formlist .sheet01 .category li {
  margin-right: 5.21%;
}
.entry .formlist .sheet01 .detail textarea {
  width: 100%;
  height: 80px;
}
.entry .formlist .sheet01 .detail p {
  margin-top: 10px;
  line-height: 1.2;
}
.entry .sheet02 {
  border-top: 1px solid #001A66;
}
.entry .mainContainair .sheet02 tr:first-child th {
  padding: 40px 0 0 13px;
}
.entry .mainContainair .sheet02 tr:first-child td {
  padding: 4.3% 0 2.19% 0;
}
@media screen and (min-width: 768px) {
.entry .formlist th span.small {
  display: block;
}
.entry .mainContainair .sheet02 tr:first-child th span.must {
  top: 40px;
}
.entry .formlist th span.must {
  top: 20px;
}
}
@media screen and (max-width: 768px) {
.entry h1 {
}
.entry h1:before {
	content:"\f003";
	font-family:FontAwesome;
	margin-right:5px;
}
.entry main {
  margin-bottom: 6%;
}
.entry main .title+.inner {
  padding: 6.25% 2.08% 7.29% 2.08%;
}
.entry .mainContainair .inner {
  margin-top: 6.25%;
}
.entry main .error {
  padding: 4.34% 5.43%;
  color: #F00;
}
.entry .sheet01, .entry .sheet02 {
  padding: 0;
}
.entry .mainContainair .sheet01 tr:first-child th, .entry .mainContainair .sheet01 tr:first-child td, .entry .mainContainair .sheet02 tr:first-child th, .entry .mainContainair .sheet02 tr:first-child td, .entry .formlist th {
  padding: 4.34% 5.43%;
}
.entry .formlist th {
  width: 100%;
}
.entry .formlist th span.small {
  margin-left: 5px;
}
.entry .formlist th span.must {
  display: inline-block;
  position: static;
  margin-left: 10px;
}
.entry .formlist td {
  padding: 4.34% 5.43%;
}
.entry .formlist .sheet01 .category li {
  margin-right: 2.8%;
  font-size: 1.2rem;
}
.entry .sheet02 {
  border-top: none;
  background: url(/common/img/bg_contact_dotted_01.gif) repeat-x top center;
}
}

@media screen and (max-width: 480px) {
.entry .formlist .sheet01 .category li {
  margin-right: 0;
  width: 50%;
  font-size: 1.1rem;
}
.entry .formlist .sheet01 .category li:nth-child(n+3) {
  margin-top: 3%;
}
.entry .mainContainair li input[type="radio"] {
  margin: 3px 2px 0 0;
}
.entry .mainContainair .category li input[type="radio"] {
  margin: 1px 2px 0 0;
}
}
/********************************
entry.confirm
********************************/
.entry.lower.formPage.confirm section {
  padding: 5%;
}
.entry.lower.formPage.confirm section h2, .entry.lower.formPage.finish section h2 {
  margin-bottom: 1%;
  font-size: 2.6rem;
  font-weight: bold;
}
.entry.lower.formPage.confirm section table {
  margin: 2% 0;
  border: 1px solid #EFF1F5;
  border-bottom: 0;
}
.entry.lower.formPage.confirm section table th {
  width: 25%;
  padding: 10px 0 10px 10px;
  background: url(/common/img/bg_contact_dotted_01.gif) repeat-x bottom center #EAEDF2;
  font-weight: bold;
}
.entry.lower.formPage.confirm section table td {
  padding: 10px;
}
.entry.lower.formPage.confirm section table {
  padding: 10px;
}
.entry.lower.formPage.confirm section form {
  display: inline-block;
  width: 30%;
  box-shadow: none;
  border: 3px solid #0F276F;
  background: #fff;
}
.entry.lower.formPage.confirm section input[type="submit"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: none;
  padding: 3% 0;
  width: 100%;
  background: #fff;
  color: #001966;
  font-weight: bold;
}
.entry.lower.formPage.confirm section input[type="submit"]::-webkit-search-decoration {
 display: none;
}
.entry.lower.formPage.confirm section input[type="submit"]::focus {
 outline-offset: -2px;
}
.entry.lower.formPage.confirm section input[type="submit"]:hover {
  background: #001966;
  color: #fff;
}
.entry.lower.formPage.confirm section .btnArea {
  text-align: center;
}

@media screen and (max-width: 768px) {
.entry.lower.formPage.confirm section {
  padding: 5% 0 5%;
}
.entry.lower.formPage.confirm section>div {
  padding: 0 5%;
}
.entry.lower.formPage.confirm section h2, .entry.lower.formPage.finish section h2 {
  font-size: 2.3rem;
}
.entry.lower.formPage.confirm section table {
  margin: 2% 0 5%;
}
.entry.lower.formPage.confirm section table th {
  display: block;
  width: 100%;
}
.entry.lower.formPage.confirm section form {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
}
/********************************
entry.finish
********************************/
.entry.lower.formPage.finish section {
  padding: 2%;
}
.entry.lower.formPage.finish .mainContainair section li {
  display: block;
}
.entry.lower.formPage.finish .mainContainair section li a:hover {
  text-decoration: underline;
  color: #c70000;
}
/********************************
notFound
********************************/
.notFound .mainContainair {
  text-align: center;
}
.notFound .mainContainair .inner {
  padding: 3% 5%;
}
.notFound h1 {
  margin-bottom: 2%;
  font-size: 2.6rem;
  font-weight: bold;
}
.notFound .mainContainair ul {
  margin-top: 8%;
}
.notFound .mainContainair li:first-child {
  margin-right: 5%;
}
.notFound .mainContainair li{
  display: inline-block;
}
.notFound .mainContainair li a {
  display: block;
  position: relative;
  padding-left: 15px;
  font-weight: bold;
}
.notFound .mainContainair li a:before {
  content:"";
  position: absolute;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #0F276F;
  bottom: 28%;
  left: 0;
}
.notFound .mainContainair li a:hover {
  color: #1A44C1;
}
@media screen and (max-width: 768px) {
.notFound .mainContainair .inner {
  margin-bottom: 10%;
}
}

/******************************/
/* Contact Form7
/******************************/
/* Contact Form 7 */
/* --- お問い合わせフォーム関連(start)--- */

input[type="tel"] { 
	background: #f9f9f9; 
	border: 1px solid #e5e5e5; 
	border-radius: 4px; 
	outline: none; 
	-webkit-appearance: none; 
	font-size: 100%; 
}

span.wpcf7-list-item {display: block;}
.list-block .wpcf7-list-item { display: block; }
.list-inline .wpcf7-list-item { display: inline; }

.wpcf7 .wpcf7-style {
  width: 90%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}


.wpcf7 .wpcf7-style2 {
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 6px 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.formInner {
	background:lightyellow;
	/*font-size : 2vw;*/
	font-size: 2.0rem;
}

.formInner p{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.sent .formInner {
    display: none;
}
.complete-display{
    display: none;
}
.sent .complete-display{
    display: block;
}

.required {
    color: #FFF;
    display: inline-block;
    padding: 0.2em 0.2em 0.2em;
    background: red;
    border-radius: 5px;
}

.unrequired {
    color: #FFF;
    display: inline-block;
    padding: 0.2em 0.2em 0.2em;
    background: green;
    border-radius: 5px;
}

.wpcf7-submit {
  display: block;
  margin: 7.14% auto 0;
  padding: 0.89% 0;
  width: 51.0%;
  background: #FE9920;
  color: #fff;
  border: none;
  font: inherit;
  border-radius: 5px;
  cursor: pointer;
  font-size: 2.3rem;
  -webkit-appearance: none;
  font-weight: normal;
}

textarea {
	resize:both;
	width:100%;
}