@charset "utf-8";
/* CSS Document */

/* Swipper */
.slider_block {
	width: 100%;
}
.swiper {
	width: 780px;
	height: 360px;
	margin: 16px auto 32px auto;
}
.swiper-wrapper {
	text-align: center;
	}
.swiper-button-prev::after,.swiper-button-next::after {
	color: #0088C3;
	font-size: 2.4rem !important;
	font-weight: bold;
}
.swiper-pagination-bullet {
  background-color: #9E9E9E !important;
}
.swiper-pagination-bullet-active {
  background-color: #0088C3 !important;
}
@media screen and (max-width: 768px) {
.swiper {
	width: 100%;
	height: auto;
	max-height: 220px;
	margin: 16px auto -40px auto;
}
.swiper-button-prev::after,.swiper-button-next::after {
	display: none;
}
}

/* Common */
.contents_master_block {
	width: 100%;
	margin: 0px auto 0px auto;
}
.pc_none {
	display: none;
}
.sp_none {
	display: inline;
}
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
img {
	max-width: 100%;
}
@media screen and (max-width: 768px) {
img {
	max-width: 100%;
}
.contents_master_block {
	padding: 0rem 0.8rem 0rem 0.8rem;
}
.pc_none {
	display: inline;
}
.sp_none {
	display: none;
}
}

/* Width */
.w100 {
	width: 100% !important;
}
.w75 {
	width: 75% !important;
}
.w50 {
	width: 50% !important;
}
.w33 {
	width: calc(100% / 3) !important;
}
.w25 {
	width: 25%  !important;
}
@media screen and (max-width: 768px) {
.w75 {
	width: 100% !important;
}
.w50 {
	width: 50% !important;
}
.w33 {
	width: 50% !important;
	padding: 0.5rem;
}
.w25 {
	width: 50%  !important;
	padding: 0.5rem;
}
}

/* Font */
.f8 {
	font-size: 0.8rem !important;
	line-height: 1.5;
}
.f16 {
	font-size: 1.6rem !important;
	line-height: 1.5;
}
.f18 {
	font-size: 1.8rem !important;
	line-height: 1.5;
}
.f24 {
	font-size: 2.4rem !important;
	line-height: 1.5;
}
.f32 {
	font-size: 3.2rem !important;
	line-height: 1.5;
}
.f40 {
	font-size: 4rem !important;
	line-height: 1.5;
}
.f48 {
	font-size: 4.8rem !important;
	line-height: 1.5;
}
.f56 {
	font-size: 5.6rem !important;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
.f24 {
	font-size: 1.8rem !important;
}
.f32 {
	font-size: 1.8rem !important;
}
.f40 {
	font-size: 1.8rem !important;
}
.f48 {
	font-size: 1.8rem !important;
}
.f56 {
	font-size: 1.8rem !important;
}
}

