@charset "utf-8";

*, ::after, ::before {
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(246,233,59, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
}

.text-indigo-500 {
    --tw-text-opacity: 1;
	color: rgb(185, 28, 28,var(--tw-text-opacity));
}
.text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(185, 28, 28,var(--tw-text-opacity));
}
h2.bg-indigo-100.text-indigo-500 {
    background: rgb(255, 203, 6, .2);
}
.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: #b91c1c;
}

/* head */
header#header .basic ul li {display: inline-block;margin-right: 1rem;color: rgba(0,0,0,0.5);}
header#header .basic.mo nav {display: none;}
header#header .basic ul li:hover , header#header .basic ul li:active {color: #b91c1c;animation-name: example;
    animation-duration: 1s;}
header#header .basic ul li a {display: block;width: 100%;}

/* The animation code */
@keyframes example {
    from {color: rgba(0,0,0,.5)}
    to {color: #b91c1c;}
  }

/* index */
#main-top .text-indigo-500 {color: rgba(246,233,59);}
#main-top h1 , #main-top span , #main-top h2 {text-align: center;}

#contact .container {margin: 0 auto;}
#contact .ConBox {display: block;width: 100%;background: rgba(185, 28, 28);}
#contact .ConBox .row {display: block;width: 80%;margin: 0 auto;padding-top: 5rem;padding-bottom: 5rem;}
#contact .ConBox .row p {color: #fff;font-size: 2rem;font-weight: 700;margin-bottom: 0.8rem;}
#contact .ConBox .row .col-md-12 {display: block;width: 100%;height: 55px;margin-bottom: 0.8rem;}
#contact .ConBox .row .col-md-12:first-child {margin-top: 0.8rem;}
#contact .ConBox .row .col-md-12 input , #contact .ConBox .row .col-md-12 select {display: block;width: 100%;height: 55px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding-left: 1rem;}
#fwrite > div > div.contact.aos-init.aos-animate > div > div > div:nth-child(7) {text-align: center;}
#fwrite > div > div.contact.aos-init.aos-animate > div > div > div:nth-child(7) label , #fwrite > div > div.contact.aos-init.aos-animate > div > div > div:nth-child(7) a {color: #fff;}
#contact .ConBox .row .col-md-12 #agree {display: inline-block;width: 20px;height: 20px;}
#contact .ConBox .row button {display: block;width: 100%;height: 55px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 0 auto;background: rgba(255,203,6);font-size: 1.5rem;font-weight: 700;letter-spacing: -1px;}

.w-full.bg-indigo-500.text-white {background: #232323;}
.w-full.bg-indigo-500.text-white p + p {margin-top: 3px;text-align: center;}

div > div.w-full.pt-12.flex-col.sm\:flex-row.space-y-2.justify-start > div > p:nth-child(2) {text-align: center;}
div > div.w-full.pt-12.flex-col.sm\:flex-row.space-y-2.justify-start > div > p:nth-child(2) span {padding-right: 5px;border-right: 1px solid rgba(255,255,255,0.3);}
div > div.w-full.pt-12.flex-col.sm\:flex-row.space-y-2.justify-start > div > p:nth-child(2) span:last-child {padding-right: 0;border-right: 0;}

@media (min-width: 640px) {
	.sm\:w-3\/5 {
		margin: 0 auto;
	}
	.sm\:w-3\/5 img {
		margin: 0 auto;
	}

}

@media (max-width: 640px) {

    #header > div > div > div.basic.pc {display: none !important;}
    header#header .basic.mo nav {width: 100%;background:#ffcb05;}
    header#header .basic.mo ul li {display: block;padding-right: 4rem;border-bottom: 1px solid rgba(30,30,30,.1);line-height: 3rem;text-align: right;} 
    header#header .basic.mo ul li:last-child {border-bottom:0;}

}