@charset "utf-8";

/*------------------------------
	共通スタイル
------------------------------*/
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
    font-family: 'Rounded Mplus 1c','Noto Sans JP', sans-serif; 
    color: #454343;
}
body { 
	font-size: 1.6rem;
	line-height: 2.0;
	width: 100%;
	height: 100%;
	
	/*	viewport
	------------------------------*/
	-webkit-text-size-adjust: 100%;
}
/*------------------------------
	PC
------------------------------*/
@media screen and (min-width: 768px) {
.spOnly{
	display: none !important;
}
.inner{
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}    
}
/*------------------------------
	SP
------------------------------*/
@media screen and (max-width: 767px) {
img{
	width: 100%;
	height: auto;
} 
.pcOnly{
	display: none !important;
}
.inner{
    width: 92%;
    margin-right: auto;
    margin-left: auto;
}    
}
/*------------------------------
	clearfix
------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	visibility:hidden;
	clear: both;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}


/*------------------------------
header PC
------------------------------*/
@media screen and (min-width: 768px) {
    #wrapper{
        width: 100%;
    }
    #lp_header{
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        background: #FFFFFF;
        height: 96px;
        position: relative;
    }

    
    #lp_header .logo a{
        background: url(../img/logo.png) no-repeat;
        background-size: cover;
        width: 270px;
        height: 52px;
        display: block;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        position: absolute;
        top: 22px;
        left: 0;
    }
    #lp_header .header_txt{
        background: url(../img/header_txt.png) no-repeat;
        background-size: cover;
        width: 320px;
        height: 27px;
        display: block;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        position: absolute;
        top: 36px;
        left: 430px;
    }
    #lp_header .header_btn{
        position: absolute;
        top: 22px;
        right: 0;
    }

}
/*------------------------------
header SP
------------------------------*/
@media screen and (max-width:767px){
    #wrapper{
        width: 100%;
    }
    #lp_header{
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        background: #FFFFFF;
        height: 13vw;
        position: relative;
    }
    #lp_header .logo a{
        background: url(../img/logo.png) no-repeat;
        background-size: contain;
        height: 0;
        padding-top: 19.259%;
        display: block;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        position: absolute;
        top: 2vw;
        left: 5%;
        width: 40%;
    }
    #lp_header .header_txt{
        background: url(../img/header_txt.png) no-repeat;
        background-size: contain;
        height: 0;
        padding-top: 8.4375%;
        display: block;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        position: absolute;
        top: 1.5vw;
        right: 5%;
        width: 35%;
    }
    #lp_header .header_btn{
        position: absolute;
        top: 6vw;
        right: 5%;
        width: 22%;
    }
}

/*------------------------------
 #tokuhoWrap PC
------------------------------*/
@media screen and (min-width: 768px) {
    #tokuhoWrap{
        background:#C50000 url(/lp_share/lp_tr/img/tokuho_bg.png) no-repeat center top;
        width: 100%;
        text-align: center;
		padding:30px 0;
    }
	#tokuhoWrap p.bnr{
	margin-top:30px;
	}
}
    
/*------------------------------
 #tokuhoWrap SP
------------------------------*/
@media screen and (max-width:767px){
    #tokuhoWrap{
        background:#C50000 url(/lp_share/lp_tr/img/tokuho_bg.png) no-repeat center top;
		background-size:contain;
        width: 100%;
		text-align: center;
		padding:30px 0;
    }
	#tokuhoWrap p{
		width: 94%;
        margin-right: auto;
        margin-left: auto;
	}
	#tokuhoWrap p.bnr{
	margin-top:10px;
	}


}


/*------------------------------
messageWrap PC
------------------------------*/
@media screen and (min-width: 768px) {
    #messageWrap{
        background: #20aee5;
        width: 100%;
        text-align: center;
        height: 164px;
    }
}
    
