@charset "UTF-8";

/*
Theme Name: 森猫堂
*/

/*全体
--------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	COLOR: #0e0b16;
	FONT-SIZE:20px;
font-family: 'Noto Serif JP',"メイリオ", Osaka, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
	LINE-HEIGHT: 150%;
	text-align: center;
	background: #fff;
}

/*paddingとborderをwidthに含める*/
* {	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

#con{
    width:100%;
	height:auto;
	margin:0px auto;
	padding:0;
	position:relative;
	text-align: center;
}

/*page-top用*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

img{
	border:0;
}
@media screen and (max-width:1080px){
img{
max-width: 100%;
height: auto;
width :auto;
}
}

a:link,a:visited{
	outline:0;
	color:#8fa702;
}

a:hover{
	outline:0;
	color: #8fa702;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

br.sp{
	display:inherit;
}
br.spt{
	display:inherit;
}
br.spm{
	display:inherit;
}
br.sm{
	display:none;
}
br.smt{
	display:none;
}
br.smm{
	display:none;
}
.nsp{
	display:inherit;
}
.nst{
	display:none;
}
.nss{
	display:none;
}
@media only screen and (max-width: 835px) {
br.sp{
	display:none;
}
br.spt{
	display:inherit;
}
br.spm{
	display:none;
}
br.sm{
	display:inherit;
}
br.smt{
	display:inherit;
}
br.smm,.smm{
	display:none;
}
.nsp{
	display:none;
}
.nst{
	display:inherit;
}
.nss{
	display:none;
}
.nsm{
	display:none;
}
}
@media only screen and (max-width: 479px) {
br.spt{
	display:none;
}
br.spm{
	display:inherit;
}
br.smt{
	display:none;
}
br.smm{
	display:inherit;
}
.nsp{
	display:none;
}
.nst{
	display:none;
}
.nss{
	display:inherit;
}
.nsm{
	display:none;
}
}

/*ヘッダ
--------------------------------------------------------------------------*/
header{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 700px;
margin: 0 0 50px;
padding:60px 0 0;
text-align: center;
background: url(https://cartainc.com/inseki/image/back.png) no-repeat center top/100%;
}
header.sub-page{
min-height: 400px;
margin: 0;
}
h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 60px;
padding: 0;
text-align: center;
line-height: 100%;
color: #fff;
font-weight: bold;
font-size: 120px;
}
header p{
text-align: center;
margin: 0;
color: #fff;
line-height: 120%;
font-size: 50px;
}

@media only screen and (max-width: 835px) {
header{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 500px;
margin: 0 0 40px;
padding:60px 0 0;
text-align: center;
background: url(https://cartainc.com/inseki/image/back.png) no-repeat center top/100%;
}
header.sub-page{
min-height: 400px;
margin: 0;
}
h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
line-height: 100%;
color: #fff;
font-weight: bold;
font-size: 100px;
}
header p{
text-align: center;
margin: 0;
color: #fff;
line-height: 120%;
font-size: 40px;
}
}
@media only screen and (max-width: 640px) {
header{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 400px;
margin: 0 0 40px;
padding:60px 0 0;
text-align: center;
background: url(https://cartainc.com/inseki/image/back-sm.png) no-repeat center top/100%;
}
header.sub-page{
min-height: 300px;
margin: 0;
}
h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
line-height: 100%;
color: #fff;
font-weight: bold;
font-size: 90px;
}
header p{
text-align: center;
margin: 0;
color: #fff;
line-height: 120%;
font-size: 30px;
}
}
@media only screen and (max-width: 479px) {
header{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 260px;
margin: 0 0 20px;
padding:30px 0 0;
text-align: center;
background: url(https://cartainc.com/inseki/image/back-sm.png) no-repeat center top/100%;
}
header.sub-page{
min-height: 260px;
margin: 0;
}
h1{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: center;
line-height: 100%;
color: #fff;
font-weight: bold;
font-size: 70px;
}
header p{
text-align: center;
margin: 0;

color: #fff;
line-height: 120%;
font-size: 25px;
}
}
@media only screen and (max-width: 375px) {
header{
clear: both;
float: left;
width: 100%;
height: auto;
min-height: 250px;
margin: 0 0 20px;
padding:15px 0 0;
text-align: center;
background: url(https://cartainc.com/inseki/image/back-sm.png) no-repeat center top/100%;
}
header.sub-page{
min-height: 250px;
margin: 0;
}
}

h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: center;
font-weight: bold;
line-height: 140%;
color: #0e0b16;
font-size: 40px;
}
h2 span{
font-size: 33px;
font-weight: normal;
}
@media only screen and (max-width: 835px) {
h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: center;
font-weight: bold;
line-height: 130%;
color: #0e0b16;
font-size: 35px;
}
h2 span{
font-size: 28px;
font-weight: normal;
}
}
@media only screen and (max-width: 640px) {
h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
text-align: center;
font-weight: bold;
line-height: 130%;
color: #0e0b16;
font-size: 32px;
}
h2 span{
font-size: 25px;
font-weight: normal;
}
}
@media only screen and (max-width: 479px) {
h2{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px;
padding: 0;
text-align: center;
font-weight: bold;
line-height: 130%;
color: #0e0b16;
font-size: 25px;
}
h2 span{
font-size: 20px;
font-weight: normal;
}
}

