@charset "UTF-8";

body {
	color: #000;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
}
 @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500&display=swap'); 
p {
	margin: 0;
}

img {
	border: none;
	vertical-align: bottom;
}

a {
	color: #474747;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #7a7a7a;
}

a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

.center {
	text-align: center;
}

.cf:after {
	content: " ";
	display: block;
	clear: both;
}

ul.cf{
    margin-top: -12px;
}

.cf span{
    font-size: 0.8rem;
    line-height: 15px;
    display: block;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1,
h2,
h3 {
	margin: 0;
	padding: 0;
}

.maru {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

#fv {
    width: 100%;
    /* 背景画像の設定 */
    background-image: url(../img/fv_4_3.png);
    background-position: center 0;
    background-repeat: no-repeat;
    position: relative; /* 内部要素の位置を指定するために必要 */
}

.overlay-text {
    position: absolute;
    right: 0; /* 画像の右端に揃える */
    bottom: 0; /* 画像の下端に揃える */
    background-color: rgba(255, 255, 255, 0.7); /* 半透明の背景色 */
    padding: 5px 10px;
    font-size: 12px; /* 文字のサイズを調整 */
    color: #333; /* テキストの色 */
    z-index: 10; /* 他の要素よりも上に表示 */
    margin: 0; /* 余白なし */
}

#fv .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 745px;
}

#fv h1 {
	margin: 0 auto;
	font-size: 17px;
	color: #000;
	font-weight: normal;
	position: absolute;
	top: 30px;
}

#fv .btn {
	position: absolute;
	left: 0;
	bottom: 10px;
}

#fv .btn a:hover img {
	-webkit-filter: contrast(120%);
	filter: contrast(120%);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

.line {
	background: #2cc014;
}

.line .inner {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/line01.jpg) 0 0 no-repeat;
	height: 207px;
	position: relative;
	color: #FFF;
	font-weight: bold;
}

.line .txt01 {
	font-size: 18px;
	line-height: 1.3em;
	position: relative;
	top: 75px;
	left: 125px;
}

.line .txt01 span {
	font-size: 15px;
}

.line .txt02 {
	position: absolute;
	left: 0;
	bottom: 5px;
	font-size: 20px;
	white-space: nowrap;
	line-height: 32px;
	width: 1000px;
}

.line .txt02 strong {
	font-size: 24px;
	color: #FF0;
}

#whats {
	background: url(../img/img01.jpg) center 0 no-repeat;
	height: 470px;
	text-align: center;
	font-size: 18px;
	line-height: 45px;
}

#whats .txt {
	padding-top: 190px;
}

#whats strong {
	color: #2896E6;
	font-size: 22px;
}

.gray {
	background: #f2f2f2;
	min-width: 1424px;
}

.blue {
	background: #66c4de;
	min-width: 1424px;
}

.lblue {
	background: #d6f3fb;
	padding-bottom: 255px;
	min-width: 1424px;
}

ul#nayami {
	width: 1024px;
	margin: 0 auto;
}

ul#nayami li {
	position: relative;
	width: 1024px;
	margin-bottom: 10px;
}

ul#nayami .frame01 {
	background: url(../img/frame1.png) 0 0 no-repeat;
	height: 410px;
}

ul#nayami .frame02 {
  background: url(../img/frame2.png) 0 0 no-repeat;
  height: 393px;
}

ul#nayami .frame03 {
  background: url(../img/frame3.png) 0 0 no-repeat;
  height: 324px;
}

ul#nayami .frame04 {
	background: url(../img/frame4.png) 0 0 no-repeat;
	height: 354px;
}

ul#nayami .question {
	position: absolute;
	left: 35px;
	top: 50px;
	color: #FFF;
	font-size: 25px;
	line-height: 40px;
	font-weight: bold;
}

ul#nayami .question p {
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

ul#nayami .answer {
	position: absolute;
	left: 465px;
	top: 40px;
}

ul#nayami .answer h3 {
	font-size: 30px;
	line-height: 42px;
	color: #2896E6;
	margin-bottom: 22px;
}

ul#nayami .answer p {
	width: 520px;
	font-size: 17px;
	line-height: 28px;
}

ul#nayami .answer p strong {
	color: #FF3C78;
}

#btnArea01 {
	background: #2895e7;
	height: 230px;
}

#btnArea01 .inner {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/img03.jpg) center 0 no-repeat;
	position: relative;
	height: 230px;
}

#btnArea01 .model {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

#btnArea01 .txt {
	position: absolute;
	right: 0;
	top: -200px;
}

#btnArea01 .btn01 {
	position: absolute;
	bottom: 24px;
	right: 373px;
	-moz-box-shadow: 5px 5px 0 #207bc1;
	-webkit-box-shadow: 5px 5px 0 #207bc1;
	box-shadow: 5px 5px 0 #207bc1;
}

#btnArea01 .btn02 {
	position: absolute;
	right: 0;
	bottom: 24px;
}

