@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
outline: 0;
vertical-align: baseline;
list-style: none;
/*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

* {
box-sizing: border-box;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

html {
font-size: 62.5%;
}

body {
font-size: 1.4rem;
line-height: 1.5;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}

a {
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: none;
}

p:empty {display: none;
}

img {
max-width: 100%;
height: auto;
}

input {
border: none;
/* Google Chrome, Safari, Opera 15+, Android, iOS */
/* Firefox 18- */
/* Firefox 19+ */
/* IE 10+ */
}
input:placeholder-shown {
color: #a8a8a8;
}
input::-webkit-input-placeholder {
color: #a8a8a8;
}
input:-moz-placeholder {
color: #a8a8a8;
opacity: 1;
}
input::-moz-placeholder {
color: #a8a8a8;
opacity: 1;
}
input:-ms-input-placeholder {
color: #a8a8a8;
}

textarea {
/* Google Chrome, Safari, Opera 15+, Android, iOS */
/* Firefox 18- */
/* Firefox 19+ */
/* IE 10+ */
}
textarea:placeholder-shown {
color: #a8a8a8;
}
textarea::-webkit-input-placeholder {
color: #a8a8a8;
}
textarea:-moz-placeholder {
color: #a8a8a8;
opacity: 1;
}
textarea::-moz-placeholder {
color: #a8a8a8;
opacity: 1;
}
textarea:-ms-input-placeholder {
color: #a8a8a8;
}

@media screen and (min-width: 769px) {
.sp {
display: none !important;
}
}

@media screen and (max-width: 768px) {
.pc {
display: none !important;
}
}


/*-- header --*/
.area-header {
background-color: #fff;
position: fixed;
top: 0; left: 0; right: 0;
height: 70px;
z-index: 99;
}
.header_contents {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 980px;
margin: 0 auto;
padding: 5px 0;;
}

.header_left {
flex: 1;
margin-top: 5px;
font-size: 22px;
}
.header_left .tel{
margin-left: 20px;
font-size: 18px;
}
.header_left .tel a{
    color: #003280;
}

.header_contact {
    margin: 5px 5px 0 0;
    width: 200px;
}
.header_contact a{
    display: block;
    width: 200px;
    height: 50px;
    background-color: #003280;
    border-radius: 5px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 768px) {
.area-header {
height: 55px;
}
.header_contents {
padding: 2px 0 0 0;
}

.header_left {
margin-left: 10px;
font-size: 14px;
}
.header_left .tel{
display: block;
margin-left: 0px;
font-size: 14px;
}

.header_contact {
    margin:3px 8px 0 0;
    width: 150px;
}
.header_contact a{
    width: 150px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}
}


/*-- h1 --*/

.h1_read_area {
    margin-top: 70px;
	background-color: #003280;
	color: #ffffff;
}

h1.h1_read {
    padding: 5px;
	font-size: 14px;
	text-align: center;
	line-height: 160%;
}

@media screen and (max-width: 768px) {
.h1_read_area {
    margin-top: 55px;
}
}


/*-- mv --*/

.mainvisial {
    background: url(images/bg_mv01.jpg);
  background-size: cover;
  background-position: center;
  padding: 60px 10px 100px 10px;
  margin-top: 0px;
  text-align: center;
  vertical-align: bottom;
}

.mv_box{
    width: 100%;
    max-width: 900px;
    margin: auto;
    text-align: left;
}

.mv_read{
    margin: 0px 0 40px 0;
    font-size: 40px;
    font-weight: normal;
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,.5);
}

.mv_text{
    position: relative;
    margin: 0px 0 20px 0;
    padding-bottom: 20px;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.mv_text_top{
    padding-top: 20px;
    border-top: solid 1px rgba(255,255,255,0.3);
}

.mv_text .point{
    position: absolute;
    width: 130px;
    margin: -3px 0 0 0;
    padding: 8px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
}

.mv_text .text{
    display: block;
    margin: 0px 0 0 150px;
    font-size: 26px;
    font-weight: normal;
    text-shadow: 0px 2px 5px rgba(0,0,0,.5);
}

@media (max-width: 768px) {
.mainvisial {
    padding: 30px 20px 30px 20px;
    background: url(images/bg_mv01_sp.jpg);
    background-size: cover;
    background-position: center center;
}

.mv_box{
    margin: 0px;
}

.mv_read{
    margin: 0px 0 30px 0;
    font-size: 20px;
}

.mv_text{
    position: relative;
    margin: 0px 0 15px 0;
    padding-bottom: 15px;
    font-size: 28px;
}

.mv_text_top{
    padding-top: 15px;
}

.mv_text .point{
    position: absolute;
    width: 100px;
    margin: -3px 0 0 0;
    padding: 8px 0px;
    font-size: 14px;
    border-radius: 5px;
}

.mv_text .text{
    display: block;
    margin: 0px 0 0 120px;
    font-size: 15px;
}

}

/*-- form --*/

.area-form {
background-color: #eef3f6;
padding-bottom: 3rem;
}
.area-form__h {
height: 85px;
background-color: #f70503;
color: #FFF;
text-align: center;
line-height: 85px;
font-size: 35px;
font-weight: bold;
}
.area-form__caption {
text-align: center;
padding: 40px 0 30px;
font-size: 0.9em;
}

.prt-form {
max-width: 840px;
margin: 0 auto;
padding: 25px;
background-color: #FFF;
border: 1px solid #bccbd5;
}
.prt-form__item {
display: flex;
justify-content: center;
font-size: 0.9em;
}
.prt-form__th {
min-height: 30px;
width: 35%;
text-align: right;
padding-right: 10px;
line-height: 25px;
}
.prt-form__th__tel {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: -18px;
}
.prt-form__th__tel__label {
  display: flex;
  flex-direction: column;
}
.prt-form__td {
width: 65%;
}
.prt-form__item {
margin-bottom: 13px;
}
.prt-form__item__supple {
font-size: 0.8em;
line-height: 5px;
margin-right: -5px;
}
.prt-form__item input[type="radio"] {
  margin-bottom: 13px;
}
.prt-form__item input[type="text"],
.prt-form__item input[type="tel"],
.prt-form__item input[type="email"],
.prt-form__item textarea{
border: 1px solid #acbcc8;
line-height: 25px;
width: 100%;
border-radius: 3px;
}
.prt-form__item input.input_day{
margin: 0px 5px 0 0;
width: 15%;
}
.prt-form__item input.input_time{
margin: 0px 0 0 0;
width: 50%;
}
.prt-form__item .form_comments{
margin: 3px 0 0 0;
float: left;
}
.prt-form__item .input_way{
margin: 3px 10px 0 0;
float: left;
}
::placeholder{
color:#999999;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus::-ms-input-placeholder {
color: transparent;
}
input:focus::placeholder {
color: transparent;
}
.prt-form__require {
display: inline-block;
line-height: 14px;
margin-left: 5px;
min-width: 30px;
font-size: 0.8em;
background-color: #fe0000;
color: #FFF;
border-radius: 2px;
text-align: center;
}
.prt-form__input__supple {
font-size: 0.8em;
line-height: 5px;
}

.prt-form__submit {
display: block;
margin: 30px auto 0;
background: no-repeat url("images/form/btn_confirm.png");
background-size: 100% auto;
cursor: pointer;
width: 250px;
height: 61px;
border: none;
}
.prt-form__submit:hover {
opacity: .8;
}

.radio02-input {
display: none;
}
.radio02-input + label{
padding-left: 22px;
padding-top: 1px;
position:relative;
margin-right: 20px;
line-height: 25px;
}
.radio02-input + label::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 13px;
height: 13px;
border: 1px solid #a0b2c0;
border-radius: 50%;
}
.radio02-input:checked + label::before{
border: 1px solid #01337f;
}
.radio02-input:checked + label::after{
content: "";
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 9px;
height: 9px;
background: #01337f;
border-radius: 50%;
}

@media screen and (max-width: 768px) {
.area-form__h {
height: auto;
margin-bottom: 2.4rem;
font-size: 2.2rem;
padding: 1rem;
line-height: 1.4;
}
.area-form__caption {
margin-bottom: 2rem;
padding: 0 1.6rem;
font-size: 1.6rem;
}

.prt-form {
width: calc(100% - 2rem);
margin: 0 auto;
padding: 1.4rem;
}
.prt-form__item {
flex-wrap: wrap;
}
.prt-form__item input.input_day{
margin: 0px 0 0 0;
width: 100px;
}
.prt-form__item input.input_time{
margin: 5px 0 0 0;
width: 100%;
}
.prt-form__item .form_comments{
margin: 3px 0 0 0;
float: left;
}
.prt-form__item span.input_way{
width: 100%;
float: none;
display: block;
}

.prt-form__th {
width: 100%;
padding: 0;
justify-content: flex-start;
text-align: left;
}
.prt-form__th__tel {
margin-top: 0;
}
.prt-form__th__tel__label {
flex-direction: row;
align-items: center;
}
.prt-form__td {
width: 100%;
padding: 0;
}

}

/*-- copyright --*/