/* Margin */
.mt8 {
	margin-top: 8px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt32 {
	margin-top: 32px !important;
}
.mt48 {
	margin-top: 48px !important;
}
.mb16 {
	margin-bottom: 16px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.mb32 {
	margin-bottom: 32px !important;
}
.mb48 {
	margin-bottom: 48px !important;
}
.mb56 {
	margin-bottom: 56px !important;
}
.mb64 {
	margin-bottom: 64px !important;
}
.mb72 {
	margin-bottom: 72px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mb120 {
	margin-bottom: 120px !important;
}
.mt-8 {
	margin-top: -8px !important;
}
.mt-16 {
	margin-top: -16px !important;
}
.mt-24 {
	margin-top: -24px !important;
}
.mt-32 {
	margin-top: -32px !important;
}
.mt-48 {
	margin-top: -48px !important;
}
.mb-16 {
	margin-bottom: -16px !important;
}
.mb-24 {
	margin-bottom: -24px !important;
}
.mb-32 {
	margin-bottom: -32px !important;
}
.mb-48 {
	margin-bottom: -48px !important;
}
.mb-56 {
	margin-bottom: -56px !important;
}
.mb-64 {
	margin-bottom: -64px !important;
}


/* Padding */
.p16 {
	padding: 1.6rem;
}
.p24 {
	padding: 2.4rem;
}
.p32 {
	padding: 3.2rem;
}

/* Color */
.blue {
	color: #0088C3;
}
.green {
	color: #6EC300;
}
.dark_red {
	color: #C30082;
}


/* Base */
h2 {
	/*height: 124px;*/
	margin-bottom: 70px;
	color: #32598A;
	font-size: 4rem;
	line-height: 1.5;
	text-align: center;
}
h2>span {
	color: #D3F1FF;
	font-size: 3.2rem;
}
.flex_block {
	display: flex;
	align-items: center;
}
.flex_block_wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.section_block {
	width: 100%;
	padding: 10rem 0rem 10rem 0rem;
}
.bg_gray {
	background-color: #FCFCFC;
}
.full_width {
	width: 100%;
}
.doc_block {
	width: 980px;
	margin: 0px auto 0px auto;
}
.point_block {
	width: 980px;
	margin: 0px auto 0px auto;
	background-color: #FBF7EF;
	border-radius: 30px;
}
.rc_img_10 img{
	border-radius: 10px;
}
.drop_shadow_box_a {
	width: 960px;
	margin: 0px auto 0px auto;
	border-radius: 10px;
	box-shadow: 0 0 10px #E9E9E9;
}
@media screen and (max-width: 768px) {
h2 {
	height: auto;
	margin-bottom: 16px;
	font-size: 1.8rem;
}
h2>span {
	font-size: 1.6rem;
}
.flex_block {
	flex-wrap: wrap;
}
.flex_block_wrap {
}
.section_block {
	padding: 4rem 1rem 4rem 1rem;
}
.doc_block {
	width: 100%;
	margin: 0px auto 0px auto;
}
.point_block {
	width: 100%;
	border-radius: 15px;
}
.drop_shadow_box_a {
	width: 100%;
}
}

/* Form */
.form_link a {
	width: 75%;
	margin: 48px auto 48px auto;
	padding: 1.6rem;
	display: block;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #8bc34a;
	border-radius: 10px;
}
.form_link a:hover {
	-webkit-box-shadow: 0 3px 6px #616161;
	box-shadow: 0 3px 10px #E0E0E0;
}
.mailform_title {
	width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    padding: 1rem;
    font-size: 2rem;
    color: #FFFFFF;
    text-align: center;
    border-bottom: 6px double #FFFFFF;
    background-color: #8BC34A;
}
@media screen and (max-width: 768px) {
.form_link a {
	width: 100%;
	margin: 24px auto 24px auto;
	padding: 0.8rem;
	font-size: 1.8rem;
	text-align: left;
}
}

/* Side Nav */
.side_nav {
	width: 40px;
	position: fixed;
	top: 300;
	right: 0;
}
.side_nav ul {
	list-style: none;
}
.side_nav a {
	width: 100%;
	padding: 1.2rem;
	display: block;
	color: #FFFFFF;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	background-color: #8bc34a;
	border-radius: 6px 0px 0px 6px;
}
@media screen and (max-width: 768px) {
.side_nav {
	display: none;
}
}

/* Announce */
.announce {
	padding: 1rem 0rem 2rem 0rem;
}
@media screen and (max-width: 768px) {
.announce .w50{
	width: 100% !important;
	text-align: center !important;
}
}

/* FV */
.fv .outline {
	margin: 0px auto 40px auto;
	border-top: 10px solid #9BE1FF;
	border-bottom: 10px solid #9BE1FF;
}
.fv .full_width {
	padding: 2rem 0rem 0rem 0rem;
    background: linear-gradient(
    180deg,
    #63CEFC 0%,
    #1CB8FF 55%,
    #63CEFC 100%
);
	background-color: #30BFFF;
	border-top: 10px solid #63CEFC;
	border-bottom: 10px solid #63CEFC;
}
/*.fv .full_width {
	padding: 2rem 0rem 0rem 0rem;
	background-color: #30BFFF;
	border-top: 10px solid #63CEFC;
	border-bottom: 10px solid #63CEFC;
}*/
.fv_block {
	width: 980px;
	height: 920px;
	margin: 0px auto 0px auto;
}
h1 {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size:4rem;
	color: #FFFF34;
	text-align: center;
	background-image: url()
}
h1  .big{
    padding: 0 8px;
    display: inline-block;
	font-size:5.6rem;
}
h1 .dot{
    text-emphasis: dot;
}
h1 .white{
    color: #FFFFFF;
}
.fv-textbox {
    max-width: 740px;
	margin:16px auto 0 auto;
    padding: 16px;
    text-align: center;
    line-height: 1.5;
	font-size:2.8rem;
    font-weight: bold;
	color: #32598A;
    background-color: rgba(255,255,255,0.90);
    /*border: 2px solid #28A3D8;*/
    border-radius: 12px;
}
.fv-textbox .small{
	font-size:2.4rem;
}
.fv-text {
    margin-top: 8px;
    margin-bottom: 16px;
    text-align: center;
    line-height: 1.5;
	font-size: 4rem;
    font-weight: bold;
	color: #FFFF34;
}
.fv-text .white {
	color: #FFFFFF;
}
.fv-text .dot {
	text-emphasis: dot;
}
.fv-text .small {
	font-size:2rem;
}
/*h1 {
	margin-top: 120px;
	font-size:3.8rem;
	color: #424242;
	text-align: center;
}
h1>span {
	color: #C30082;
}*/
.fv_block img{
	margin-top: 20px;
	/*position: absolute;*/
}
@media screen and (max-width: 768px) {
.fv .full_width {
	padding: 1rem 0rem 0rem 0rem;
}
.fv_block {
	width: 100%;
	padding: 0rem 1rem 0rem 1rem;
	height: auto;
}
h1 {
	margin-top: 20px;
	/*margin-bottom: -40px;*/
	text-align: center;
	font-size: 2rem;
}
h1  .big{
    padding: 0 8px;
    display: inline-block;
	font-size:3.2rem;
}
h1>span {
	padding-left: 0rem;
	font-size: 1.8rem;
}
.fv-textbox {
    text-align: left;
    line-height: 1.5;
	font-size:2rem;
}
.fv-textbox .left,.fv-textbox .right{
    text-align: left !important;
}
.fv-textbox .small{
	font-size:2rem;
}
.fv-text {
    
	font-size:2rem;
}
.fv-text>span {
    text-align: left !important;
	font-size:2rem;
}
.fv_block img{
	margin-top: 20px;
	position: static;
}
}

/* Section fv */
.secfv {
	margin-top: 0px;
	padding-bottom: 0px;
}
.secfv .case_title {
	width: 980px;
	margin: 20px auto 20px auto;
	color: #32598A;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	border-top: 3px double #32598A;
	border-bottom: 3px double #32598A;
}
@media screen and (max-width: 768px) {
.secfv .case_title {
	width: 100%;
	margin: 20px auto 20px auto;
	font-size: 1.8rem;
}
}

/* Section 0 */
.sec0 {
	margin-top: 0px;
	padding-bottom: 70px;
}
.sec0 h2 {
	/*color: #424242;*/
	padding: 2rem 0rem 2rem 0rem;
    color: #FFFFFF;
    background-color: #32598A;
    border-radius: 6px;
    border-top: 6px solid #E68A00; 
}
/*.sec0 h2 {
	color: #424242;
	padding: 2rem 0rem 2rem 0rem;
	border-top: 4px solid #32598A;
	border-bottom: 4px solid #32598A;
	background-color: #FFFFFF;
}*/
.sec0 h3 {
	margin-bottom: 48px;
	padding: 0.8rem;
	color: #424242;
	font-size: 3rem;
	text-align: center;
}
.sec0 .point_block h3 {
	color: #BBA976;
	margin-bottom: 16px;
}
.sec0 .point_block h3>span {
	font-size: 1.8rem;
}
.sec0 .pc_img img {
	max-width: calc(100% - 10px);
	margin: 5px;
}
.sec0 .waku {
/*	border: 2px solid #747474;
	border-radius: 3px;*/
}
@media screen and (max-width: 768px) {
.sec0 h2{
}
.sec0 {
	margin-top: 10px;
}
.sec0 h3 {
	margin-bottom: 48px;
	font-size: 1.8rem;
}
.secfv .case_title {
	width: 100%;
	margin: 20px auto 20px auto;
	font-size: 1.8rem;
}
}

/* Section 1 */
.sec1 h2 {
	padding: 2rem 0rem 2rem 0rem;
    color: #FFFFFF;
    background-color: #32598A;
    border-radius: 6px;
    border-top: 6px solid #E68A00; 

}
/*.sec1 h2 {
	padding: 2rem 0rem 2rem 0rem;
	border-top: 4px solid #0088C3;
	border-bottom: 4px solid #0088C3;
	background-color: #FFFFFF;
}*/
.sec1 h3 {
	margin-bottom: 48px;
	padding: 0.8rem;
	color: #424242;
	font-size: 3rem;
	text-align: center;
}
.sec1 .floating_img {
	margin: 147px 0px 0px -40px;
	position: absolute;
	z-index: 10;
}
.sec1 details{
	width: 75%;
	margin: 64px auto 60px auto;
}
.sec1 details summary {
	padding: 1.6rem;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #7FC3E1;
	border: 1px solid #4B9FC4;
	border-radius: 6px;
	cursor: pointer;
	-webkit-box-shadow: 0 3px 6px #B7B7B7;
	box-shadow: 0 3px 10px #B7B7B7;
}
.sec1 details summary:hover {
/*	-webkit-box-shadow: 0 3px 6px #616161;
	box-shadow: 0 3px 10px #E0E0E0;*/
	background-color: #63B8DD;
}
.sec1 details table {
	margin-top: 20px;
	background-color: #FFFFFF;
}
.sec1 .comparison strong {
	color: #6EC300;
	font-size: 2.4rem;
	font-weight: bold;
}
.sec1 .comparison .attention {
	background-color: #F9FFF2;
}
.sec1 .comparison th,.sec1 .comparison td {
	width: calc(100% / 3);
	padding: 2.4rem 0rem 2.4rem 0rem;
	color: #424242;
	font-size: 1.6rem;
	border-bottom: 1px solid #40A6D2;
}
.sec1 .comparison th {
	color: #40A6D2;
	background-color: #FAFAFA;
}
.sec1 .comparison td {
	text-align: center;
}
.sec1 .comparison .col_b {
	color: #FFFFFF;
	/*font-size: 2.4rem;*/
	font-weight: bold;
	background-color: #6EC300;
	border-radius: 6px 6px 0px 0px;
}
@media screen and (max-width: 768px) {
.sec1 h2 {
	padding: 2rem 0rem 2rem 0rem;
	/*text-align: left;*/
	background-image: none;
}
.sec1 .floating_img {
	display: none;
	margin: 0px;
}
.sec1 details{
	width: 100%;
	margin: 32px auto 32px auto;
}
.sec1 details summary {
	font-size: 1.8rem;
}
.sec1 .comparison {
	width: 100%;
	margin: 24px auto 24px auto ;
}
.sec1 .comparison strong {
	font-size: 1.6rem;
}
.sec1 .comparison th,.comparison td {
	padding: 0.8rem 0.8rem 0.8rem 0.8rem;
	font-size: 1.4rem;
}
.sec1 .comparison .col_a {
	font-size: 1.4rem;
}
.sec1 .comparison .col_b {
	font-size: 1.4rem;
	border-radius: 6px 6px 0px 0px;
}
.sec1 .point_block p {
    margin-bottom: 16px !important;
}
}

/* Section 2 */
.sec2 h2 {
	padding: 2rem 0rem 2rem 0rem;
    color: #FFFFFF;
    background-color: #32598A;
    border-radius: 6px;
    border-top: 6px solid #E68A00; 
}
.sec2 h3 {
	/*color: #BBA976;*/
    color: #32598A;
	font-size: 3.2rem;
	text-align: center;
	line-height: 2;
}
.sec2 h3>span {
    color: #ECB806;
	text-emphasis: dot;
}
.sec2 details{
	width: 75%;
	margin: 64px auto 120px auto;
}
.sec2 details summary {
	padding: 1.6rem;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #7FC3E1;
	border: 2px solid #4B9FC4;
	border-radius: 6px;
	cursor: pointer;
	-webkit-box-shadow: 0 3px 6px #4F4F4F;
	box-shadow: 0 3px 10px #4F4F4F;
}
.sec2 details summary:hover {
/*	-webkit-box-shadow: 0 3px 6px #616161;
	box-shadow: 0 3px 10px #E0E0E0;*/
	background-color: #55A4C7;
}
.sec2 .end p {
	padding-left: 16rem;
	color: #424242;
	font-size: 2.4rem;
	line-height: 1.8;
	text-align: center;
}
.sec2 .floating_img {
	margin: -260px 0px 0px -100px;
	position: absolute;
	z-index: 10;
}
.sec2 .comparison {
	width: 90%;
	margin: 24px auto 24px auto ;
}
.sec2 .comparison strong {
	color: #6EC300;
	font-size: 2.4rem;
	font-weight: bold;
}
.sec2 .comparison .attention {
	background-color: #F9FFF2;
}
.sec2 .comparison th,.sec2 .comparison td {
	padding: 2.4rem 0rem 2.4rem 0rem;
	color: #424242;
	font-size: 1.6rem;
	border-bottom: 2px solid #FFFFFF;
}
.sec2 .comparison th {
	color: #40A6D2;
	background-color: #FAFAFA;
}
.sec2 .comparison td {
	text-align: center;
}
.sec2 .comparison .col_b {
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #6EC300;
	border-radius: 6px 6px 0px 0px;
}
@media screen and (max-width: 768px) {
.sec2 h2 {
	padding: 2rem 0rem 2rem 0rem;
	/*text-align: left;*/
	background-image: none;
}
.sec2 .floating_img {
	display: none;
	margin: 0px;
}
.sec2 h3 {
	font-size: 1.8rem;
	line-height: 1.5;
}
.sec2 .end p {
	padding-left: 0rem;
	color: #424242;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: left;
}
.sec2 details{
	width: 100%;
	margin: 32px auto 32px auto;
}
.sec2 details summary {
	font-size: 1.8rem;
}
.sec2 .comparison {
	width: 100%;
	margin: 24px auto 24px auto ;
}
.sec2 .comparison strong {
	font-size: 1.6rem;
}
.sec2 .comparison th,.comparison td {
	padding: 0.8rem 0.8rem 0.8rem 0.8rem;
	font-size: 1.6rem;
}
.sec2 .comparison .col_a {
	font-size: 1.4rem;
}
.sec2 .comparison .col_b {
	font-size: 1.6rem;
	border-radius: 6px 6px 0px 0px;
}
}

/* Section 3 */
.sec3 h2 {
	padding: 2rem 0rem 2rem 0rem;
    color: #FFFFFF;
    background-color: #32598A;
    border-radius: 6px;
    border-top: 6px solid #E68A00; 
}
.sec3 h2 .big {
	font-size: 4.8rem !important;
    text-emphasis: dot;
    color: #ECB806;
}
.sec3 h3 {
    color: #424242;
	font-size: 3.2rem;
}
.sec3 .end p {
	margin-top: 64px;
	color: #424242;
	font-size: 2.4rem;
	line-height: 1.8;
	text-align: center;
}
.sec3 .floating_img {
	margin: -330px 0px 0px 900px;
	position: relative;
	z-index: 10;
}
@media screen and (max-width: 768px) {
.sec3 h2 {
	padding: 2rem 0rem 2rem 0rem;
	/*text-align: left;*/
	background-image: none;
}
.sec3 h2 .big {
	font-size: 2rem !important;
}
.sec3 h3 {
	font-size: 2.4rem;
}
.sec3 .floating_img {
	display: none;
	margin: 0px;
}
.sec3 .end p {
	margin-top: 32px;
	color: #424242;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: left;
}
}

/* Section 4 */
.sec4 h2 {
	padding: 2rem 0rem 2rem 0rem;
    color: #FFFFFF;
    background-color: #32598A;
    border-radius: 6px;
    border-top: 6px solid #E68A00; 
}
.sec4 .flex_block_wrap p {
	color: #424242;
	font-size: 1.8rem;
	font-weight: bold;
}
.sec4 .flex_block_wrap p::first-letter {
	color: #0088C3;
	font-size: 3.2rem;
}
.sec4 .end p {
	margin-top: 140px;
	padding: 2.4rem 20rem 2.4rem 0rem;
	color: #424242;
	font-size: 2.4rem;
	line-height: 1.8;
	text-align: center;
}
.sec4 .floating_img {
	margin: -240px 0px 0px 720px;
	position: absolute;
	z-index: 10;
}
.sec4 .point_block {
	padding: 2.4rem;
}
.sec4 .point_block img {
	border-radius: 20px;
}
.sec4 .flex_block h3 {
	padding-top: 4.8rem;
	color: #BBA976;
	font-size: 3.2rem;
	text-align: center;
	line-height: 2;
}
.sec4 .flex_block .flex_block {
	padding: 0rem 3.2rem 3.2rem 3.2rem;
}
.sec4 .flex_block .flex_block ul {
	margin-left: 48px;
}
.sec4 .flex_block .flex_block li {
	color: #424242;
	font-size: 1.8rem;
	line-height: 1.8;
}
.sec4 .point_block h3 {
	color: #BBA976;
	margin-bottom: 16px;
}
.sec4 .point_block h3>span {
	font-size: 1.8rem;
}
.sec4 .pc_img img {
	max-width: calc(100% - 10px);
	margin: 5px;
}
@media screen and (max-width: 768px) {
.sec4 h2 {
	padding: 0rem 0rem 0rem 0rem;
	/*text-align: left;*/
	background-image: none;
}
.sec4 .floating_img {
	display: none;
	margin: 0px;
}
.sec4 .flex_block_wrap {
	align-items: baseline;
}
.sec4 .flex_block_wrap p {
	font-size: 1.6rem;
	text-align: left;
}
.sec4 .flex_block_wrap p::first-letter {
	font-size: 1.6rem;
}
.sec4 .end p {
	margin-top: 16px;
	padding: 0rem 0rem 0rem 0rem;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: left;
}
.sec4 .flex_block h3 {
	padding-top: 4.8rem;
	color: #BBA976;
	font-size: 2rem;
	text-align: center;
	line-height: 1.5;
}
.sec4 .flex_block .flex_block ul {
	margin-left: 24px;
}
}

/* Section 5 */
.sec5 h2 {
	padding: 1rem 0rem 0rem 0rem;
}
.sec5 h2>span {
	color: #32598A;
}
.sec5 .floating_img {
	margin: -340px 0px 0px -80px;
	position: absolute;
	z-index: 10;
}
.sec5 .qanda {
	width: 75%;
	margin: 0px auto 0px auto;
}
.sec5 details {
	margin-bottom: 24px;
	padding: 1.6rem;
	background-color: #FFFFFF;
	border-radius: 6px;
}
.sec5 details summary {
	color: #424242;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
}
.sec5 details:hover {
	-webkit-box-shadow: 0 3px 6px #616161;
	box-shadow: 0 3px 10px #E0E0E0;
}
.sec5 details summary>span {
	color: #6EC300;
	font-size: 2.4rem;
}
.sec5 details p {
	padding: 1.6rem 2.4rem 1.6rem 2.4rem;
	color: #424242;
	font-size: 1.6rem;
	line-height: 1.8;;
}
@media screen and (max-width: 768px) {
.sec5 h2 {
	padding: 0rem 0rem 0rem 0rem;
	/*text-align: left;*/
	background-image: none;
}
.sec5 .floating_img {
	display: none;
	margin: 0px;
}
.sec5 .qanda {
	width: 100%;
}
.sec5 details summary {
	font-size: 1.6rem;
}
.sec5 details summary>span {
	font-size: 1.8rem;
}
}


/* Section 7 */
.sec7 h2 {
	padding: 1rem 0rem 0rem 0rem;
}
.sec7 h2>span {
	color: #32598A;
}
.sec7 {
	padding-bottom: 2rem !important;
}
.sec7 .site_link a {
/*	-webkit-box-shadow: 0 3px 6px #616161;
	box-shadow: 0 0px 10px #E0E0E0;*/
	border-radius: 6px;
}
.sec7 .site_link a img {
	margin: 10px;
	width: calc(100% - 20px);
	height: auto;
	-webkit-box-shadow: 0 0px 10px #616161;
	box-shadow: 0 0px 10px #E0E0E0;
}
.sec7 .site_link a img:hover {
	transform: scale(1.3);
	transition: 0.5s;
	-webkit-box-shadow: 0 0px 3px #E0E0E0;
	box-shadow: 0 0px 3px #E0E0E0;
}
/*--------------------------- Gnav --------------------------- */

@media print, screen  and (min-width: 768px) {
/* 以下、共通部分 */

#menu-pc_rental2 {
	width: 100%;
	min-width: 1280px;
	height: 50px;
	margin: 0px auto 16px auto;
	display: table;
	table-layout: fixed;
    list-style: none;
	background-color: #32598A;
	position: relative;
	z-index: 9999;
}
.submenu {
}
#menu-pc_rental2 > li {
	display: table-cell;
	vertical-align: middle;
    text-align: center;
	border-right: 1px solid #FFFFFF;
}
#menu-pc_rental2 > li:last-child {
	border-right: 1px solid #32598A;
}

#menu-pc_rental2 > li >a {
	height: 40px;
    display: block;
    color: #FFFFFF;
	font-size:1.4rem; 
	line-height: 40px;
    text-decoration: none;
}

