/*!
 * Bootstrapをベースに変更したい個所
 * 独自クラスをここに記述する
 *
 *
 *
 *
 */
* {
    border: 0 none;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height :32px;
    letter-spacing: 1px;
    color:#000000;

}
html,body{
    height:100%;
}
html{
    position: relative;
    overflow-x: hidden;
}
h1,h2{
    padding:0;
    margin:0;
}


/*----------------------------------------------------
 * aタグ
 *----------------------------------------------------*/
a:link {text-decoration:none;color:#000000;}
a:visited {text-decoration:none;color:#000000;}
a:hover {text-decoration:none;color:#000000;}
a:active {text-decoration:none;color:#000000;}


/*----------------------------------------------------
 * 共通
 *----------------------------------------------------*/
.margin-t20{
    margin-top:20px;
}
.margin-t40{
    margin-top:40px;
}
.margin-b20{
    margin-bottom:20px;
}
.margin-b10{
    margin-bottom:10px;
}
.margin-b0{
    margin-bottom:0;
}
.padding-LR0{
    padding-right:0;
    padding-left:0;
}
.margin-LR0{
    margin-right:0;
    margin-left:0;
}

/*------------------------------
 *  992px以上
 *----------------------------*/
.pc_div{
    display:block!important;
}
.sm_div{
    display:none!important;
}

/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.pc_div{
    display:none!important;
}
.sm_div{
    display:block!important;
} 

}




.br-sm{
    display:none;
}


/*------------------------------
 *  992px以上　pc
 *----------------------------*/
@media screen and (min-width: 992px)
{
.col-xs-4{
    width:40%;
}
.col-xs-8{
    width:60%;
}
}

/*------------------------------
 *  767px以下（スマホサイト）
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
li {
   border-left: none;
}
.icon-bar {
    background-color: #3333cc!important;
}
.br-sm{
    display:block;
}

}






/*-----------------------------------------------------------------------------------------
 *  ヘッダー
 *----------------------------------------------------------------------------------------*/

.header{
    padding:0;
    margin-top:-2px;
    background:#ffffff url(../images/lp/lp_header_bg.png) no-repeat center center;
    height:700px;
}
.head_msg{
    margin-top:4%;
    margin-left:0;
    background-color:#000000;
    width:49%;
    text-align:right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 30px;
}


/*------------------------------
 *  768px以上　964px以下
 *----------------------------*/
@media screen and (min-width: 768px) and (max-width: 964px)
{
.header{
    height:500px;
    background-size:cover;
}
}

/*------------------------------
 *  768px以上　964px以下
 *----------------------------*/
@media screen and (max-width: 767px)
{
.header{
    height:100%;
}
}



/*-----------------------------------------------------------------------------------------
 *  アコーディオン
 *----------------------------------------------------------------------------------------*/




.panel-group{
    margin-top:0px;
    margin-bottom:10px;
    padding-bottom:3px;
    border:none;

}
.panel-title{
    height:30px;
}


.panel-group .panel+.panel {
    margin-top: 0px;
}

.panel-title p{
    margin-top:8px;
}
.panel-group .panel {
    margin-bottom:60px;
    border-radius: 0;
}

.panel-contents{
    overflow:hidden;
    margin:0 auto;
    margin-top:25px;
    margin-bottom:30px;
}
.panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top: none;
}
.panel-heading{
    background:#ffff00;
    border-left:solid 50px #000000;
    height: 50px;
}


/*-----------------------------------------------------------------------------------------
 * お問い合わせ
 *----------------------------------------------------------------------------------------*/


.panel {
    background: rgb(245,245,245);
    border: 1px solid #ffffff;
    box-shadow: none;
}






#formWrap, .contact_panel{
    margin-bottom:0px;
    padding-bottom:0px;
}
input, textarea{
 border: 1px solid #000000;
 padding:2px;
}
.input_form {
    width: 100%;
}
textarea{
 height:134px;
    margin-bottom:6px;
}
.formTable{
    margin-top:15px;
}
.formTable>tbody>tr>td{
    border:none;
    padding-left: 5px;
    font-size:16px;
    padding-top:5px;
    padding-bottom:15px;
    line-height:35px;

}

.formTable>tbody>tr>th{
    border:none;
    letter-spacing:0.7px;
    width:190px;
    background:url('../images/lp/contact_list.jpg') left no-repeat;
    background-position: left 4px;
    padding-left:25px;
    padding-top:13px;
}

.td_contact{
  padding-top:10px!important;
}
.td_request{
  padding-top:10px!important;
}
.form_list li {
    font-size:16px;
}
.error_messe{
    text-align:center;
}
.submit_btn{
    background:#000000;
    border-radius: 25px;
    border: 0px;
    width:200px;
    height:50px;
    color:#ffffff;
}
.form_list{
    list-style:none;
}



/*------------------------------
 *  1200px以上　pc
 *----------------------------*/
@media screen and (min-width: 1200px)
{
.panel-title, .panel-body{
    margin:0 auto;
}
}


/*------------------------------
 *  992px以上　pc
 *----------------------------*/
@media screen and (min-width: 992px)
{
.contact_panel{
    width:850px;
}
}


/*------------------------------
 *  900px以上　pc
 *----------------------------*/
@media screen and (min-width: 900px)
{
.panel-contents{
    overflow:hidden;
}
.contact_panel{
      width:840px;
}
}



/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{

.panel-title{
    padding-top:-5px;
}
.panel-heading{
    padding-top:0px;
    padding-right:0px;
    padding-left:0px;
    padding-bottom: 50px;
    border-left:none;
}
}

.formTable>tbody>tr>th,.formTable>tbody>tr>td{
    width:100%;
    display:block;
    padding-bottom:5px;
}

.panel-title {
    height: auto;
}
.panel-group {
    margin-top: 0px;
}
.panel-contents {
    overflow: visible!important;
}



.form_list li {
    padding-left:30px;
    text-indent:-20px;
}
.td_request{
  margin-left:10px;
}
.nav_hr {
    margin-top: 0px;
}
.formTable>tbody>tr>th{
    font-size:15px;
}
.error_messe{
    font-size:15px;
}
}


