@charset "utf-8";



/*//////////////////

#top・wp・contact構築時に欲しいパーツ集

必要最低限なパーツのみ残しています。
下層展開構築時のパーツは適宜チップスから取得し追加してください。

//////////////////*/

.topinsectitle>.inwrap{writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;font-size: 2.6rem;border: 1px solid #6a6a6a;padding: 22px 15px;line-height: 1.7; min-height: 173px; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 1040px){
	.topinsectitle{ margin-bottom: 20px; text-align: center; }
	.topinsectitle>.inwrap{font-size: 2rem; display: inline-block; min-height: 160px; padding-top: 25px; }
}
@media screen and (max-width: 767px){
	.topinsectitle>.inwrap{ font-size: 1.8rem; }
}
@media screen and (max-width: 500px){
}

.copy{ font-size: 3.2rem; text-align: center; font-weight: normal; margin-bottom: 30px; line-height: 1.8; }
.copy._1{ font-size: 2rem; }
@media screen and (max-width: 1040px){
	.copy{ font-size: 2.6rem; }
}
@media screen and (max-width: 767px){
	.copy{ font-size: 2rem; margin-bottom: 20px; }
}
@media screen and (max-width: 500px){
}



.newslist>li{ border-bottom: 1px solid #6a6a6a; padding-bottom: 22px; margin-bottom: 22px; }
.newslist>li:last-child{ margin-bottom: 0; }
.newslist>li>dl{ display: flex; flex-direction: row; }
.newslist>li>dl>dt{ flex-shrink: 0; margin-right: 35px; display: flex; flex-direction: row; align-items: flex-start; }
.newslist>li>dl>dt .date{ font-size: 1.5rem; flex-shrink: 0; }
.newslist>li>dl>dt .cat{margin-left: 15px;font-size: 1.4rem;width: 100px;text-align: center;display: inline-block;background: #d4d4d4;padding-bottom: 2px;}
.newslist>li>dl>dt .cat._colulmns{ background: #8bb3be; color: #fff; }
.newslist>li>dl>dd{ width: 100%; }
.newslist>li>dl>dd>a:hover{ color: #3d8093; }
.newslist._1{ border-top: 1px solid #d4d4d4; padding-top: 33px; }
.newslist._1>li{ border-bottom: 1px solid #d4d4d4; padding-bottom: 33px; margin-bottom: 33px; }
.newslist._1>li>dl>dt{ margin-right: 45px; }
.newslist._1>li:last-child{ margin-bottom: 0!important; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.newslist>li{ padding-bottom: 18px; margin-bottom: 18px; }
	.newslist>li:last-child{ margin-bottom: 0; }
	.newslist._1{ padding-top: 22px; }
	.newslist._1>li{ padding-bottom: 22px; margin-bottom: 22px; }
	.newslist>li>dl{ display: block; }
	.newslist>li>dl>dt{ margin-right: 0%!important; }
	.newslist>li>dl>dd{ margin-top: 10px; }
}
@media screen and (max-width: 500px){
}

.txtlink{ position: relative; padding-right: 45px; letter-spacing: 0em; padding-bottom: 5px; }
.txtlink::before{ content: ""; background: url(../img/common/arr1.svg) no-repeat; background-size: contain; width: 40px; height: 8px; display: inline-block; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; position: absolute; transition: .4s; }
.txtlink:not(._notunder):after{ content: ""; width: 100%; display: inline-block; background: #6a6a6a; position: absolute; right: 0; bottom: 0; height: 1px; transition: .4s; }
.txtlink:hover::before{ right: -10px; }
.txtlink:hover:after{ width: 0; }
.txtlink._notunder{ padding-bottom: 0; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	.txtlink{ font-size: 1.6rem; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}



.topsectitle{ text-align: center; position: relative; margin-bottom: 65px; }
.topsectitle .en{ font-size: 2rem; line-height: 1.8; }
.topsectitle .jn{ font-size: 3.2rem; line-height: 1.8; letter-spacing: 0.05em; }
.topsectitle .jn>.inwrap{position: relative;padding-bottom: 10px;font-weight: normal;}
.topsectitle .jn>.inwrap::before{content: "";background: url(../img/common/line.svg);background-size: auto 4px;width: 100%;height: 4px;display: inline-block;position: absolute;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;background-position: center center;}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	.topsectitle .en{ font-size: 1.6rem; font-weight: bold; }
	.topsectitle .jn{ font-size: 2.6rem; }
}
@media screen and (max-width: 767px){
	.topsectitle{ margin-bottom: 55px; }
	.topsectitle .en{ font-size: 1.4rem; }
	.topsectitle .jn{ font-size: 2.4rem; }
}
@media screen and (max-width: 500px){
	.topsectitle{ margin-bottom: 45px; }
}

.productcatlist{ display: flex; flex-direction: row; justify-content: center; font-size: 1.8rem; flex-wrap: wrap; }
.productcatlist>li:not(:first-child){ padding-left: 30px; margin-left: 30px; position: relative; }
.productcatlist>li:not(:first-child)::before{ content: ""; display: inline-block; width: 1px; height: 18px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; background: #2a2a2a; }
.productcatlist>li>a:hover{ color: #3d8093; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.productcatlist{ font-size: 1.6rem; }
	.productcatlist>li:not(:first-child){ padding-left: 20px; margin-left: 20px; }
}
@media screen and (max-width: 500px){
}


.productitemlist{ margin-left: auto; margin-right: auto; position: relative; }
.productitemlist>ul{display: flex;flex-direction: row;padding-left: 50px;padding-right: 50px;justify-content: center;}
.productitemlist>ul li{margin-left: 50px;margin-right: 50px;width: 20%;}
.productitemlist>ul.count1 li{width: 100%;max-width: 300px;}
.productitemlist>ul.count2 li{width: 50%;}
.productitemlist>ul li a.inwrap{ display: flex; flex-direction: column; }
.productitemlist>ul li a.inwrap .imgbox { flex-shrink: 0; }
.productitemlist>ul li a.inwrap .imgbox img{-o-object-fit : contain;object-fit : contain;width: 100%;height: 100%;object-position: bottom;  }
.productitemlist>ul:not(.count1) li a.inwrap .imgbox img{ aspect-ratio: 25/31; }
.productitemlist>ul li a.inwrap .txtbox{ margin-top: 20px; text-align: center; }
.productitemlist>ul li a.inwrap .txtbox .title{ font-size: 1.7rem; line-height: 1.8; transition: .4s; }
.productitemlist>ul li a.inwrap .txtbox .cat{ margin-top: 8px; text-align: center; }
.productitemlist>ul li a.inwrap:hover .txtbox .title{ color: #3d8093; }
.productitemlist>ul li a.inwrap .txtbox .cat>.inwrap{display: inline-block;font-size: 1.4rem;background: #dbd7d3;border-radius: 20px;padding: 0px 26px 2px;}

.productitemlist .slick-arrow{font-size: 0;width: 56px;height: 56px;min-width: 56px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;position: absolute;cursor: pointer;transition: .4s;}
.productitemlist .slick-arrow:hover .st0{ stroke: #3d8093 }
.productitemlist .slick-next{ right: 0; }
.productitemlist .slick-next:hover{ right: -10px; }
.productitemlist .slick-prev{ left: 0; }
.productitemlist .slick-prev:hover{ left: -10px; }
@media screen and (max-width: 1200px){
	.productitemlist>ul{padding-left: 30px;padding-right: 30px;}
	.productitemlist>ul li{margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.productitemlist{ padding-bottom: 50px; }
	.productitemlist>ul.count1,
	.productitemlist>ul.count2{ display: block; margin-bottom: -90px; overflow: hidden; margin-left: 0; }
	.productitemlist>ul.count1 li,
	.productitemlist>ul.count2 li{ display: block; margin-bottom: 40px; margin-left: 0; max-width: 100%; }
	.productitemlist>ul.count1 li a.inwrap .imgbox img,
	.productitemlist>ul.count2 li a.inwrap .imgbox img{ aspect-ratio: inherit; }
	.productitemlist>ul.count1 li{width: 100%;}
	.productitemlist>ul.count2 li{width: 100%;}
	.productitemlist .slick-arrow{ width: 26px; height: 26px; top: auto; bottom: -46px; }
	.productitemlist .slick-next{ right: calc(50% - 46px); }
	.productitemlist .slick-next:hover{ right: calc(50% - 51px); }
	.productitemlist .slick-prev{ left: calc(50% - 46px); }
	.productitemlist .slick-prev:hover{ left: calc(50% - 51px); }
}
@media screen and (max-width: 500px){
}


.productitemlist2>.list{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -150px; margin-bottom: -60px; overflow: hidden; }
.productitemlist2>.list>li{ margin-left: 150px; margin-bottom: 60px; width: calc(33.33% - 150px); display: flex; }
.productitemlist2>.list>li>.inwrap{ display: flex; flex-direction: column; }
.productitemlist2>.list>li .imgbox img{ -o-object-fit : contain;object-fit : contain;width: 100%;height: 100%;object-position: bottom; aspect-ratio: 25/31;  }
.productitemlist2>.list>li .txtbox{ margin-top: 30px; text-align: center; }
.productitemlist2>.list>li .txtbox .title{ font-size: 1.7rem; line-height: 1.8; transition: .4s; }
.productitemlist2>.list>li .txtbox .cat{ margin-top: 8px; text-align: center; }
.productitemlist2>.list>li .txtbox .cat>.inwrap{display: inline-block;font-size: 1.4rem;background: #dbd7d3;border-radius: 20px;padding: 0px 26px 2px;}
.productitemlist2>.list>li>.inwrap:hover .txtbox .title{ color: #3d8093; }
@media screen and (max-width: 1200px){
	.productitemlist2>.list{ margin-left: -100px; }
	.productitemlist2>.list>li{ margin-left: 100px; width: calc(33.33% - 100px); }
}
@media screen and (max-width: 1040px){
	.productitemlist2>.list{ margin-left: -80px; }
	.productitemlist2>.list>li{ margin-left: 80px; width: calc(33.33% - 80px); }
}
@media screen and (max-width: 767px){
	.productitemlist2>.list>li{ width: calc(50% - 80px); }
}
@media screen and (max-width: 500px){
	.productitemlist2>.list{ display: block; margin-left: 0; }
	.productitemlist2>.list>li{ margin-left: 0; width: 100%; }
}






.btnlink{font-size: 2.5rem;color: #fff;background: #3d8093;display: flex;align-items: center;justify-content: center;height: 100px;max-width: 700px;width: 100%;border: 1px solid #3d8093;border-radius: 5px;margin-left: auto;margin-right: auto;flex-direction: column;}
.btnlink>.inwrap{ position: relative;  display: inline-block; }
a.btnlink>.inwrap{ padding-right: 45px; }
a.btnlink>.inwrap::before,
a.btnlink>.inwrap::after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; background-size: contain; width: 40px; height: 8px; display: inline-block; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; position: absolute; transition: .4s; }
a.btnlink>.inwrap::before{ background: url(../img/common/arr1_blue.svg) no-repeat; background-size: contain; padding: 0; }
.btnlink .closetxt{ font-size: 1.2rem; text-align: center; display: block; padding-bottom: 5px; }
a.btnlink:hover{ background: #fff; color: #3d8093; }
a.btnlink:hover>.inwrap::before,
a.btnlink:hover>.inwrap::after{ right: -10px; }
a.btnlink:hover>.inwrap::before{ opacity: 1;  }
a.btnlink:hover>.inwrap::after{ opacity: 0;  }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	.btnlink{ font-size: 2rem; height: 80px; }
	a.btnlink>.inwrap::before,
	a.btnlink>.inwrap::after{ width: 30px; height: 6px; }
}
@media screen and (max-width: 767px){
	.btnlink{font-size: 1.8rem;padding-left: 10px;padding-right: 10px;}
	.btnlink .closetxt{ padding-bottom: 2px; }
}
@media screen and (max-width: 500px){
	.btnlink{ font-size: 1.7rem;  }
}

.backlink{font-size: 1.7rem;display: inline-block;border: 1px solid #2a2a2a;padding: 9px 40px;}
.backlink:hover{ background: #2a2a2a; color: #fff; }
.backlink._blue{ border: 1px solid #3d8093; background: #3d8093; color: #fff }
.backlink._blue:hover{ background: transparent;  color: #3d8093; }
@media screen and (max-width: 767px){
	.backlink{ font-size: 1.5rem; }
}



.columnslist{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -50px; margin-bottom: -40px; overflow: hidden; }
.columnslist>li{ margin-left: 50px; display: flex; width: calc(33.33% - 50px); margin-bottom: 40px; }
#index .columnslist>li:nth-child(4){ display: none; }
.columnslist>li>.inwrap{ display: flex; flex-direction: column; }
.columnslist>li>.inwrap .imgbox{ position: relative; border-radius: 5px; overflow: hidden; }
.columnslist>li>.inwrap .imgbox img{ transition: .4s; aspect-ratio: 8/5;  -o-object-fit : cover; object-fit : cover; }
.columnslist>li>.inwrap .columninfo{ margin-top: 25px; text-align: center; }
.columnslist>li>.inwrap .columninfo .date{ font-size: 1.4rem; }
.columnslist>li>.inwrap .columninfo .title{ font-size: 1.7rem; }
.columnslist>li>.inwrap:hover .imgbox img{ transform: scale(1.06); }
.columnslist>li>.inwrap:hover .columninfo{ color: #3d8093; }
.columnslist._1{ margin-left: -60px; margin-bottom: -65px; }
.columnslist._1>li{ margin-left: 60px; width: calc(33.33% - 60px); margin-bottom: 65px; }
.columnslist._1>li>.inwrap .imgbox{ border-radius: 0; }
.columnslist._1>li>.inwrap .imgbox img{ aspect-ratio: 71/48; }
.columnslist._1>li>.inwrap  .columninfo{ text-align: left; margin-top: 20px; }
.columnslist._1>li>.inwrap  .columninfo .date,
.columnslist._1>li>.inwrap  .columninfo .title{ font-size: 1.6rem; }
.columnslist._1>li>.inwrap  .columninfo .cat{ text-align: left; margin-bottom: 10px; }
.columnslist._1>li>.inwrap  .columninfo .cat>.inwrap{display: inline-block;font-size: 1.4rem;background: #dbd7d3;border-radius: 20px;padding: 0px 26px 2px;}
.columnslist>li>.inwrap:hover .columninfo .cat{ color: #000; }
@media screen and (max-width: 1200px){
	.columnslist._1{ margin-left: -50px; margin-bottom: -50px; }
	.columnslist._1>li{ margin-left: 50px; width: calc(33.33% - 50px); margin-bottom: 50px; }
}
@media screen and (max-width: 1040px){
	.columnslist._1>li{ width: calc(50% - 50px); }
}
@media screen and (max-width: 767px){
	.columnslist{ margin-left: -30px!important; }
	.columnslist>li{ margin-left: 30px!important; width: calc(50% - 30px)!important; }
	#index .columnslist>li:nth-child(4){ display: flex; }
	.columnslist._1>li>.inwrap  .columninfo .date,
	.columnslist._1>li>.inwrap  .columninfo .title{ font-size: 1.5rem; }
	.columnslist._1>li>.inwrap  .columninfo .cat>.inwrap{ font-size: 1.2rem; }
}
@media screen and (max-width: 500px){
	.columnslist{ display: block!important; margin-left: 0!important; margin-bottom: -30px!important; }
	.columnslist>li{ margin-left: 0!important; display: block!important; width: 100%!important; margin-bottom: 30px!important; }
	#index .columnslist>li:nth-child(4){ display: none; }
	.columnslist>li>.inwrap .columninfo{ margin-top: 20px; }
}


.categoryitemlist>li:not(:first-child){ padding-top: 80px; margin-top: 90px; border-top: 1px solid #aaa; }
.categoryitemlist .topinsectitle{ text-align: center; font-weight: normal; margin-bottom: 50px; }
.categoryitemlist .topinsectitle>.inwrap{margin-left: auto;margin-right: auto;padding: 18px 19px;min-height: auto;}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.categoryitemlist>li:not(:first-child){ padding-top: 70px; margin-top: 80px; }
}
@media screen and (max-width: 500px){
}



.wpbnrlist{/*margin-top: 100px;*/ padding-top: 100px; /*border-top: 1px solid #aaa;*/ padding-bottom: 100px; }
.wpbnrlist>ul{ margin-left: -60px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; }
.wpbnrlist>ul>li{ margin-left: 60px; width: calc(50% - 60px); }
.wpbnrlist>ul>li>.inwrap{ border: 1px solid #2a2a2a; display: flex; flex-direction: row; border-radius: 5px; overflow: hidden; }
.wpbnrlist>ul .img{ flex-shrink: 0; width: 210px; overflow: hidden; }
.wpbnrlist>ul .img img{ transition: .4s; position: relative; }
.wpbnrlist>ul .txt{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 2rem;position: relative;padding-right: 70px;padding-left: 4%;line-height: 1.7;}
.wpbnrlist>ul .inwrap._off .txt{ padding-right: 4%; }
.wpbnrlist>ul .inwrap:not(._off) .txt::after,
.wpbnrlist>ul .inwrap:not(._off) .txt::before{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 40px;height: 8px;display: inline-block;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 30px;position: absolute;transition: .4s;}
.wpbnrlist>ul .inwrap:not(._off) .txt::after{ background: url(../img/common/arr1_blue.svg) no-repeat;background-size: contain; opacity: 0; }
.wpbnrlist>ul ._insta .txt svg{ width: 32px; height: 32px; margin-right: 10px; flex-shrink: 0; }
.wpbnrlist>ul .closetxt{ font-size: 1.2rem; text-align: center; margin-top: 5px; }
.wpbnrlist>ul>li>a.inwrap:hover .img img{ transform: scale(1.04); }
.wpbnrlist>ul>li>a.inwrap:hover{ color: #3d8093; }
.wpbnrlist>ul>li>a.inwrap:hover .txt svg .st0{fill:#3d8093; }
.wpbnrlist>ul>li>a.inwrap:hover .txt::before,
.wpbnrlist>ul>li>a.inwrap:hover .txt::after{ right: 20px; }
.wpbnrlist>ul>li>a.inwrap:hover .txt::before{ opacity: 0; }
.wpbnrlist>ul>li>a.inwrap:hover .txt::after{ opacity: 1; }
@media screen and (max-width: 1300px){
	.wpbnrlist>ul>li{ display: flex; flex-direction: column-reverse; }
	.wpbnrlist>ul>li>.inwrap{ flex-direction: column-reverse; width: 100%; }
	.wpbnrlist>ul .closetxt{ margin-top: 0; margin-bottom: 5px; }
	.wpbnrlist>ul .txt{font-size: 1.8rem;line-height: 1.6;}
	.wpbnrlist>ul .img{ width: 100%; }
	.wpbnrlist>ul .img img{ aspect-ratio:21:16;  }
	.wpbnrlist>ul .txt{display: block;text-align: center;padding-bottom: 40px;padding-top: 40px;padding-left: 6%;padding-right: 6%;}
	.wpbnrlist>ul .inwrap:not(._off) .txt::after, .wpbnrlist>ul .inwrap:not(._off) .txt::before{ right: 20px; }
	.wpbnrlist>ul .txt svg{display: block;margin-bottom: 15px;margin-right: 0!important;text-align: center!important;margin-left: auto!important;margin-right: auto!important;}
	.wpbnrlist>ul .inwrap:not(._off) .txt::after,
	.wpbnrlist>ul .inwrap:not(._off) .txt::before{ width: 30px; height: 6px; }
	.wpbnrlist>ul>li>a.inwrap:hover .txt::before,
	.wpbnrlist>ul>li>a.inwrap:hover .txt::after{ right: 10px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	.wpbnrlist{/*margin-top: 80px;*/ padding-top: 80px; padding-bottom: 80px; }
	.wpbnrlist>ul{ margin-left: 0; display: block; }
	.wpbnrlist>ul>li{ margin-left: 0; width: 100%; }
	.wpbnrlist>ul>li:not(:last-child){ margin-bottom: 40px; }
}
@media screen and (max-width: 500px){
}

.singleinfobox{ margin-bottom: 50px; }
.singleinfobox .singletitle{ font-size: 2.8rem;  font-weight: normal; margin-bottom: 10px; line-height: 1.8; }
.singleinfobox .singleinfo{ margin-left: -20px; overflow: hidden; margin-bottom: -10px; }
.singleinfobox .singleinfo .date{ display: inline-block; vertical-align: middle; margin-left: 20px; margin-bottom: 10px; font-size: 1.5rem; }
.singleinfobox .singleinfo .cat{ text-align: left;display: inline-block; vertical-align: middle; margin-left: 20px; margin-bottom: 10px; margin-bottom: 10px; }
.singleinfobox .singleinfo .cat>.inwrap{display: inline-block;font-size: 1.4rem;background: #dbd7d3;border-radius: 20px;padding: 0px 26px 2px;}
.singleinfobox .singleinfo .cat>a.inwrap:hover{ background: #3d8093; color: #fff; }
@media screen and (max-width: 1200px){
	.singleinfobox{ text-align: center; }
}
@media screen and (max-width: 1040px){
	.singleinfobox .singletitle{ font-size: 2.6rem; margin-bottom: 10px; }
	.singleinfobox .singleinfo .date{ font-size: 1.4rem; }
	.singleinfobox .singleinfo .cat>.inwrap{ font-size: 1.3rem; padding-bottom: 0; }
}
@media screen and (max-width: 767px){
	.singleinfobox .singletitle{ font-size: 2rem; }
}
@media screen and (max-width: 500px){
}


/* input */
form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="password"],
form textarea { border: 1px solid #fff; background: #fff!important; line-height: 2; padding: 18px 15px; font-size: 100%; height: 60px; width: 100%; transition: 0.3s; letter-spacing: 1.6; font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
form textarea { height: 267px; width: 100%; resize: vertical; display: block; }
form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form textarea:focus { border: 1px solid #3d8093!important; }
form input[type="text"]:read-only,
form input[type="tel"]:read-only,
form input[type="email"]:read-only,
form input[type="password"]:read-only,
form textarea:read-only { background: #eee!important; }
@media screen and (max-width: 767px) {
	form input[type="text"],
	form input[type="tel"],
	form input[type="email"],
	form input[type="password"] { padding: 18px 12px; height: 60px; }
	form textarea{ height: 240px; }
}

/* other */
input::placeholder, textarea::placeholder { color: #ccc!important; }
p.ermsg { color: #e61919; line-height: 1.8; margin-top:10px; }
p.ermsg + p.ermsg { margin-top:0; }
.required { display: inline-block; color: #e61919; line-height: 1; margin-left: 10px; letter-spacing: 0; font-size: 1.6rem; }
ul.list.error { margin-bottom: 60px; }
ul.list.error li { margin-bottom: 5px; color: #e61919;}
@media screen and (max-width: 767px) {
	.required { font-size: 1.4rem; }
}

/* size */
form .short { width: 300px!important;}
form .middle { width: 500px!important;}
@media screen and (max-width: 767px) {
	form .short { width: 100%!important;}
	form .middle { width: 100%!important;}
}


/* checkbox */
form input[type="checkbox"] { width: 16px; height: 16px; border:1px solid #191919; background-color: #fff!important; cursor: pointer; background-size: 16px 16px!important; font-size: 0; transition: 0.3s; margin-right: 5px; vertical-align: -2px; }
form input[type="checkbox"].checked,
form input[type="checkbox"]:checked { background-color: #3d8093!important; border:1px solid #3d8093; }
form input[type="checkbox"].checked:before,
form input[type="checkbox"]:checked:before,
form input[type="checkbox"].checked:after,
form input[type="checkbox"]:checked:after { content:none!important; }

/* radio */
form input[type="radio"] { width: 18px; height: 18px; border-radius: 50%; border:1px solid #191919; background-color: #fff!important; cursor: pointer; background-size: 18px 18px!important; font-size: 0; transition: 0.3s; margin-right: 5px; vertical-align: -3px; }
form input[type="radio"].checked,
form input[type="radio"]:checked { background-color: #3d8093!important; border: 1px solid #3d8093; }
form input[type="radio"].checked:before,
form input[type="radio"]:checked:before,
form input[type="radio"].checked:after,
form input[type="radio"]:checked:after { content:none!important; }

/* date */
input[type="date"]:focus { outline: 0; }
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button{ -webkit-appearance: none; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; height: 60px; width: 60px; right: 0; cursor: pointer; }
input[type="date"] {position: relative;width: 210px;height: 60px;border: 0;background: transparent;box-sizing: border-box;font-size: 1.5rem;color: #191919;font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;letter-spacing: 0.1em;padding-left: 15px;}

/* daybox */
.datebox .dateinput{ margin-top: 5px; margin-left: -15px; }
.datebox .dateinput .daybox,
.datebox .dateinput .datetime{ display: inline-block; vertical-align: middle; margin-left: 15px; margin-top: 15px; }
form .daybox label { position: relative; display: inline-block; width: 266px; height: 60px; border: 1px solid #191919; color: #191919; padding-right: 60px; background: #fff; }
form .daybox label::before {content: "";background: #b2b2b2;width: 60px;height: 58px;top: 0;right: 0;position: absolute;z-index: 1;border-left: 1px solid #191919;}
form .daybox label::after {content: "";background: linear-gradient(to left top, transparent 50%, rgb(255, 255, 255) 51%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(255, 255, 255) 51%) left bottom / 50% 100% no-repeat;width: 10px;height: 8px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 2;right: 25px;}
@media screen and (max-width: 767px) { 
	form .daybox label { width: 100%; }	
	.datebox .dateinput .daybox,
	.datebox .dateinput .datetime{ display: block; }
}

/* selectbox */
form .selectbox { height: 60px; width: 480px; position: relative; display: inline-block; z-index: 1; }
form .selectbox .wpcf7-form-control-wrap{ border: 1px solid #fff; background: #fff; position: relative; height: 60px; width: 100%; display: inline-block; padding-right: 60px; }
form .selectbox .wpcf7-form-control-wrap::before {content: "";background: url(../img/common/selectarr.svg) no-repeat;width: 22px;height: 22px;top: 0;right: 20px;position: absolute;z-index: 1;bottom: 0;margin-top: auto;margin-bottom: auto;background-position: center center;}
form .selectbox select { font-size: 1.6rem; width: 100%; height: 100%; padding: 0 15px; position: relative; font-family : "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing: 0.1em; }
@media screen and (max-width: 767px) { 
	form .selectbox { width: 100%; }
}


.zipbox{ display: flex; flex-direction: row; max-width: 480px; width: 100%; }
.zipbox .inputbox{ width: 100%; }
.zipbox .inputbox input{ height: 100%; }
.zipbox .getaddress{border-top: 1px solid #191919;border-bottom: 1px solid #191919;border-right: 1px solid #191919;width: 160px;flex-shrink: 0;display: flex;}
.zipbox .getaddress>a{ display: flex; align-items: center; justify-content: center; background: #b2b2b2; color: #fff; width: 100%; }
@media screen and (max-width: 767px) { 
	.zipbox .getaddress{ width: 140px; }
}
@media screen and (max-width: 500px) { 
	.zipbox .getaddress{ width: 130px; }
}

/* btnbox */
.btnbox {text-align: center;width: 100%;margin-top: 30px;}
.btnbox ul { margin-left: -20px; margin-top: -10px; overflow: hidden; text-align: center; }
.btnbox ul>li { margin-left: 20px; margin-top: 10px; display: inline-block; vertical-align: middle; }

form input[type="submit"]{display: inline-block;border: 1px solid #3d8093;background: #3d8093;padding: 16px 30px 16px;text-align: center;max-width: 320px;font-size: 1.8rem;color: #fff;width: 100%;}
form input[type="submit"]:hover{ background: #fff; color: #3d8093; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	form input[type="submit"]{ font-size: 1.6rem; }
	.btnbox ul { margin-left: 0; }
	.btnbox ul>li { margin-left: 0; display: block; }
	.btnbox ul>li label{ width: 100%; }
}
@media screen and (max-width: 500px){
}




form ul.formlist>li { margin-bottom: 30px; }
form ul.formlist>li dl { display: flex; justify-content: space-between; }
form ul.formlist>li dt {width: 280px;text-align: left;flex-shrink: 0;font-size: 1.8rem;margin-left: -20px;line-height: 1.4;padding-top: 15px;}
form ul.formlist>li dt .required{ font-size: 1.6rem; }
form ul.formlist>li dt .txt,
form ul.formlist>li dt .required{ display: inline-block; vertical-align: middle; margin-left: 20px; }
form ul.formlist>li dd { width: 100%; }

form .privacycheck {padding: 5px 0;text-align: center;}
form .privacycheck a { text-decoration: underline; }
form .privacycheck a:hover { text-decoration: none; }
form .btnbox{ text-align: center; }
form .btnbox label{  width: 100%; max-width: 415px; }
form .btnbox .btnlink{ width: 100%; height: 70px; border-radius: 0; }

form .privacytxt{ background: #fff; margin-bottom: 40px; }
form .privacytxt>.inwrap{ overflow-y: auto; min-height: 276px; padding: 20px 30px; font-size: 1.5rem; }
form .privacytxt>.inwrap .txt{ margin-bottom: 20px; }
form .privacytxt>.inwrap .txt .title{ margin-bottom: 10px; }
@media screen and (max-width: 767px) { 
	form .privacycheck { padding: 0 0; text-align: center; }
	form ul.formlist>li dl { display: block; }
	form ul.formlist>li dt {width: 100%;margin-bottom: 10px;margin-left: -15px;padding-top: 0;}
	form ul.formlist>li dt .txt,
	form ul.formlist>li dt .required{ margin-left: 15px; }
	form ul.formlist>li dt {font-size: 1.6rem;}
	form ul.formlist>li dt .required{ font-size: 1.5rem; }
}
@media screen and (max-width: 500px) { 
	form .privacycheck{ letter-spacing: 0.1em; }
}

.wpcf7-response-output { width: 100%; font-size: 20px; border: 1px solid #e61919!important; color: #e61919; font-weight: bold; text-align: center; padding: 20px 6%!important; margin-bottom: 60px !important; }
@media screen and (max-width: 767px) {
	.wpcf7-response-output { padding: 6%!important; font-size: 1.6rem; margin-bottom: 40px !important; }
}
span.wpcf7-not-valid-tip { margin: 5px 0; color: #e61919; font-weight: bold; }
span.wpcf7-not-valid-tip:before {content:"！"; }
form ul.formlist>li.mail dd input:first-child+span.wpcf7-not-valid-tip{ margin-top: -5px; margin-bottom: 10px; }

.wpcf7-spinner{ position: absolute!important; bottom: -40px; left: 0; right: 0; margin: 0 auto!important; }