#menu-pc_rental2 .sub-menu > li {
	width: 100%;
	vertical-align: middle;
	text-align: left;
	background-color: #FAFAFA;
	border-bottom: 1px solid #CFD8DC;
	list-style: none;
}
#menu-pc_rental2 .sub-menu > li li {
}
#menu-pc_rental2 .sub-menu > li a {
	display: block;
	padding: 0.5rem;
	font-size: 1.4rem;
	line-height: 40px;
	color: #32598A;
	text-decoration: none;
}
#menu-pc_rental2 .sub-menu > li li a {
	background-color: aqua;
}
#menu-pc_rental2 .sub-menu > li a:hover {
	color: #FFFFFF;
	background-color: #4E80BF;
}

/* 以下、ドロップダウン */

#menu-gnav_2024 li.menu-item-has-children {
    position: relative;
}

#menu-gnav_2024 li.menu-item-has-children ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#menu-gnav_2024 li.menu-item-has-children ul ul{
    border: 4px solid #000000;
}

#menu-gnav_2024 li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
    top: 50px;
}

/* 下矢印 */
/*#menu-gnav_2024 li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

/* 以下、リンク色 */

#menu-gnav_2024 .menu li a {
    background: rgb(26, 30, 36);
}

#menu-gnav_2024 .menu li a:hover {
    background: rgb(242, 105, 100);
}