/*----------------------------------------------------
 * menu
 *----------------------------------------------------*/
ul.list_menu{
    list-style-type:none;
    padding: 0;
    margin-left: 260px;
    margin-right: 170px;
    margin-top: -45px;
    margin-bottom: 50px;
}
ul.list_menu li{
    list-style-type:none;
    border-bottom:dashed 1px #000000;
    padding: 10px 0 8px 10px;
    margin-top:7px;
}
.li_box {
    float: left;
    width: 20px;
    height: 20px;
    background: #FFFF00;
    margin-top: 5px;
}

ul.list_menu li p{
    margin-left: 25px;
    margin-bottom:0px;
    font-size:22px;
    padding-left: 5px;
}

/*----------------------------------------------------
 * コンテンツ共通
 *----------------------------------------------------*/
.article_frame{
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    padding-right:75px;
    padding-left:75px;
    border:solid 2px #000000;
    max-width: 940px;
}
.article_frame h2{
    width:600px; 
    padding-top:13px; 
    padding-bottom:13px; 
    margin:-30px auto 50px auto;
    background-color: #ffff00;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
    font-size: 22px;
    font-weight:bold;
    border:solid 3px #000000;
    text-align:center;
}
.article-contents {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.panel-heading h3{
    cursor:pointer;
}
h3 a{
    font-size:20px;
    padding-left: 20px;
    display: block;
    float:left;
}
.panel-title img{
    margin-left: -45px;
    float:left;
    margin-top: 3px;
}
.marker_orange {
    background: -moz-linear-gradient(top, rgba(255, 204, 0, 0) 0%, rgba(255, 204, 0, 0.6) 0%, rgba(255, 204, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 204, 0, 0) 0%, rgba(255, 204, 0, 0.6) 0%, rgba(255, 204, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(255, 204, 0, 0) 0%, rgba(255, 204, 0, 0.6) 0%, rgba(255, 204, 0, 0.6) 100%);
}

.contact_btn{
    width:400px;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#ffffff;
    border-radius:25px;
    border:solid 1px #000000;
    margin:0 auto;
}

#fixed_menu {
    position: fixed; /* 要素の位置を固定する */
    top: 100px; /* 基準の位置を画面の一番下に指定する */
    right: 0; /* 基準の位置を画面の一番右に指定する */
    width: 120px; /* 幅を指定する */
}

#fixed_menu ul{
  list-style-type:none;
}

#fixed_menu ul li{
    background-color:#ffff00;
    padding-top: 0px;
    margin-bottom:5px;
    border-left: solid 3px #000000;
    text-align:center;
    height:75px;
}
#fixed_menu ul li a{
    font-size:15px;
}
/*----------------------------------------------------
 * question
 *----------------------------------------------------*/
.question_img{
    width: 30%;
    padding-right: 0;
    padding-left: 40px;
    margin-bottom: 40px;
    margin-top:5px;
}
.question_contents{
    width: 70%;
    padding-left: 10px;
    padding-right: 40px;
    text-align: justify;
}
.question_contents p{
    line-height :28px;
}

