@charset "utf-8";
.productpage .pink_zone {
    padding: 0 10px;
}

.productpage .back_pink {
    background-color: #FFF;
}

.productpage .pink_zone_head {
    color: #000;
}

.productpage .content_menu a {
    color: #000;
    line-height: 1.6em;
}

.productpage .content_menu {
    border: 1px solid #000;
}
h1.product_h1 {
    margin-bottom: 30px;
}

h1.product_h1 img.grachelogo {
    max-width: 160px;
}
*{
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{
    font-family: Font Awesome\ 5 Free!important;
}
/* AR */
.service_mv.is_grache.is_ar {
    background-image: url(/old_assets/images/service/product/ar/mv.jpg);
    background-position: center 25%;
}
.ar_flex {
    display: flex;
    justify-content: space-between;
}

.ar_flex__img {
    flex: 1;
    max-width: calc(50% - 10px);
}
.ar_block {
    margin-bottom: 40px;
}

.ar_block p {
    margin-bottom: 15px;
}

.ar_block h5 {margin-bottom: 5px; font-weight: bold;}
.ar_block ul li:before {content: "・";}

.ar_block ul li {
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.6em;
}
.ar_block a{
    text-decoration: underline;
}
.ar_block .common_table th{
    text-align: left;
}
/* grache */
.service_mv.is_grache {
    background-image: url(/old_assets/images/service/product/grache/grachemv.jpg);
}
.gracheCont2 {
    background-image: url(/old_assets/images/service/product/grache/section_bg1.jpg);
    background-size: cover;
    background-position: center;
}
.gracheCont2-flex-item.is_txt {
    color: #FFF;
}

.gracheCont2-flex-item.is_txt h1 {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.6em;
}

.gracheCont2-flex-item.is_txt ul li {
    font-size: 18px;
    font-weight: 600;
    line-height: 2em;
}

.gracheCont2-flex-item.is_txt ul {
    margin-bottom: 40px;
}

.gracheCont2-flex.flex {
    display: flex;
}

.gracheCont2-flex.flex {
    display: flex;
    padding-bottom: 50px;
}

.gracheCont2-flex-item.is_img img {
}

.gracheCont2-flex-item.is_txt {
    flex: 1.3;
    padding-right: 20px;
}

.gracheCont2-flex-item.is_img {
    flex: 1;
}

.gracheCont2-flex-item.is_txt ul li:before {content: "・ ";}
.pro_flex3-item {
    display: flex;
    text-align: center;
    justify-content: space-between;
}
main .content:last-child{
    padding-bottom:unset;
}
main section{
    padding:50px 0!important;
}
main .content{
    padding:0!important;
}
.pro_flex3-item > div {
    flex: 1;
    max-width: calc((100% - 20px) / 3);
}

.pro_flex3-item p {
    text-align: left;
    font-size: 13px;
    line-height: 2em;
}
.pro_flex-img {
    width: 150px;
    height: 150px;
    margin: 0px auto 15px;
    background: #EEE;
    border-radius: 9999px;
    padding: 30px;
    box-sizing: border-box;
}

h1.pro_commonH1.sans {
    text-align: center;
    font-size: 32px;
    color: #222;
    margin-bottom: 25px;
    font-weight: 600;
}

p.procommonH1-p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 30px;
    font-weight: 600;
}

.pro_flex3-item h2 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
}

.pro_blue {
    color: #00AEEB;
}
.service_detail-list.is_product p {
    margin-bottom: 15px;
}
.bg_grablue {
    background-color: #EEFCFE;
}
.advantage_area{
	width:100%;
	height: 600px;
	background: url(/old_assets/images/service/product/grache/section_bg2.jpg) center center no-repeat;
	position:relative;
	/* margin-top:40px; */
	padding: 20px 20px 50px;
	box-sizing: border-box;
}
.advantage_area h5{
	font-size: 24px;
	color:#00A7F0;
	margin-bottom:5px;
	text-align: left;
    font-weight: bold;
}
.advantage_area .advantage_bx1{
	width: 360px;
	position:absolute;
	top:10%;
	left:12%;
	max-width: 40%;
}
.advantage_bx1 img{
	float:left;
	margin-right:20px;
}
.advantage_area .advantage_bx2{
	width: 350px;
	text-align:center;
	position:absolute;
	top:18%;
	right: 20px;
}
.advantage_bx2 h5{margin:15px 0 5px 0;}
.advantage_area .advantage_bx3{
	width: 410px;
	position:absolute;
	bottom:7%;
	right: 20px;
}
.advantage_bx3 img{
	float:left;
	margin-right:20px;
}
.advantage_bx3 h5 br{display:none;}
.advantage_area .advantage_bx4{
	width: 370px;
	text-align:center;
	position:absolute;
	bottom:15%;
	left: 4%;
}
.advantage_area p {
    line-height: 1.6em;
    font-size: 13px;
    text-align: left;
    font-weight: 600;
}