#menu-gnav_2024 .menu li ul li a {
    background: rgb(242, 105, 100);
}

#menu-gnav_2024 .menu li ul li a:hover {
    color: #999;
    background: #ffff00;
}

#menu-gnav_2024 .menu li:hover > a {
    background: rgb(242, 105, 100);
}
}

/* -------------------------------------------------------- */

@media screen and (max-width: 768px) {
.spheadmenu{
    width: 100%;
    background-color: #32598A;
	margin-bottom: 24px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #BFBFBF;
    /*-webkit-box-shadow: 2px 1px 1px #CACACA;*/
    /*box-shadow: 2px 1px 1px #CACACA;*/
/*	position: fixed;
    z-index: 10;*/
}
    
    .spmenu{
    float: left;
}
    
    #nav-drawer {
    position: relative;
    float: right; 
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 100%;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 25px;/*長さ*/
	border-radius: 3px;
	background: #FFFFFF;
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}
.nav_title {
	padding: 0rem 0rem 0rem 0rem;
	color: #FFFFFF;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > ul > li > a{
	width: 100%;
	padding: 0.5rem;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 2;
	background-color: #32598A;
}
#nav-content .sub-menu li a{
	width: 100%;
	padding: 0.5rem;
	display: block;
	color: #32598A;
	font-size: 1.6rem;
	line-height: 2;
	background-color: #FAFAFA;
	text-decoration: none;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
}