.prt-copyright {
background-color: #003280;
color: #fff;
font-size: 1.2rem;
}
.prt-copyright__inner {
max-width: 840px;
margin: 0 auto;
padding: 10px 1.6rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.prt-copyright__pp,.prt-copyright__media {
margin-right: 2rem;
}
.prt-copyright__pp {
text-decoration: none;
}
.prt-copyright__media {
text-decoration: none;
}

@media screen and (max-width: 768px) {
.prt-copyright__inner {
max-width: 400px;
justify-content: center;
text-align: center;
flex-wrap: wrap;
}
}

/*-- footer contents area new --*/

.footer-cross {
	position: relative;
	overflow: hidden;
	width: auto;
	background-color: #003280;
	color: #ffffff;
}

.footer-cross-navi {
	position: relative;
	overflow: hidden;
	width: auto;
	padding: 30px 20px;
	font-size: 15px;
	text-align: left;
}

.footer-cross-navi ul{
    max-width: 950px;
    margin: auto;
}

.footer-cross-navi li{
}

.footer-cross-navi a{
    display: block;
    background-image:url("images/ic01_w.svg");
	background-position:left center;
	background-size:5px;
	background-repeat:no-repeat;
    padding: 5px 0 5px 15px;
    color: rgba(255,255,255,1.0);
    text-decoration: none;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 0.2s;
}

.footer-cross-navi a:hover,
.footer-cross-navi a:active {
    color: rgba(255,255,255,0.8);
	transition: all 0.2s;
}

.footer-cross-copyright {
	position: relative;
	overflow: hidden;
	width: auto;
	padding: 30px 0;
    border-top: solid 1px rgba(255,255,255,0.15);
    border-bottom: solid 1px rgba(255,255,255,0.15);
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

.footer-cross-navi-bottom {
	position: relative;
	overflow: hidden;
	width: auto;
	padding: 30px 20px;
    background-color: rgba(255,255,255,0.05);
	color: #ffffff;
	font-size: 13px;
	text-align: left;
	line-height: 100%;
}

.footer-cross-navi-bottom ul{
    max-width: 950px;
    margin: auto;
}

.footer-cross-navi-bottom li{
    display: block;
    background-image:url("images/ic02_w.svg");
	background-position:left center;
	background-size:4px;
	background-repeat:no-repeat;
    padding: 5px 0 5px 15px;
    color: #fff;
    text-decoration: none;
}

.footer-cross-navi-bottom a{
    color: rgba(255,255,255,0.5);
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 0.2s;
}

.footer-cross-navi-bottom a:hover,
.footer-cross-navi-bottom a:active {
    color: rgba(255,255,255,1.0);
	transition: all 0.2s;
}

@media screen and (max-width: 768px) {
.footer-cross-navi {
	padding: 20px 15px;
	font-size: 14px;
}

.footer-cross-copyright {
	padding: 20px 0;
	font-size: 12px;
}

.footer-cross-navi-bottom {
	padding: 20px 15px;
	font-size: 12px;
}
}

/*-- other --*/

.prt-yarrow {
margin-top: 0px;
height: 0;
position: relative;
}

.prt-yarrow img {
position: absolute;
top: 50%;
left: 50%;
height: 55px;
transform: translate(-50%, -50%);
}


@media screen and (max-width: 768px) {
.prt-excap {
padding: 0 1rem;
font-size: 10px;
}

.prt-yarrow {
}

.prt-yarrow img {
width: auto;
height: 35px;
}
}

/* CVブロック - new */

.cv_block_back01{
    background-color: #9cccea;
}

.cv_block_back02{
    background-color: #A1D9CE;
}

.cv_block_back03{
    background-color: #F0BD9B;
}

.cv_block_area{
    overflow: hidden;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.cv_block_img01{
    background-image:url("images/addition/cv_img01.png");
	background-position:left bottom;
	background-size:250px;
	background-repeat:no-repeat;
}

.cv_block_img02{
    background-image:url("images/addition/cv_img02.png");
	background-position:left bottom;
	background-size:250px;
	background-repeat:no-repeat;
}

.cv_block{
    width: 100%;
    max-width: 650px;
    border: solid 3px #003280;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 5px 12px rgba(0,0,0,.2);
    background-color: #ffffff;
}

.cv_block_center{
    margin: 40px auto 100px auto;
}

.cv_block_left{
    margin: 40px 0 100px 0;
}

.cv_block .cv_block_area{
    padding: 15px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}

.cv_block .cv_block_area_left{
    width: 50%;
    margin: 0 -1px 0 0;
    border-right: solid 1px #000000;
}

.cv_block .cv_block_area_right{
    width: 50%;
}

.cv_block .title{
    background-color: #003280;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}

.cv_block .title span{
    font-weight: bold;
    color: #ffe400;
}

.cv_block .btn{
	margin: 5px 0 10px 0;
	text-align: center;
	-webkit-transition: opacity 1.0s ease-out;
	-moz-transition: opacity 1.0s ease-out;
	-ms-transition: opacity 1.0s ease-out;
	transition: opacity 1.0s ease-out;
	transition: all 0.1s;
}

.cv_block .btn:hover,
.cv_block .btn:active{
	margin: 9px 0 6px 0;
	transition: all 0.1s;
}

.cv_block .btn a{
	font-size:16px;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 12px 12px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-transition: opacity 1.0s ease-out;
	-moz-transition: opacity 1.0s ease-out;
	-ms-transition: opacity 1.0s ease-out;
	transition: opacity 1.0s ease-out;
	transition: all 0.1s;
}

.cv_block .btn a:hover,
.cv_block .btn a:active{
    border-bottom: solid 1px rgba(0,0,0,.0);
	transition: all 0.1s;
}

.cv_block .btn_contact a{ background-color: #ff0000; border-bottom: solid 1px #ff4040; box-shadow: 0px 4px 0px #cf0000; padding: 17px 12px;}
.cv_block .btn_contact a:hover,
.cv_block .btn_contact a:active{ background-color:#D00000; box-shadow: 0px 0px 0px #cf0000;}

.cv_block .btn_tel a{ background-color: #1170BC; border-bottom: solid 1px #4f9ad5; box-shadow: 0px 4px 0px #00569b;}
.cv_block .btn_tel a:hover,
.cv_block .btn_tel a:active{ background-color: #0059A1; box-shadow: 0px 0px 0px #00569b;}

.cv_block .btn_line a{ background-color: #0abf37; border-bottom: solid 1px #5bdc7b; box-shadow: 0px 4px 0px #008621;}
.cv_block .btn_line a:hover,
.cv_block .btn_line a:active{ background-color: #009B26; box-shadow: 0px 0px 0px #008621;}

.cv_block .btn_chatwork a{ border: solid 3px #000000; color: #000000; box-shadow: 0px 4px 0px #dfdfdf; padding: 12px 12px 15px 12px;}
.cv_block .btn_chatwork a:hover,
.cv_block .btn_chatwork a:active{ border: solid 3px #ff0000; box-shadow: 0px 0px 0px #dfdfdf;}

.cv_block .btn .ic{
	background-position:left center;
	background-size:30px;
	background-repeat:no-repeat;
	padding: 15px 5px 15px 44px;
}

.cv_block .btn span{
    padding: 0 5px 0 0;
    font-weight: bold;
}

.cv_block .btn span strong{
	margin: 0 0 0 10px;
}

.cv_block .btn_contact .ic{ background-image:url(images/cv/icon_contact.png);}
.cv_block .btn_tel .ic{ background-image:url(images/cv/icon_tel.png);}
.cv_block .btn_line .ic{ background-image:url(images/cv/icon_line.png);}

.cv_block .btn_chatwork img{
    width: 160px;
    margin: 0 5px -8px 0;
}

.cv_block .contact_area{
    margin: -5px 0px 0px 10px;
    padding:0px 0px 0px 5px;
}

.cv_block .tel_area{
    display: none;
    margin: 0px 10px;
    padding:10px 10px 0px 10px;
    border-radius: 5px;
}

.cv_block .tel_area_pc{
    margin: 0px 15px 10px 0px;
    border-radius: 5px;
}

.cv_block .tel_area_pc .tel_title{
    background-color: #003280;
    padding: 10px;
    font-size: 15px;
    color: #ffffff;
}

.cv_block .tel_area_pc .tel{
    padding: 5px 0 0 0;
	font-size:25px;
    font-weight: bold;
	color: #000000;
}

.cv_block .tel_area_pc .tel span{
    background-image:url("images/cv/icon_tel_pc.png");
	background-position:left center;
	background-size:25px;
	background-repeat:no-repeat;
    padding: 0 0 0 30px;
    font-weight: bold;
}

.cv_block .line_area_pc{
    margin: 0px 10px 0px 0px;
    padding:10px 10px 0px 0px;
    border-radius: 5px;
}

.cv_block .line_area_pc .line_title{
    background-color: #0abf37;
    padding: 10px;
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
}

.cv_block .line_area_pc .line_title img{
    position: absolute;
    width: 50px;
    left: 50%;
    margin: 5px 0 0 -355px;
}

.cv_block .line_area_pc .line_title span{
    background-image:url("images/cv/icon_line.png");
	background-position:left center;
	background-size:25px;
	background-repeat:no-repeat;
    padding: 5px 0 5px 30px;
    font-weight: bold;
}

.cv_block .line_area_pc .qr{
    width: 80px;
    margin: 0 15px 0 30px;
    float: left;
}

.cv_block .line_area_pc .qr img{
    width: 100%;
}

.cv_block .line_area_pc .text{
    padding: 8px 0 0 0;
    text-align: left;
}

.cv_block .line_area{
    display: none;
    margin: 0px 10px;
    padding:10px 20px 0px 20px;
    border-radius: 5px;
}

.cv_block .chatwork_area{
    margin: 0px 0px 10px 10px;
    padding:10px 0 10px 5px;
    border-radius: 5px;
}

.cv_block .contact_area .catch{
	font-size:22px;
	font-weight: bold;
	color: #000000;
}

.cv_block .contact_area .catch span.fukidashi_l{
    background-image:url(images/cv/contact_fukidashi_l.png);
	background-position:left center;
	background-size:25px;
	background-repeat:no-repeat;
}

.cv_block .contact_area .catch span.fukidashi_r{
    background-image:url(images/cv/contact_fukidashi_r.png);
	background-position:right center;
	background-size:25px;
	background-repeat:no-repeat;
	padding: 12px 35px 12px 35px;
	font-weight: bold;
}

.cv_block .tel_area .tel{
	font-size:32px;
    font-weight: bold;
	color: #000000;
}

.cv_block .tel_area .tel span{
    margin: 0 10px 0 0;
	font-size:28px;
    font-weight: bold;
}

.cv_block .tel_area .tel a{
    font-weight: bold;
	color: #000000;
}

.cv_block .line_area .icon{
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 10px 0 0 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}

.cv_block .line_area .qr{
    width: 50%;
}

.cv_block .line_area .qr img{
    width: 100px;
    margin: auto;
}

.cv_block .line_area .friends{
    width: 50%;
    padding: 25px 0 0 0;
}

.cv_block .line_area .friends img{
    width: 150px;
    margin: auto;
}

@media screen and (max-width: 768px) {
.cv_block_img01{
    background-image:none;
}

.cv_block_img02{
    background-image:none;
}

.cv_block{
    width: auto;
    border: solid 2px #003280;
    box-shadow: 0px 2px 6px rgba(0,0,0,.2);
}

.cv_block_center{
    margin: 40px 10px 60px 10px;
}

.cv_block_left{
    margin: 40px 10px 40px 10px;
}

.cv_block .title{
    padding: 3px 10px 5px 10px;
    font-size: 15px;
}

.cv_block .cv_block_area{
    padding: 0px;
	display: block;
}

.cv_block .cv_block_area_left{
    display: none;
}

.cv_block .cv_block_area_right{
    width: 100%;
}

.cv_block .btn a{
	font-size:13px;
	letter-spacing: -0.02em;
	padding: 8px 12px;
    border-radius: 500px;
}

.cv_block .btn .ic{
	background-size:18px;
	padding: 15px 5px 15px 26px;
}

.cv_block .btn_chatwork img{
    width: 100px;
    margin: 0 2px -5px 0;
}

.cv_block .text{
	font-size:13px;
}

.cv_block .contact_area{
    margin: 5px 5px 0px 5px;
    padding:5px 5px;
    background-color: #fff2cc;
    border-radius: 5px;
}

.cv_block .tel_area{
    display: block;
    margin: 0px 5px;
    padding:5px 5px 0px 5px;
}

.cv_block .line_area{
    display: block;
    margin: 0px 5px;
    padding:5px 5px 0px 5px;
}

.cv_block .chatwork_area{
    margin: 0px 5px 5px 5px;
    padding:5px 5px;
}

.cv_block .contact_area .catch{
	font-size:15px;
}

.cv_block .contact_area .catch span.fukidashi_l{
	background-size:20px;
}

.cv_block .contact_area .catch span.fukidashi_r{
	background-size:20px;
	padding: 8px 30px 8px 30px;
}

.cv_block .tel_area .tel{
	font-size:22px;
}

.cv_block .tel_area .tel span{
    margin: 0 5px 0 0;
	font-size:16px;
}

.cv_block .line_area .icon{
    width: 100%;
    max-width: 350px;
    padding: 5px 0 0 0;
}

.cv_block .line_area .qr img{
    width: 70px;
}

.cv_block .line_area .friends{
    width: 50%;
    padding: 15px 0 0 0;
}

.cv_block .line_area .friends img{
    width: 120px;
}
}

/* footer sns */

.footer_sns  {
    border-top: solid 1px rgba(0,0,0,0.08);
}

.footer_sns .sns_link {
    max-width: 1000px;
    width: 100%;
    padding: 10px 0 10px 0;
    margin: auto;
}

.footer_sns .sns_link ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}

.footer_sns .sns_link li{
    width: 25%;
}

.footer_sns .sns_link li .btn{
    margin: 5px;
}

.footer_sns .sns_link li .btn a{
    padding: 10px;
    display: block;
    color: #ffffff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}

.footer_sns .sns_link li a:hover {
    opacity: .7;
}

.footer_sns .sns_link li .btn_facebook a{ background-color: #305097;}
.footer_sns .sns_link li .btn_twitter a{ background-color: #00aced;}
.footer_sns .sns_link li .btn_line a{ background-color: #00c300;}
.footer_sns .sns_link li .btn_hatena a{ background-color: #00a4de;}

.footer_sns .sns_link li .btn span{
    padding: 8px 0 8px 0px;
	background-position:left center;
	background-size:22px;
	background-repeat:no-repeat;
}

/* .footer_sns .sns_link li .btn_facebook span{ background-image:url("images/addition/sns_icon_facebook.png");} */
.footer_sns .sns_link li .btn_twitter span{ background-image:url("images/addition/sns_icon_twitter.png"); padding: 8px 0 8px 30px;}
/* .footer_sns .sns_link li .btn_line span{ background-image:url("images/addition/sns_icon_line.png");} */
.footer_sns .sns_link li .btn_hatena span{ background-image:url("images/addition/sns_icon_hatena.png"); padding: 8px 0 8px 30px;}

@media screen and (max-width: 768px) {
.footer_sns .sns_link {
    padding: 5px;
}

.footer_sns .sns_link li{
    width: 100%;
}

.footer_sns .sns_link li .btn{
    margin: 3px;
}
}


/*=========================================*/
/* SCROLL NAVI */
/*=========================================*/

.scroll_point{
	position: absolute;
	margin-top: 40px;
}

.scroll_point02{
	position: absolute;
	margin-top: -120px;
}

.flow-navi__wrapper {
    display:none;
}

#scroll_navi{
	margin-top:52px;
    position: fixed;
    top: 0;
    right: 0px;
	height: 100%;
	display: table;
	z-index: 9999;
	transition: all 0.65s;
}

#scroll_navi ul{
	padding-top: 30px;
	display: table-cell;
	vertical-align: middle;
}

#scroll_navi li{
	border-top: solid 1px rgba(255,255,255,0.07);
	border-left: solid 1px rgba(255,255,255,0.07);
	border-bottom: solid 1px rgba(255,255,255,0.07);
    margin: 1px 0;
	font-size:11px;
	font-weight: bold;
	letter-spacing: -0.02em;
	text-align: left;
}

#scroll_navi .title{
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 6px 6px 6px 9px;
	font-size:11px;
	color: #ffffff;
	letter-spacing: 0.02em;
	background-color: rgba(0,50,128,1.0);
}

#scroll_navi .title span.icon_top {
    display: block;
    padding: 2px 0 2px 19px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('images/addition/scroll_icon_top.png');
    background-size: 10px;
    font-weight: normal;
}

#scroll_navi a{
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 3px;
	margin: 0px 0;
	color: #ffffff;
	text-decoration:none;
	background-color: rgba(0,50,128,0.9);
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 1.0s;
}

#scroll_navi a:hover {
	background-color: #d09f43;
	transition: all 0.5s;
}

#scroll_navi a span {
    display: block;
    padding: 2px 0 2px 25px;
    background-position: left center;
    background-repeat: no-repeat;
	background-size: 20px;
    font-weight: normal;
}

#scroll_navi a span.icon01 { background-image: url('images/addition/scroll_icon01.png');}
#scroll_navi a span.icon02 { background-image: url('images/addition/scroll_icon02.png');}
#scroll_navi a span.icon03 { background-image: url('images/addition/scroll_icon03.png');}
#scroll_navi a span.icon04 { background-image: url('images/addition/scroll_icon04.png');}
#scroll_navi a span.icon05 { background-image: url('images/addition/scroll_icon05.png');}
#scroll_navi a span.icon06 { background-image: url('images/addition/scroll_icon06.png');}
#scroll_navi a span.icon07 { background-image: url('images/addition/scroll_icon07.png');}
#scroll_navi a span.icon08 { background-image: url('images/addition/scroll_icon08.png');}
#scroll_navi a span.icon09 { background-image: url('images/addition/scroll_icon09.png');}
#scroll_navi a span.icon10 { background-image: url('images/addition/scroll_icon10.png');}
#scroll_navi a span.icon11 { background-image: url('images/addition/scroll_icon11.png');}
#scroll_navi a span.icon12 { background-image: url('images/addition/scroll_icon12.png');}
#scroll_navi a span.icon13 { background-image: url('images/addition/scroll_icon13.png');}

@media screen and (max-width: 768px) {
.scroll_point{
	margin-top: 20px;
}

.scroll_point02{
	margin-top: -130px;
}

.flow-navi__wrapper {
	position: static;
}

#scroll_navi{
	display: none;
}
}

/*-- SP Global navi --*/

.wrapper {
    height: 100%;
    overflow-x: hidden;
    position: relative;
}
.overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999997;
    opacity: 0;
    transition: opacity .5s;
}
.overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.main {
    height: 100%;
    min-height: 100vh;
    transition: all .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main.open {
    transform: translateX(-100%);
}
.menu-trigger-waku {
    background-image:url("images/addition/sp_scroll_navi_trigger_back.png");
    background-position:center right;
    background-size:cover;
    background-repeat:no-repeat;
    display: none;
    width: 96px;
    height: 66px;
    vertical-align: middle;
    position: fixed;
    bottom: 30px;
    left: 0px;
    z-index: 9999998;
}
.menu-trigger {
    display: none;
    width: 86px;
    height: 66px;
    vertical-align: middle;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    left: 0px;
    z-index: 9999999;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 66px;
/*   transform: translateX(0);
  transition: transform .5s;
 */}
.menu-trigger p{
    text-align: center;
    font-weight: bold;
}
.menu-trigger p.open{
    padding: 15px 0 0 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}
.menu-trigger p.close{
    display: none;
}
.menu-trigger.active p.open {
    display: none;
}
.menu-trigger.active p.close {
    display: block;
}
/* .menu-trigger.active {
    transform: translateX(-250px);
}
 */.menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    transition: all .5s;
}
.menu-trigger.active span {
    background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
    transform: translateY(10px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
    top: 10px;
}
.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-9px) rotate(45deg);
}

nav.menu-list {
    width: 0%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 9999997;
    transform: translate(250px);
    transition: all .5s;
}

nav.menu-list.open {
    width: 100%;
    height: 100%;
    left: 0;
    transform: translateZ(0);
}
* {
    box-sizing: border-box;
}

nav.menu-list.open ul {
    width:270px;
}

nav.menu-list ul {
    width:0px;
    height: 100%;
    background-color: #ffffff;
    margin: 0;
    padding:5px 5px 0px 5px;
}

nav.menu-list li a {
    display:block;
    width:100%;
    padding:6px 0px 6px 5px;
    border-bottom: solid 1px rgba(0,0,0,0.07);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
	color: #000000;
	font-size:14px;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-align: left;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 0.5s;
}

nav.menu-list li a:hover,
nav.menu-list li a:active {
	color: #d09f43;
	font-weight: 400;
	transition: all 1.5s;
}

nav.menu-list li a span{
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 0.8s;
}

nav.menu-list li a:hover span,
nav.menu-list li a:active span {
	transition: all 0.4s;
}

nav.menu-list a span {
    display: block;
    padding: 2px 0 2px 25px;
    background-position: left center;
    background-repeat: no-repeat;
	background-size: 20px;
    font-weight: normal;
}

nav.menu-list a span.icon01 { background-image: url('images/addition/sp_scroll_icon01.png');}
nav.menu-list a span.icon02 { background-image: url('images/addition/sp_scroll_icon02.png');}
nav.menu-list a span.icon03 { background-image: url('images/addition/sp_scroll_icon03.png');}
nav.menu-list a span.icon04 { background-image: url('images/addition/sp_scroll_icon04.png');}
nav.menu-list a span.icon05 { background-image: url('images/addition/sp_scroll_icon05.png');}
nav.menu-list a span.icon06 { background-image: url('images/addition/sp_scroll_icon06.png');}
nav.menu-list a span.icon07 { background-image: url('images/addition/sp_scroll_icon07.png');}
nav.menu-list a span.icon08 { background-image: url('images/addition/sp_scroll_icon08.png');}
nav.menu-list a span.icon09 { background-image: url('images/addition/sp_scroll_icon09.png');}
nav.menu-list a span.icon10 { background-image: url('images/addition/sp_scroll_icon10.png');}
nav.menu-list a span.icon11 { background-image: url('images/addition/sp_scroll_icon11.png');}
nav.menu-list a span.icon12 { background-image: url('images/addition/sp_scroll_icon12.png');}
nav.menu-list a span.icon13 { background-image: url('images/addition/sp_scroll_icon13.png');}

@media screen and (max-width: 768px) {
.menu-trigger-waku {
    display: block;
}

.menu-trigger {
    display: block;
}
}

/*-- first --*/

.first_area {
}

.first_area .contents-title {
  color: #ffffff;
}

.first_area .contents_box{
    max-width: 950px;
    margin: 0px auto 0 auto;
    padding: 0 0 40px 0;
}

.first_area .box{
    position: relative;
    padding: 0 0 50px 0;
}

.first_area .font_underline{
    text-decoration: underline;
}

.first_area .font_strong{
    font-weight: bold;
}

.first_area .font_back_yellow{
    background-color: #FFE75F;
}

.first_area .first_text01{
    padding: 5px 0 10px 0;
    font-size: 17px;
    line-height: 170%;
}

.first_area .first_text02{
    padding: 20px 0 10px 0;
    font-size: 17px;
    line-height: 170%;
}

.first_area .first_text03{
    padding: 5px 0 0px 0;
    font-size: 17px;
    line-height: 170%;
}

.first_area .first_text04{
    padding: 30px 0 0px 0;
    font-size: 17px;
    line-height: 220%;
}

.first_area .list_waku01{
    padding: 15px;
    margin: 0px 0 10px 0;
    border: solid 1px rgba(0,0,0,.2);
    background-color: rgba(0,0,0,.04);
    font-size: 18px;
    line-height: 170%;
}

.first_area .list_waku02{
    padding: 15px;
    margin: 30px 0 0px 0;
    border: solid 1px rgba(0,0,0,.2);
    font-size: 20px;
    font-weight: bold;
    line-height: 170%;
}

.first_area .table_list01 {
    position: relative;
    padding: 0 0 30px 0;
}

.first_area .table_list01 .title {
    padding: 0px 12px;
    margin: 20px 0px 20px 0px;
    border-left: solid 3px #003280;
    font-size: 17px;
    font-weight: bold;
    line-height: 140%;
    color: #000000;
}

.first_area .table_list01 table{
    border-collapse: collapse;
    background-color: #ffffff;
}

.first_area .table_list01 tr{
    border-collapse: collapse;
}

.first_area .table_list01 td{
    border: solid 1px rgba(0,0,0,.3);
    padding: 10px;
    text-align: center;
}

.first_area .table_list01 td.back_blue{
    background-color: #E1F1FF;
}

.first_area .table_list01 td.back_gray{
    background-color: #efefef;
}

.first_area .table_list02 {
    padding: 0 0 40px 0;
}

.first_area .table_list02 .title {
    padding: 0px 12px;
    margin: 20px 0px 0px 0px;
    border-left: solid 3px #003280;
    font-size: 17px;
    font-weight: bold;
    line-height: 140%;
    color: #000000;
}

.first_image_list{
    display: flex;
    padding: 0 0 30px 0;
}

.first_image_list .list_box{
}

.first_image_list .list_box01{
    width: 40%;
    margin-left: -1px;
    border-right: solid 1px rgba(0,0,0,.3);
}

.first_image_list .list_box02{
    width: 20%;
}

.first_image_list .title{
    background-color: rgba(0,0,0,.04);
    margin: 0 20px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.first_image_list .icon_list{
    padding: 0 20px;
}

.first_image_list .icon_list li{
    float: left;
    display: block;
    padding: 0 0 30px 0;
    text-align: center;
    border-top: solid 1px rgba(0,0,0,.08);
}

.first_image_list .icon_list li.border_right{
    margin-left: -1px;
    border-right: solid 1px rgba(0,0,0,.08);
}

.first_image_list .icon_list li.point{
    background-color: #E1F1FF;
    color: #003280;
}

.first_image_list .list_box01 .icon_list li{
    width: 50%;
}

.first_image_list .list_box02 .icon_list li{
    width: 100%;
}

.first_image_list .icon_list .name{
    padding: 17px 0 15px 0;
    text-align: center;
}

.first_image_list .icon_list img{
    width: 50px;
    margin: auto;
}

.first_image_list .icon_list .comments{
    text-align: center;
    font-size: 14px;
    min-height: 50px;
}

.first_image_list .icon_list .comments_none{
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 14px;
}

.first_image_list .list_box02 .icon_list .comments_none{
    padding: 30px 0 0 0;
}

.first_what_list{
    padding: 0 0 70px 0;
}

.first_what_list ul{
}

.first_what_list li{
    background-image: url('../images/addition/icon_check.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    padding: 15px 0 0 45px;
    margin: 10px 0 0 0;
}

.first_what_list .read{
    padding: 0 0 0 5px;
    font-size: 18px;
    font-weight: bold;
    color: #DC0003;
}

.first_what_list .text{
    padding: 3px 0 0 0;
}

.img_plus01 {
    float: right;
    width: 150px;
    margin: 0px 0 30px 50px;
}

.img_plus01 img{
    width: 100%;
    max-width: 150px;
}

.img_plus01 p{
    padding: 8px 0 0 0;
    font-size: 14px;
    text-align: center;
}

.market_price_over{
    position: absolute;
    left: 0;
    margin: 10px 4% auto 4%;
    width: 92%;
    height: 150px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.15);
    color: #DC0003;
}

.market_price_over p{
    font-size: 22px;
    text-align: center;
    line-height: 150px;
}

@media screen and (max-width: 768px) {
.first_area .contents_box{
    margin: -10px 10px 0 10px;
    padding: 0 0 40px 0;
}

.first_area .box{
    padding: 0 0 20px 0;
}

.first_area .first_text01{
    padding: 0 0 15px 0;
    font-size: 14px;
}

.first_area .first_text02{
    padding: 15px 0 5px 0;
    font-size: 14px;
}

.first_area .first_text03{
    padding: 5px 0 0px 0;
    font-size: 14px;
}

.first_area .first_text04{
    padding: 10px 0 0px 0;
    font-size: 14px;
}

.first_area .list_waku01{
    padding: 10px;
    margin: 0px 0 10px 0;
    font-size: 14px;
}

.first_area .list_waku02{
    padding: 10px;
    margin: 20px 0 0px 0;
    font-size: 14px;
}

.first_area .table_list01 {
    padding: 0 0 20px 0;
}

.first_area .table_list01 .title {
    padding: 0px 12px;
    margin: 15px 0px 15px 0px;
    font-size: 15px;
}

.first_area .table_list01 td{
    padding: 5px;
    font-size: 14px;
}

.first_area .table_list02 {
    padding: 0 0 40px 0;
}

.first_area .table_list02 .title {
    padding: 0px 12px;
    margin: 15px 0px 5px 0px;
    font-size: 15px;
}

.first_image_list{
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
}

.first_image_list .list_box{
    width: 100%;
}

.first_image_list .list_box01{
    display: block;
    width: 100%;
    margin-left: 0;
    border-right: none;
}

.first_image_list .list_box02{
    display: block;
    width: 100%;
}

.first_image_list .title{
    display: block;
    margin: 0 0px;
    font-size: 15px;
}

.first_image_list .icon_list{
    position: relative;
    overflow: hidden;
    clear: both;
    display: block;
    padding: 0 0px;
}

.first_image_list .icon_list li{
    float: left;
    display: block;
    min-height: auto;
    padding: 0 0 20px 0;
}

.first_image_list .icon_list .name{
    padding: 15px 0 13px 0;
    font-size: 14px;
}

.first_image_list .icon_list img{
    width: 45px;
}

.first_image_list .icon_list .comments{
    font-size: 14px;
}

.first_image_list .icon_list .comments_none{
    padding: 10px 0 0 0;
    font-size: 14px;
}

.first_image_list .list_box02 .icon_list .comments_none{
    padding: 20px 0 0 0;
}

.first_what_list{
    padding: 0 0 10px 0;
    margin: -30px 0 0 0;
}

.first_what_list li{
    background-size: 25px;
    padding: 20px 0 0 35px;
    margin: 0px 0 0 0;
}

.first_what_list .read{
    padding: 0 0 0 0px;
    font-size: 15px;
}

.first_what_list .text{
    padding: 2px 0 0 0;
    font-size: 14px;
}

.img_plus01 {
    width: 120px;
    margin: 0px 0 30px 30px;
}

.img_plus01 img{
    width: 100%;
    max-width: 120px;
}

.img_plus01 p{
    padding: 6px 0 0 0;
    font-size: 12px;
}

.market_price_over{
    margin: 20px 6% auto 6%;
    width: 88%;
    height: 180px;
}

.market_price_over p{
    font-size: 18px;
    line-height: 180px;
}
}
/*-- hタグデザイン --*/

h2.bar_h2{
    padding: 25px 24px;
    background-color: #003280;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    line-height: 140%;
    text-align: center;
}

h2.bar_h2 .text{
    display: block;
	padding: 5px 0;
    font-weight: bold;
}

h2.bar_h2 .yellow{
    color: #ffe400;
    font-weight: bold;
}

h2.bar_h2_02{
    padding: 28px 24px;
    background-color: #003280;
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

h2.bar_h2_02 .yellow{
    color: #ffe400;
    font-weight: bold;
}

h3.bar_h3{
    max-width: 950px;
    padding: 12px;
    margin-left: auto;
    margin-right: auto;
    background-color: #003280;
    color: #ffffff;
    font-size: 29px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

h3.bar_h3_omoi{
    padding: 12px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff6700;
    color: #ffffff;
    font-size: 29px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

h3.bar_h3 .yellow{
    color: #ffe400;
    font-weight: bold;
}

h3.bar_h3 .dot {
    background-image: url('images/addition/ic_dot.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 10px;
    padding: 15px 0 0 0;
    font-weight: bold;
}

h3.bar_h3 .dot_yellow {
    background-image: url('images/addition/ic_dot_yellow.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 10px;
    padding: 15px 0 0 0;
    font-weight: bold;
}

h3.bar_h3_02{
    max-width: 900px;
    padding: 12px 12px;
    margin-left: auto;
    margin-right: auto;
    background-color: #003280;
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

h3.bar_h3_02 .yellow{
    color: #ffe400;
    font-weight: bold;
}

h4.bar_h4_01{
    max-width: 900px;
    padding: 12px;
    margin-left: auto;
    margin-right: auto;
    background-color: #003280;
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

h3.font_h3{
    padding: 0px 15px;
    margin: 20px 0px 30px 0px;
    border-left: solid 5px #003280;
    font-size: 25px;
    font-weight: bold;
    line-height: 150%;
    color: #000000;
}

h3.font_h3_2{
    padding: 30px 0 0 0;
    margin-bottom: 60px;
    font-size: 28px;
    font-weight: normal;
    color: #000;
    text-align: center;
    position: relative;
}

h3.font_h3_2::after {
    content: '';
    width: 60px;
    height: 2px;
    display: inline-block;
    background-color: #003280;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 30px)
}

h4.font_h4{
    margin: 30px 0 0 0;
    padding: 0px 0 0px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 170%;
    color: #000000;
}

h5.font_h5{
    padding: 0px 12px;
    margin: 20px 0px 20px 0px;
    border-left: solid 3px #003280;
    font-size: 17px;
    font-weight: bold;
    line-height: 140%;
    color: #000000;
}

@media screen and (max-width: 768px) {
h2.bar_h2{
    padding: 24px 12px 27px 12px;
    font-size: 18px;
    line-height: 150%;
}

h2.bar_h2 span{
}

h2.bar_h2_02{
    padding: 15px 0;
    font-size: 18px;
    line-height: 100%;
}

h3.bar_h3{
    margin-top: -10px;
    padding: 10px;
    font-size: 16px;
}

h3.bar_h3_omoi{
    padding: 10px;
    font-size: 16px;
}

h3.bar_h3 .dot {
    background-size: 6px;
    padding: 10px 0 0 0;
}

h3.bar_h3 .dot_yellow {
    background-size: 6px;
    padding: 10px 0 0 0;
}

h3.bar_h3_02{
    padding: 10px;
    font-size: 16px;
}

h4.bar_h4_01{
    padding: 10px;
    font-size: 16px;
}

h3.font_h3{
    padding: 0px 15px;
    margin: 20px 0px 20px 0px;
    font-size: 17px;
}

h3.font_h3_2{
    padding: 20px 0 0 0;
    margin-bottom: 40px;
    font-size: 18px;
}

h3.font_h3_2::after {
    bottom: -15px;
}

h4.font_h4{
    margin: 20px 0 0 0;
    font-size: 15px;
}

h5.font_h5{
    display: block;
    padding: 0px 12px;
    margin: 15px 0px 15px 0px;
    font-size: 15px;
}
}


/*-- 共通 --*/

.backcolor01{
    background-color: #eeeeee;
}

.backcolor02{
    background-color: #e4ebf2;
}

.backcolor03{
    background-color: #F1E8E5;
}

.backcolor04{
    background-color: #e8f1e5;
}

.backimg01{
    padding: 0 0 140px 0;
    background-image: url('images/addition/img01.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 320px;
}

.backimg02{
    padding: 0 0 180px 0;
    background-image: url('images/addition/img02.png');
    background-position: bottom 30px center;
    background-repeat: no-repeat;
    background-size: 350px;
}

.contents_area{
    max-width: 950px;
    margin: auto;
    padding: 20px 0 80px 0;
}

.contents_area_margin01{
    margin-top: -30px;
}

.contents_area_margin02{
    margin-top: -10px;
}

.border_top01{
    border-top: solid 1px rgba(0,0,0,0.1);
}

.box01{
    margin: 10px 0 0 0;
    padding: 20px 0 50px 0;
    border-radius: 10px;
    background-color: #fff;
}

.box02{
    margin: 15px 0 0 0;
    padding: 25px 20px 25px 20px;
    border: solid 2px #003280;
    border-radius: 10px;
    background-color: #fff;
}

.box02 strong{
    display: block;
    margin: 0px 0 5px 0;
    font-size: 20px;
    color: #003280;
}

.box03{
    margin: 15px 0 0 0;
    padding: 0px 20px 20px 20px;
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    background-color: rgba(0,0,0,0.03);
}

.box04{
    padding: 10px 25px 30px 25px;
    border-radius: 10px;
    background-color: #fff;
}

.box05{
    padding: 5px 25px 20px 25px;
    margin: 30px 0 10px 0;
    border-radius: 10px;
    background-color: #fff;
}

.box_margin01{
    margin-top: 30px;
}

.text01{
    padding: 20px 0 0px 0;
    font-size: 16px;
}

.text01_2{
    padding: 0px 0 0px 0;
    font-size: 16px;
}

.text02{
    padding: 20px 0 40px 0;
    font-size: 16px;
    line-height: 180%;
}

.text03{
    padding: 20px 0 0px 0;
    font-size: 18px;
    line-height: 180%;
    color: #003280;
    text-align: center;
}

.text03 span.box{
    display: inline-block;
    background-color: #003280;
    border-radius: 5px;
    padding: 20px 15px 20px 15px;
    margin: 0 5px;
    font-size: 18px;
    line-height: 180%;
    color: #fff;
}

.text03_2{
    padding: 20px 0 0px 0;
    font-size: 25px;
    line-height: 180%;
    color: #003280;
    text-align: center;
}

.text04{
    padding: 10px 0 0px 0;
    font-size: 15px;
}

.text05{
    padding: 10px 0 10px 0;
    font-size: 17px;
    line-height: 170%;
}

.text06{
    padding: 20px 0 0px 0;
    font-size: 22px;
    line-height: 170%;
    color: #003280;
    text-align: center;
}

.text06_2{
    padding: 0px 0 10px 0;
    font-size: 22px;
    line-height: 170%;
    color: #003280;
    text-align: center;
}

.text07{
    padding: 30px 0 0px 0;
    font-size: 16px;
}

.text09{
    padding: 30px 20px 35px 20px;
    margin: 30px 0 0px 0;
    border: solid 3px #333;
    background-color: #fff;
    border-radius: 8px;
    font-size: 20px;
    text-align: center;
    color: #333;
}

.text09 strong{
    display: block;
    padding: 8px 0 0 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.text10{
    padding: 20px 0 10px 0;
    font-size: 16px;
    line-height: 180%;
}

.text11{
    border-top: solid 1px rgba(0,0,0,0.08);
    padding: 20px 0 0px 0;
    margin: 20px 0 0px 0;
    font-size: 20px;
}

.text11_2{
    border-bottom: solid 1px rgba(0,0,0,0.08);
    padding: 0px 0 20px 0;
    margin: 0px 0 0px 0;
    font-size: 20px;
}

.text12{
    padding: 20px 0 0px 0;
    margin-bottom: -10px;
    font-size: 16px;
}

.font_red{
    color: #D80003;
}

.font_blue{
    color: #003280;
}

.text_center{
    text-align: center;
}

.text_margin_top01{
    margin-top: 40px;
}

span.text_yellow_back{
    display: inline-block;
    padding: 5px 8px;
    margin: 3px 0 0 0;
    background-color: #FFE75F;
    border-radius: 3px;
}

span.text_yellow_back2{
    padding: 2px 2px;
    margin: 3px 0 0 0;
    background-color: #FFE75F;
    border-radius: 3px;
}
.text_check01{
    background-image: url('images/addition/ic_check01.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px;
    padding: 0px 0 0 32px;
}

.text_color_w{
    color: #fff;
}

@media screen and (max-width: 768px) {
.backimg01{
    padding: 0 0 70px 0;
    background-position: bottom center;
    background-size: 200px;
}

.backimg02{
    padding: 0 0 90px 0;
    background-position: bottom 15px center;
    background-size: 210px;
}

.contents_area{
    margin: 0 10px;
    padding: 10px 5px 60px 5px;
}

.box01{
    padding: 10px 0 30px 0;
}

.box02{
    margin: 10px 0 0 0;
    padding: 20px 15px 20px 15px;
}

.box02 strong{
    margin: 0px 0 10px 0;
    font-size: 16px;
}

.box03{
    padding: 0px 10px 10px 10px;
}

.box04{
    padding: 5px 15px 30px 15px;
}

.box05{
    padding: 0px 10px 10px 10px;
    margin: 20px 0 10px 0;
}

.box_margin01{
    margin-top: 10px;
}

.text01{
    padding: 10px 0 0px 0;
    font-size: 14px;
}

.text01_2{
    font-size: 14px;
}

.text02{
    padding: 10px 0 20px 0;
    font-size: 14px;
}

.text03{
    padding: 10px 10px 5px 10px;
    font-size: 14px;
}

.text03 span.box{
    display: block;
    border-radius: 5px;
    padding: 10px 20px 10px 10px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.text03_2{
    padding: 12px 0 0px 0;
    font-size: 16px;
}

.text04{
    padding: 5px 0 0px 0;
    font-size: 14px;
}

.text05{
    padding: 5px 0 5px 0;
    font-size: 14px;
}

.text06{
    padding: 15px 0 0px 0;
    font-size: 18px;
}

.text06_2{
    padding: 5px 0 5px 0;
    font-size: 16px;
    line-height: 170%;
}

.text07{
    padding: 15px 0 0px 0;
    font-size: 14px;
}

.text09{
    padding: 20px 10px 20px 10px;
    margin: 20px 0 0px 0;
    border: solid 2px #333;
    border-radius: 8px;
    font-size: 15px;
}

.text09 strong{
    padding: 5px 0 0 0;
    font-size: 18px;
}

.text10{
    padding: 10px 0 5px 0;
    font-size: 14px;
}

.text11{
    padding: 15px 0 5px 0;
    font-size: 15px;
}

.text11_2{
    padding: 5px 0 15px 0;
    font-size: 15px;
}

.text12{
    padding: 20px 0 0px 0;
    margin-bottom: -10px;
    font-size: 14px;
}

.text_check01{
    background-size: 15px;
    padding: 0px 0 0 26px;
}
}

/*-- thanks --*/

.area-thanks {
height: 100vh;
}
.area-thanks__box {
width: 100%;
padding: 0 1.6rem;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.area-thanks__catch {
font-size: 2.4rem;
font-weight: bold;
}
.area-thanks__text {
margin-top: 2.4rem;
font-size: 1.8rem;
}
.area-thanks__back {
max-width: 140px;
margin: 3.2rem auto 0;
padding: 1rem 2rem;
background-color: #0e2f92;
color: #fff;
display: block;
font-size: 1.8rem;
font-weight: bold;
transition: opacity .4s;
}
.area-thanks__back:hover {
color: #fff;
opacity: .8;
}

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

/*-- link list --*/

.link_list02 {
    padding: 20px 0 0px 0;
}

.link_list02 ul{
    border: solid 2px #0e2f92;
    border-radius: 10px;
    background-color: #fff;
}

.link_list02 li{
    border-top: solid 1px rgba(0,0,0,0.08);
    padding: 15px 0 8px 0;
}

.link_list02 li:first-child{
    border-top: none;
}

.link_list02 li.title01{
    display: block;
    background-color: #0e2f92;
    padding: 8px 13px 10px 13px;
    font-size: 16px;
    color: #fff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.link_list02 .text{
    display: block;
    margin: 0px 13px -5px 13px;
}

.link_list02 a{
    display: inline-block;
    padding: 10px 0 10px 28px;
    margin: 0 0 0 15px;
	background-image: url('https://keiei-support-plus-a.com/images/arrow03.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 17px;
    font-size: 16px;
    color: #0e2f92;
    text-decoration: underline;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	transition: all 0.5s;
}

.link_list02 a:hover,
.link_list02 a:active {
    text-decoration: none;
	transition: all 0.5s;
}

@media screen and (max-width: 768px) {
.link_list02 {
    margin: 0px 0 0px 0;
}

.link_list02 li{
    margin: -1px;
}

.link_list02 li.title01{
    font-size: 14px;
}

.link_list02 a{
    padding: 10px 0 10px 28px;
    font-size: 14px;
}
}

/*-- contents --*/

.img01{
    margin: 25px 0 0px 0;
    text-align: center;
}

.img01 img{
    width: 100%;
    max-width: 891px;
    margin: auto;
}

.img02{
    margin: 25px 0 0px 0;
    padding: 20px;
    text-align: center;
    border: solid 1px rgba(0,0,0,0.1);
}

.img02 img{
    width: 100%;
    max-width: 903px;
    margin: auto;
}

.img03{
    margin: 25px 0 0px 0;
    padding: 20px;
    text-align: center;
    border: solid 1px rgba(0,0,0,0.1);
}

.img03 img{
    width: 100%;
    max-width: 898px;
    margin: auto;
}

.list01{
    padding: 20px 0 20px 0;
    font-size: 16px;
}

.list01 ul{
    border-left: solid 1px rgba(0,0,0,0.1);
    border-right: solid 1px rgba(0,0,0,0.1);
    border-bottom: solid 1px rgba(0,0,0,0.1);
}

.list01 li{
    padding: 20px 20px;
    border-top: solid 1px rgba(0,0,0,0.1);
}

.list01 .read{
    padding: 0 0 10px 0;
    font-weight: bold;
}

.list02{
    padding: 20px 0 20px 0;
    font-size: 16px;
}

ul.list02 {
    margin: 0 0 -20px 0;
    position: 0;
}

ul.list02 li{
    padding: 0px 10px;
    margin: 0 0 5px 20px;
    list-style-type: disc;
    list-style-position: outside;
    font-size: 16px;
}

.list03{
    padding: 20px 0 20px 0;
    font-size: 16px;
}

ul.list03 {
    margin: 0 0 -10px 0;
    position: 0;
}

ul.list03 li{
    padding: 0px 0px 25px 0px;
    margin: 0 0 12px 0px;
    border-top: solid 1px rgba(0,0,0,0.1);
    border-left: solid 1px rgba(0,0,0,0.1);
    border-right: solid 1px rgba(0,0,0,0.1);
    border-bottom: solid 1px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,.06);
    border-radius: 5px;
    background-color: #fff;
    list-style: none;
    font-size: 22px;
    line-height: 180%;
    text-align: center;
}

ul.list03 li .komon{
    display: block;
    padding: 15px 25px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.03);
}

ul.list03 li .price{
    display: block;
    margin: 22px 0 0 0px;
    color: #02266f;
}

ul.list03 li .price strong{
    margin: 0 5px;
    font-size: 26px;
}

.list04{
    padding: 20px 0 20px 0;
}

ul.list04 {
    margin: 0 0 -10px 0;
    position: 0;
}

ul.list04 li{
    padding: 24px 15px 24px 50px;
    margin: 0 0 12px 0px;
    border-bottom: solid 1px rgba(0,0,0,0.3);
    box-shadow: 0 5px 10px rgba(0,0,0,.06);
    background-color: #fff;
    background-image:url("images/icon_check02.svg");
	background-position:left 15px center;
	background-size:25px;
	background-repeat:no-repeat;
    border-radius: 10px;
    list-style: none;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

ul.list04 li.light{
    padding: 25px 15px 25px 50px;
    background-image:url("images/addition/icon_light02.svg");
	background-position:left 15px top 15px;
	background-size:22px;
}

ul.list04 span{
    font-weight: bold;
}

.list05{
    padding: 20px 0 10px 0;
}

ul.list05 {
    margin: 0 0 -10px 0;
    position: 0;
}

ul.list05 li{
    padding: 24px 15px 24px 55px;
    border-top: solid 1px rgba(0,0,0,.1);
    background-color: #fff;
    background-image:url("images/icon_check02.svg");
	background-position:left 15px  center;
	background-size:25px;
	background-repeat:no-repeat;
    border-radius: 0px;
    list-style: none;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

ul.list05 strong{
    font-size: 20px;
    margin: 0 5px;
}

.list06_box {
    border: solid 2px #003280;
    border-radius: 10px;
    background-color: #fff;
    padding: 0 0px 20px 0px;
}

.list06_box_margin01 {
    margin-top: 35px;
}

.list06_box_margin02 {
    margin-top: 15px;
}

.list06_title {
    background-color: #003280;
    color: #fff;
    font-size: 15px;
    padding: 10px 10px 10px 10px;
}

.list06_text {
    font-size: 15px;
    padding: 10px 20px 0px 20px;
}

ul.list06 {
    overflow: hidden;
    position: relative;
    margin: 0 0 0px 0;
    padding: 20px 20px 0 20px;
}

ul.list06 li{
    float: left;
}

ul.list06 li a{
    display: inline-block;
    border: solid 1px #003280;
    background-color: #fff;
    border-radius: 5px;
    padding: 8px 12px;
    margin: 0 5px 5px 0;
    font-size: 15px;
    color: #003280;
    text-decoration: underline;
    opacity:1.0;
    -webkit-transition: opacity 1.0s ease-out;
    -moz-transition: opacity 1.0s ease-out;
    -ms-transition: opacity 1.0s ease-out;
    transition: opacity 1.0s ease-out;
    transition: all 0.3s;
}

ul.list06 li a:hover,
ul.list06 li a:active{
    background-color: #003280;
    color:#fff;
    text-decoration: none;
    transition: all 0.3s;
}

ul.list06 li .nolink{
    display: inline-block;
    border: solid 1px rgba(0,0,0,0.2);
    background-color: #fff;
    border-radius: 5px;
    padding: 8px 12px;
    margin: 0 5px 5px 0;
    font-size: 15px;
    color: #333;
}

ul.list06 li .etc{
    display: inline-block;
    border: solid 1px rgba(0,0,0,0.0);
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 5px 4px 5px;
    margin: 0 5px 5px 0;
    font-size: 15px;
    color: #333;
}

ul.list07 {
    border: solid 1px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 10px;
    position: 0;
    padding: 18px 20px 18px 20px;
    margin: 30px 0 30px 0px;
}

ul.list07 li{
    padding: 5px 0;
    border-radius: 0px;
    list-style: disc;
    list-style-position: inside;
    font-size: 17px;
    font-weight: bold;
    color: #333;
}

.list08{
    padding: 20px 0 10px 0;
}

ul.list08 {
    margin: 0 0 -10px 0;
    position: 0;
}

ul.list08 li{
    padding: 24px 15px 24px 55px;
    border-top: solid 1px rgba(0,0,0,.1);
    background-color: #fff;
    background-image:url("images/icon_check02.svg");
	background-position:left 15px  center;
	background-size:25px;
	background-repeat:no-repeat;
    list-style: none;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

ul.list08 strong{
    font-size: 20px;
    margin: 0 5px;
}

.price_table_margin_left {
    padding-left: 100px;
}

.price_table_margin_left span.rank{
    display: block;
    position: absolute;
    margin-left: -100px;
    margin-top: -5px;
    font-size: 14px;
}

.balloon-right {
    position: relative;
    display: inline-block;
    padding: 7px 0px;
    min-width: 80px;
    max-width: 100%;
    color: #fff;
    border-radius: 3px;
}

.balloon-right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 99%;
    margin-top: -4px;
    border: 4px solid transparent;
}

.balloon-color01 {
    background-color: #EFC400;
}

.balloon-color01:before {
    border-left: 6px solid #EFC400;
}

.balloon-color02 {
    background-color: #AAAAAA;
}

.balloon-color02:before {
    border-left: 6px solid #AAAAAA;
}

.balloon-color03 {
    background-color: #8B6C56;
}

.balloon-color03:before {
    border-left: 6px solid #8B6C56;
}
.price_table {
    width: 100%;
    margin: 20px auto 0px auto;
    background-color: #fff;
    border-collapse: collapse;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    font-size: 1.6rem;
    line-height: 1.3;
}
.price_table th {
    padding: 0.6rem 1.2rem;
    background-color: #eeeeee;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    text-align: left;
    vertical-align: middle;
}
.price_table td {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    font-size: 15px;
    color: #111;
    text-align: center;
    vertical-align: middle;
}

.price_table table td.text_left{
    text-align: left;
}

.price_table table td.text_right{
    text-align: right;
}

.price_table table td.td16{
    width: 16%;
}

.price_table table td.td20{
    width: 20%;
}

.price_table table td.td22{
    width: 22%;
}

.price_table table td.td25{
    width: 25%;
}

.price_table table td.td33{
    width: 33.333%;
}

.price_table table td.td40{
    width: 40%;
}

.price_table table td.td50{
    width: 50%;
}

.price_table td.back_blue{
    background-color: #E1F1FF;
}

.price_table td.back_blue02{
    background-color: #003280;
    color: #fff;
}

.price_table td.back_gray01{
    background-color: #EBEBEB;
}

.price_table td.back_gray02{
    background-color: #dcdcdc;
}

.price_table td.back_gray03{
    background-color: #CBCBCB;
}

.price_table td .text_margin01{
    margin-top: 10px;
}

.price_table a{
    color: #003280;
    text-decoration: underline;
}

.read_yellow_back{
    display: block;
    padding: 20px 0 10px 0;
}

.read_yellow_back span{
    display: inline-block;
    padding: 15px 15px;
    background-color: #FFE75F;
    font-size: 30px;
    font-weight: bold;
}

.box_problem{
    padding: 80px 10px 10px 10px;
    background-image:url("images/addition/icon_problem02.svg");
	background-position:top 20px  center;
    background-repeat: no-repeat;
	background-size:50px;
}

@media screen and (max-width: 768px) {
.img01{
    margin: 15px 0 0px 0;
}

.img02{
    margin: 15px 0 0px 0;
    padding: 5px;
}

.img03{
    margin: 15px 0 0px 0;
    padding: 5px;
}

.list01{
    padding: 10px 0 10px 0;
    font-size: 14px;
}

.list01 li{
    padding: 10px 10px;
}

.list01 .read{
    padding: 0 0 5px 0;
}

ul.list03 li{
    padding: 0px 0px 18px 0px;
    margin: 0 0 10px 0px;
    font-size: 15px;
}

ul.list03 li .komon{
    padding: 12px 18px 10px 18px;
}

ul.list03 li .price{
    display: block;
    margin: 16px 0 0 0px;
    line-height: 150%;
}

ul.list03 li .price strong{
    margin: 0 2px;
    font-size: 20px;
}

.list04{
    padding: 10px 0 10px 0;
}

ul.list04 {
}

ul.list04 li{
    padding: 15px 12px 15px 42px;
    margin: 0 0 8px 0px;
	background-position:left 12px  top 20px;
	background-size:18px;
    font-size: 15px;
}

ul.list04 li.light{
    padding: 17px 12px 17px 45px;
	background-position:left 15px top 10px;
	background-size:18px;
}

.list05{
    padding: 10px 0 10px 0;
}

ul.list05 li{
    padding: 18px 15px 18px 45px;
	background-position:left 13px  center;
	background-size:20px;
    font-size: 15px;
}

.list06_box {
    margin-top: 15px;
    padding: 0 0px 10px 0px;
}

.list06_title {
    font-size: 14px;
    padding: 10px 10px 10px 10px;
}

.list06_text {
    font-size: 14px;
    padding: 10px 20px 0px 20px;
}

ul.list06 {
    padding: 10px 10px 0 10px;
}

ul.list06 li a{
    padding: 6px 8px;
    margin: 0 5px 5px 0;
    font-size: 14px;
}

ul.list06 li .nolink{
    padding: 6px 8px;
    margin: 0 5px 5px 0;
    font-size: 14px;
}

ul.list06 li .etc{
    padding: 12px 5px 4px 5px;
    margin: 0 5px 5px 0;
    font-size: 14px;
}

ul.list07 {
    padding: 15px 16px 15px 16px;
    margin: 20px 0px;
}

ul.list07 li{
    padding: 2px 0;
    font-size: 14px;
}

.list08{
    padding: 10px 0 10px 0;
}

ul.list08 li{
    padding: 18px 15px 18px 45px;
	background-position:left 13px  center;
	background-size:20px;
    font-size: 15px;
}

.price_table {
}

.price_table table{
}

.price_table table td{
    padding: 10px 5px;
    font-size: 14px;
}

.balloon-right {
    padding: 3px 0px;
}

.read_yellow_back{
    padding: 10px 0 0px 0;
}

.read_yellow_back span{
    padding: 12px 15px;
    font-size: 18px;
}

.box_problem{
    padding: 58px 5px 5px 5px;
	background-position:top 15px  center;
	background-size:35px;
}
}

/*-- 追記 --*/

.link_btn01{
max-width: 460px;
margin: 40px auto 30px auto;
text-align: center;
}
.link_btn01 a{
display: block;
padding: 18px 0 19px 0;
background-color: #fff;
color:#003280;
border: 3px solid #003280;
box-shadow: 0 5px 10px rgba(0,0,0,.10);
border-radius: 100px;
line-height: 1.25;
font-size: 16px;
font-weight: 600;
text-align:center;
opacity:1.0;
-webkit-transition: opacity 1.0s ease-out;
-moz-transition: opacity 1.0s ease-out;
-ms-transition: opacity 1.0s ease-out;
transition: opacity 1.0s ease-out;
transition: all 0.3s;
}
.link_btn01 a:hover,
.link_btn01 a:active{
background-color: #003280;
color:#fff;
opacity:0.8;
transition: all 0.3s;
}

@media screen and (max-width: 768px) {
.link_btn01{
max-width: 360px;
margin: 25px auto 0px auto;
}
.link_btn01 a{
padding: 16px 0 16px 0;
border: 2px solid #003280;
font-size: 13px;
font-weight: 600;
}
}

/* voice index */
.voice_index_box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	align-items: stretch;
	max-width: 900px;
	margin: auto;
	padding: 20px 0 20px 0;
}

.voice_index_box .box{
	width: 20%;
	margin: 0px 0 8px 0;
}

.voice_index_box a{
	display: block;
	height: 100%;
	border-radius: 5px;
	margin: 0 4px;
	color: #333333;
    background-color: #fff;
	text-decoration: none;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	transition: all 0.5s;
}

.voice_index_box a:hover ,
.voice_index_box a:active {
	color: #003282;
	transition: all 0.3s;
}

.voice_index_box span{
	display: block;
}

.voice_index_box .photo{
	position: relative;
}

.voice_index_box .photo img{
	display: block;
	width: 100%;
    height: auto;
	border-radius: 5px;
}

.voice_index_box a .photo .icon{
	position: absolute;
    bottom: 0;
    right: 0;
	padding: 12px 16px;
	background-color: rgba(255,255,255,1.0);
	border-bottom-right-radius: 4px;
	font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
	line-height: 100%;
}

@media screen and (max-width:920px){
.voice_index_box{
    margin: 0 5px;
}

.voice_index_box .box{
	width: 25%;
}
}

@media screen and (max-width:640px){
.voice_index_box{
	padding: 10px 0 0px 0;
}

.voice_index_box .box{
	width: 33.333%;
	margin: 0 0 10px 0;
}

.voice_index_box a{
	margin: 0 4px 0 4px;
}

.voice_index_box a .photo .icon{
    bottom: -1px;
    right: -1px;
	padding: 10px 12px;
}
}

/*-- cv --*/

.premium-ctaBox_container {
    max-width: 950px;
    margin: 30px auto;
    padding: 1px 20px 20px 20px;
    background-color: #003280
}
.premium-ctaBox_container > .e_head {
    margin: 20px;
    font-size: 18px;
    text-align: center;
    color: #fff
}
.premium-ctaBox_row {
    display: table;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .6)
}
.premium-ctaBox_col {
    display: table-cell;
    padding: 50px 15px;
    width: 50%;
    text-align: center
}
.premium-ctaBox_col > .e_btn {
    margin: 10px 0
}
.premium-ctaBox_col > .e_btn > .btn-contact {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #7abb27;
    box-shadow: 0px 4px #456E11;
    font-size: 18px
}
.premium-ctaBox_col:nth-child(2) {
    position: relative
}
.premium-ctaBox_col:nth-child(2):before {
    display: block;
    content: "";
    height: 90%;
    width: 1px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: 5%
}
.premium-ctaBox_title {
    margin-bottom: 30px;
    font-size: 16px;
}
.premium-ctaBox_title strong{
    font-size: 22px;
    font-weight: normal;
    line-height: 200%;
}
.premium-ctaBox_tel {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px
}
.premium-ctaBox_tel a{
    color: #003280;
}
.premium-ctaBox_title_free {
    margin-bottom: 15px;
    font-size: 20px;
}

@media only screen and (max-width:768px) {
.premium-ctaBox_container {
    margin: 15px 0;
    padding: 1px 10px 10px 10px;

}
.premium-ctaBox_container > .e_head {
    font-size: 16px;
}
.premium-ctaBox_row {
    display: block
}
.premium-ctaBox_col {
    display: block;
    width: 100%;
    padding: 15px
}
.premium-ctaBox_col:nth-child(2):before {
    height: 1px;
    width: 90%;
    left: 5%;
    top: 0
}
.premium-ctaBox_title {
    margin-bottom: 15px;
    font-size: 14px;
}
.premium-ctaBox_title strong{
    font-size: 18px;
}
.premium-ctaBox_title_free {
    margin-bottom: 10px;
    font-size: 18px;
}
}

.btn-contact {
    display: inline-block;
    padding: .5em 2em;
    border-radius: 1em;
    border-width: 1px;
    border: none;
    font-size: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}
.btn-contact:hover {
    text-decoration: none;
    color: inherit;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.btn-contact:disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    text-decoration: line-through
}
.btn-contact:disabled:hover {
    text-decoration: line-through
}
.btn-large {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 150%
}
.btn-small {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 72%
}
.btn-full {
    width: 100%;
    text-align: center
}
.btn-primary {
    background-color: #1cbbd0;
    color: #fff
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #19a7ba;
    color: #fff;
    text-decoration: none
}
.btn-secondary {
    background-color: #f5718b;
    color: #fff
}
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #19a7ba;
    color: #fff;
    text-decoration: none
}
.btn-tertiary {
    background-color: #f7f7f7;
    color: #000
}
.btn-tertiary:hover, .btn-tertiary:focus {
    background-color: #19a7ba;
    color: #fff;
    text-decoration: none
}
.btn-quaternary {
    background-color: #ccc;
    color: #fff
}
.btn-quaternary:hover, .btn-quaternary:focus {
    background-color: #19a7ba;
    color: #fff;
    text-decoration: none
}
.btn-disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    text-decoration: line-through
}
.btn-disabled:hover {
    text-decoration: line-through
}


/*-- cv2 --*/

.premium-ctaBoxPhoto_container {
    margin: 100px auto 0 auto;
    max-width: 950px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    background-color: #fff
}
.premium-ctaBoxPhoto_header {
    padding: 10px;
    text-align: center;
    background-color: #003280;
    font-size: 18px;
    color: #fff
}
.premium-ctaBoxPhoto_body {
    position: relative;
    min-height: 200px;
    padding: 30px 20px
}
.premium-ctaBoxPhoto_inner {
    padding-right: 300px
}
.premium-ctaBoxPhoto_inner > .e_btn {
    margin-bottom: 20px;
    text-align: center
}
.premium-ctaBoxPhoto_inner > .e_btn > .btn {
    width: 100%;
    background-color: #7abb27
}
.premium-ctaBoxPhoto_inner:only-child {
    padding-right: 0
}
.premium-ctaBoxPhoto_bodyTxt {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center
}
.premium-ctaBoxPhoto_bodyTxt strong {
    font-size: 22px;
}
.premium-ctaBoxPhoto_img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}
.premium-ctaBoxPhoto_img > .e_img {
    max-width: 300px;
    width: auto
}
.premium-ctaBoxPhoto_footer {
    padding: 10px;
    background-color: #e6e6ee;
    text-align: center
}
.premium-ctaBoxPhoto_footerTxt {
    display: inline-block
}
.premium-ctaBoxPhoto_tel {
    font-size: 18px;
    color: #003280;
    display: inline-block
}
.premium-ctaBoxPhoto_tellSmall {
    display: inline-block
}
.premium-ctaBoxPhoto_container .btn-contact {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #7abb27;
    box-shadow: 0px 4px #456E11;
    font-size: 18px
}

@media only screen and (max-width:768px) {
.premium-ctaBoxPhoto_body {
    padding: 20px 20px 0
}
.premium-ctaBoxPhoto_container {
    margin: 20px auto 0 auto;
}
.premium-ctaBoxPhoto_bodyTxt {
    font-size: 14px;
}
.premium-ctaBoxPhoto_bodyTxt strong {
    font-size: 18px;
}
.premium-ctaBoxPhoto_inner {
    padding-right: 0
}
.premium-ctaBoxPhoto_img {
    position: static;
    text-align: center
}
.premium-ctaBoxPhoto_img > .e_img {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 60%
}
}



/*-- 追記 --*/
.cross_strong_text01 {
    padding: 40px 0 0 0;
    font-size: 25px;
    text-align: center;
}

.cross_strong_text02 {
    padding: 5px 0 30px 0;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    color: #003280;
}

.cross_strong_text03 {
    padding: 30px 0 20px 0;
    font-size: 25px;
    text-align: center;
}

.cross_case_text01 {
    padding: 20px 0 10px 0;
    font-size: 25px;
    text-align: center;
}

.img_scheme {
    padding: 20px 0 0 0;
    text-align: center;
}

.img_scheme img{
    width: 100%;
    max-width: 931px;
    margin: auto;
}

.img_list {
    padding: 20px 0 0 0;
    text-align: center;
}

.img_list img{
    width: 100%;
    max-width: 931px;
    margin: auto;
}

ul.faq_list {
    margin: 50px 0 0px 0;
    position: 0;
}

ul.faq_list li{
    padding: 24px 0px 24px 0px;
    border-top: solid 1px rgba(0,0,0,.1);
	background-repeat:no-repeat;
    border-radius: 0px;
    list-style: none;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

ul.faq_list li .q_text{
    position: relative;
}

ul.faq_list li .q_text .ic{
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #003280;
    border-radius: 500px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

ul.faq_list li .q_text .text{
    display: block;
    padding: 0 0 0 40px;
    font-size: 18px;
}

ul.faq_list li .a_text{
    position: relative;
    padding: 20px 0 0 30px;
}

ul.faq_list li .a_text .ic{
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #0077CE;
    border-radius: 500px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

ul.faq_list li .a_text .text{
    display: block;
    padding: 0 0 0 40px;
    font-size: 16px;
}

.cross_merit{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
    margin: 50px 0 0 0;
}

.cross_merit .text_area{
    flex: 1;
    margin: 20px 40px 0 0;
}

.cross_merit .text_area .read{
    font-size: 30px; 
}

.cross_merit .text_area .text{
    padding: 20px 0 0 0;
    font-size: 16px; 
}

.cross_merit .img{
    width: 50%;
}

.cross_merit .img img{
    width: 100%;
}

.cross_features{
    padding: 0 0 20px 0;
}

.cross_features ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

.cross_features li{
	width: 33.333%;
    text-align: center;
}

.cross_features .img{
}

.cross_features .img img{
    width: 100%;
    max-width: 100px;
    margin: auto;
}

.cross_features .read{
    padding: 10px 15px 0 15px;
    font-size: 20px; 
}

.cross_features .text{
    padding: 10px 15px 0 15px;
    font-size: 16px; 
}

.cross_profle{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
    margin: -10px 0 0 0;
}

.cross_profle .data{
    flex: 1;
    margin: 0 20px 0 0;
}

.cross_profle .map{
    width: 49%;
    margin: 20px 0 0 0;
}

.cross_profle .map iframe{
    width: 100%;
    height: 300px;
}


@media screen and (max-width: 768px) {
.cross_strong_text01 {
    padding: 20px 0 0 0;
    font-size: 16px;
}

.cross_strong_text02 {
    padding: 6px 0 20px 0;
    font-size: 20px;
}

.cross_strong_text03 {
    padding: 20px 0 20px 0;
    font-size: 20px;
}

.cross_case_text01 {
    padding: 20px 0 10px 0;
    font-size: 18px;
}

ul.faq_list {
    margin: 30px 0 0px 0;
}

ul.faq_list li .q_text .text{
    font-size: 16px;
}

ul.faq_list li .a_text .text{
    font-size: 15px;
}

.cross_merit{
	display: block;
    margin: 50px 0 0 0;
}

.cross_merit .text_area{
    margin: 0 0px 0 0;
}

.cross_merit .text_area .read{
    font-size: 20px; 
}

.cross_merit .text_area .text{
    padding: 15px 0 0 0;
    font-size: 15px; 
}

.cross_merit .img{
    width: auto;
    margin: 30px 0 0 0;
}

.cross_features{
    padding: 0 0 0px 0;
}

.cross_features ul{
	display: block;
}

.cross_features li{
	width: auto;
    padding: 0 0 20px 0;
}

.cross_features .read{
    padding: 5px 0px 0 0px;
    font-size: 18px; 
}

.cross_features .text{
    padding: 10px 0px 0 0px;
    font-size: 15px; 
}

.cross_profle{
	display: block;
}

.cross_profle .data{
    margin: 0 0px 0 0;
}

.cross_profle .map{
    width: auto;
    margin: 20px 0 0 0;
}

.cross_profle .map iframe{
    width: 100%;
    height: 250px;
}
}

/*-- 特定商取引法に基づく表記 --*/

.title_tokutei {
    padding: 80px 10px 40px 10px;
    text-align: center;
}

.title_tokutei .title{
    font-size: 35px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
.title_tokutei {
    padding: 60px 10px 30px 10px;
}

.title_tokutei .title{
    font-size: 22px;
}
}