@charset "utf-8";

/*==================================================
cmn
==================================================*/

html {
	font-size: 62.5%;
}
body {
	background: #ebf6fe;;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #000;
	font-size: 2rem;
	line-height: 2em;
	position: relative;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
header, nav, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img, table, tr, td, th, input, textarea, select, a, figure {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
span.h1_black{
text-align:center;
font-size:2rem;
color:#fff;
background:#FF6E00;
display:block;
line-height:2.5em;
}
p {
	margin-bottom: 1.5em;
}
p:last-child {
	margin-bottom: 0;
}
a, input[type="submit"] {
	text-decoration: none;
	color: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.sp {
	display: none;
}
/*==================================================
head
==================================================*/
.site-header {
	text-align: center;
	font-size:1.8rem;
	background: #fff;
}

.site-header h1 {
	width: 40%;
	margin: 0 auto;
}

/*==================================================
foot
==================================================*/
.site-footer {
	text-align: center;
	margin: 2em 0;
}

.site-footer address {
	text-align: center;
	font-style: normal;
	font-size: 80%;
	margin-top: 1em;
}
/*==================================================
content
==================================================*/

main{
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}
.txt-center {
	text-align: center;
}
.img-box{
	margin: 7% 0;
}
.btn{
	text-align: center;
	margin: 6% 0 10%;
}
.btn:last-child{
	margin-bottom: 0;
}
.content {
    background: #fff;
}

.col1 {
    background-image: url(../img/lp_futei_ap04_2/img01_line.jpg);
    background-position: top center;
    background-size: cover;
    text-align: center;
    padding: 6.3%;
}

.col1 .img-box:last-child{
	margin-bottom: 0;
}

.col2 {
    background-image: url(../img/lp_futei_ap04_2/img02_back.jpg);
    text-align: center;
    padding: 6.3% 6.3%;
}

.col2 .img-box {
    margin-top: -70px;
	margin-bottom: 0;
}

.col3 {
    background-image: url(../img/lp_futei_ap04_2/img02_back.jpg);
    background-position: top center;
    background-size: cover;
    text-align: center;
    padding: 6.3% 6.3% 0;
}

.col3 h2 {
    margin-bottom: 2em;
}

.col3 .img-box {
    margin: 3% 0;
}

.col3 .img-box:last-child{
	margin-bottom: 0;
}

.col4 {
    background: #2f3a61;
    text-align: center;
    padding: 6.3%;
}

.col4 .img-box:last-child{
	margin-bottom: 0;
}

h2.formTitle {
    color: #fff;
    text-align: center;
    padding: 16% 8% 6%;
    position: relative;
}

h2.formTitle2 {
    text-align: center;
    padding: 6%;
}

.col5 {
    background: #fff;
    padding: 6.3%;
}

.col5 h2 {
	background: #ca1a2f;
	margin: -7.3% -7.3% 3em;
    color: #fff;
    text-align: center;
    padding: 8% 6%;
    position: relative;
}

.col5 h2::before, .col5 h2::after {
    content: '';
    display: block;
    border: transparent solid 36px;
    border-top: 18px solid #ca1a2f;
    position: absolute;
    left: calc(50% - 36px);
    bottom: -50px;
}

.col5 h3 {
    text-align: center;
}

.col5 h4 {
	background: #2f3a61;
	border-radius: 20px;
    color: #fff;
    text-align: center;
    padding: 3%;
	font-size: 2.8rem;
	margin: 1em 0 1.5em;
}

.col5 ul li {
    background: url(../img/lp_futei_ap04_2/checkmark.gif) no-repeat left 0;
    background-size: 40px;
    padding: 0 0 1.1em 55px;
    font-size: 3.5rem;
    font-weight: bold;
}

.col5 ul li:last-child {
    padding-bottom: 0;
}

.col6 {
    background: #eaebef;
    padding: 6.3%;
}

.col6 h2 {
    text-align: center;
}

.col6 h3 {
	background: #2f3a61;
	border-radius: 20px;
    color: #fff;
    text-align: center;
    padding: 3%;
	font-size: 2.8rem;
	margin: 1em 0;
}


/*--　問い合わせエリア　--*/
.form_btn {
	background-color: #fff;
    padding: 6rem 4% 6.4rem;
}
.form_btn .telBox,.form_btn .btnBox {
    text-align:center;
    margin-bottom: 4rem;
}
.form_btn .telBox img.form_btn .btnBox img {
    display: inline-block;
}
.form_btn ul {
    display:flex;
    column-gap: 1%;
    max-width:640px;
    margin:0 auto;
}
.form_btn ul li {
    width:49.5%;
}
.cvBtnAni a {
display: inline-block;
width: fit-content;
animation: anime1 0.5s ease 0s infinite alternate;
transform-origin:center;
}
.cvBtnAni a:hover,
.cvBtnAni a:active {
animation-play-state: paused;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}


/* 電話CVボタン用 */
.telCV a {
display: block;
width:640px;
height:180px;
background: url(../img/lp_futei_ap04_2/btn_tel.png) no-repeat center top;
margin:0 auto;
}
.telCV a span {
display:none;
}
@media screen and (max-width: 600px) {
	.telCV {
	padding:0 4%;
	}
	.telCV a {
	width:100%;
	height:0;
	padding-top:28.125%;
	background: url(../img/lp_futei_ap04_2/btn_tel.png) no-repeat center top;
	background-size: contain;
	margin:0 auto;
	}
}/* SP */






@media screen and (max-width: 600px) {
/*==================================================
cmn
==================================================*/
	body{
		font-size:15px;
	}
.sp {
	display: block;
}
.pc {
	display: none;
}
	.site-header{
		font-size:1.2rem;
		padding:0;
	}
	.site-header img{
		width: 180px;
	}
	.site-footer address{
		font-size:10px;
	}

.col1 h2 {
    font-size: 3.3rem;
}

h2.col2Title {
    padding: 7%;
}

.col2 .img-box {
    margin-top: -30px;
}

.col1,.col2,.col3,.col4 {
    padding-left: 4%;
    padding-right: 4%;
}

.col2 {
    padding-bottom: 4%;
}

.col1 h2 {
    width: 90%;
    margin: 20px auto 25px;
}

.col3 h2,.col4 h2 {
    width: 90%;
    margin: 0 auto;
}

.col5 {
    padding: 6.3% 6.3% 9%;
}

.col5 ul li {
    padding: 0 0 1.1em 55px;
    font-size: 2.3rem;
}

.col5 h4 {
    border-radius: 10px;
    padding: 3%;
	font-size: 2rem;
}



/*--　問い合わせエリア　--*/
.form_btn {
    padding: 2rem 2% 3rem;
}
.form_btn ul {
    column-gap:0;
}
.form_btn ul li {
    width:50%;
}


}
/* max-width: 600px END */



/*==================================================
LP内　埋込みフォーム
==================================================*/
/* レイアウト */
.form {
margin:80px 0;
}
#contact_block {
padding:1rem 0;
}
#contact_block h2 {
text-align: center;
color: #fff;
background-color: #213D78;
font-size: 3rem;
letter-spacing: .1em;
line-height: 1.2;
padding: 2.8rem 0;
margin-bottom:1em;
}
#FormGroup {
padding:0 6%;
}
#FormGroup > h6 {
color:#213D78;
border:#213D78 solid 1px;
padding:1em;
font-size:1.5rem;
line-height:1.3em;
text-align:center;
margin-bottom:3em;
}
#FormGroup dl {
margin-top:4rem;
}
#FormGroup dl :is(dt,dd) {
padding-bottom:.5em;
}
#FormGroup dl dt {
font-weight:bold;
font-size:1.6rem;
line-height:1.2em;
}
#FormGroup dl dd {

}
#FormGroup dl dt span {
font-size:70%;
font-weight: bold;
margin-left:0.8em;
line-height: 0;
min-height:1em;
}
#FormGroup dl dt span.req {
color: #B50800;
border: 0.2rem solid #B50800;
padding: 0.8em 0.8rem;
display: inline-block;
}


