@charset "utf-8";
.color_darkorange{
	color: #c47a5a;
}
.color_darkpink{
	color: #d6a08c;
}
.color_darkpurple{
	color: #c1a5ac;
}
.color_darkblue{
	color: #a5b8bf;
}
.color_gold{
	color: #cfc0a1;
}

.st_mv {
	background-color: #a88f94;
	position: relative;
	padding-bottom: 14em;
}
.st_mv_img01 {
	display: block;
	width: 20%;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	max-width: 500px;
}
.st_mv_ttl_img {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;
	padding-top: 2em;
	max-width: 1600px;
}
.st_cp {
	position: relative;
	z-index: 5;
	margin-top: -12em;
	padding-left: 4em;
	padding-right: 4em;
	margin-bottom: 10em;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.st_cp_img01 {
	display: block;
	position: relative;
	width: 40%;
	margin-left: auto;
	margin-right: 0px;
	max-width: 400px;
}
.st_cp_bk_wrap {
  position: absolute;
  top: 15%;
  left: 0;
  width: 300%;
  max-width: 2000px;
  z-index: -1;
  display: flex;
  animation: marquee-left 30s linear infinite;	
}
.st_cp_bk_wrap02 {
	top: 2%;
}

.st_cp_bk {
  width: 100%;
  flex-shrink: 0;
  padding-left: 4em;
  padding-right: 4em;
}



/* 左へ流し続ける */
@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


.st_cp_ttl {
	font-size: 5em;
	font-weight: 900;
	text-align: left;
	line-height: 1.7;
	padding-top: 1em;
	padding-bottom: 1em;
}
.st_cp_img02 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4em;
	width: 50%;
	max-width: 400px;
}
.st_cv_btn {
    background-color: #c47a5a;
    color: #fff;
    font-size: 6em;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    width: 95%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #c47a5a;
    transform: translateY(30px);
}
.st_cv_btn {
	font-size: 4em;
	max-width: 800px;
}
.st_cv_txt {
    font-size: 12px;
    color: #f3d56c;
    letter-spacing: 0;
    display: block;
    padding-bottom: 10px;
}
.st_cv_btn svg {
    fill: #fff;
    margin-left: 5px;
    width: 7px;
    height: 7px;
	transform: rotate(90deg);
}
.st_cp_msg {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding-top: 8em;
	padding-bottom: 4em;
}
.st_cp_sum_flex {
	display: flex;
	max-width: 1400px;
	justify-content: space-between;
	margin: 0 auto;
}
.st_cp_sum {
	width: 32%;
}
.st_cp_sum_lead {
	font-size: 2.5em;
    font-weight: 700;
    text-align: center;
    line-height: 2;
    padding-top: 3em;
    padding-bottom: 3em;
}
.st_cp_sum_lead02 {
	font-size: 4em;
	font-weight: 700;
	text-align: center;
	line-height: 1.7;
}
.st_cp_sum_lead02big {
	font-size: 1.6em;
    font-weight: 900;
    padding-bottom: 0.3em;
}
.cp_msg_ttl01 {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1200px;
}
.st_std_ttl {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	padding-bottom: 12em;
}
.st_std_ttl01 {
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	padding-bottom: 0.8em;
	line-height: 1.5;
}
.st_std_ttl02_bk {
	position: relative;
	margin-bottom: 4em;
}
.st_std_ttl02 {
	background-color: #f0e6d6;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}

.st_std_ttl02_bk::before {
	content: " ";
	position: absolute;
	width: 50%;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #f0e6d6;
	z-index: -1;
}
.st_std_ttl02txt {
	text-align: center;
	font-size: 2.5em;
	font-weight: 600;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5;
}
.st_std_ttl_num {
	font-size: 30em;
	font-weight: 500;
	position: absolute;
	left: 5px;
	bottom: 5px;
}
.st_std_flex01 {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 600px;
	padding-bottom: 10em;
}
.st_std_f_ttl {
	font-size: 10em;
	text-align: center;
	padding-bottom: 0.3em;
	font-weight: 700;
}
.st_std_f_tab {
	background-color: #c1a5ac;
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	padding: 0.5em;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.st_std_f_tab02 {
	background-color: #d6a08c;
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	padding: 0.5em;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.st_std_f_tab03 {
	background-color: #a5b8bf;
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	padding: 0.5em;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	width: 91%;
}

.st_std_f_plus {
	font-size: 2.5em;
	font-weight: 700;
	padding: 0.5em;
	text-align: center;
}
.st_std_lead01 {
	font-size: 2.5em;
	text-align: left;
	line-height: 1.5;
	font-weight: 500;
}
.st_std_f02flex {
	margin-left: auto;
	margin-right: auto;
}
.st_std_f_ttl {

}
.st_std_f_point {
	margin-left: -0.4em;
	margin-right: -0.4em;
}
.st_std01_img12a {
	margin-bottom: 2em;
}
.bk_dark_blue {
	background-color: #bbced7;
}
.st_std01_img013a {
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
}
.st_std_small {
	font-size: 0.6em;
}

.st_std_img100 {
	width: 100%;
	position: relative;
}
.st_std02_img011a_maru {
	position: absolute;
	z-index: 5;
	right: 10px;
	top: 10px;
	width: 30%;
	height: auto;
}
.st_std_ttl01a {
	padding-left: 1em;
}
.st_std_box {
	padding-bottom: 10em;
}
.st_std_img_right {
	margin-right: auto;
}
.st_free_wrap {
	background-color: #d6a08c;
	clip-path: polygon(0% 0, 50% 5%, 100% 0%, 100% 100%, 0 100%);
	position: relative;
	padding-top: 8em;
}
.st_free {
	width: 95%;
	padding-top: 10em;
	padding-bottom: 6em;
	margin-left: auto;
	margin-right: auto;
}
.st_free_ttl01 {
	font-size: 6em;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0.3em;
}
.st_free_ttl02 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0.3em;
	width: 13.5em;
	font-size: 5em;
	font-weight: 700;
	margin-bottom: 1em;
}
.free_img01 {
	display: block;
	margin-bottom: 1em;
}
.free_bk {
	width: 80%;
	max-width: 1000px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: -1;
}
.free_img03 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 230px;
	width: 40%;
}
.st_free_cmt_flex02 {
	border-radius: 20px;
	padding: 4em;
	background-color: #c47a5a;
	margin-top: 3em;
	position: relative;
}

.st_free_cmt_flex02::before{
	content: "";
	position: absolute;
	top: -10px;          /* 三角の高さ分 */
	left: 50%;/* 三角の位置 */
	transform: translateX(-50%);
	border-width: 0 10px 10px 10px; /* 下向き三角形 */
	border-style: solid;
	border-color: transparent transparent #c47a5a transparent;
}

.st_free_cmt_f01 {
	font-size: 6em;
	text-align: left;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 0.5em;
}
.st_free_cmt_f02 {
	font-size: 2.5em;
	font-weight: 700;
	text-align: left;
	line-height: 1.7;
}
.st_free_cmt_flex {
	padding-top: 6em;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}
.st_free_flex {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.st_standard_box {
	padding: 4em;
	-webkit-box-shadow: 0px 0px 20px rgba(130,130,130,0.23);
	box-shadow: 0px 0px 20px rgba(130,130,130,0.23);
	margin-top: 8em;
	margin-bottom: 8em;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.st_standard_ttl {
	font-size: 5.5em;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 0.4em;
}
.st_standard_icon {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.st_standard_other {
	padding-top: 4em;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.st_standard_other_ttl {
	font-size: 2.5em;
	font-weight: 500;
	padding-bottom: 0.5em;
}
.st_standard_other_txt {
	font-size: 1.8em;
	text-align: left;
	line-height: 1.4;
}
.st_model_wrap {
	position: relative;
	padding-top: 8em;
	padding-bottom: 8em;
	margin-top: 8em;
}
.st_model_ttl {
	text-align: center;
	font-size: 4em;
	line-height: 1.5;
	font-weight: 600;
	padding-bottom: 2em;
}
.st_model_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 1800px;
}
.st_model01 {
	width: 90%;
	margin-left: auto;
	display: block;
	margin-right: auto;
	max-width: 1400px;
}

.st_model02 {
	width: 38%;
}
.st_model02box {
	width: 28%;
    transform: scale(1.3) translateX(-3em);
}
.st_model05 {
	width: 28%;
	transform: translateY(-2em);
}
.st_model03 {
	margin-bottom: 2em;
	display: block;
}
.color_blue_grad {
	background: linear-gradient(90deg, #588fb9 0%, #2f417f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent; /* 保険 */	
}
.st_model_ttl01 {
	font-size: 4em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.3em;
    padding-top: 3em;
    margin-left: auto;
    margin-right: auto;
    width: 14em;
}
.st_model_ttl02 {
	font-size: 5em;
	text-align: center;
	font-weight: 700;
	line-height: 1.5;
	padding-bottom: 0.3em;
}
.st_model_ttl03 {
	font-size: 3.5em;
	text-align: center;
	line-height: 1.5;
	font-weight: 700;
	padding-bottom: 0.5em;
}
.st_model_lead_box {
	padding-right: 4em;
	padding-left: 4em;
	border: 1px solid #c47a5a;
	margin-top: 4em;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}
.st_model_lead {
	font-size: 2em;
	text-align: center;
	line-height: 1.5;
	font-weight: 700;
	background-color: #FFFFFF;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	transform: scale(1.3);
	padding-top: 2em;
	padding-bottom: 2em;
}
.st_qa_wrap {
	padding-top: 8em;
	padding-bottom: 16em;
	padding-left: 4em;
	padding-right: 4em;
	background-color: #f0e6d6;
	position: relative;
	margin-top: 8em;
}
.st_qa_bk {
	width: 80%;
	max-width: 1000px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
.st_qa {
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	padding-bottom: 1em;
	position: relative;
	z-index: 1;
}
.st_qa_ttl {
	font-size: 5em;
	text-align: center;
	font-weight: 700;
	padding-bottom: 1.5em;
	position: relative;
	z-index: 1;
}
.st_qa_box {
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	margin-bottom: 4em;
	position: relative;
	z-index: 1;
}
.st_qa_head {
	padding: 2em;
	background-color: #FFFFFF;
	display: flex;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 0.5em;
}
.st_qa_eng {
	width: 1.5em;
    text-align: center;
    font-size: 4em;
}
.st_qa_h_ttl {
	font-size: 3em;
	line-height: 1.4;
	flex: 1;
	font-weight: 700;
}
.st_qa_body {
	padding: 2em;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-color: #FFFFFF;
}
.st_qa_lead {
	font-size: 2.5em;
	text-align: left;
	line-height: 1.7;
	flex: 1;
}
.st_other {
	max-width: 1000px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8em;
}
.st_bnr_ttl {
	font-size: 3em;
	font-weight: 700;
	text-align: center;
	padding-bottom: 1em;
}
.st_bnr_lead {
	font-size: 2.5em;
	text-align: left;
	line-height: 1.7;
	font-weight: 700;
	padding-bottom: 1.3em;
}
.st_bnr_img {
	display: block;
	margin-bottom: 2em;
}
.st_bnr_txt {
	font-size: 1.8em;
	text-align: left;
	line-height: 1.5;
}
.st_bnr {
	padding-bottom: 4em;
}
.st_std_f_tab_k01 {
	width: 100%;
}
.st_std_f_tab_k02 {
	width: 100%;
}
























































































/* CSS Document */



@media only screen and (min-width: 481px) {
.st_cv_btn:hover {
	background-color: #fff;
	color: #c47a5a;
	border: 2px solid #c47a5a;
}
.st_cv_btn:hover svg {
	fill: #c47a5a;
	transform: translateY(5px) rotate(90deg);
}
.st_cv_btn {
	font-size: 45px;
}	

	
}


@media only screen and (min-width:768px){
.st_mv {
	padding-bottom: 4em;
}
.st_cv_txt {
    font-size: 16px;
}	
.st_cp_ttl {
	font-size: 50px;
}
.st_cp{
	margin-top: -5em;
	margin-bottom: 5em;

}
.st_std_ttl_num {
	font-size: 300px;
}	
.st_std_ttl01 {
	font-size: 30px;
}
.st_std_ttl02txt {
	font-size: 24px;
}
.st_std_f_ttl {
	font-size: 100px;
}
.st_std_f_tab ,.st_std_f_tab02 ,.st_std_f_tab03 {
	font-size: 30px;
}
.st_std_f_plus {
	font-size: 20px;
}
.st_std_lead01 {
	font-size: 20px;
}
.st_free_ttl01 {

}
.st_free_ttl02 {

}
.st_free_cmt_f01 {
	font-size: 60px;
}
.st_free_cmt_f02 {
	font-size: 20px;
}
.st_free_cmt_flex02 {
	margin-top: 30px;
}
.st_standard_other_ttl {
	font-size: 20px;
}
.st_standard_other_txt {
	font-size: 14px;
}
.st_standard_other {
	padding-top: 40px;
}
.st_qa_h_ttl {
	font-size: 30px;
}
.st_qa_lead {
	font-size: 20px;
}
.st_qa_eng {
	font-size: 40px;
}
.st_bnr_ttl {
	font-size: 30px;

}
.st_bnr_lead {
	font-size: 20px;
}
.st_bnr_txt {
	font-size: 14px;
}




















	
}


@media only screen and (min-width: 1000px) {
.st_standard_icon {
	max-width: 1400px;
}
.st_standard_other {
	max-width: 1400px;
}


}


@media only screen and (min-width: 1200px) {
.st_mv_ttl_img {
	margin-top: -16vw;
}
.st_cp_ttl {
	position: absolute;
	top: 10%;
	left: 5%;
}
.st_cp_msg {
	max-width: 1400px;

}
.st_std_flex01 {
	display: flex;
	max-width: 1400px;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.st_std_flex01r {
	flex-direction:row
}	
.st_std_f01 {
	width: 42%;
}
.st_std_f02flex {
	width: 55%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: 0px;
	margin-right: 0px;
}
.st_std_img50 {
	width: 49%;
}
.st_std_img70 {
	width: 70%;
}
.st_std_img30 {
	width: 28%;
}
.st_std_img80 {
	width: 80%;
}
.std03_img013b {
	margin-top: 4em;
	display: block;
}
.st_free_flex {
	max-width: 1400px;
	display: flex;
	justify-content: space-between;
}
.free_img01 {
	width: 48%;
}
.st_free_cmt_flex02 {
	display: flex;
	justify-content: space-between;
	padding: 60px;
	align-items: center;
}
.st_free_cmt_f01 {
	width: 580px;
}
.st_free_cmt_f02 {
	flex: 1;
}
.st_standard_icon {

}
.st_standard_other_txt {

}
.st_standard_other {

}
.st_std_f_tab, .st_std_f_tab02, .st_std_f_tab03{
	width: 100%;
}	
.st_std_f_tab_k01 {
	width: 105%;
}
.st_std_ttl01{
	font-size: 50px;
}
















	
}

@media only screen and (min-width:1400px){
.st_free_cmt_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.st_free_cmt_flex02 {
	width: 80%;
}
.free_img03 {
	width: 16%;
}
.st_free_cmt_flex02{
  position: relative; /* 念のため */
}

.st_free_cmt_flex02::before{
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	left: auto;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px; /* ← 右向き三角 */
	border-color: transparent transparent transparent #c47a5a;
}




}

@media only screen and (min-width:1600px){
.st_std_ttl_num{
	left: 50%;
    transform: translateX(-800px);
}
.st_std_f_tab_k02 {
	width: 110%;
}

}

@media only screen and (min-width:1800px){
.st_mv_img01 {
    width: 30%;
	max-width: none;
}	
	
}