#merit {
	text-align: center;
	letter-spacing: -.40em;
}

#merit h3 {
	text-align: center;
	margin: 40px 0 15px;
}

#merit .block {
	display: inline-block;
	border: 1px solid #2cbf13;
	width: 490px;
	text-align: left;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 7px;
}

#merit .block h4 {
	color: #FFF;
	text-align: center;
	background: #2cbf13;
}

#merit .block p {
	padding: 10px;
	height: 170px;
	font-size: 17px;
	line-height: 24px;
}

#merit .block span {
	display: block;
	font-size: 15px;
	line-height: 1.2em;
	margin-top: 5px;
}

#merit .note {
	width: 1000px;
	margin: 0 auto;
	letter-spacing: normal;
	text-align: left;
	color: #ff3c78;
}

#different {
	width: 1000px;
	margin: 0 auto;
	padding: 90px 0 50px;
}

#different ul {
	width: 980px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 30px;
	padding-top: 78px;
}

#different li {
	position: relative;
	margin-bottom: 50px;
}

#different p {
	position: absolute;
	top: 160px;
	left: 40px;
	width: 450px;
}

#different p strong {
	color: #FF3C78;
}

#different .diff01 {
	background: url(../img/img05.jpg) 0 0 no-repeat;
	width: 980px;
	height: 467px;
}

#different .diff02 {
	background: url(../img/img06.jpg) 0 0 no-repeat;
	width: 980px;
	height: 393px;
}

#different .diff02 p {
	width: 900px;
}

#different .diff02 p .space {
	float: right;
	width: 430px;
	height: 120px;
}

#compensation {
	background: url(../img/img07_2.png) 0 0 no-repeat;
	width: 1000px;
	height: 500px;
	margin: 0 auto;
	position: relative;
}

#compensation ul {
	position: absolute;
	font-size: 16px;
	line-height: 27px;
	width: 640px;
	height: 275px;
	right: 0;
	top: 230px;
	padding: 0 5px;
}

#compensation li {
	width: 210px;
	float: left;
	padding: 0 15px;
}

#compensation .txt {
	color: #FFF;
	font-size: 14px;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 40px;
}

#belt01 {
	text-align: center;
	height: 130px;
	background: #2895e7;
}

#belt01 p {
	position: relative;
}

#belt01 p::before {
	content: "";
	position: absolute;
	bottom: -23px;
	right: 50%;
	border: 12px solid transparent;
	border-top: 12px solid #2895e7;
}

#tableArea {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/table.png) right 70px no-repeat;
	padding: 70px 0 50px;
}

#tableArea h3 {
	margin: 85px 0 30px;
}

#tableArea p {
	font-size: 17px;
	line-height: 32px;
	width: 480px;
}

#tableArea p strong {
	color: #FF3C78;
}

#tableArea span {
	background: url(../img/yel.png) 0 4px repeat-x;
}

ul#case {
	width: 974px;
	margin: 0 auto;
}

ul#case li {
	width: 974px;
	position: relative;
	margin-bottom: 10px;
}

ul#case li .country {
	position: absolute;
	left: 100px;
	top: 50px;
	color: #FFF;
	font-size: 20px;
	padding-right: 45px;
}

ul#case li .txt {
	position: absolute;
	left: 55px;
	top: 100px;
	color: #FFF;
	font-size: 23px;
	line-height: 34px;
}

ul#case li .price {
	position: absolute;
	left: 605px;
	top: 90px;
}

ul#case li .price::before {
	content: "保険金支払額";
	display: block;
	font-size: 23px;
	line-height: 1em;
	color: #4D4D4D;
	margin-bottom: 10px;
}

ul#case .case01 {
	background: url(../img/case01.png) 0 0 no-repeat;
	height: 264px;
}

ul#case .case01 .country {
	background: url(../img/flag1.png) right center no-repeat;
}

ul#case .case02 {
	background: url(../img/case02.png) 0 0 no-repeat;
	height: 264px;
}

ul#case .case02 .country {
	background: url(../img/flag2.png) right center no-repeat;
}

ul#case .case03 {
	background: url(../img/case03.png) 0 0 no-repeat;
	height: 244px;
}

ul#case .case03 .country {
	background: url(../img/flag3.png) right center no-repeat;
}

ul#case .case03 .price {
	top: 80px;
}

ul#icons {
	margin: 15px auto 56px;
	width: 1050px;
}

ul#icons li {
	width: 186px;
	float: left;
	margin: 0 12px;
}

ul#icons li .image {
	text-align: center;
	display: block;
	width: 100%;
}

ul#icons li h3 {
	text-align: center;
	padding: 10px 0;
}

ul#icons li p {
	font-size: 16px;
	line-height: 26px;
}

.btnArea02 {
	background: #2895e7;
	height: 230px;
	min-width: 1424px;
}