/*メニュー
--------------------------------------------------------------------------*/
menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 300px 0 0;
background: url(https://cartainc.com/inseki/image/menu.png) no-repeat center top/100%;
}
menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 0 30px 3%;
background: #0e0b16;
}
menu li{
float: left;
margin: 0 3%;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 23px;
line-height: 100%;
}
menu li a:link,menu li a:visited{
color: #a43acd;
text-decoration: none;
}
menu li a:hover{
text-decoration: underline;
}
@media only screen and (max-width: 1080px) {
menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 0 30px 2%;
background: #0e0b16;
}
menu li{
float: left;
margin: 0 2%;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 20px;
line-height: 100%;
}
}
@media only screen and (max-width: 835px) {
menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 250px 0 0;
background: url(https://cartainc.com/inseki/image/menu.png) no-repeat center top/150%;
}
menu li{
float: left;
margin: 0 2%;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 18px;
line-height: 100%;
}
}
@media only screen and (max-width: 640px) {
menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 200px 0 0;
background: url(https://cartainc.com/inseki/image/menu.png) no-repeat center top/150%;
}
menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 20px 0 20px 2%;
background: #0e0b16;
}
menu li{
float: left;
display: block;
width: 33.3%;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 16px;
line-height: 100%;
font-weight: bold;
}
menu li a:link,menu li a:visited{
color: #b045d9;
text-decoration: none;
}
menu li a:hover{
text-decoration: underline;
}
}
@media only screen and (max-width: 479px) {
menu{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 150px 0 0;
background: url(https://cartainc.com/inseki/image/menu.png) no-repeat center top/200%;
}
menu ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #0e0b16;
border-left: 1px solid #ded4ce;
border-top: 1px solid #ded4ce;
}
menu li{
float: left;
width: 50%;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 15px;
line-height: 100%;
font-weight: bold;
border-bottom: 1px solid #ded4ce;
border-right: 1px solid #ded4ce;
}
menu li.bno{
width: 100%;
font-size: 17px;
}
menu li a:link,menu li a:visited{
display: block;
padding: 15px 0 15px;
color: #b045d9;
text-decoration: none;
}
menu li a:hover{
text-decoration: underline;
}
}

/*メイン
--------------------------------------------------------------------------*/
main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 10% 30px 3%;
background:url(https://cartainc.com/inseki/image/main-back-left.png) repeat-y left top,url(https://cartainc.com/inseki/image/main-back-right.png) repeat-y right top,#ded4ce;
}
main p{
	margin:0 0 40px;
	padding:0;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size: 20px;
	line-height: 180%;
}
strong{
font-size: 1.1em;
}
@media only screen and (max-width: 1280px) {
main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 5% 30px 3%;
background:url(https://cartainc.com/inseki/image/main-back-left.png) repeat-y left top/40%,url(https://cartainc.com/inseki/image/main-back-right.png) repeat-y right top/30%,#ded4ce;
}
main p{
	margin:0 0 40px;
	padding:0;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size: 18px;
	line-height: 180%;
}
}
@media only screen and (max-width: 1080px) {
main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 4% 30px 2%;
background:url(https://cartainc.com/inseki/image/main-back-left.png) repeat-y left top/40%,url(https://cartainc.com/inseki/image/main-back-right.png) repeat-y right top/30%,#ded4ce;
}
main p{
	margin:0 0 35px;
	padding:0;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size: 16px;
	line-height: 180%;
}
}
@media only screen and (max-width: 479px) {
main{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 40px 3% 30px 3%;
background:url(https://cartainc.com/inseki/image/main-back-left.png) repeat-y left top/50%,url(https://cartainc.com/inseki/image/main-back-right.png) repeat-y right top/50%,#ded4ce;
}
}

#item{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 100px;
padding: 0 0 0 3%;
}
h3{
clear: none;
float: left;
width: 62%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 45px;
}
.f-pink{
color: #a43acd;
font-weight: bold;
font-size: 1.1em;
}
#item-pict{
float: right;
width: 35%;
margin: 0 0 0 3%;
}
#item-pict img{
margin: 0 0 30px;
max-width: 100%;
}
@media only screen and (max-width: 1280px) {
h3{
clear: none;
float: left;
width: 62%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 40px;
}
}
@media only screen and (max-width: 1080px) {
h3{
clear: none;
float: left;
width: 62%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 35px;
}
#item-pict img{
margin: 65px 0 0;
max-width: 100%;
}
}
@media only screen and (max-width: 835px) {
#item{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0 0 0 3%;
}
h3{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 40px;
}
#item-pict{
clear: both;
float: right;
width: 100%;
margin: 0 0 30px;
}
#item-pict img{
margin: 0;
max-width: 50%;
}
main #item p{
font-size: 18px;
margin: 0 0 40px;
line-height: 180%;
}
}
@media only screen and (max-width: 640px) {
h3{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 35px;
}
main #item p{
font-size: 16px;
margin: 0 0 40px;
line-height: 180%;
}
}
@media only screen and (max-width: 479px) {
#item{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 3%;
}
h3{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 28px;
}
main #item p{
font-size: 14px;
margin: 0 0 30px;
line-height: 180%;
}
#item-pict img.bno{
margin: 0 0 30px;
max-width: 100%;
}
}

