@charset "UTF-8";

.main-inner	{position: relative;}

/*ご相談はコチラから！*/
.to-contact	{position: relative;padding: 50px 0;text-align: center;z-index: 19999}
.to-contact	span{text-align: center}	
.to-contact	a{display: block;max-width: 300px;height: 60px;margin: 0 auto;line-height: 58px;border-radius: 22px;background: #f1ab3f;color: var(--base-blue);font-size:23px;text-align: center;text-decoration: none;}	
.to-contact	a:hover{background: #000093;color: #fff;opacity: 1.0}
@media screen and (max-width:768px){
.to-contact	{padding: 30px 0;}
.to-contact	a{height: 50px;line-height: 48px;border-radius: 22px;font-size:20px;}	
}

/*タイトル*/
.block-title    {padding: 15px 0;border-top: 5px solid #87bd42;background: #d0d730;font-size: 32px;font-family: 'Noto Serif JP', serif;font-weight: 600;letter-spacing: 0.2em;}

.block-sub-title    {padding: 10px 0;margin-bottom: 20px;border-top: 2px solid #87bd42;border-bottom: 2px solid #87bd42;font-size: 23px;font-family: 'Noto Serif JP', serif;font-weight: 600;text-align: center}

.block-sub-title2   {margin-bottom: 50px;text-align: center}
.block-sub-title2   dl{display: inline-block;margin: 0 auto;}
.block-sub-title2   dt{padding: 3px;color: #89b929;font-size: 1.6rem;border-bottom: 2px solid  #89b929;}
.block-sub-title2   dd{padding-top: 0.3em;font-size: 1.2rem;}


.block-sub-title3   {margin-bottom: 50px;text-align: center}
.block-sub-title3   span{display: inline-block;margin: 0 auto;padding: 3px;font-size: 1.3rem;border-bottom: 2px solid  #89b929;;}

@media screen and (max-width:768px){
.block-title    {font-size: 27px;letter-spacing: 0;}
.block-sub-title    {font-size: 20px;}
.block-sub-title2   {margin-bottom: 30px;}
.block-sub-title2   dt{font-size: 1.3rem;}
.block-sub-title2   dd{font-size: 1.0rem;}
}

@media screen and (max-width:480px){
.block-title    {font-size: 24px;}
}

.greeting-block,.company-profile-block,.pp-block  {margin-left: 8%;margin-right: 8%}
@media screen and (max-width:768px){
.greeting-block,.company-profile-block,.pp-block  {margin-left:0;margin-right: 0}
}


/*---------------------------
　#top-main
---------------------------*/
#top-main   {background: url(../image/main_bg.jpg) no-repeat center;background-size: cover}

.top-main-inner  {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding: 150px 0 50px 0;}

.top-main-inner span{-ms-flex-preferred-size: 18%;flex-basis: 18%;text-align: center;} 
.top-main-inner span    img{width: 80%} 
.top-main-inner span:nth-child(3){-ms-flex-preferred-size: 28%;flex-basis: 28%;} 
.top-main-inner span:nth-child(3)    img{width: 60%} 


@media screen and (max-width: 768px){

.top-main-inner  {-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 50px 0 0 0;}
.top-main-inner span:nth-child(3){-ms-flex-preferred-size: 100%;flex-basis: 100%;} 
.top-main-inner span    img{width: 90%} 
.top-main-inner span{-ms-flex-preferred-size: 25%;flex-basis: 25%;} 
.top-main-inner span:nth-child(3)   img{width: 30%} 

.top-main-inner span:nth-child(3)   {order: 0} 
.top-main-inner span:nth-child(1)   {order: 1} 
.top-main-inner span:nth-child(2)   {order: 2} 
.top-main-inner span:nth-child(4)   {order: 3} 
.top-main-inner span:nth-child(5)   {order: 4} 
}

/*animation*/
.top-main-inner span:nth-child(1)   { opacity: 0;animation-delay: 0.3s;}
.top-main-inner span:nth-child(2)   { opacity: 0;animation-delay: 0.6s;}
.top-main-inner span:nth-child(4)   { opacity: 0;animation-delay: 0.9s;}
.top-main-inner span:nth-child(5)   { opacity: 0;animation-delay: 1.2s;}
.top-main-inner span:nth-child(1),
.top-main-inner span:nth-child(2),
.top-main-inner span:nth-child(4),
.top-main-inner span:nth-child(5)   {    
animation-name: fadeIn;
animation-duration: 0.5s;
animation-fill-mode: forwards;}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}


/*---------------------------
　#message 
---------------------------*/
#message    {}
.message-inner    {padding: 50px 0;font-size: 1.2rem;line-height: 180%;text-align: center;}
.message-inner    p{margin: 0}
.message-img    {margin: 0;line-height: 0}

@media screen and (max-width:768px){
.message-inner    {padding: 30px 0;font-size: 1.05rem;text-align: left;}
.message-inner    br{display: none}
}


/*---------------------------
　#profile
---------------------------*/

#profile    {background: url(../image/profile_bg.png) no-repeat;background-position: 0 110px;background-size: 100% auto}

.profile-wrap   {margin: 0 15%}
@media screen and (max-width:980px){.profile-wrap   {margin: 0 5%}}
@media screen and (max-width:768px){.profile-wrap   {margin: 0}}

.rinen-wrap {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 50px 0;}
.rinen  {-ms-flex-preferred-size: 33%;flex-basis: 33%;}
.rinen-text {-ms-flex-preferred-size: 62%;flex-basis: 62%;}

@media screen and (max-width:768px){
.rinen-wrap {padding: 30px 0;}
.rinen-wrap {display: block;}
.rinen  {margin: 0 7% 5% 7%}
}

.three-g-about-3g   {margin-bottom: 50px;}
.three-g    {margin-bottom: 20px;text-align: center;}
.three-g   p {display: inline-block;margin: 0 auto;text-align: left;}

.three-g-about-3g-img   {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.three-g-about-3g-img   p{}

@media screen and (max-width: 480px){
.three-g-about-3g-img   {display:block}
.three-g-about-3g-img   p{margin: 0 5%}
}

.greeting-block   {margin-bottom: 50px;}
.greeting-title   {margin-bottom: 30px;font-size: 1.3rem;text-align: center;letter-spacing: 0.6em;}
.greeting-block-inner  {margin-bottom: 30px;}
.greeting-block  p {margin-bottom: 0;}
.greeting-sign  {text-align: right;}
.greeting-sign  span{display: inline-block;max-width: 210px;}

.company-profile-block  {margin-bottom: 50px;}

.company-profile-bg{padding: 50px 0;background: #efeff0}

.company-profile-list   {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}
.company-profile-list   a{color: #333;text-decoration: none;}
.company-profile-list   dt,.company-profile-list   dd  {padding: 0.5em 0;border-bottom: 1px solid #333;}
.company-profile-list   dt.border-none,.company-profile-list   dd.border-none  {border-bottom: none}
.company-profile-list   dt  {-ms-flex-preferred-size: 25%;flex-basis: 25%;padding-left: 5%;}
.company-profile-list   dd  {-ms-flex-preferred-size: 75%;flex-basis: 75%;}

@media screen and (max-width: 768px){
.greeting-title   {font-size: 1.1rem;}

.company-profile-list   {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.company-profile-list   dt  {-ms-flex-preferred-size: 100%;flex-basis: 100%;padding-left: 0;}
.company-profile-list   dd  {-ms-flex-preferred-size: 100%;flex-basis: 100%;}

.company-profile-list   {border-top: 1px solid #999;}
.company-profile-list   dt,
.company-profile-list   dt.border-none {border-bottom: 1px solid #efefef;font-weight: 600;color: var(--base-blue);}
.company-profile-list   dd,
.border-none,.company-profile-list   dd.border-none  {border-bottom: 1px solid #999;}
.company-profile-list   dd  br{display: none}
}


.access-area    {margin-top: 50px;}
.ggmap{position:relative;width:100%;padding-top:56.25%}
.ggmap iframe{position:absolute;top:0;right:0;width:100%;height:100%}

.company-access-block  {}


/*right page top*/
.right-page-top-wrap    {display:-webkit-box;display:-ms-flexbox;display:flex;}
.right-page-top-to-contact  {-ms-flex-preferred-size: calc(100% - 80px);flex-basis:calc(100% - 80px);}
.right-page-top-btm{-ms-flex-preferred-size:80px;flex-basis:80px;}

.right-page-top-btm{display: block;margin: 0;padding: 50px 0;}
.right-page-top-btm    a{position: relative;width: 80px;display: block;height: 80px;line-height: 80px;background: #d0d72f; color: #fff;text-align: center;text-decoration: none;border: 3px solid #fff;border-radius: 40px;z-index: 19999;}
.right-page-top-btm    a:hover    {opacity: 1}
.right-page-top-btm   a   i{display: block;padding-top: 10px;font-size: 60px;line-height: 35px;}
.right-page-top-btm   a   span{display: block;font-size: 10px;line-height: 10px;white-space: nowrap}

@media screen and (max-width: 768px){
.right-page-top-btm{padding: 30px 0;}
.right-page-top-to-contact  {-ms-flex-preferred-size: calc(100% - 50px);flex-basis:calc(100% - 50px);}
.right-page-top-btm{-ms-flex-preferred-size:50px;flex-basis:50px;}

.right-page-top-btm   a   span{display: none}
.right-page-top-btm    a{width: 50px;height: 50px;line-height: 50px;border-radius: 25px;}
.right-page-top-btm   a   i{padding-top: 0;font-size: 25px;line-height: 45px;}
}


/*---------------------------
　#buy
---------------------------*/

　#buy  {}
.buy-wrap   {margin: 0 15%}
.buy-lead   {margin: 50px 0;}

.buy-block  {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.buy-block  dl{-ms-flex-preferred-size: 64%;flex-basis: 64%;}
.buy-block  p{-ms-flex-preferred-size: 28%;flex-basis: 28%;}

.buy-block  {margin-bottom: 50px;}
.buy-block:last-child  {margin-bottom: 0;}
.buy-block  dl{}
.buy-block  dt,.buy-block  dd{padding: 10px 0;}
.buy-block  dt{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom: 0.3em;font-size: 1.4rem;border-bottom: 1px solid #333;}
.buy-block  dt  span:first-child{display: inline-block;-ms-flex-preferred-size: 30px;flex-basis: 30px;height: 30px;line-height: 30px;margin-right: 15px;color: #fff;background: #ccc;border-radius: 50%;font-size: 1.1rem;font-weight: bold;text-align: center;}
.buy-block  dt  span:last-child{-ms-flex-preferred-size: calc(100% - 45px);flex-basis:calc(100% - 45px);}
.buy-block  p{}

@media screen and (max-width:980px){
.buy-wrap   {margin: 0}
}

@media screen and (max-width:768px){
.buy-lead   {margin: 30px 0;}
.buy-block  dl{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.buy-block  dt{font-size: 1.3rem;}
.buy-block  p{-ms-flex-preferred-size: 43%;flex-basis: 43%;}
}

@media screen and (max-width:640px){
.buy-block  {display: block;}
.buy-block  dl{margin-bottom: 20px;}
}

/*---------------------------
　#contact
---------------------------*/

#contact {background: linear-gradient(180deg, #fff 0%, #fff 10%, #efeff0  10.1%, #efeff0 50%);z-index: -1}


.contact-wrap   {padding: 60px 12% 50px 12%}

.contact-title-block    {display:-webkit-box;display:-ms-flexbox;display:flex;}
.contact-title-block    .icon    {width: 200px;margin: 0 30px 30px 0}
.contact-title-block    .text{}

.contact-title-block    {margin-bottom: 20px;}
.contact-title  {display: block;width: 600px;padding: 5px 0;border-bottom: 2px solid #89b929}
.contact-title  img{max-width: 400px}
.contact-title-block    .text   p{display: block;padding: 7px 0;font-size: 1.25rem;font-weight: 500;}

.contact-list   {margin-bottom: 50px;text-align: center;}
.contact-list   p  {max-width: 650px;margin: 0 auto 30px auto;}

.contact-illust {text-align: center;}
.contact-illust   span  {display: inline-block;max-width: 260px;margin: 0 auto;}

@media screen and (max-width:980px){
.contact-wrap  {margin: 0}
.contact-title  {width:auto;}
}
@media screen and (max-width:640px){
    
.contact-wrap   {padding: 60px 0 50px 0}
.contact-title-block    {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.contact-title-block    .icon    {-ms-flex-preferred-size: 100%;flex-basis: 100%;width: auto;margin: 30px 25%}
.contact-title-block    .text{}
.contact-list   p  {margin: 0 auto 10px auto;}
}

/*---------------------------
　#contact-form
---------------------------*/

#contact-form {padding: 50px 0 0 0;}
.contact-form-inner    {}

.contact-form-lead  {margin-bottom: 30px;text-align: center}
.contact-form-lead  p{display: inline-block;margin: 0 auto;text-align: left}

.contact-form-telmail   {margin: 0;text-align: center}
.contact-form-telmail-wrap   {display: inline-block;max-width: 500px;margin: 0 auto;text-align: left;}
.contact-form-telmail p:first-child  {width: 80.1%;}
.contact-form-telmail p:last-child   {margin: 0;}

.contact-form-inputarea {margin: 0 12%;}

#formWrap{margin:0 auto;line-height:120%;}
#formWrap	table{width:100%;margin:0 auto;border-collapse:collapse}
#formWrap td,#formWrap th{border: 8px solid #fff;padding: 10px 15px}
#formWrap th{width:37%;font-weight:400;background:#c8e7e9;text-align:center;vertical-align: middle}
#formWrap td{background:#eeefef;text-align: left}

/*form	input[type="text"] ,form 	input[type="email"] ,textarea*/
form	input[type="text"] ,form 	input[type="email"] ,textarea{
padding: 4px;border: 1px solid #626161;
-moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);font-size: 1.1rem;outline: none;
}

/*focus*/
input[type="text"]:focus,input[type="email"]:focus,textarea:focus {box-shadow: 0 0 2px #1b62a4;border: 1px solid #1b62a4;}

/*iPhone対策*/
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}

/*必須*/
.hissu	{color: #e5301c;font-size: 0.85em}

/*郵便番号/ input area size 調整*/
.yn	{margin-right: 10px;}
.input01	{width: 100%;}
.input02	{width: 100%;}
.input03	{width: 8em;}
textarea	{width: 100%;min-height: 12em;}
.inputm	{margin-bottom: 1em;}


/*submitarea*/
.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 50px 0 80px 0}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{-ms-flex-preferred-size: 30%;flex-basis: 30%;margin: 0 2%;padding: 3px 0;border: none;font-size: 105%;background: #87bd43;border: 3px solid #87bd43;color: #fff;transition: all 0.5s;}
.submitarea	input[type="submit"]:hover,.submitarea	input[type="button"]:hover,.submitarea	a:hover{background: #fff;color: #87bd43}
.submitarea	input[type="reset"] {background: #c9c9ca;border: 3px solid #c9c9ca;color: #333;}
.submitarea	input[type="reset"]:hover  {background: #fff;color: #c9c9ca;}
.submitarea	a	{text-decoration: none;text-align: center}



.error-message	{}
.error-text	{color: #1b62a4;}

.thanks-message	{margin: 50px  100px 00;}

@media screen and (max-width:1200px) {
.contact-form-inputarea {margin: 0}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 2%;}
}

@media screen and (max-width:768px) {

#formWrap{width:95%;margin:0 auto}
#formWrap td,#formWrap th{width:auto;display:block}
#formWrap th{margin-top:20px;border-bottom:0}

.input01,
.input02,
textarea	{width: 100%;}

.submitarea	a.thanks-message-back{-ms-flex-preferred-size: 90%;flex-basis: 90%;margin: 0;padding: 2px 10px;white-space: nowrap;}

.thanks-message	{margin-bottom: 30px;}
}



/*---------------------------
　#pp
---------------------------*/

#pp {padding: 50px 0;}
#pp a{color: #333;text-decoration: none;}
.pp-subtitle    {margin-bottom: 1em;font-weight:bold;}



#pp div.lower01 {padding: 0 0 20px 0;}
#pp ul.lower02 {padding: 20px 0;}