.header_fix {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
}
/*.contents_master_block {
	margin-top: 160px;
}*/
.contents_master_block {
	margin-top: 80px;
}
.contents_fv_block {
	margin-top: 80px;
}
#link06 {
	display: block;
	margin-top: -60px !important;
	padding-top: 60px !important;
}
#link01 {
	display: block;
	margin-top: -60px !important;
	padding-top: 60px !important;
}
#link0x {
	display: block;
	margin-top: -20px !important;
	padding-top: 20px !important;
}
#link03,#link04,#link05,#link08,#link09,#contact_form {
	display: block;
	margin-top: -60px !important;
	padding-top: 60px !important;
}
#link02 {
	display: block;
	margin-top: -60px !important;
	padding-top: 60px !important;
}
#link07 {
	display: block;
	margin-top: -12px !important;
	padding-top: 12px !important;
}
#link09 {
	display: block;
	margin-top: -240px !important;
	padding-top: 240px !important;
}
@media screen and (max-width: 768px) {
.contents_fv_block {
	margin-top: 160px;
}
#link01 {
	display: block;
	margin-top: -240px !important;
	padding-top: 240px !important;
}
#link07 {
	display: block;
	margin-top: -60px !important;
	padding-top: 60px !important;
}
#link0x {
	display: block;
	margin-top: -80px !important;
	padding-top: 80px !important;
}
#link02,#link09,#contact_form {
	display: block;
	margin-top: -90px !important;
	padding-top: 90px !important;
}
#link03,#link04,#link05,#link06,#link08 {
	display: block;
	margin-top: -110px !important;
	padding-top: 110px !important;
}