#toha{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 100px;
padding: 0 3% 0 0;
}
h4{
clear: none;
float: left;
width: 47%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 45px;
}
#item-pict2{
float: left;
width: 35%;
margin: 0 13% 0 5%;
}
#item-pict2 img{
margin: 0 0 30px;
max-width: 100%;
}
@media only screen and (max-width: 1366px) {
#toha{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 100px;
padding: 0;
}
h4{
clear: none;
float: left;
width: 60%;
height: auto;
margin: 0 0 50px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 43px;
}
#item-pict2{
float: left;
width: 35%;
margin: 0 5% 0 0;
}
}
@media only screen and (max-width: 1080px) {
h4{
clear: none;
float: left;
width: 60%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 35px;
}
}
@media only screen and (max-width: 835px) {
#toha{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 3%;
}
#item-pict2{
clear: both;
float: right;
width: 100%;
margin: 0 0 30px;
}
#item-pict2 img{
margin: 0;
max-width: 50%;
}
main #toha p{
font-size: 18px;
margin: 0 0 40px;
line-height: 180%;
}
h4{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 40px;
}
}
@media only screen and (max-width: 640px) {
h4{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 35px;
}
main #toha p{
font-size: 16px;
margin: 0 0 40px;
line-height: 180%;
}
}
@media only screen and (max-width: 479px) {
#toha{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 3%;
}
h4{
clear: none;
float: left;
width: 100%;
height: auto;
margin: 0 0 40px;
padding: 0;
text-align: left;
line-height: 140%;
font-weight: bold;
color: #a43acd;
font-size: 28px;
}
main #toha p{
font-size: 14px;
margin: 0 0 30px;
line-height: 180%;
}
}