.advantage_area img {
    height: 80px;
    float: left;
    margin-bottom: 50px;
    margin-right: 20px;
    width: unset;
}
.advatage_bg {
    background: url(/old_assets/images/service/product/grache/advantage_pic.png)  center center no-repeat;
    height: 100%;
    background-size: 380px;
}
.advatage_bg > div {
    max-width: 45%;
}
table.gracheTable {
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 15px 0;
    font-size: 18px;
}

.gracheTable td {
    border-bottom: 1px solid #999999;
    padding: 15px 5px;
}

.gracheTable td.price {
    font-weight: 900;
}

.gracheTable td.price span {
    font-size: 24px;
    font-weight: bold;
}

.gracheTable td:nth-child(2),.gracheTable td:nth-child(3) {
    font-weight: 600;
}
table.gracheTable thead th:first-child {
    color: #00AEEB;
    background: #FFF;
    border: solid 2px #00AEEB;
    font-weight: bold;
}
table.gracheTable thead th:last-child {
    color: #FFF;
    background: #00AEEB;
    border: solid 2px #00AEEB;
}
table.gracheTable thead th:nth-child(2) {
    color: #FFF;
    background: #0072C6;
    border: solid 2px #0072C6;
}
table.gracheTable thead th{
    padding: 10px 5px;
}
section#cont_1330 .bg_grablue {
    padding-bottom: 50px;
}
.gracontactBtnWrap {
    text-align: center;
    margin-bottom: 40px;
}

a.gracontactBtn {
    display: inline-block;
    background: #000;
    color: #FFF!important;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 90px;
    width: auto;
}
section#cont_1330 {
    padding-top: 30px;
}
.productpage .content_menu.content_style a {
    color: #FFF;
}

.productpage .content_menu.content_style {
    background-color: #000;
}
p.field_headline_text {
    font-size: 18px;
    font-weight: 600;
}
.advantage_area .content-pad {
    height: 100%;
    position: relative;
    max-width: 1080px;
    padding-top: 0;
    margin: 0 auto;
    width: 100%;
}

.advantage_area .cont_inner-pad {
    height: 100%;
}
.priceCaution p {
    font-size: 13px;
    color: #111111;
}
.priceplus {
    text-align: center;
    font-size: 60px;
    padding: 0px 10px 20px;
}
span.strage {
    font-size: 24px;
}
h2.priceH2 {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 30px;
}

section#cont_1330 .content-pad {
    padding-top: 30px;
}
.pb-0 {
    padding-bottom: 0!important;
}
#cont_1331 h1.pro_commonH1.sans {
    margin-bottom: 0;
}
.productpage .content_menu.is_contactBtn {
    background-color: #686868;
    border: 1px solid #686868;
}

.productpage .content_menu.is_contactBtn a {
    color: #FFF;
}
ul.grapricecaution li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 13px;
    line-height: 2em;
}
/* ===================================================================================
 for imgScroll max-width: 1200px
 =================================================================================== */
@media screen and (max-width: 1200px) {
    
}

/* ===================================================================================
 for PC min-width: 741px
 =================================================================================== */
@media screen and (min-width: 741px) {
}
/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
@media screen and (max-width: 740px) {   
    .gracheCont2-flex.flex {
        display: block;
    }

    .pro_flex3-item {
        display: block;
    }

    .pro_flex3-item > div {
        max-width: 100%;
        margin-bottom: 50px;
    }
    .advantage_area{
		width:100%;
		height:540px;
		background-position:50% 40%;
		background-size: cover;
		position:relative;
		margin-top:5px;
		padding: 0;
	}
	.advantage_area img{
		width:auto;
		height:60px;
		float: none;
		margin-bottom: 0px;
		margin-right: 0;
	}
	.advantage_area h5{
		font-size:16px;
		line-height:1.3;
		font-weight:bold;
		color:#00A7F0;
		margin:10px 0 5px 0;
		text-align: center;
	}
	.advantage_area p{
		font-size:14px;
		text-align:left;
		font-size: 12px;
	}
	.advantage_area p br{display:none;}
	.advantage_area .advantage_bx1{
		width:45%;
		text-align:center;
		position:absolute;
		top:20px;
		left: 10px;
	}
	.advantage_area .advantage_bx2{
		width: calc(45% - 20px);
		text-align:center;
		position:absolute;
		top:20px;
		right: 10px;
	}
	.advantage_area .advantage_bx3{
		width: calc(50% - 20px);
		text-align:center;
		position:absolute;
		top: 340px;
		right: 10px;
	}
	.advantage_area .advantage_bx4{
		width: calc(50% - 20px);
		text-align:center;
		position:absolute;
		top: 342px;
		left: 10px;
	}
	table.gracheTable {
		font-size: 14px;
		border-spacing: 5px 0;
	}

	.gracheTable td.price span {
		font-size: 18px;
	}
	span.strage {
		font-size: 17px;
	}
	h2.priceH2 {
		font-size: 24px;
    }
    .ar_flex {
        display: block;
    }
    
    .ar_flex__img {
        max-width: none;
        margin-bottom: 20px;
    }
       
}
/* ===================================================================================
 for SP max-width: 480px
 =================================================================================== */
@media screen and (max-width: 480px) {    
/* index */
    
  
}