/*------------------------------
messageWrap SP
------------------------------*/
@media screen and (max-width:767px){
    #messageWrap{
        background: #20aee5;
        width: 100%;

        height: 17vw;
    }
    #messageWrap p{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
    }

}
/*------------------------------
titleWrap PC
------------------------------*/
@media screen and (min-width: 768px) {
    #titleWrap{
        background: #e8e500;
        width: 100%;
        padding-top: 32px;
        padding-bottom: 65px;
    }
    #titleWrap .lpTit{
        background: url(../img/lp_title_pc.gif) no-repeat;
        background-size: cover;
        width: 944px;
        height: 54px;
        display: block;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
    }
    #titleWrap p{
        text-align: center;
        padding-top: 65px;
    }
}
    
/*------------------------------
titleWrap SP
------------------------------*/
@media screen and (max-width:767px){
    #titleWrap{
        background: #e8e500;
        width: 100%;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    #titleWrap .lpTit{
        background: url(../img/lp_title_pc.gif) no-repeat;
        background-size: contain;
        width: 90%;
        height: 0;
        padding-top: 5.720%;
        display: block;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
    }
    #titleWrap p{
        padding-top: 3vw;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}


/*------------------------------
sec01 PC
------------------------------*/
@media screen and (min-width: 768px) {
    #troubleWrap{
        padding-top: 68px;
        width: 880px;
        margin-right: auto;
        margin-left: auto;
        background: #FFFFFF;
        position: relative;
    }
    #troubleWrap .troubleTit{
        padding-bottom: 35px;
    }
    #troubleWrap ul{
        background: url(../img/sec01_list_txt.gif) no-repeat;
        background-size: cover;
        width: 612px;
        height: 339px;
        text-indent: 100%;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        margin-bottom: 102px;
    }
    .trouble_img{
        position: absolute;
        bottom: -113px;
        left: 600px;
    }
    #trouble_pt_01,#trouble_pt_03{
        background: #b08d64;
        width: 100%;
        padding-top: 45px;
        padding-bottom: 45px;
    }
    #trouble_pt_02{
        background: #cba67f;
        width: 100%;
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .trouble_inner{
        width: 900px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .trouble_inner h3{
        text-align: center;
        padding-bottom: 30px;
    }
    #trouble_pt_03{
        position: relative;
    }
    #trouble_pt_03:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -75px;
        border: 75px solid transparent;
        border-top: 55px solid #b08d64;
    }
}

/*------------------------------
sec02 SP
------------------------------*/
@media screen and (max-width:767px){
    #troubleWrap{
        padding-top: 8vw;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        background: #FFFFFF;
        position: relative;
        padding-bottom: 5vw;
    }
    #troubleWrap .troubleTit{
        padding-bottom: 3vw;
    }
    #troubleWrap ul{
        background: url(../img/sec01_list_txt.gif) no-repeat;
        background-size: contain;
        padding-top: 55.392%;
        width:100%;
        margin-right: auto;
        margin-left: auto;
        height: 0;
        text-indent: 100%;
        overflow: hidden;
        display: block;
        white-space: nowrap;
    }
    .trouble_img{
        display: none;
    }
    #trouble_pt_01,#trouble_pt_03{
        background: #b08d64;
        width: 100%;
        padding-top: 7vw;
        padding-bottom: 7vw;
    }
    #trouble_pt_02{
        background: #cba67f;
        width: 100%;
        padding-top: 7vw;
        padding-bottom: 7vw;
    }
    .trouble_inner{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    .trouble_inner h3{
        text-align: center;
        padding-bottom: 3vw;
    }
    #trouble_pt_03{
        position: relative;
    }
    #trouble_pt_03:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -25px;
        border: 25px solid transparent;
        border-top: 25px solid #b08d64;
    }
}


/*------------------------------
sec02 PC
------------------------------*/
@media screen and (min-width: 768px) {
    .merit_img{
        text-align: center;
        padding-top: 90px;
    }
    .about_tochirobo{
        text-align: center;
        margin-top: 40px;
    }
    .tochiraboAboutWrap{
        background: #8fc31f;
        width: 100%;
        padding-top: 40px;
    }
    .sec_02_img{
        text-align: center;
    }
    .sec_02_bottom{
        position: relative;
        width: 960px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .sec_02_bottom_img{
        text-align: center;
        height: 525px;
        padding-top: 20px;
    }
    .sec_02_txt{
        color: #FFFFFF;
        font-size: 2.2rem;
        position: absolute;
        top: 15px;
        left: 480px;
        font-weight: 700;
    }
    .sec_02_bottom:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -75px;
        border: 75px solid transparent;
        border-top: 55px solid #8fc31f;
    }
}

