@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}



.c-spbw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
}
.c-inner {
  padding: 0 5%;
}
.c-mainText {
  font-size: 15px;
  line-height: 26px;
  color:#151515;
  text-align: left;
}





.p-mainVis {
  background: url(../images/main_vis.png) no-repeat center top;
  background-size: 100% auto;
  box-sizing: border-box;
  position: relative;
  padding: 20% 0 0;
  margin-bottom: 12%;
}

.p-mainVis-wrap01 li {
  width: 33.33%;  
}
.p-mainVis-wrap02 {
  width: 72.39%;
  margin-top:-6%;
}
.p-mainVis-wrap02 li:nth-child(1) {
  width: 46.04%; 
}
.p-mainVis-wrap02 li:nth-child(2) {
  width: 53.96%; 
}
.p-mainVis-balloon {
  position: absolute;
  top:2%;
  right:2%;
  width: 23.177%;
}
.p-mainVis-text {
  font-size: 15px;
  line-height: 23px;
  color:#545454;
  text-align: left;
  margin: 10% 0;
  text-shadow: #fff 1px 1px 1px,#fff 0px 0px 1px,#fff 1px 0px 0px,#fff 2px 1px 1px,#fff 1px 1px 2px,#fff 1px 2px 1px;
}


.c-sec03Wrap {
  margin-bottom: 8%;
}
.c-sec03Wrap-pic {
  margin-bottom: 2%;
}
.c-sec03Wrap-pic img {
  border-radius: 6px;
}

.p-sec04 {
  background: #fff;
  padding: 5% 0;
}
.c-sec04Wrap {
  margin-bottom: 6%;
}
.c-sec04-text {
  margin: 0 5% 0 16%;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  width: 79%;
}
.c-sec04-text:before {
  position: absolute;
  content: "A：";
  left:-24px;
  top:0;
}

.p-cautionText {
  font-size: 18px;
  line-height: 31px;
  color:#4c4c4c;
}
.p-sec05Wrap {
  background: url(../images/border02.png) top left no-repeat;
  background-size: 100% 100%;
  margin-bottom: 10%;
}
.p-sec05Btn {
  margin: 0 8.5%;
  padding-bottom: 10%;
}




/* 追記20180202
===============================================================*/
.p-addWrap {
  position: relative;
  padding-bottom: 12%;
  margin-bottom: 8%;
  background: url(../images/arrow.png) bottom center no-repeat;
  background-size: 26px auto;
}
.p-addWrap-text01 {
  font-size: 16px;
  color:#4a4a4a;
  text-align: center;
  margin-bottom: 20px;
}
.p-to-documentBtn {
  width: 90%;
  margin: 0 auto 14%;
}



#form {
  padding-top: 60px;
}
.p-form {
  padding: 20px 20px;
  background: #FFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Osaka, "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 5% 60px 5%;
}
.p-formTable {
  display: block;
  color: #333;
  margin-bottom: 30px;
}
.p-formTable tbody ,
.p-formTable tr ,
.p-formTable th ,
.p-formTable td {
  display: block;
}
.p-formTable tr + tr {
  margin-top: 20px;
}
.p-formTable tr + input + tr {
  margin-top: 20px;
}
.p-formTable th {
  padding: 0px 0px 10px 45px;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  border-bottom: #333 1px solid;
}
.p-formTable th .required {
  font-size: 12px;
  font-weight: normal;
  display: block;
  position: absolute;
  padding: 4px 5px 3px 5px;
  background: #AB1215;
  color: #FFF;
  top:50%;
  left: 0;
  margin-top: -14px;
}
.p-formTable td {
  text-align: left;
  vertical-align: middle;
  padding: 10px 0;
  font-size: 14px;
}
.p-formTable td input[type=text] ,
.p-formTable td input[type=tel] ,
.p-formTable td input[type=email] {
  display: block;
  border: none;
  background: #E9E9E9;
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  box-sizing: border-box;
}
.p-formTable td input.p-formTable-nameInput {
  display: inline-block;
  width: 100px;
  width: -moz-calc((100% - 90px)/2);
  width: -webkit-calc((100% - 90px)/2);
  width: calc((100% - 90px)/2);
}
input::-webkit-input-placeholder {
    color: #a0a0a0;
}
input:-ms-input-placeholder {
    color: #a0a0a0;
}
input::-moz-placeholder {
    color: #a0a0a0;
}
.p-formTable-caution {
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
}
.p-formTable td select {
  display: inline-block;
  border: none;
  background: #E9E9E9 url(../images/select_arrow.png) no-repeat right 5px center;
  background-size: 17px auto;
  width: 100px;
  width: -moz-calc((100% - 74x)/3);
  width: -webkit-calc((100% - 74px)/3);
  width: calc((100% - 74px)/3);  
  height: 40px;
  padding: 5px 10px;
  box-sizing: border-box;
-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.p-formTable-sei ,
.p-formTable-mei ,
.p-formTable-kanasei ,
.p-formTable-kanamei {
  width: 40px;
  display: inline-block;
}
.p-formTable-mei ,
.p-formTable-kanamei {
  margin-left: 10px;
}
.p-formTable-year ,
.p-formTable-month ,
.p-formTable-day {
  display: inline-block;
  width: 20px;
  text-align: right;
}
.p-formTable-year ,
.p-formTable-month {
  margin-right: 7px;
}

.p-formTable-submit {
  margin-bottom: 60px;
}
.p-formTable-submit input {
  width: 100%;
}

.p-formPrivacy {
}
.p-formPrivacyFrame {
}
.p-formPrivacyFrame h3 {
  font-size: 18px;
  line-height: 1;
  color: #333;
  padding-bottom: 10px;
  text-align: left;
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}
.p-formPrivacyInner {
}
.p-formPrivacyInner p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Osaka, "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  text-align: left;
}