.btnArea02 .inner {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/img12.jpg) center 0 no-repeat;
	position: relative;
	height: 230px;
}

.btnArea02 .model {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.btnArea02 .txt {
	position: absolute;
	left: 0;
	top: -130px;
}

.btnArea02 .btn01 {
	position: absolute;
	bottom: 24px;
	left: 0px;
	-moz-box-shadow: 5px 5px 0 #207bc1;
	-webkit-box-shadow: 5px 5px 0 #207bc1;
	box-shadow: 5px 5px 0 #207bc1;
}

.btnArea02 .btn02 {
	position: absolute;
	left: 373px;
	bottom: 24px;
}

#lineArea {
	background: #2CBF13;
	-moz-box-shadow: 0 10px 10px #ddd;
	-webkit-box-shadow: 0 10px 10px #ddd;
	box-shadow: 0 10px 10px #ddd;
}

#lineArea .inner {
	width: 1000px;
	margin: 0 auto;
}

#lineArea .block {
	margin: 0 auto 20px;
	position: relative;
}

#lineArea .block h3 {
	position: absolute;
	font-size: 27px;
	line-height: 1em;
	color: #2CBF13;
	font-weight: bold;
	left: 122px;
	top: 28px;
}

#lineArea .block h4 {
	position: absolute;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	left: 122px;
	top: 58px;
}

#lineArea .block ul {
	position: absolute;
	top: 113px;
	letter-spacing: -.40em;
	text-align: center;
	width: 100%;
	color: #2CBF13;
	font-size: 19px;
	line-height: 23px;
}

#lineArea .block li {
	width: 250px;
	display: inline-block;
	letter-spacing: normal;
	margin: 0 25px;
	vertical-align: middle;
	font-weight: bold;
}

#lineArea .step01 {
	background: url(../img/line03.jpg) 0 0 no-repeat;
	width: 950px;
	height: 480px;
}

#lineArea .step02 {
	background: url(../img/line04.jpg) 0 0 no-repeat;
	width: 950px;
	height: 480px;
}

#lineArea #ask {
	background: url(../img/img10.jpg) 0 0 no-repeat;
	width: 950px;
	height: 403px;
	position: relative;
	margin: 10px auto 0;
}

#lineArea #ask h3 {
	color: #FFF;
	font-size: 25px;
	line-height: 1em;
	position: absolute;
	top: 55px;
	left: 250px;
}

#lineArea #ask .txt01 {
	font-weight: bold;
	font-size: 20px;
	line-height: 35px;
	position: absolute;
	left: 250px;
	top: 116px;
}

#lineArea #ask .txt01 span {
	display: inline-block;
	background: url(../img/ico_line.png) center bottom no-repeat;
	width: 37px;
	height: 25px;
	margin-bottom: -5px;
}

#lineArea #ask .txt02 {
	position: absolute;
	left: 250px;
	top: 190px;
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}

#lineArea #ask .txt02 span {
	color: #FF3C78;
}

#lineArea #ask .txt03 {
	position: relative;
	left: 250px;
	top: 220px;
	font-size: 23px;
	line-height: 1.3em;
	color: #2CBF13;
	font-weight: bold;
	width: 600px;
}

#lineArea #ask .txt03 span {
	display: inline-block;
	width: 290px;
	margin-bottom: 10px;
}

#lineArea #ask .txt03 span:nth-last-of-type(1) {
	width: 100%;
	white-space: nowrap;
}

#flow {
	background: url(../img/flow.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 337px;
	margin: 120px auto 80px;
	position: relative;
}

#flow ul {
	position: absolute;
	height: 251px;
	top: 80px;
	text-align: center;
	width: 100%;
	letter-spacing: -.40em;
}

#flow li {
	width: 230px;
	padding: 155px 20px 0;
	font-size: 15px;
	line-height: 23px;
	display: inline-block;
	margin: 0 8px;
	letter-spacing: normal;
	vertical-align: top;
}

#flow li h3 {
	text-align: center;
	color: #2896E6;
	font-size: 25px;
	line-height: 1em;
	margin-bottom: 10px;
}

#flow li p {
	text-align: left;
	white-space: nowrap;
}

#faq {
	padding-bottom: 60px;
}

#faq h3 {
	text-align: center;
}

#faq ul {
	margin: 35px 0 0;
}

#faq li {
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	width: 980px;
	margin: 0 auto 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#faq h4 {
	background: #2895e7 url(../img/q.png) 30px center no-repeat;
	color: #FFF;
	font-size: 25px;
	line-height: 36px;
	padding: 20px 0 20px 126px;
	height: 110px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	vertical-align: middle;
	display: table-cell;
	width: 980px;
}

#faq p {
	background: url(../img/border.png) 0 0 repeat;
	font-size: 20px;
	line-height: 45px;
	color: #333;
	width: 920px;
	margin: 20px auto 0;
	padding-bottom: 30px;
}