/*#link06 {
	display: block;
	margin-top: -80px !important;
	padding-top: 80px !important;
}
#link01,#link03,#link05,#link08,#link09,#contact_form {
	display: block;
	margin-top: -70px !important;
	padding-top: 70px !important;
}
#link04 {
	display: block;
	margin-top: -900px !important;
	padding-top: 900px !important;
}
#link02 {
	display: block;
	margin-top: -95px !important;
	padding-top: 95px !important;
}
#link07 {
	display: block;
	margin-top: -12px !important;
	padding-top: 12px !important;
}
#link09 {
	display: block;
	margin-top: -240px !important;
	padding-top: 240px !important;
}*/
}

/*　CASE */
.case summary {
	padding: 1.6rem 0rem 1.6rem 8rem;
	font-size: 2.8rem;
	text-align: left;
}
/*.case summary:hover {
	-webkit-box-shadow: 0 3px 6px #616161;
	box-shadow: 0 3px 10px #E0E0E0;
	cursor: pointer;
}*/
.case summary>span {
	padding-right: 1.2rem;
	display: inline-block;
	font-weight: bold;
	color: #C30082;
}
@media screen and (max-width: 768px) {
	.case summary {
	padding-left: 0rem;
	font-size: 1.8rem;
	}
}
.case img {
	margin: 16px 0px 0px 16px;
	-webkit-box-shadow: 0 3px 6px #E4E4E4;
	box-shadow: 0 3px 10px #E4E4E4;
	border-radius: 12px;
}