#voice{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 100px 0 0;
padding: 0;
background: url(https://cartainc.com/inseki/image/voice-back2.png) no-repeat center bottom/100%;
}
#voice h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 30px 0 50px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 50px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/voice.png) no-repeat center top;
}
#voice-left{
clear: both;
float: left;
width: 44%;
height: auto;
margin: 0 3%;
padding: 0;
}
#voice-right{
float: right;
width: 44%;
height: auto;
margin: 0 3%;
padding: 0;
}
.voice{
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 0;
}
.voice img{
max-width: 20%;
}
.voice-text{
float: right;
width: 80%;
margin: 0;
padding: 0 0 0 50px;
background: url(https://cartainc.com/inseki/image/voice-back1.png) no-repeat left 15%;
}
.voice-text2{
float: right;
margin: 0;
padding: 40px 5% 0;
background: #eee;
border-radius: 20px;
}
.voice p{
text-align: left;
font-size: 16px;
line-height: 180%;
margin: 0 0 30px;
}
.voice p.p-title{
font-size: 25px;
color: #a43acd;
font-weight: bold;
}
@media only screen and (max-width: 1080px) {
#voice{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 70px 0 0;
padding: 0;
background: url(https://cartainc.com/inseki/image/voice-back2.png) no-repeat center bottom/100%;
}
#voice h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 30px 0 40px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 45px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/voice.png) no-repeat center top;
}
.voice p.p-title{
font-size: 20px;
color: #a43acd;
font-weight: bold;
}
.voice p{
text-align: left;
font-size: 15px;
line-height: 170%;
margin: 0 0 25px;
}
}
@media only screen and (max-width: 835px) {
#voice{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0;
background: url(https://cartainc.com/inseki/image/voice-back2.png) no-repeat center bottom/100%;
}
#voice h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 20px 0 40px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 40px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/voice.png) no-repeat center top/40%;
}
#voice-left{
clear: both;
float: left;
width: 47%;
height: auto;
margin: 0 1% 0 2%;
padding: 0;
}
#voice-right{
float: right;
width: 47%;
height: auto;
margin: 0 2% 0 1%;
padding: 0;
}
.voice{
float: left;
width: 100%;
height: auto;
margin: 0 0 30px;
padding: 0;
}
.voice img{
max-width: 15%;
max-height: 70px;
}
.voice-text{
float: right;
width: 100%;
margin: 0;
padding: 0;
background: none;
}
.voice-text2{
float: right;
margin: 0;
padding: 30px 4% 0;
background: #eee;
border-radius: 20px;
}
.voice p{
text-align: left;
font-size: 14px;
line-height: 170%;
margin: 0 0 25px;
}
}
@media only screen and (max-width: 640px) {
#voice h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 10px 0 40px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 35px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/voice.png) no-repeat center top/40%;
}
.voice p{
text-align: left;
font-size: 13px;
line-height: 170%;
margin: 0 0 25px;
}
}
@media only screen and (max-width: 479px) {
#voice{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 50px 0 0;
padding: 0;
background: url(https://cartainc.com/inseki/image/voice-back2.png) no-repeat left bottom/500%;
}
#voice h5{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 10px 0 40px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 35px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/voice.png) no-repeat center top/60%;
}
#voice-left{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 5%;
}
#voice-right{
clear: both;
float: right;
width: 100%;
height: auto;
margin: 0;
padding: 0 5%;
}
.voice-text2{
float: right;
margin: 0;
padding: 25px 5% 0;
background: #eee;
border-radius: 15px;
}
.voice p{
text-align: left;
font-size: 13px;
line-height: 160%;
margin: 0 0 25px;
}
}

#mail{
clear: both;
width: 1000px;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
}
h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 30px 0 50px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 50px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/mail-back.png) no-repeat center top;
}
@media only screen and (max-width: 1080px) {
h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 50px;
padding: 30px 0 40px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 45px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/mail-back.png) no-repeat center top;
}
}
@media only screen and (max-width: 835px) {
form{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 50px 0 40px;
background: #ded4ce;
}
h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 20px 0 40px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 40px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/mail-back.png) no-repeat center top/40%;
}
}
@media only screen and (max-width: 640px) {
h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 20px 0 30px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 35px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/mail-back.png) no-repeat center top/40%;
}
}
@media only screen and (max-width: 479px) {
form{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 40px 0 30px;
background: #ded4ce;
}
h6{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 15px 0 30px;
text-align: center;
line-height: 100%;
font-weight: bold;
font-size: 35px;
color: #a43acd;
background: url(https://cartainc.com/inseki/image/mail-back.png) no-repeat center top/50%;
}
}

form{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 100px 0 50px;
background: #ded4ce;
}
@media only screen and (max-width: 1080px) {
#mail{
clear: both;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0 5%;
text-align: center;
}
}

.hissu{
font-size: 11px;
border-radius: 5px;
background: #a43acd;
color:#fff;
padding: 0 5px 1px;
margin: 0 0 0 2%;
}
#mail-check{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 50px;
	padding:10px 0;
	text-align:center;
}

table {
	clear:both;
	width:100%;
	margin:5px 0 20px;
    border:1px solid #333;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    table-layout:auto;
    text-align:left;
	background:#fff;
}
table p{
font-size: 17px;
margin: 0 0 15px;
line-height: 120%;
}
table .f13{
font-size: 13px;
}
th{
	width:30%;
	background:#eee;
	text-align:center;
	font-weight: normal;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 17px;
	}
td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 17px;
}
@media only screen and (max-width: 835px) {
table p{
font-size: 15px;
margin: 0 0 15px;
line-height: 120%;
}
th{
	width:40%;
	background:#eee;
	text-align:center;
	font-weight: normal;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 15px;
	}
td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px;
	font-size: 15px;
}
}

@media only screen and (max-width: 479px) {
table p{
font-size: 13px;
margin: 0 0 15px;
line-height: 120%;
}
table .f13{
font-size: 12px;
}
th{
	width:35%;
	background:#eee;
	text-align:center;
	font-weight: normal;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px 5px;
	font-size: 13px;
	line-height: 150%;
	}
td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding: 10px 5px;
	font-size: 13px;
}
}

