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

/*スマホ用スタイル*/
@media screen and (max-width: 767px){


/*
 セクション間余白
----------------------------------------------------------- */
section {padding: 40px 0;}
.cta {padding: 30px 0;}
.sec01 {padding: ;}
.sec02 {padding: ;}
.sec03 {padding: ;}
.sec04 {padding: 0;}
.sec05 {padding: ;}
.sec05_btm {padding: 20px 0;}
.sec06 {padding: ;}
.sec06_btm {padding: 0;}
.sec07 {padding: ;}
.sec08 {padding: 0 0 20px;}
.sec09 {padding: ;}
.sec10 {padding: ;}
.sec11 {padding: ;}
.sec12 {padding: ;}
.sec13 {padding: ;}
footer {padding: 15px 0;}

/*
 Header
----------------------------------------------------------- */
header .container {
	flex-wrap: wrap;
}
header .contact {
	margin-left: auto;
	justify-content: center;
}
header .logo {
	margin-bottom: 10px;
}
header .logo {
	height: 40px;
}
header .logo img {
	max-height: 40px;
}
header .tel img {
	max-height: 60px;
}
header .contact .pt_none {
  display: flex;
}
header .contact .pt_none img {
	max-height: 60px;
}

/*
 MV
----------------------------------------------------------- */
.mv {
	background-image: none;
	background-color: #fff;
    padding: 0;
}
.mv .container {
	padding-left: 0;
	padding-right: 0;
}
.mv img {
  margin-left: 0;
}

/*
 CTA
----------------------------------------------------------- */
.cta .white_box {
	padding: 30px 15px;
}
.btn {
	font-size: 1.5em;
	line-height: 1;
	padding: 10px 0 5px;
}
.cta .btn:before {
	top: 8px;
	right: 5px;
}
.sbm_btn {
  padding-top: 30.192%;
  background: url(../img/sp_cta_btn_2.png) no-repeat center center/contain;
}
.cta2 .fx-row li:last-child {
	padding: 0 15px;
}

/*
 sec01
----------------------------------------------------------- */
.sec01 h2 {
	margin-top: -35px;
}
.sec01 .white_box {
	padding-bottom: 0;
}
.sec01 .check_list {
	padding: 15px;
	font-size: 1em;
	background-image: none;
}
.sec01 .sec01_btm_box {
	padding: 15px;
}

/*
 sec02
----------------------------------------------------------- */
.sec02 .sec02_arrow {
	top: -20px;
}

/*
 sec03
----------------------------------------------------------- */
.sec03 .white_box {
	background-image: none;
}
.sec03 .sec03_txt {
	width: 100%;
}
.sec03 .white_box p:last-of-type {
	margin: 0 -15px -15px;
}

/*
 sec04
----------------------------------------------------------- */
.sec04 h2 {
	padding-top: 30px;
}
.sec04 .sec04_case_rbn {
	width: 80px;
	margin: 0 0 0 -32px;
}
.sec04 h3 {
	margin-top: -10px;
	padding-bottom: 15px;
}
.sec04_bg {
	padding-bottom: 60px;
}
.sec04 .sec04_arrow {
	margin-top: -30px;
}

/*
 sec05
----------------------------------------------------------- */
.sec05 .white_box {
	margin-bottom: 15px;
	background-image: none;
	padding-top: 30px;
}
.sec05 .white_box:before {
    margin-left: -45px;
    width: 90px;
    border-top: 30px solid #717071;
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
}
.sec05 .white_box ul {
	font-size: 1.1em;
}
.sec05 .white_box .pt_none {
	margin: -30px -15px 15px;
}
.sec05_btm .posa {
	top: -25px;
}

/*
 sec06
----------------------------------------------------------- */
.sec06_list h3 {
	margin-top: 0;
}
.sec06_list .white_box {
	padding: 15px;
}
.sec06_btm .container {
	padding: 45px 15px;
}

/*
 sec07
----------------------------------------------------------- */
.voice_list li:nth-child(2) {
  margin: 0 -15px 15px;
}
.voice_list .fx-col-100-xs {
	padding-left: 5px;
	padding-right: 5px;
}
.voice_list .white_box {
	padding: 30px;
}

/*
 sec08
----------------------------------------------------------- */
.sec08 h2 {
	padding-top: 15px;
}
.sec08 h2 .container {
	padding-left: 0;
	padding-right: 0;
}
.merit_list h3 {
	margin-top: -30px;
}
.sec08 > .container {
	padding-top: 20px;
}

/*
 sec09
----------------------------------------------------------- */
.point_list .white_box {
	padding: 15px;
}

/*
 sec10
----------------------------------------------------------- */
.sec10 h2 {
	margin-top: -30px;
}
.sec10 .white_box {
  margin-bottom: 30px;
}
.sec10 h3 {
	margin-left: -30px;
}
.sec10 h3 img {
	width: 290px;
}

/*
 sec11
----------------------------------------------------------- */
.sec11 .white_box {
	padding-bottom: 0;
}
.sec11 .white_box:first-of-type,
.sec11 .white_box:last-of-type {
	background-image: none;
}
.sec11 .white_box:first-of-type p,
.sec11 .white_box:last-of-type p {
	width: 100%;
}
.sec11 .white_box p:last-of-type {
	width: calc(100% + 30px);
	margin-left: -15px;
}

/*
 sec12
----------------------------------------------------------- */

/*
 sec13
----------------------------------------------------------- */
.qa_list .q {
	font-size: 21px;
	line-height: 28px;
	padding: 10px 10px 10px 50px;
}
.qa_list .a {
	padding: 10px 10px 20px 50px;
}
.qa_list .q:before,
.qa_list .a:before {
	font-size: 24px;
	top: unset;
	left: 10px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-size: cover;
}
.qa_list:last-of-type li:last-child .a {
	padding-bottom: 10px;
}
.sec13 .white_box {
	padding: 5px;
}

/*
 Footer
----------------------------------------------------------- */
footer .container {
	flex-wrap: wrap;
}
footer .contact {
	margin-left: auto;
	justify-content: center;
}
footer .logo {
	margin-bottom: 10px;
}
footer .logo {
	height: 40px;
}
footer .logo img {
	max-height: 40px;
}
footer .tel img {
	max-height: 60px;
}
footer .contact .pt_none {
	display: flex;
}
footer .contact .pt_none img {
	max-height: 60px;
}
footer .container {
	padding: 0 15px;
}
footer .footer_link {
	flex-direction: column;
}
footer .footer_link li {
	padding: 15px 0;
}
footer .footer_link li {
	border-top: 1px solid #ccc;
}
footer .footer_link li:last-child {
	border-bottom: 1px solid #ccc;
}
footer .pmark,
footer .norton {
  align-items: center;
}

/*
 Page Top
----------------------------------------------------------- */
.pagetop {
	bottom: 20px;
	right: 5px;
}


}/*スマホ用スタイルend*/