.p-thnaks {
  padding: 150px 10px 100px 10px;
}
.p-thnaks h2 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 60px;
}

/*infomation box(休業期間のお知らせなどの用途で使用)*/
.p-noteOuter {
  padding: 50px 0 30px 0;
}
.p-note {
  background: rgba(255,255,255,0.95);
  border: #666 1px dashed;
  padding: 15px;
  text-align: center;
  margin: 0 5% 0px 5%;
}
.p-noteTxt {
  font-size: 12px;
  line-height: 1.75;
}

/* メディア実績　20180829
===============================================================*/
.p-media {
  padding: 50px 0;
  background:#e0f7ee;
  margin-bottom: 50px;
}
.p-mediaList {
	display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 600px;
	margin: 15px auto 0 auto;
}
.p-mediaList__item {
	width: 46%;
	margin-left: 8%;
}
.p-mediaList__item:nth-child(2n + 1) {
	margin-left: 0;
}
.p-mediaList__item:nth-child(n + 3) {
	margin-top: 30px;
}
.p-mediaList__item img {
	width: 100%;
	height: auto;
}
.p-mediaList__name {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Osaka, "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0c9170;
	letter-spacing: 2px;
	margin-top: 15px;
}


.p-disc {
}
.p-discHead {
  margin-bottom: 10vw;
}
.p-discHead__title01 {
  margin-bottom: 4vw;
}
.p-discInner {
}
.p-disc__item {
}
.p-disc__itemFrame {
}
.p-disc__itemFrameInner {
  position: relative;
  padding: 8vw 0 10vw;
}
.p-disc__itemNum {
  text-align: center;
  margin-bottom: 4vw;
}
.p-disc__itemTitle {
  text-align: center;
}
.p-disc__itemTitle img {
  max-width: 100%;
}
.p-disc__itemTxtWrap {
  text-align: left;
  margin-top: 8vw;
  padding: 0 5%;
}
.p-disc__itemTxt {
  font-size: 16px;
  line-height: 1.75;
  color: #FFF;
}
.p-disc__itemTxt strong {
  color: #2b7576;
  background: #f0dc03;
}
.p-disc__item.is-01 {
  background: url("../images/disc-01-bg.png");
}
.p-disc__item.is-02 {
  background: url("../images/disc-02-bg.png");
}
.p-disc__itemBal {
  position: absolute;
  top: -4vw;
  right: 2vw;
  max-width: 42vw;
}
.p-disc__itemBal img {
  width: 100%;
}






  
.u-mb2 {  margin-bottom: 2% !important; }
.u-mb4 {  margin-bottom: 4% !important; }
.u-mb6 {  margin-bottom: 6% !important; }
.u-mb8 {  margin-bottom: 8% !important; }
.u-mb10 {  margin-bottom: 10% !important; }
.u-mb12 {  margin-bottom: 12% !important; }
.u-mb14 {  margin-bottom: 14% !important; }
.u-mb16 {  margin-bottom: 16% !important; }
.u-mb20 {  margin-bottom: 20% !important; }