#footer {
	text-align: center;
	background: #FFF;
	font-size: 13px;
	line-height: 1em;
	padding: 60px 0 130px;
}

#form_wrapper {
	background: #2896E6;
}

#form_wrapper #header {
	height: 110px;
	background: #FFF;
}

#form_wrapper #header .inner {
	width: 1000px;
	height: 110px;
	margin: 0 auto;
	background: #FFF url(../img/logo_kaigaihokentimes.png) 0 0 no-repeat;
	background-size: 200px 50px; /* 画像の幅と高さを指定 */
	background-position: left 45px; /* 画像を左下に配置し、上に20pxの空白を作成 */
}

#form_wrapper #header h1 {
	font-size: 13px;
	font-weight: normal;
	padding-top: 20px;
}

#form_wrapper #formArea {
	width: 1000px;
	margin: 60px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top: 168px;
	padding-bottom: 60px;
}

#form_wrapper .input {
	background: #fff url(../img/step_input.png) center 50px no-repeat;
}

#form_wrapper .step2 {
	background: #fff url(../img/step_confirm.png) center 50px no-repeat;
}

#form_wrapper .end {
	background: #fff url(../img/step_end.png) center 50px no-repeat;
}

#form_wrapper h2 {
	color: #FFF;
	background: #2896E6;
	font-size: 19px;
	text-align: center;
	width: 780px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
}

#form_wrapper h3 {
	font-size: 15px;
	width: 780px;
	margin: 13px auto 35px;
	color: #333;
	font-weight: normal;
}

#formTable {
	width: 780px;
	margin: 0 auto 35px;
	border-collapse: separate;
}

#formTable th {
	width: 270px;
	text-align: left;
	color: #333;
	font-size: 15px;
	padding: 9px 0;
	border-bottom: 1px dotted #595757;
}

#formTable td {
	padding: 9px 0;
	border-bottom: 1px dotted #595757;
}

#addressTable {
	width: 100%;
	position: relative;
	left: -25%;
}

#addressTable td:first-of-type {
	width: 25%;
	padding-right: 7px;
	text-align: right;
	font-size: 13px;
}

#addressTable td {
	padding: 5px 0;
	border-bottom: none;
	height: 50px;
}

#formTable tr:last-child th,
#formTable tr:last-child td {
	border: none;
}

#formTable .must {
	position: relative;
}

#formTable .must::after {
	content: url(../img/must.png);
	position: absolute;
	margin-left: 10px;
}

#formTable input[type="text"],
#formTable input[type="tel"],
#formTable input[type="email"],
#formTable input[type="name"],
#formTable select {
	border: 2px solid #B2B2B2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	padding-left: 12px;
	height: 40px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
}

#formTable input.days,
#formTable input.postalCode,
#formTable input.prefecture,
#formTable select {
	width: 220px;
}

#formTable textarea {
	border: 2px solid #B2B2B2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	height: 130px;
	padding: 7px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px;
}

#formTable input[type="checkbox"] {
	margin-left: 5px;
	margin-right: 10px;
	transform: scale(1.3);
	cursor: pointer;
}

#formTable .checkLabelRow {
	display: block;
	margin: 10px 0 17px 0;
	cursor: pointer;
}

#formTable input:focus,
#formTable textarea:focus,
#formTable select:focus {
	border: 2px solid #5EBCE2;
	box-shadow: 0 0 7px #5EBCE2;
	outline: none;
}

#formTable .fieldErrorMessage {
	padding: 7px;
	color: #ff0000;
	font-size: 14px;
}

.errorMessage-enter-active,
.errorMessage-leave-active {
	transition: opacity .5s;
}

.errorMessage-enter,
.errorMessage-leave-to {
	opacity: 0;
}

#formTable .invalidField {
	background: #ffe1e1;
}

.formBtn.confirm.invalidForm,
.formBtn.confirm.invalidForm:hover {
	opacity: 0.5;
	filter: none;
	cursor: default;
	outline: none;
}

#formArea.step2 tr:nth-child(5) th::after,
#formArea.step2 tr:nth-child(6) th::after,
#formArea.step2 tr:nth-child(7) th::after,
#formArea.step2 tr:nth-child(8) th::after,
#formArea.step2 tr:nth-child(9) th::after {
	content: none;
}

.formBtn {
	text-indent: -99999px;
	border: none;
	display: inline-block;
}

.formBtn:hover {
	-webkit-filter: contrast(120%);
	filter: contrast(120%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

.formBtn.confirm {
	background: url(../img/btn_confirm.png) 0 0 no-repeat;
	width: 500px;
	height: 60px;
	margin: 0 auto;
	display: block;
}

.formBtn.send {
	background: url(../img/btn_send.png) 0 0 no-repeat;
	width: 350px;
	height: 60px;
	margin-left: 20px;
}

.formBtn.revise {
	background: url(../img/btn_revise.png) 0 0 no-repeat;
	width: 350px;
	height: 60px;
}

.formBtn.revise2 {
	background: url(../img/btn_revise.png) 0 0 no-repeat;
	width: 350px;
	height: 60px;
	margin: 0 auto;
	display: block;
}

#floatMenu {
	position: fixed;
	top: 0;
	right: 10%;
	z-index: 9999;
}

#floatMenu ul {
	letter-spacing: -.40em;
}