/*------------------------------
sec02 SP
------------------------------*/
@media screen and (max-width:767px){
    .merit_img{
        text-align: center;
        padding-top: 5vw;
        width: 96%;
        margin-right: auto;
        margin-left: auto;
    }
    .about_tochirobo{
        text-align: center;
        margin-top: 5vw;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    .tochiraboAboutWrap{
        background: #8fc31f;
        width: 100%;
        padding-top: 5vw;
    }
    .sec_02_img{
        text-align: center;
    }
    .sec_02_bottom{
        position: relative;
        width: 100%;
        right: 0;
        left: 0;
        margin: auto;
    }
    .sec_02_bottom_img{
        text-align: center;
        padding-top: 5vw;
        width: 96%;
        margin-right: auto;
        margin-left: auto;
    }
    .sec_02_txt{
        color: #FFFFFF;
        font-size: 3.4vw;
        position: absolute;
        top: 0;
        left: 47%;
        width: 50%;
        line-height: 1.4;
        font-weight: 700;
    }
    .sec_02_bottom:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -25px;
        border: 25px solid transparent;
        border-top: 25px solid #8fc31f;
    }
}
/*------------------------------
sec03 PC
------------------------------*/
@media screen and (min-width: 768px) {
    .pointTit{
        text-align: center;
        padding-top: 118px;
        padding-bottom: 40px;
    }
    #point_01{
        background: #cdda00;
    }
    #point_02{
        background: #bcd400;
    }
    #point_03{
        background: #a5cb0b;
    }
    #point_04{
        background: #f5b295;
    }
    #point_05{
        background: #f8b300;
    }
    #point_06{
        background: #fcc800;
    }
    .point_inner{
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .point_inner h2{
        text-align: center;
        padding-bottom: 40px;
        padding-bottom: 30px;
    }
    .point_inner h2 img{
        width: 406px;
        height: 105px;
    }
    .point_dl{
        margin-bottom: 20px;
    }
    .point_dl dt{
        background: #ffffff;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }
    .point_dl dd{
        background: #5e5040;
        text-align: center;
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .point_txt{
        color: #FFFFFF;
        font-size: 2.2rem;
        line-height: 1.6;
    }
    
}

/*------------------------------
sec03 SP
------------------------------*/
@media screen and (max-width:767px){
    .pointTit{
        text-align: center;
        padding-top: 5vw;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    #point_01{
        background: #cdda00;
    }
    #point_02{
        background: #bcd400;
    }
    #point_03{
        background: #a5cb0b;
    }
    #point_04{
        background: #f5b295;
    }
    #point_05{
        background: #f8b300;
    }
    #point_06{
        background: #fcc800;
    }
    .point_inner{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 5vw;
        padding-bottom: 10vw;
    }
    .point_inner h2{
        text-align: center;
        padding-bottom: 3vw;
        padding-bottom: 3vw;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .point_inner h2 img{
        width: 100%;
        height: auto;
    }
    .point_dl{
        margin-bottom: 2vw;
    }
    .point_dl dt{
        background: #ffffff;
        padding-top: 5vw;
        padding-bottom: 5vw;
        text-align: center;
        padding-right: 3%;
        padding-left: 3%;
    }
    .point_dl dd{
        background: #5e5040;
        text-align: center;
        padding-top: 3vw;
        padding-bottom: 2vw;
        padding-right: 3%;
        padding-left: 3%;
    }
    .point_txt{
        color: #FFFFFF;
        font-size: 3.4vw;
        line-height: 1.4;
    }
}

/*------------------------------
sec04 PC
------------------------------*/
@media screen and (min-width: 768px) {
    .formTit{
        text-align: center;
        padding-top: 90px;
        padding-bottom: 50px;
    }
    .contact_bnr{
        text-align: center;
        padding-bottom: 50px;
    }
    .contact_txt{
        text-align: center;
        font-size: 3.0rem;
        margin-bottom: 100px;
    }
}