/*----------------------------------------------------
 * plan
 *----------------------------------------------------*/
.plan_contents{
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size:18px;
    line-height :28px;
    text-align: justify;
}
.plan_contents p{
    line-height :28px;
}

.plan_contents h4{
    font-weight:bold;
    font-size:22px;
    margin-bottom: 20px;
    line-height :32px;
}


/*----------------------------------------------------
 * youtube
 *----------------------------------------------------*/
.youtube_frame{
    padding-bottom:50px;
}

/*----------------------------------------------------
 * support
 *----------------------------------------------------*/
#lp_support .panel{
    margin-top: 10px;
    padding: 50px 70px 60px 70px;
}
#lp_support h3{
    margin-top:50px;
    margin-bottom:20px;
    font-size:22px;
    font-weight:bold;
    line-height :32px;
}
#lp_support p{
    margin-bottom:50px;
}
.compensation_img{
    margin-bottom:90px;
}
.support_msg{
    margin-bottom: 70px!important;
}

/*----------------------------------------------------
 * contact
 *----------------------------------------------------*/
#lp_contact{
    background-color:#ffff00;
    margin-top:100px;
    padding-bottom:50px;
}
#lp_contact h2, #lp_contact h2 span{
    font-size:22px;
    font-weight:bold;
}
#lp_contact h2 span{
    padding-left:10px;
}

.contact_title{
    background-color:#000000;
    padding:12px;
    color:#ffffff;
    text-align:center;
    margin-bottom:30px;
}
.contact_message_div{
    width: 870px;
    padding-right: 30px;
    padding-left: 30px;
}

.contact_message{
    background-color: #ffffff;
    margin-top: 30px;
    padding: 30px 70px 30px 70px;
    text-align: justify;
}
.contact_message h2{
    text-align:right;
    background: rgb(245,245,245);
    margin-left:-110px;
    margin-top:10px;
    margin-bottom:20px;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}
.contact_tel{
    margin-top:50px;
    padding-bottom:50px;
}
.contact_tel img{
    margin-top:30px;
    padding-left: 40px;
    padding-right: 40px;
}
.contact_box {
    float: left;
    width: 15px;
    height: 15px;
    background: #000000;
    margin-top: 8px;
}
.contact_tel h2, .contact_form h2 {
    padding-left: 40px;
}
.contact_tel h2, .contact_form h2 {
}
.contact_companyname{
    font-weight:bold;
    margin-top: 25px;
}

.contact-form{
    background-color: #ffffff;
    padding: 30px 40px 60px 40px;
}

ul.list_menu{
    list-style-type:none;
    padding: 0;
    margin-left: 260px;
    margin-right: 170px;
    margin-top: -45px;
    margin-bottom: 50px;
}

/*------------------------------
 *  1200px以下
 *----------------------------*/
@media screen and (max-width: 1200px)
{
ul.list_menu {
    list-style-type:none;
    margin-left: 120px;
    margin-right: 80px;
    padding: 0;
    margin-top: -45px;
    margin-bottom: 50px;

}
.head_msg {
    width: 65%;
}

}
/*------------------------------
 *  1100px以下
 *----------------------------*/
@media screen and (max-width: 1119px)
{
h3 a{
    padding-left: 0px;
}
}
/*------------------------------
 *  950px以下
 *----------------------------*/
@media screen and (max-width: 950px)
{
.contact_panel {
    margin: 0 20px;
}
.head_msg {
    width: 80%;
}
.contact-form-div{
    padding-left: 0px;
    padding-right: 0px;
}
.contact_message_div{
    width: 100%;
    padding-right: 0px;
    padding-left: px;
}
}

/*------------------------------
 *  880px以下
 *----------------------------*/
@media screen and (max-width: 880px)
{
.contact_message h2 {
    width: 110%;
}
}




.plusminus-button{
}

.plusminus-button.collapse-nav-button:before {
    content: "\2212";
    font-size: 30px;
}
.collapsed .plusminus-button.collapse-nav-button:before {
    content:  "\2b";
    font-size: 30px;
}