/* フォーム項目 */
#FormGroup input[type="text"],
#FormGroup input[type="email"],
#FormGroup input[type="number"],
#FormGroup textarea {
width:100%;
display:block;
padding:1em;
font-size:1.5rem;
border: 1px solid #CECECE;
border-radius: 1rem;
}

#FormGroup input[name="慰謝料請求された額"] {
width:70%;
display:inline-block;
}

/* 補足チェックボックス */
#FormGroup dl dd .notBox {
margin-top:1.5em;
}
#FormGroup dl dd .notBox label {
display:block;
}

/* actionボタン */
#FormGroup ul.submitArea li {
text-align: center;
}
#FormGroup ul.submitArea li:not(:first-of-type) {
margin-top:2rem;
}
#FormGroup .submitArea input[type="submit"] {
display: inline-block;
border-radius: 0.3em;
font-size: 2.5rem;
text-align: center;
cursor: pointer;
padding: 1em;
color: #FFF;
background: #BE1009;
border: 2px solid #BE1009;
line-height: 1em;
transition: .3s;
box-shadow: 5px 5px 4px rgba(50,50,50,0.6);
min-width:12em;
}
#FormGroup .submitArea input[type="submit"]:hover,
#FormGroup .submitArea input[type="submit"]:active {
box-shadow: none;
color: #BE1009;
background: #FFF;
}

/* 戻るボタン */
#FormGroup .submitArea input[name="submitBack"] {
background:#666;
border:transparent solid 2px;
}
#FormGroup .submitArea input[name="submitBack"]:hover,
#FormGroup .submitArea input[name="submitBack"]:active {
color:#666;
}



/*==================================================
事務所概要
==================================================*/
.office_info {
    background: #fff;
    padding:3em 2em;
}
.office_info h2 {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 1em;
}
.office_info table {
    width:100%;
    border-collapse: collapse;
}
.office_info table tr {
    font-size:1.8rem;
    line-height:1.5em;
    text-align: left;
    border-bottom: 1px solid #dae0e0;
}
.office_info table th,
.office_info table td {
    padding:1em 0.5em;
}
.office_info table th {
    width:25%;
    font-weight:700;
}


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

.office_info table tr,
.office_info table th,
.office_info table td {
	width:100%;
}
.office_info table tr{
	font-size:1.5rem;
	display:grid;
}
.office_info table td {
    padding-top:0;
}

}

/* 事務所概要END */