/*　ADD 25/10/08 フォーム */
.form-group {
	margin-bottom: 3.2rem;
}
.list_box {
	padding: 0rem 2.4rem 0rem 2.4rem;
}
.list_box textarea {
	border-radius: 8px;
	border: 1px solid ;
}
.pulldown_label {
	width: 200px;
	display: inline-block;
}
@media screen and (max-width: 768px) {
.pulldown_label {
	width: 100%;
	display: block;
}
}
.form-block .form_title {
    width: 100%;
	margin-bottom: 8px;
    color: #388E3C;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
.form-block .form_title {
    font-size: 1.6rem;
}
}
.form-block .required {
    font-size: 1.4rem;
}
.form-block .other {
}
/*　ADD 25/10/09 フロー */
.flow {
	width: 100%;
	padding: 1.6rem;
}
.flow_box {
	max-width: 900px;
	margin: 16px auto 16px auto;
	padding: 1.6rem;
	color: #D240A1;
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #C9EEFF;
	border-radius: 8px;
}
.flow_box .note {
	color: #0088C3;
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.flow_box {
	font-size: 2rem;
}
.flow_box .note {
	text-align: left;
}
}

.flow_box .goal {
	font-size: 3.2rem;
}
.flow_box .flow_05_img {
}
.flow_05_img img {
	margin: 0px 0px -250px 0px;
	top: -150px;
	right: -400px;
	position: relative;
	z-index: 60;
}
.flow_07_img img {
	margin: 0px 0px -250px 0px;
	top: -150px;
	right: 400px;
	position: relative;
	z-index: 60;
}

.contact-button {
	width: 768px;
	height: 170px;
	margin: 0px auto 10px auto;
	padding: 1.6rem 0rem 0rem 0rem;
    /*background-color: aqua;*/
}
.contact-button p {
	width: 100%;
    text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
}
.contact-button ul {
	display: flex;
	align-items: center;
	list-style: none;
}
.contact-button .sub {
	font-size: 1.6rem;
}
.contact-button ul {
	display: flex;
    margin: 0px;
    padding: 0px;
}
.contact-button li {
	width: 50%;
}
.contact-button a {
	width: calc(100% - 20px);
	height: 80px;
	margin: 0 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 2.4rem;
	font-weight: bold;
	border-radius: 60px;
}
.contact-button .form a {
    line-height: 80px;
    background-color: #8BC34A;
}
.contact-button .tel a {
	padding-top: 1rem;
	line-height: 1.3;
	background-color: #DA2769;
}
@media screen and (max-width: 768px) {
	.contact-button {
		width: 100%;
		height: auto;
		margin: 0px auto 10px auto;
		padding: 1.6rem 1rem 0rem 1rem;
		background-image: none;
	}
    .contact-button a {
	width: 100%;
    border-radius: 6px;
}
	.contact-button p {
	width: 100%;
	font-size: 1.6rem;
	}
	.contact-button ul {
		display: block;
	}
    .contact-button li {
		width: 100%;
        margin: 0 auto;
	}
	.contact-button a {
	width: 100%;
	margin: 10px 0px;
	}
}

/*　ADD 25/10/08 在庫 */
/* Section x */
.secx {
	margin-top: 0px;
	padding-bottom: 70px;
}
.secx h2 {
	/*color: #424242;*/
	padding: 2rem 0rem 2rem 0rem;
    color: #FFFFFF;
	background-color: #32598A;
    border-radius: 6px;
    border-top: 6px solid #E68A00; 
}
/*.secx h2 {
	color: #424242;
	padding: 2rem 0rem 2rem 0rem;
	border-top: 4px solid #0088C3;
	border-bottom: 4px solid #0088C3;
	background-color: #FFFFFF;
}*/
.section_block .stock {
    max-width: 980px;
    margin: 32px auto 32px auto;
}
.section_block .stock ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: 24px;
}
.section_block .stock li {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8;
    list-style: none;
}
.section_block .stock_doc {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8;
    list-style: none;
}
.section_block .stock_doc .big{
    margin-top: 16px;
    padding: 12px 40px;
    color: #FFFFFF;
    display: inline-block;
    background-color: #C30082;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1 !important;
    border-radius: 6px;
}
.section_block .stock_doc .big>span{
    font-size: 2.4rem;
    line-height: 1 !important;
}
@media screen and (max-width: 768px) {
    .section_block .stock ul {
        flex-wrap: wrap;
    }
    .section_block .stock li {
    width: 50%;
    padding: 8px;
    }
    .section_block .stock li img {
    width: 100%;
    }
    .section_block .stock_doc .big{
    font-size: 3.2rem;
}
}

