﻿/* Place Your Custom Styles Here */


.img-movie{
	width: 80%;
  margin-left: 60px;
  margin-top: 30px;
}
.img-movie img{
  width: 100%;
}
.sp_only{
  display: none;
}

h4 span{
  font-size: 1rem;
}

/*------------------------------------------
メインのフォーム
------------------------------------------*/
.contact-form table.formTable {
	border: 0 !important;
}
.contact-form td{
	border: 0 !important;
}
.inputText{
	border-color: transparent !important;
	 -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4em 0.8em;
  width: 100%;
}
.inputText:focus {
  border: 1px solid #898de4;
  box-shadow: none;
  outline: none;
}
.contact-form table.formTable input.inputText{
	border-color: #b8bbec !important;
}
/*------------------------------------------
Modalのフォーム
------------------------------------------*/
#subscribeModal .modal-body .subscribe-form form table.formTable{
	margin: 0 auto !important;
}
#subscribeModal .modal-body .subscribe-form form .inputText{
	border-color: transparent !important;
	 -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0;
  color: #000;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4em 0.8em;
  width: 100%;
}
#subscribeModal .modal-body .subscribe-form form .inputText:focus {
  border: 1px solid #898de4;
  box-shadow: none;
  outline: none;
}
#subscribeModal .modal-body .subscribe-form form table.formTable input.inputText{
	border-color: #b8bbec !important;
}
.right_50{
	right: 50%;
}
.d_blue b {
  color: #405BE8;
}
.l_blue b {
  color: #a6b4ff;
  text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}
u{
text-decoration:none;
border-bottom:1px solid blue !important;
padding-bottom:2px !important; 
}
.first-letter{
  font-size: 2em;
}
.btn-big{
  font-size: 2em;
  font-weight: 600;
  display: inline-block !important;
  color: #fff;
  background-color: #405be8;
  border-color: #405be8;
  box-shadow: none !important;
  padding: .5em 1em;
  margin-left: 5px;
  border-radius: 8px;
}
.btn-big:hover{
  color: #fff !important;
  background-color: #1f3bd0;
}
.btn-oomori{
  display: inline-block !important;
  color: #405be8;
  background-color: #fff;
  border: 1px solid #405be8;
  box-shadow: none !important;
  padding: .5em 1em;
  margin-left: 5px;
  border-radius: 8px;
}
.btn-big:hover{
  color: #405be8;
}
.slick-prev{
  left: -5rem;
}
.slick-next {
    right: -5rem;
}
.portfolio-item .pt-lg-8{
  padding-top: 2rem !important;
}
.merumaga_bn{
  width: 100%;
}
a.mail_text{
  color: #405be8 !important;
}

@media only screen and (max-width: 992px){
.img-movie{
  width: 100%;
  margin: 0 !important;
}  
.sp_only{
  display: block;
}
.pc_only{
  display: none;
}
}
@media only screen and (max-width: 420px){
.btn-big{
font-size: 1.8em;
}
}