/*------------------------------
sec04SP
------------------------------*/
@media screen and (max-width:767px){
    .formTit{
        text-align: center;
        padding-top: 5vw;
        padding-bottom: 5vw;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .contact_bnr{
        text-align: center;
        padding-bottom: 5vw;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .contact_txt{
        text-align: center;
        font-size: 4vw;
        margin-bottom: 10vw;
    } 
}

/*------------------------------
footer PC
------------------------------*/
@media screen and (min-width: 768px) {
    #lp_footer{
        background: #20aee5;
        padding-top: 30px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .footer_inner{
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }
    .company_title{
        text-align: center;
        padding-bottom: 40px;
    }
    .bnrWrap li{
        float: left;
        margin-right: 40px;
        border-bottom: 3px solid #FFFFFF;
        font-weight: 700;
        font-size: 2.2rem;
        text-align: center;
        width: 460px;
        line-height: 1.4;
        padding-bottom: 10px;
        color: #FFFFFF;
    }
    .bnrWrap li span{
        color: #1d2088
    }
    .bnrWrap li:last-child{
        margin-right: 0;
    }
    .footerLogo{
        text-align: center;
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .footerNav{
        color: #FFFFFF;
    }
    .footer_url{
        font-size: 2.6rem;
        font-weight: 700;
        float: left;
        width: 26%;
    }
    .footer_url a{
        color: #FFFFFF;
    }
    .footer_url a:hover{
        text-decoration: none;
    }
    .footerNav ul{
        float: left;
        font-size: 0;
        width: 74%;
        padding-top: 20px;
    }
    .footerNav ul li{
        display: inline-block;
        font-size: 1.8rem;
        border-right: 1px solid #FFFFFF;
        padding-right: 1em;
        padding-left: 1em;
        line-height: 1;
    }
    .footerNav ul li:last-child{
        border-right: none;
    }
    .footerNav ul li a{
        color: #FFFFFF;
    }
    .copyright{
        text-align: center;
        font-size: 1.4rem;
        color: #097eb8;
        padding-top: 50px;
        clear: both;
    }
    #page_top{
        position: fixed;
        bottom: 10px;
        right: 3%;
        z-index:100;
    } 
}

/*------------------------------
footer SP
------------------------------*/
@media screen and (max-width:767px){
    #lp_footer{
        background: #20aee5;
        padding-top: 5vw;
        padding-bottom: 3vw;
        overflow: hidden;
    }
    .footer_inner{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .company_title{
        text-align: center;
        padding-bottom: 5vw;
    }
    .bnrWrap li{
        border-bottom: 3px solid #FFFFFF;
        font-weight: 700;
        font-size: 3.4vw;
        text-align: center;
        line-height: 1.4;
        padding-bottom: 10px;
        color: #FFFFFF;
    }
    .bnrWrap li span{
        color: #1d2088
    }
    .bnrWrap li:last-child{
        margin-right: 0;
        margin-top: 5vw;
    }
    .footerLogo{
        text-align: center;
        padding-top: 10vw;
        padding-bottom: 5vw;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
    .footerNav{
        color: #FFFFFF;
    }
    .footer_url{
        font-size: 6vw;
        font-weight: 700;
        text-align: center;
    }
    .footer_url a{
        color: #FFFFFF;
    }
    
    .footerNav ul{
        font-size: 0;
        padding-top: 20px;
        text-align: center;
    }
    .footerNav ul li{
        display: inline-block;
        font-size: 3.6vw;
        border-right: 1px solid #FFFFFF;
        padding-right: 1em;
        padding-left: 1em;
        line-height: 1.6;
    }
    .footerNav ul li:last-child{
        border-right: none;
    }
    .footerNav ul li a{
        color: #FFFFFF;
    }
    .footer_url a:hover{
        text-decoration: none;
    }
    .copyright{
        text-align: center;
        font-size: 3vw;
        color: #097eb8;
        padding-top: 5vw;
        clear: both;
    }
    #page_top{
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index:1;
        width: 15%;
    }
}