/* CSS Document */
@charset "UTF-8";

@media(max-width:834px){
	.sp_only{display: block;}
	.pc_only{display: none!important;}
	
	body{min-width:100%;}

	header{height: 20px;}
	header .sec_header{height: 45px;width: 100%;}
	header .leftside{padding-left:20px;}
	header .leftside .logo-area{height: 45px;}
	header .leftside .logo{width:110px;padding-right: 20px;}
	header .leftside .contacts {width: 150px;height: auto;}
	header .leftside .contacts .tel{font-size: 10px;margin-bottom: 5px;}
	header .leftside .contacts a:last-child{height: 12px;}
	header .rightside ul{display: block;}
	header .rightside ul li p{font-size: 16px;line-height: 20px; text-align: left;padding: 20px;position: relative;}
	header .rightside ul li p::before{content: ">";position: absolute;right: 20px;top:20px;transform: scale(0.6,1.5);font-weight: 300;font-size: 20px; color: #FF8098;}

	footer .logo-area{display: block;text-align: center;}
	footer .logo{width:170px;padding-right: 0;margin: 30px auto 10px;}
	footer .contacts {justify-content: center;margin: 0 auto;}

	.top .hero {height:300px;background-image:url("../img/top/hero_sp.jpg");}
	.top .hero .message{width:calc(50% + 40px);height:100%;position:relative}
	.top .hero .message::before{border-top-width: 300px;border-right-width: 30px;}
	.top .hero .message::after{border-bottom-width: 300px;border-right-width: 65px;}
	.top .hero .texts{right: 40px;padding-top: 0;}
	.top .hero .text{font-size: 12px; line-height: 24px;}
	.top .hero .link{font-size: 12px;width:80px; padding: 5px 0 10px 0;margin-top: 25px;}

	.sub-hero{height: 200px;}
	.company .sub-hero {background-image:url("../img/company/hero_sp.jpg");}
	.scheme .sub-hero {background-image:url("../img/scheme/hero_sp.jpg");}
	.price .sub-hero {background-image:url("../img/price/hero_sp.jpg");}
	.teiden .sub-hero {background-image:url("../img/teiden/hero_sp.jpg");}
	.privacy .sub-hero {background-image:url("../img/privacy/hero_sp.jpg");}
	.contact .sub-hero {background-image:url("../img/contact/hero_sp.jpg");}
	.news .sub-hero {background-image:url("../img/news/hero_sp.jpg");}

	.feature_news {padding:25px;box-sizing: border-box;}
	.feature_news .sectitle{font-size: 20px;}
	.feature_news .item{padding: 15px 0;}
	.feature_news .item a{flex-wrap:wrap;}
	.feature_news .item .date{width:100%;margin-bottom: 5px;}
	.feature_news .item .text{width:100%;}

	.feature_links{padding:0;background: #FFF;}
	.feature_links .items{display:flex;flex-wrap: wrap;padding: 25px;background: #F6F6F6;}
	.feature_links .item{width:100%;}
	.feature_links .item + .item{margin-top: 20px;}
	.feature_links .item a{display: flex;}
	.feature_links .img{width:120px;}
	.feature_links .texts{width:calc(100% - 120px);box-sizing: border-box;padding: 15px;}
	.feature_links .title{font-size: 16px;padding-bottom: 0;}
	.feature_links .link{font-size: 12px;}
	.feature_links .contactlink{width:calc(100% - 50px);margin: 30px auto 0;}

	.company .sec01{width:100%;padding: 0 25px;box-sizing: border-box;}
	.company .sec01 .items{display: block;padding:20px 0px 40px;}
	.company .sec01 .items .name{width:100%;padding:10px 0px;}
	.company .sec01 .items .name::before{width: 130px}
	.company .sec01 .items .text{width:100%;border-bottom:none;padding:10px 0px;}

	.company .sec02{width:100%;padding: 0 25px 25px;box-sizing: border-box;}
	.company .sec02 .items .item{padding: 10px 0 10px 25px;}
	.company .sec02 .items .item::before{top:18px;}
	.company .sec02 .items .date::before{top:16px;}

	.scheme .sec01{padding: 30px 25px 20px;}
	.scheme .sec01 .sectitle{line-height: 30px;padding: 5px 10px;}
	.scheme .sec01 .img{margin-top: 25px;}
	.scheme .sec02{padding: 30px 25px 20px;}
	.scheme .sec02 .sectitle{}
	.scheme .sec02 .img{margin-top: 25px;}

	.price .sec01 .sectitle{font-size: 20px;line-height: 30px;}
	.price .sec01 .sectitle::before{top:13.5px;}
	.price .sec01 .sales{width:100%;flex-wrap: wrap;}
	.price .sec01 .period{width:100%;}
	.price .sec01 .money{width:100%;}
	.price .sec02{padding-bottom: 10px;}
	.price .sec02 .sectitle{font-size: 20px;line-height: 30px;}

	.teiden .sec01{width:100%;padding: 25px;box-sizing: border-box;}

	.teiden .tab_title{padding-top: 0;margin-bottom: 30px;}
	.teiden .tab01_main .next01{line-height:24px;}
	.teiden .tab01_main .next02{line-height:24px;}
	.teiden .tab01_main .cover01{margin-bottom: 50px;}
	.teiden .tab01_main{padding: 35px 0 0;}
	.teiden .tab01_main .area01{order: 1;}
	.teiden .tab01_main .area01 .text01{flex-wrap: wrap;justify-content: center;padding-top: 20px;padding-bottom: 20px;}
	.teiden .tab01_main .area01 .text01 img{width: 40px;padding: 0 0 10px 0;;}
	.teiden .tab01_main .area01 .text01 span{width: 100%;}
	.teiden .tab01_main .area02{order: 2;margin-bottom: 20px;}
	.teiden .tab01_main .area03{order: 4;width:100%;margin-top: 50px;}
	.teiden .tab01_main .area04{order: 3;width:100%;}
	.teiden .tab01_main .area03_02 .text01{padding-top:20px;padding-bottom: 20px;}
	.teiden .tab01_main .area03_03 .texts02{display: block;}
	.teiden .tab01_main .area03_03 .text01{padding: 20px 20px 5px;text-align: justify;}
	.teiden .tab01_main .area03_03 .text02_01{font-size: 40px;color: #FF8097;}
	.teiden .tab01_main .area03_03 .text02_02{padding-left:0;}
	.teiden .tab01_main .area03_03 .text03{padding-bottom:20px;}
	.teiden .tab01_main .area03_04 .text01{text-align: justify;padding: 20px 20px 10px;}
	.teiden .tab01_main .area04_02 .text01{text-align: justify;padding: 20px 20px 10px;}
	.teiden .tab02_main{padding: 35px 0;}
	.teiden .tab02_main .area01{flex-wrap: wrap;}
	.teiden .tab02_main .area01_01{width:100%;margin-bottom: 30px;}
	.teiden .tab02_main .area01_02{width:100%;}
	.teiden .tab02_main .area01_01 .text02{padding:20px 20px 10px;}
	.teiden .tab02_main .area01_01 .text03{padding:10px 20px;}
	.teiden .tab02_main .area01_01 .text04{padding:10px 20px 20px;}
	.teiden .tab02_main .area01_02 .text02{padding:20px 20px 10px;}
	.teiden .tab02_main .area01_02 .text03{padding:10px 20px;}
	.teiden .tab02_main .area01_02 .text04{padding:10px 20px 20px;}

	.privacy .sec01{padding-bottom: 0;}

	.contact .sec01 .area01 .text{padding: 0 25px;}	
	.contact .sec01 #formVali{margin: 30px auto 10px;}
	.contact .sec01 #formVali .formwrap{padding:10px 25px;}
	.contact .sec01 #formVali dl{padding: 15px 0 20px;}
	.contact .sec01 #formVali dt{padding-bottom: 5px;}
	.contact .sec01 .float{float: none;height: auto;}
	.contact .sec01 #formVali .submitwrap{margin-top: 30px;}
	.contact .sec01 #formVali .submitwrap::before{top:5px;}
	
	.news .sec01 {padding: 25px;}
	.news .sec01 .items .item + .item{margin-top:25px;}
	.news .sec01 .items .item{padding: 15px;flex-wrap: wrap;}
	.news .sec01 .items .item .img{width:100%;}
	.news .sec01 .items .item .texts{width:100%;}
	.news .sec01 .items .item .date{font-size: 16px;margin-top: 10px;}
	.news .sec01 .items .item .title{font-size:20px;line-height: 30px;}
	.news .sec01 .items .item .text{font-size: 16px; line-height:30px;}

}