@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 {
padding: .5rem 1rem 1.5rem 1rem;
background-color: #fff;
position: fixed;
top: 0; left: 0; right: 0;
z-index: 99;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.prt-headertext {
max-width: 980px;
margin: 0 auto .3rem;
color: #555;
font-size: 1.2rem;
}
.prt-header2col {
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.prt-header2col__col1 {
display: flex;
align-items: center;
}
.prt-header2col__col1 img {
display: block;
}
.prt-header2col__col2 {
margin: 0px 0 0 0;
}
.prt-headerlogo {
margin: -2px 0 -9px 0;
}
.prt-headerlogo img{
width: 100%;
max-width: 165px;
height: auto;
}
.prt-headerlogo .company_name{
color: #003282;
font-size: 13px;
font-weight: bold;
}
.prt-headerbnrs {
display: flex;
align-items: center; 
margin: 0 0 -5px 0;
}
.prt-headerbnrs__item {
border-radius: 6px;
}
.prt-headerbnrs__item img {
margin: 0 auto;
display: block;
}
.prt-headerbnrs__item a:hover {
opacity: .7;
}
.prt-headerbnrs__item + .prt-headerbnrs__item {
margin-left: 0.8rem;
}
.prt-headerbnrs__item.tel {
box-shadow: 4px 4px #00569b;
}
.prt-headerbnrs__item.contact {
box-shadow: 4px 4px #aa0000;
}
.prt-headerbnrs__item.chatwork {
box-shadow: 4px 4px #89304c;
}
.prt-headerbnrs__item.line {
box-shadow: 4px 4px #008400;
}
.prt-headerbnrs__item .btn {
position: relative;
display: block;
overflow: hidden;
cursor: pointer;
}
.prt-headerbnrs__item .btn img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
.prt-headerbnrs__item .btn:hover img:nth-of-type(2) {
opacity: 0;
}
.prt-headerbnrs__item.tel .btn,
.prt-headerbnrs__item.contact .btn,
.prt-headerbnrs__item.line .btn,
.prt-headerbnrs__item.chatwork .btn {
width: 190px;
height: 57px;
}
.prt-headertel {
display: flex;
align-items: center; 
padding: 0 5px;
}
.prt-headertel__box {
width: 50px;
height: 50px;
background-color: #fb7300;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.6;
text-align: center;
}
.prt-headertel__content {
margin-left: .8rem;
}
.prt-headertel__caption {
margin-bottom: .8rem;
padding: .5rem .5rem;
background-color: #00a3f1;
color: #fff;
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
}
.prt-headertel__tel {
padding-left: 2.0rem;
background: url('images/tel.png') no-repeat left center/1.5rem auto;
color: #333;
font-size: 1.7rem;
font-weight: bold;
line-height: 1;
}
.prt-headertel__tel span {
color: red;
display: inline-block;
font-size: .6em;
font-weight: bold;
}
.prt-estab {
margin-top: 1.5rem;
padding: 0 1rem;
font-size: 1.3rem;
line-height: 1.25;
}
.prt-estab__inner {
max-width: 980px;
margin: 0 auto;
display: flex;
justify-content: center;
}
.prt-estab .date {
color: #ffe400 ;
margin: 0 1rem;
display: inline-block;
font-size: 1.25em;
font-weight: bold;
}
.prt-estab .temporary {
color: #ffe400 ;
margin: 0 1rem;
display: inline-block;
font-size: 1.25em;
font-weight: bold;
}

@media screen and (max-width: 768px) {
.area-header {
padding: 0 0 5px 0;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.prt-headertext {
margin-bottom: 0;
font-size: 10px;
color: #fff;
background: #02266f;
padding: 3px 0.5rem;
width: 100%;
}
.prt-header2col {
flex-wrap: wrap;
}
.prt-header2col__col1 {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.prt-header2col__col2 {
width: 100%;
margin-top: 1rem;
}
.prt-headerlogo {
width: calc((100% - .5rem) / 2);
margin: 0;
}
.prt-headertel {
width: calc((100% - .5rem) / 2);
}
.prt-headersp {
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
}
.prt-headersp__logo img {
width: 120px;
height: auto;
padding: .5rem 0rem .5rem 1rem;
display: block;
}
.prt-headicons {
display: flex;
align-items: center;
width: 72%;
max-width: 360px;
justify-content: flex-end;
margin-right: 0.2rem;
}
.prt-headicons__item {
width: 20%;
margin: .4rem;
}
.prt-headicons__item.line {
width: 35%;
}
.prt-headicons__item a {
display:flex;
justify-content:center;
align-items:center;
width: 100%;
height: 50px;
border-radius: 5px;
}
.prt-headicons__item.tel a {
background-color: #1170bc;
box-shadow: 3px 3px #00569b;
}
.prt-headicons__item.contact a {
background-color: #f00;
box-shadow: 3px 3px #aa0000;
}
.prt-headicons__item.line a {
padding: 0 5px;
background-color: #00b900;
box-shadow: 3px 3px #008400;
}
.prt-headicons__item.chatwork a {
background-color: #fff;
border: 1px solid #f00;
box-shadow: 3px 3px #89304c;
}
.prt-headicons__item a img{
width: 100%;
max-width: 55px;
height: auto;
}
.prt-headicons__item a img.small{
max-width: 40px;
}
.prt-headicons__item.line a img{
max-width: 80px;
}
.prt-estab {
font-size: 1.1rem;
margin: 0;
}
.prt-estab__inner {
padding: .8rem 0;
}
.prt-estab .date {
margin: 0 .8rem;
}
.prt-estab .temporary {
margin: 0 .8rem;
}
.prt-estab__text2 {
margin-top: .8rem;
}
}

@media screen and (max-width: 340px) {
.prt-headersp__logo.saitama img {
height: 40px;
}
}

/*-- mv --*/

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

.mainvisial .img_mv{
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.mainvisial .img_mv img{
    display: block;
    width: 100%;
}

.mainvisial .img_mv img.sp{
    max-width: 400px;
    margin: auto;
}

.mainvisial .catch_box{
    padding: 30px 40px 30px 40px;
    display: inline-block;
	background-color: #fff;
    border: solid 5px #003280;
    border-radius: 10px;
}

.mainvisial .catch{
    margin: 0 0;
    padding: 30px 40px 20px 40px;
    font-size: 56px;
    color: #003280;
    text-align: center;
    line-height: 140%;
    display: inline-block;
}

/*-- 
.mainvisial .catch{
    color          : #f42400;
    letter-spacing : 0px;
    text-shadow    : 
       3px  3px 1px #ffffff,
      -3px  3px 1px #ffffff,
       3px -3px 1px #ffffff,
      -3px -3px 1px #ffffff,
       3px  0px 1px #ffffff,
       0px  3px 1px #ffffff,
      -3px  0px 1px #ffffff,
       0px -3px 1px #ffffff;
}
 --*/

.mainvisial .small{
    display: block;
    margin: 15px 0 0 0;
    font-size: 35px;
    letter-spacing : -2px;
}

.mainvisial .deco01{
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 12px 20px;
	background-color: #003280;
    border-radius: 4px;
	color: #fff;
    text-shadow: none;
}

.mainvisial .read{
    max-width: 908px;
    margin: 20px auto 0px auto;
    padding: 20px;
    background-color: #003280;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 160%;
    text-align: center;
}

@media (max-width: 768px) {
.mainvisial {
    padding: 90px 20px 90px 20px;
    margin-top: 60px;
    background: url("images/mv/bg_mv01_sp.webp");
    background-size: cover;
    background-position: center center;
}
.mainvisial .wrapper {
    padding: 0;
}

.mainvisial .catch_box{
    padding: 20px 8px 8px 8px;
    border: solid 2px #003280;
}

.mainvisial .catch{
    padding: 0px 0px 10px 0px;
    font-size: 28px;
}

/*-- 
.mainvisial .catch{
    color          : #f42400;
    letter-spacing : 0px;
    text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}
 --*/

.mainvisial .small{
    display: block;
    margin: 5px 0 0 0;
    font-size: 20px;
}

.mainvisial .deco01{
    margin: 0 5px 15px 0;
    padding: 8px 12px;
    font-size: 30px;
}

.mainvisial .catch strong{
    font-size: 32px;
}

.mainvisial .read{
    width: auto;
    margin: 10px auto 0px auto;
    padding: 15px 15px;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing : -0.5px;
}
}

/*-- 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 0 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_contents_new {
	position: relative;
	overflow: hidden;
	width: auto;
	padding: 40px 0 0 0;
	background-color: #003280;
	color: #ffffff;
	font-size: 14px;
	text-align: left;
	line-height: 180%;
}

.footer_contents_new .footer_box{
	position: relative;
	overflow: hidden;
	max-width: 900px;
	width: auto;
	margin: 0 auto;
}

.footer_contents_new .text_corporate{
	font-size: 15px;
	font-weight: bold;
}

.footer_contents_new .text_add01{
	padding: 25px 0 0 0;
	font-weight: bold;
}

.footer_contents_new .text_add02{
	line-height: 180%;
}

.footer_contents_new .navi_area{
    border-top: solid 1px rgba(255,255,255,.4);
    border-bottom: solid 1px rgba(255,255,255,.4);
	padding: 20px 0 25px 0;
	margin: 25px 0 0 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

.footer_contents_new .navi_box01_area{
	width: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

.footer_contents_new .navi_box01{
	width: 50%;
}

.footer_contents_new .navi_box02{
	width: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
}

.footer_contents_new .navi_area .category{
	position: absolute;
	display: block;
	width: 100%;
}

.footer_contents_new .navi_area ul{
	padding: 35px 15px 0px 0;
}

.footer_contents_new .navi_area li{
	padding: 6px 0 6px 12px;
	line-height: 140%;
}

.footer_contents_new .navi_area .navi_box02 ul{
	width: 50%;
}

.footer_contents_new .navi_area a {
    color: #ffffff;
}

.footer_contents_new .navi_area a:hover,
.footer_contents_new .navi_area a:active{
    opacity: .7;
}

.footer_contents_new .copyright{
	padding: 30px 0;
	font-size: 12px;
}

@media screen and (max-width: 940px) {
.footer_contents_new .footer_box{
	margin: 0 20px;
}
}

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

.footer_contents_new .text_corporate{
	font-size: 13px;
}

.footer_contents_new .text_add01{
	padding: 20px 0 0 0;
}

.footer_contents_new .navi_area{
	padding: 20px 0 15px 0;
	margin: 25px 0 0 0;
}

.footer_contents_new .navi_box01_area{
	display: block;
	width: 50%;
}

.footer_contents_new .navi_box{
	padding: 0 0 20px 0;
}

.footer_contents_new .navi_box01{
	width: 100%;
}

.footer_contents_new .navi_box02{
	width: 50%;
	display: block;
}

.footer_contents_new .navi_area .category{
	position: relative;
	padding: 0 0 8px 0;
}

.footer_contents_new .navi_area ul{
	padding: 0px 0 0px 0;
}

.footer_contents_new .navi_area li{
	padding: 5px 0 5px 10px;
	font-size: 12px;
}

.footer_contents_new .navi_area .navi_box02 ul{
	width: 100%;
}

.footer_contents_new .copyright{
	padding: 20px 0;
	font-size: 10px;
}
}

/*-- 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.webp");
	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: 35px 24px;
    background-color: #003280;
    color: #ffffff;
    font-size: 34px;
    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;
}

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;
}

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: #e8f1e5;
}

.backcolor04{
    background-color: #F1E8E5;
}

.backimg01{
    padding: 0 0 70px 0;
    background-image: url('images/addition/img03_2.webp');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 960px;
}

.backimg02{
    padding: 0 0 180px 0;
    background-image: url('images/addition/img04.webp');
    background-position: bottom 20px 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;
}

.box_margin02{
    margin-top: 10px;
}

.text01{
    padding: 20px 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;
}

.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 20px 0;
    background-size: 430px;
}

.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;
}

.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;
}

.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-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/addition/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: 34px 15px 38px 50px;
    background-image:url("images/addition/icon_light02.svg");
	background-position:left 15px top 25px;
	background-size:22px;
}

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

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

ul.list05 li{
    padding: 24px 15px 24px 50px;
    margin: 0 0 12px 0px;
    border-top: solid 1px rgba(0,0,0,.1);
    border-left: solid 1px rgba(0,0,0,.1);
    border-right: solid 1px rgba(0,0,0,.2);
    border-bottom: solid 1px rgba(0,0,0,0.2);
    background-color: #fff;
    background-image:url("images/addition/icon_check02.svg");
	background-position:left 15px  center;
	background-size:25px;
	background-repeat:no-repeat;
    border-radius: 10px;
    list-style: none;
    font-size: 20px;
    font-weight: bold;
    color: #003280;
}

.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;
}

.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 #666666;
    border-left: 1px solid #666666;
    font-size: 1.6rem;
    line-height: 1.3;
}
.price_table th {
    padding: 0.6rem 1.2rem;
    background-color: #eeeeee;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    text-align: left;
    vertical-align: middle;
}
.price_table td {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    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.td14{
    width: 14%;
}

.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.td50{
    width: 50%;
}

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

.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;
}

.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: 24px;
    font-weight: bold;
}

.box_problem{
    padding: 75px 10px 0 10px;
    background-image:url("images/addition/icon_search.png");
	background-position:top 25px  center;
    background-repeat: no-repeat;
	background-size:35px;
}

@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: 22px 12px 22px 52px;
	background-position:left 15px top 15px;
	background-size:18px;
}

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

ul.list05 li{
    padding: 18px 15px 18px 45px;
    margin: 0 0 8px 0px;
	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;
}

.price_table {
}

.price_table table{
}

.price_table table.font-small td{
    padding: 5px 2px;
    font-size: 12px;
}

.price_table table.font-small td.td-sp-vertical-rl{
    width: 6%;
}

.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: 56px 5px 0 5px;
	background-position:top 16px  center;
	background-size:26px;
}
}

/*-- 追記 --*/

.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;
}
}

/* バナー */
.bana01{
    margin-top: 15px;
    text-align: center;
}

.bana01 img{
    margin: auto;
    width: 100%;
    max-width: 400px;
    border-radius: 10px;
}

/* 口コミ */
.consultation_kuchikomi_read{
padding: 10px 0 0 0;
font-size: 20px;
font-weight: 600;
text-align: center;
color: #003282;
}
.consultation_kuchikomi_text{
padding: 15px 0 0 0;
font-size: 14px;
line-height: 200%;
text-align: center;
color: #666666;
}
.consultation_kuchikomi_text a{
text-decoration: underline;
color:#003280;
}
.consultation_kuchikomi_new{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
justify-content: center;
align-items: center;
margin: 10px 20px 30px 20px;
background-image: url("images/addition/kuchikomi_side2.webp");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.consultation_kuchikomi_new img{
width: 100%;
max-width: 460px;
}
.consultation_kuchikomi_link2{
max-width: 350px;
margin: -10px auto 0 auto;
text-align: center;
}
.consultation_kuchikomi_link2 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;
}
.consultation_kuchikomi_link2 a:hover,
.consultation_kuchikomi_link2 a:active{
background-color: #003280;
color:#fff;
opacity:0.8;
transition: all 0.3s;
}
@media screen and (max-width: 800px) {
.consultation_kuchikomi_new{
max-width: 600px;
margin: 10px auto 30px auto;
background-size: 100%;
}
.consultation_kuchikomi_new img{
width: 100%;
max-width: 350px;
}
}