.section_block .closing {
    margin: 32px auto;
    text-align: center;
    color: #0088C3;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
.section_block .closing {
    margin: 32px auto 0px auto;
    text-align: left;
    font-size: 1.8rem;
}
}
.section_block .point-list .pl-box {
    margin: 32px auto;
    padding: 16px;
    /*border: 1px solid #32598A;*/
    box-shadow: 0 0 10px #E9E9E9;
}
.section_block .point-list {
    margin-bottom: 64px;
}
.section_block .point-list p {
    margin: 16px auto;
    font-size: 1.8rem;
    line-height: 1.5;
}
.section_block .point-list li {
    margin-left: 60px;
    color: #0088C3;
    font-size: 3rem;
    font-weight: bold;
    line-height: 2.4;
}
.section_block .point-list .remark li {
    padding-left: 40px;
    list-style: none;
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../../wptandr/wp-content/themes/tandr/images/pcrental_tb/remark.png")
}
.section_block .point-list dt {
    color: #32598A;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2;
}
.section_block .point-list dd {
    font-size: 1.8rem;
    line-height: 1.5;
}
.section_block .point-list .uline {
    font-size: 2.4rem;
    line-height: 1.8;
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
.section_block .point-list ul {

}
.section_block .point-list li {
    margin-left: 4px;
    font-size: 1.6rem;
    line-height: 2;
}
.section_block .point-list .remark li {
    padding-left: 28px;
    background-size: 20px;
    background-position: left 5px;
}
.section_block .point-list dt {
    font-size: 1.6rem;
}
.section_block .point-list dd {
    font-size: 1.6rem;
}
.section_block .point-list .uline {
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: underline;
}
}

.point6 .flex_block_wrap {
    align-items: flex-start !important;
}
#link02 + .section_block .flex_block {
	justify-content: center;
}
.cta {
    width: 100%;
    max-width: 960px;
    margin: 48px auto;
    /*box-shadow: 0 0 10px #E9E9E9;*/
}
@media screen and (max-width: 768px) {
.cta {
    margin: 32px auto 16 auto;
}
}

/*　ADD 26/7/27　*/
.point3-box {
    width: calc(100% - 16px);
    margin: 16px 8px;
    padding: 12px 8px;
    border-radius: 6px;
    box-shadow: 0 0 10px #E9E9E9;
}
.point3-box h3 {
    margin-bottom: 12px;
    text-align: center;
    font-size: 2rem;
    color: #32598A;
}
.point3-box h3>span {
    text-align: center;
    font-size: 3.2rem;
    color: #487CBD;
}
.point3-box p {
    min-height: 80px;
    font-size: 1.4rem;
    line-height: 1.5;
}
.point3-box .list {
    background-color: #FCFCFC;
    padding: 8px;
    border-radius: 8px;
}
.point3-box .list .check {
    color: #C30082;
    line-height: 2;
    font-size: 1.4rem;
    font-weight: bold;
}
.point3-box .list ul {
    padding-left: 20px;
}
.point3-box .list li {
    color: #32598A;
    line-height: 2;
    font-size: 1.3rem;
    font-weight: bold;
}
.price-point {
    max-width: 960px;
    margin: 0 auto 32px auto;
    text-align: center;
}
.price-point ul {
    display: inline-block;
    text-align: left;
    list-style: none;
}
.price-point li {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.4;
}
.price-point li>span {
    display: inline-block;
    margin-right: 12px;
    color: #E68A00;
}
.price-point .attention {
    max-width: 960px;
    margin: 16px auto;
    padding: 12px;
    color: #C30082;
    font-size: 3.2rem;
    font-weight: bold;
    border: 3px solid #C30082;
}
.price-point .note {
    font-size: 1.4rem;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
.price-point li {
    margin-bottom: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}
.price-point .attention {
    font-size: 2rem;
}
.price-point .note p {
    margin-bottom: 16px;
    text-align: left;
}
}
.sec1 .comp {
    max-width: 960px;
    margin: 32px auto;
}
.sec1 .comp .comp-list{
    margin: 32px auto;
    display: flex;
    align-items:center;
}
.sec1 .comp .comp-list .img{
}
.sec1 .comp .comp-list .list{
}
.sec1 .comp .comp-list .list p{
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: bold;
}
.sec1 .comp .comp-list .list ul{
    list-style: none;
}
.sec1 .comp .comp-list .list ul li{
    margin-bottom: 16px;
    padding-left: 72px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8;
    background-image: url(../../wptandr/wp-content/themes/tandr/images/pcrental_tb/check.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.sec1 .comp .comp-list .list ul li>span{
    color: #C30082;
}
.sec1 .comp .comp-list .list ol {

    padding-left: 48px;
}
.sec1 .comp .comp-list .list ol li{
    color: #32598A;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 2.4;
}
@media screen and (max-width: 768px) {
.sec1 .comp .comp-list{
    display: block;
}
.sec1 .comp .comp-list .img{
    text-align: center;
}
.sec1 .comp .comp-list .img img{
    max-width: 240px;
}
.sec1 .comp .comp-list .list p{
    text-align: center;
    font-size: 1.6rem;
}
.sec1 .comp .comp-list .list ul li{
    padding-left: 48px;
    font-size: 1.6rem;
    background-position: left 5px;
    background-size: 40px auto;
}
.sec1 .comp .comp-list .list ol {

    padding-left: 24px;
}
.sec1 .comp .comp-list .list ol li{
    color: #32598A;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.4;
}
}