.wpcf7 textarea,.wpcf7 input[type="text"] ,.wpcf7 input[type="email"]{
width: 100%;
}
input.btn_submit,input.btn_submit2,input.btn_submit3,input.btn_submit4{
 background-image:url(https://cartainc.com/inseki/image/mail-button1.png);
 background-repeat:no-repeat;
 background-color:#ded4ce;
 border:none;
 width:152px;
 height:52px;
 text-indent: -9999px;
 cursor: pointer;
}

@media only screen and (max-width: 640px) {
span.wpcf7-list-item {
margin-top:5px;
display: block;
}
}

input.btn_submit2{
 background-image:url(https://cartainc.com/inseki/image/mail-button2.png);
  background-color:#ded4ce;
}

input.btn_submit3{
 background-image:url(https://cartainc.com/inseki/image/mail-button3.png);
  background-color:#ded4ce;
}

input.btn_submit4{
 background-image:url(https://cartainc.com/inseki/image/mail-button4.png);
  background-color:#ded4ce;
}

input.btn_submit:hover {
	background: url(https://cartainc.com/inseki/image/mail-button1.png) no-repeat 0 -52px;
}

input.btn_submit2:hover {
	background: url(https://cartainc.com/inseki/image/mail-button2.png) no-repeat 0 -52px;
}

input.btn_submit3:hover {
	background: url(https://cartainc.com/inseki/image/mail-button3.png) no-repeat 0 -52px;
}

input.btn_submit4:hover {
	background: url(https://cartainc.com/inseki/image/mail-button4.png) no-repeat 0 -52px;
}
input[type="submit"]{
margin: 0 1% 0 0;
width: 160px;
height: 50px;
border-radius: 7px;
background: #e05061;
color: #fff;
font-size: 20px;
cursor: pointer;
box-shadow: none;
border: 0;
}
p input[type="submit"]{
display: block;
margin: 15px auto 0;
width: 160px;
height: 50px;
}
button{
display: block;
margin: 0 auto 15px;
width: 120px;
height: 40px;
border-radius: 7px;
background: #ccc;
color: #111;
font-size: 15px;
cursor: pointer;
box-shadow: none;
border: 0;
}

#sub-mail{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0 25% 50px;
background: #ded4ce;
}
.entry-content #sub-mail{
padding: 0 0 50px;
}
#sub-mail h4{
width: 100%;
font-size: 25px;
margin: 0 0 50px;
}
@media only screen and (max-width: 1366px) {
#sub-mail{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 10% 50px;
background: #ded4ce;
}
}
@media only screen and (max-width: 835px) {
#sub-mail{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 3% 50px;
background: #ded4ce;
}
#sub-mail p{
font-size: 17px;
}
}
@media only screen and (max-width: 479px) {
#sub-mail{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 5% 50px;
background: #ded4ce;
}
#sub-mail h4{
width: 100%;
font-size: 20px;
margin: 0 0 50px;
}
#sub-mail p{
font-size: 15px;
text-align: left;
}
}

/*フッタ
--------------------------------------------------------------------------*/
#page-top{
	width:40px;
	height:40px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
	color:#fff;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#000;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	color:#fff;
}
 
#page-top p:hover{
	background:#8b8b8b;
	color:#fff;
}
 
#move-page-top{
	color:#fff;
	line-height:40px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #0e0b16;
}
footer ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 0 30px 3%;
background: #0e0b16;
}
footer li{
float: left;
margin: 0 3%;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 23px;
line-height: 100%;
}
footer li a:link,footer li a:visited{
color: #a43acd;
text-decoration: none;
}
footer li a:hover{
text-decoration: underline;
}
@media only screen and (max-width: 1080px) {
footer ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 30px 0 30px 2%;
background: #0e0b16;
}
footer li{
float: left;
margin: 0 2%;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 20px;
line-height: 100%;
}
}
@media only screen and (max-width: 835px) {
footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
footer li{
float: left;
margin: 0 2%;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 17px;
line-height: 100%;
}
}
@media only screen and (max-width: 640px) {
footer{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
footer ul{
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #0e0b16;
border-left: 1px solid #ded4ce;
border-top: 1px solid #ded4ce;
}
footer li{
float: left;
width: 50%;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
font-size: 15px;
line-height: 100%;
font-weight: bold;
border-bottom: 1px solid #ded4ce;
border-right: 1px solid #ded4ce;
}
footer li a:link,footer li a:visited{
display: block;
padding: 15px 0 15px;
color: #b045d9;
text-decoration: none;
}
footer li a:hover{
text-decoration: underline;
}
}

#sub-mail header{
display: none;
}