#floatMenu li {
	display: inline-block;
	letter-spacing: normal;
	text-indent: -9999px;
	height: 53px;
	width: 167px;
}

#floatMenu li:hover {
	opacity: .9;
}

#floatMenu li:nth-child(1) {
	background: url(../img/fix01.png) 0 0 no-repeat;
}

#floatMenu li:nth-child(2) {
	background: url(../img/fix02.png) 0 0 no-repeat;
	margin-left: -5px;
}

#floatMenu li:nth-child(3) {
	background: url(../img/fix03.png) 0 0 no-repeat;
	margin-left: -5px;
}

#floatMenu li a {
	display: block;
	width: 100%;
	height: 100%;
}

[v-cloak] {
	display: none;
}

/*----------------------------------------------------
cv_link 2019.10.29
-------------------------------------------------------*/
body {
    position: relative;
}

.cv_form {
    background: #e68600;
    width: 100%;
    height: 90px;
    padding: 10px;
    position: fixed;
    top: -90px;
    z-index: 9999;
}

.cv_form_inner {
    width: 1018px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.cv_title {
    width: 170px;
    padding-right: 0px;
}

.cv_title_tx {
    font-size: 17px;
    font-weight: bold;
    font-weight: 600;
    line-height: 1.4;
    position: relative;
    margin: 0;
    padding: 0;
}

.cv_sub_title {
    font-size: 12px;
    color: #fe0;
    margin: 0;
    padding: 0;
}
.cv_title p::after{
    margin-left: 10px;
    position: absolute;
    bottom: 7px;
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 6px solid #000;
}



.cv_input_frame{width: 280px; height: 60px; background-color: #fcf0de; padding: 6px; margin-right: 23px; border-radius: 4px; position: relative; }
.cv_input_frame::after {
    position: absolute;
    right: -18px;
    top: 0;
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #fcf0de;
}

.cv_label {font-size: 14px; font-weight: bold; text-indent: 1em; position: relative;}
.cv_label::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #e68600;
}

.cv_label span {
	color: white;
	background: red;
	padding: 1px 6px;
	margin-left: 14px;
	border-radius: 6px;
	font-size: 12px;
	opacity: 0;
}
.cv_label span.ok {
	opacity: 1;
}

.cv_form input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    color: inherit;
    font-family: inherit;
    font-size: 14px;
    line-height: 1;
    padding: 2px 5px;
    width: 100%;
}


.cv_btn button{
        background-color: #1fa232;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        /*appearance: none;*/
    width: 240px;
    height: 70px;
    color: #fff;
    border-radius: 35px;
     text-align: center;

    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 0px 0px rgba(14,122,30,1);
}
.cv_btn button:before{
    position: absolute;
    background-color: #fff;
    content: "";
    width: 30px;
    height: 100%;
    left: 0;
    opacity: 0;
    top: -180px;
    transform: rotate(45deg);
    animation: shine 3s ease-in-out infinite;
}
@keyframes shine {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }
    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }
    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;
    }
    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

  /*入力する箇所を赤色で枠囲みし、イフェクトを入れる*/
.cv_form input.focusBox {
    background-color: #ffdddd;
    border: 1px #ff3344 solid;
    animation: focusItem 1.2s linear infinite;
}