.youtube-area{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube-area iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*------------------------------
 *  767px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
footer p {
    margin-top:20px;
    font-size: 12px;
}
.li_box {
    width: 10px;
    height: 10px;
    margin-top: 10px;
    margin-left: -5px;
}


ul.list_menu li {
    padding-top: 0px;
    padding-bottom: 0px;
}
.li_line_sm{
    border-top: dashed 1px #000000;
    padding-top: 5px!important;
}

ul.list_menu {
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: 0px;
    margin-right: 0px;
    list-style-type:none;
}
.article_frame{
    margin-top:30px;
}
.article_frame h2 {
    width: auto;
    font-size: 15px;
    margin-bottom:20px;

}
.panel-group .panel {
    margin-bottom: 20px;
}

.panel-heading {
    height: 60px;
}
.panel-title img{
    margin-left: -20px;
    margin-top: 6px;
    height: 17px;
}
.panel_box {
    float: left;
    width: 30px;
    height: 30px;
    background: #000000;
}
.panel-contents {
    margin-top: 5px;
    margin-bottom: 20px;
}
.question_img {
    width: 100%;
    padding-left: 0px;
    margin-top:0px;
    margin-bottom: 20px;
}
.question_contents {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.article_frame {
    padding-right: 15px;
    padding-left: 15px;
}
.article_frame .row {
    margin-right: 0px;
    margin-left: 0px;
}
.panel-title>a{
    width:80%;
    line-height: 19px;
    padding-top:2px;
    padding-bottom: 5px;
}
.plusminus-button{
    padding-right: 10px;
    padding-top: 8px;
}

.plan_contents {
    padding-left: 0px;
    padding-right: 0px;
}
.youtube_frame {
    padding-bottom: 20px;
}
#lp_support .panel {
    padding-right:15px;
    padding-left:15px;
    padding-top:20px;
    padding-bottom:20px;
}
.support_msg{
    margin-bottom: 20px!important;
}

.contact_message {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
    padding-top:10px;
    padding-bottom: 10px;
}
.contact_message_div {
    padding-left: 0px;
    margin-left: 0px;
}
.contact_message h2 {
    text-align: left;
    margin-left: -40px;
    width: 100%;
    padding-left: 40px;
}
.contact_message p {
    line-height: 28px;
}
.contact_box {
    margin-top: 4px;
}
.contact_btn {
    width: 100%;
    margin-top: 10px;
    padding: 0px;
    font-size: 15px;
}
h3 a{
    padding-left: 10px;
}
.contact_tel h2 {
    padding-left: 10px;
}
.contact_tel img {
    padding-left: 0px;
    padding-right: 0px;
}
.contact_box {
    margin-left: -8px;
}
#lp_contact h2 span{
    padding-left:6px;
}

* {
    font-size: 16px;
}
#lp_contact h2, #lp_contact h2 span{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
}
#lp_support h3{
    font-size: 17px;
    line-height: 26px;
    margin-top: 30px;
}
#lp_support p {
    line-height: 28px;
    margin-bottom: 20px;
}
.plan_contents h4{
    font-size:17px;
    line-height: 27px;
    margin-top: 15px;
    margin-bottom: 10px;
    letter-spacing: 0px;
}
.plan_contents{
    font-size:16px;
    margin-bottom: 0px;
}
h3 a{
    font-size:15px;
}
ul.list_menu li p{
    font-size:16px;
    margin-left: 10px;
}
.compensation_img {
    margin-bottom: 0px;
}

#lp_contact {
   margin-top: 10px;
}
.contact_title{
    padding:6px;
    margin-bottom: 0px;
}
.contact_title img{
    max-width: 27%;
}
.contact-form {
    padding: 30px 25px 20px 25px;
}
.formTable {
    margin-top: 0px;
}

#fixed_menu {
    bottom: 0; /* 基準の位置を画面の一番右に指定する */
    top: unset;
    width:auto;
    left: 50%;
    margin-left: -150px;
}

#fixed_menu ul li{
    border-left: none;
    border-top: solid 3px #000000;
    float: left;
    width:97px;
    margin-right:2px;
}
#fixed_menu ul li a{
    font-size:13px;
}
}

/*------------------------------
 *  642px以下　スマホ
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 642px)
{

.panel-heading{
    padding-bottom: 60px;
}
}

/* 2021.04.09 追加*/
.present{
    margin-top:50px;
}
.banner_contact{
    margin-top:120px;
    margin-bottom:30px;
}
.banner_contact1{
}
.banner_contact2{
}
.contact_present{
    margin-top:50px;
}

/*------------------------------
 *  767px以下
 *----------------------------*/
@media screen and (min-width: 0px) and (max-width: 767px)
{
.present{
    margin-top:0px;
}
.banner_contact{
    margin-top:50px;
    margin-bottom:50px;
}
.banner_contact2{
    margin-top:30px;
}

.contact_present{
    margin-top:30px;
}
}