@keyframes focusItem {
    0% { box-shadow: 0 0 0 1px #f34, 0 0 0 1px #fff, 0 0 0 2px #FF5E28}
    100% {box-shadow: 0 0 0 1px #f34, 0 0 0 8px rgba(255, 255, 255, 0), 0 0 0 10px rgba(100, 37, 16, 0) }
}
@-moz-keyframes focusItem {
    0% {box-shadow: 0 0 0 1px #f34, 0 0 0 1px #fff, 0 0 0 2px #FF5E28}
    100% {box-shadow: 0 0 0 1px #f34, 0 0 0 8px rgba(255, 255, 255, 0), 0 0 0 10px rgba(100, 37, 16, 0) }
}

@-webkit-keyframes focusItem {
    0% {box-shadow: 0 0 0 1px #f34, 0 0 0 1px #fff, 0 0 0 2px #FF5E28}
    100% {box-shadow: 0 0 0 1px #f34, 0 0 0 8px rgba(255, 255, 255, 0), 0 0 0 10px rgba(100, 37, 16, 0)}
}

@-o-keyframes focusItem {
    0% {box-shadow: 0 0 0 1px #f34, 0 0 0 1px #fff, 0 0 0 2px #FF5E28}
    100% {box-shadow: 0 0 0 1px #f34, 0 0 0 8px rgba(255, 255, 255, 0), 0 0 0 10px rgba(100, 37, 16, 0)}
}

/*#floatMenu {display: none;}
#footer{padding-bottom: 110px;}*/

/*----------------------------------------------------
cvボタン変更 2019.11.28
-------------------------------------------------------*/

#fv.no_tel {
/*	background-image: url(../img/fv_02.jpg), url(../img/fv_4.png);	*/
	background-image: url(../img/fv_4_3.png);
}
.btn_shadow {filter:drop-shadow(2px 2px 6px rgba(0,0,0,0.2));}
#btnArea01 .inner.cta_animation {
	background: url(../img/img03_2.jpg) center 0 no-repeat;
}
.btn_cv_anime {
	position: absolute;
	bottom: 15px;
	right: 100px;
}

.btn_cv_anime_left {
	position: absolute;
	bottom: 15px;
	left: 90px;      
}
.btnArea02 .inner.cta_animation {
	background: url(../img/img12_2.png) center 0 no-repeat;
}
/*----------------------------------------------------
others
-------------------------------------------------------*/
.footer_company {width: 550px; margin: 0 auto 1em; }
.footer_company h4 {background: #a2dbfa; width: 100%; padding: .7em 1em .5em; font-size: 20px; margin-bottom: 19px;}
.footer_company dl {width: 100%;text-align: left; font-size: 15px; line-height: 1.5; margin: 0 1em;}
.footer_company dt {width: 20%; float: left; padding-bottom: .8em; font-weight: 600; color: #397fc4;}
.footer_company dd {width: 80%; margin-left: 80px; padding-bottom: .8em;}

/*----------------------------------------------------
cv image 変更 2020.1.9
-------------------------------------------------------*/
#fv.no_tel2 {
/*	background-image: url(../img/fv_03.jpg), url(../img/fv_4.png);	*/
	background-image: url(../img/fv_4_3.png);
	min-width: 1424px;
}

/*----------------------------------------------------
コンテンツ 変更 2020.2.4
-------------------------------------------------------*/
.nayami {
	width: 980px;
	margin: 0 auto;
	background: url(../img/01_nayami_bg.png);
}
.medical {
	width: 100%;
	min-width: 1424px;
	background: #66c4de;
	text-align: center;
}
.payment {
	width: 100%;
	min-width: 1424px;
	background: #3da4ea;
	padding-bottom: 60px;
}
.payment_chart {
	width: 980px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
.payment_ttl {
	color: #ffff00;
	font-size: 36px;
	margin-bottom: 20px;
	text-align: center;
}
.payment_box_wrap {
	width: 1424px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.payment_box {
	width: 468px;
	min-height: 176px;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	padding: 16px;
	border-radius: 10px;

}
.payment_box > p {
	color: #033470;
}
.payment_box_ttl {
	border-bottom: 1px dashed #666;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.refrence {
	width: 1424px;
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
	color: #fff;
 padding-top: 10px;
}
.feature {
	padding-top: 60px;
	min-width: 1424px;
}
.feature_ttl {
	text-align: center;
	margin-bottom: 60px;
}
.feature_wrap1 {
	width: 100%;
	display: flex;
	justify-content:flex-end;
}
.feature_box_1 {
	width: 60%;
	height: 520px;
	background-image: url(../img/04_feature_bg1.jpg);
	background-size: cover;
	position: relative;
}
.feature_box_inner1 {
	box-sizing: border-box;
	width: 580px;
	height: 360px;
	background: #ffffff;
	padding: 48px 48px 0 48px;
	border-bottom: 6px solid #f96ea4;
	box-shadow: 0 0 10px rgba(255,123,172,.3);
	position: absolute;
	text-align: center;
	left: -436px;
	top:50%;
	transform: translate(0,-50%);
	z-index: 1;
}
.feature_wrap2 {
	width: 100%;
	display: flex;
	justify-content:flex-start;
}
.feature_box_2 {
	width: 60%;
	height: 520px;
	background-image: url(../img/04_feature_bg2.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}
.feature_box_inner2 {
	box-sizing: border-box;
	width: 580px;
	height: 418px;
	background: #ffffff;
	padding: 48px 48px 0 48px;
	border-bottom: 6px solid #2c95e7;
	box-shadow: 0 0 10px rgba(35,119,189,.3);
	position: absolute;
	text-align: center;
	right: -436px;
	top:50%;
	transform: translate(0,-50%);
	z-index: 1;
}
.lblue.shorter {
	padding-bottom: 200px;
}
.point {
	width: 100%;
	min-width: 1424px;
	background: #d6f2fa url(../img/05_point_bg.png) no-repeat 15% bottom;
	padding-top: 60px;
}
.point_contents {
	font-size: 33px;
	color: #736357;
	font-weight: 600;

}
.point_wrap {
	width: 962px;
	margin: 0 auto;
	padding-left: 230px;
}
.mb30 {
	margin-bottom: 30px;
}
.etc {
	padding-bottom: 60px;
	display: block;
	text-align: right;
	font-size: 25px;
}
.point_list {
	padding-left: 20px;
	padding-right: 20px;
	 /*display: flex;

	flex-wrap: wrap;*/

}
/*.point_list li{
	width: 50%;
    white-space: nowrap;
}*/

.point_list li::before {
	content: url(../img/05_check.png);
	padding-right: 20px;
}
.voice {
	background: #fcfade;
	padding-bottom: 30px;
	min-width: 1424px;
}
.voice_ttl {
	width: 100%;
	min-width: 1424px;
	background: #f7931e;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
}
.voice_ttl::after {
	position: absolute;
	bottom: -60px;
	left: calc( 50% - 108px );
	content: url(../img/06_voice_arw.png);
	z-index: 2;
}
.voice_wrap {
	width: 1000px;
	margin: 100px auto 60px;
	display: flex;
	justify-content: space-between;

}
.voice_box {
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	width: 478px;
	border-radius: 10px;
}
.voice_box_title {
	background: #fbb03b;
	font-size: 21px;
	line-height: 1.4;
	padding: .65em .9em .6em;
	border-radius: 10px 10px 0 0;
	color: #fff;
}
.voice_box_profile {
	margin-bottom: 25px;
}
.voice_box_contents {
	padding: 32px;

}
.voice_box_contents p{
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 20px;
	color: #4d4d4d;
}
.voice_box_contents p:last-child{
	margin-bottom: 0;
}
.tx-s {
	font-size: 24px;
}
.tar{
	text-align: right;
}
.pr20{
	padding-right: 20px;
}
.white{
	color: #fff;
}
.pink {
	color: #fc6094;
	font-weight: bold;
}
/*----------------------------------------------------
CTA 変更 2020.12.1
-------------------------------------------------------*/
.smaller {
	font-size: .9em;
}
/* .cta {
	width: 100%;
	margin-top: 0;
	padding-top: 95px;
	background: url(../img/cta_bg.png) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #66c4de;
} */
.cta {
	width: 100%;
	margin-top: 0;
	padding-top: 95px;
	background: #FFF5E6;
	background-size: cover;
	/* border-bottom: 5px solid #66c4de; */
	/* border-top: 5px solid #66c4de; */
}
.cta_inner {
	margin: 0 auto 0;
	width: 1072px;
	height: 378px;
	position: relative;
}
.cta_inner img {
	max-width: 100%;
}
.cta_btn {
	position: absolute;
	left: 165px;
	bottom: 12px;
}

/*----------------------------------------------------
floating menu 2020.12.1
-------------------------------------------------------*/
.floating_menu {
	border-top: 1px solid rgba(158, 218, 232, 1);
	z-index: 100;
	position: fixed;
	bottom: -80px;
	height: 80px;
	width: 100%;
	background: rgba(215, 244, 251, 0.9);
}
.floating_menu_inner{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}
.floating_pic {
	width: 120px;
}
.floating_pic img{
	max-width: 100%;
	height:80px;
}
.floating_tx {
	width: 480px;
	font-size: 23px;
	line-height: 1.4;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333;
}
.floating_tx .catch {
	font-size: 18px;

}
.floating_tx .orange {
	color: #FC6803;
}
.floating_btn {
	width: 400px;
	padding-bottom: 10px;

}
.floating_btn a{
	display: block;
	border-radius: 10px;
	width: 404px;
	height: 60px;
	background: #fc612d;
	color: #fff;
	font-size: 18px;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	font-weight: bold;
	position: relative;
	text-align: center;
	padding-left: calc(41px + 20px);
	padding-top: 3px;
}
.floating_btn a .muryo{
	position: absolute; 
	display: flex; 
	border-radius: 10px 0 0 10px; 
	background: #fd952d; 
	color: #fff; 
	width: 38px; 
	height: 60px; 
	top: 0; left: 0; 
	-ms-writing-mode: tb-rl; 
	writing-mode: vertical-rl; 
	text-align: center; 
	font-size: 14px; 
	letter-spacing: 5px; 
	vertical-align: middle; 
	padding: 5px 0 0; 
	justify-content: center; 
	align-items: center;
}
.floating_btn a .hd {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 24px;
	border-radius: 12px;
	color: #fc612d;
	background: #fff;
	border: 2px solid #fc612d;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 20px;
	z-index: 1;
	font-weight: bold;
  
}
/* .floating_btn a .arw {
	position: absolute;
	width: 8px;
	height: 14px;
	right: 20px;
	bottom: 32px;

} */
/* .floating_btn .arw img{
	max-width: 100%;
} */
.floating_btn a .btn_tx{
	display: inline-block;
	padding-top: 17px;
	line-height: 1.3;
	position: relative;
	text-align: center;
	font-size: 22px;
}
.floating_btn a .btn_tx .smaller {
	font-size: 12px;
}
.floating_btn a .btn_tx:before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 23px;
	height: 17px;
	background: url(../img/floating_icon.png) left center no-repeat;
	background-size: contain;
	vertical-align: middle;
	/* margin-right: 10px; */
	left: -50px;
	top: 50%;
	/* transform: translateY(-0px); */
}


/*----------------------------------------------------
top form  2021.11.5
-------------------------------------------------------*/
.baloon {
	position: relative;
}
.baloon::before {
	position: absolute;
	content: '';
	background: url(../img/baloon-10sec.svg) center center no-repeat;
	width: 132px;/*112px*/
	height: 116px;/*96px*/
	left: -20px;
	top: -50px;
}
/*----------------------------------------------------
top form  2022.1.30
-------------------------------------------------------*/
.privacy_link {
	font-size: 13px;
	text-align: center;
	padding-top: .7em;
	margin-bottom: .7em;
	text-decoration: underline;
}
.privacy_link a[target="_blank"] {
	position: relative;
}
.privacy_link a[target="_blank"]::after {
	position: absolute;
	content: '';
	display: inline-block;
	background: url('../img/external-link.svg') center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	top: -1px;
	right: -20px;
	margin-left: 5px;
	/* padding: 20px 5px 0; */
}
/*----------------------------------------------------
footer policy  2022.5.15
-------------------------------------------------------*/
.company_link {
	text-decoration: underline;
	margin-right: 2em;
}
.caution {
    width: 100%;
    margin: 30px auto 20px;
    padding: 20px;
    font-size: 14px;
    line-height: 1.75;
    text-align: left;
    border: 2px solid #ccc;
}
footer a.company_link{
	position: relative;
	margin-right: 1.5em;
}
footer a.company_link::after {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(../img/external-link.svg) center center no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    top: -1px;
    right: -18px;
    margin-left: 5px;
    /* padding: 20px 5px 0; */
}
.mt5 {margin-top: 5px;}

/*----------------------------------------------------
画像修正のための追加css
-------------------------------------------------------*/
.rogo_set{
	width: 941px;
    margin: 0 auto;
	margin-bottom: 30px;
}
.rogo_set h2{
text-align: center;
margin-bottom: 50px;
font-size: 2.5em;
    white-space: nowrap;
}
.rogo_flex{
	display: flex;
	justify-content: space-around;
}
.rogo_flex img{
	align-items:baseline;
}

.dream_inner{
	display: flex;
	justify-content: center;
	margin: 0 auto;
    padding-top: 50px;
}
.dream_inner p{
    height:470px;
}
#medical{
	font-family: "Sawarabi Gothic";
}
.p_skyblue{
	font-size: 3.0em;
	color:#2896E6;
	font-weight:900;
}
.p_navy{
	font-family: "M PLUS 1p";
	font-size: 5em;
	color: #033470;
	font-weight: bolder;
	letter-spacing:0.2em;
	border-bottom:10px solid #FF0;
}
.medical_inner{
	width: 1000px;
	height: 400px;
	padding: 50px;
	background: radial-gradient(circle at 50% 50%,#ffffffd0,transparent);
	margin: 0 auto;

}
.country_h{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px dashed #333;
    margin-bottom: 10px;
}
.country_price{
    color: #f23d7f;
    font-size: 1.8rem;
    font-weight: bold;
    margin-left: 5rem;
}
.big_price{
    font-size: 2.5rem;
    font-weight: bolder;
}

.australia:before{
    content: url(' ../img/03_payment_example1_2.png');
    margin-right: 0.5rem;
}
.canada:before{
    content: url(' ../img/03_payment_example2_2.png');
      margin-right: 0.5rem;
}
.canada_price{
    margin-left: 9rem !important;
}
.america:before{
    content: url(' ../img/03_payment_example3_2.png');
      margin-right: 0.5rem;
}
.america_price{
    margin-left: 6rem !important;
}
.cf{
    background-color: rgba(255,255,255,0.8);
}
#compensation ul{
    top:50px;
    border-radius: 15px;
    height: auto;
}
.cf li{
    border-right: 1px solid #fff;
    margin: 15px 0;
}
.cf li:last-child{
    border-right: none;
}
.cf li h3{
    text-align: center;
    font-size: 2rem;
    line-height: 1.2;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 100;
    margin-bottom: 10px;
}
.cf_first{
   color: #e7aa1e;
}

.cf_second{
   color: #969fae;
    margin-bottom: 28px !important;
}

.cf_third{
   color: #c27036;
}
.cf li h3 img{
    display: block;
    margin: 0 auto 15px;
}
.cf_second img{
    margin-bottom: 30px !important;
}

.t_form form input{
	background-color:#FFF9D9 ;
}
.age-select{
	background-color:#FFF9D9 ;
}
.sele-wrapct{
	background-color:#FFF9D9 ;
}
.numbers{
	background-color:#FFF9D9 ;	
}