/*============================= Sub(Lower)Page setting ===============================*/ /* header ----------------------------------- */ .header.sub{top:0px;} .header.sub.active{top:0;} @media screen and (min-width:768px) { .header.sub{top:600px;} .header.sub.active{top:0;} } /* main_visual ----------------------------------- */ #sub_visual { padding-top: 110px;background: url(../images/new_sub_mv01.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual img{ margin: 0 auto; width:250px; display:none;} #sub_visual .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual02 { padding-top: 110px;background: url(../images/new_sub_mv02.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual02 img{ margin: 0 auto; width:250px; display:none;} #sub_visual02 .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual03 { padding-top: 110px;background: url(../images/new_sub_mv03.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual03 img{ margin: 0 auto; width:250px; display:none;} #sub_visual03 .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual04 { padding-top: 110px;background: url(../images/new_sub_mv04.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual04 img{ margin: 0 auto; width:250px; display:none;} #sub_visual04 .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual05 { padding-top: 110px;background: url(../images/new_sub_mv05.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual05 img{ margin: 0 auto; width:250px; display:none;} #sub_visual05 .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual06 { padding-top: 110px;background: url(../images/new_sub_mv06.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual06 img{ margin: 0 auto; width:250px; display:none;} #sub_visual06 .span { width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual07 { padding-top: 110px;background: url(../images/new_sub_mv07.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual07 img{ margin: 0 auto; width:250px; display:none;} #sub_visual07 .span { width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } #sub_visual08 { padding-top: 110px;background: url(../images/new_sub_mv08.png) no-repeat center top;height: 258px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;} #sub_visual08 img{ margin: 0 auto; width:250px; display:none;} #sub_visual08 .span { width: 688px;margin-bottom: 10px;display: block;font-size: 27px;padding: 0;text-align: left;margin-left: -61px; text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); font-family: "Zen Maru Gothic", serif; } @media screen and (min-width:414px) { #sub_visual { padding-top: 110px;background: url(../images/new_sub_mv01.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual img{ margin: 0 auto; width:250px; display:none;} #sub_visual .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual02 { padding-top: 110px;background: url(../images/new_sub_mv02.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual02 img{ margin: 0 auto; width:250px; display:none;} #sub_visual02 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual03 { padding-top: 110px;background: url(../images/new_sub_mv03.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual03 img{ margin: 0 auto; width:250px; display:none;} #sub_visual03 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual04 { padding-top: 110px;background: url(../images/new_sub_mv04.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual04 img{ margin: 0 auto; width:250px; display:none;} #sub_visual04 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual05 { padding-top: 110px;background: url(../images/new_sub_mv05.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual05 img{ margin: 0 auto; width:250px; display:none;} #sub_visual05 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual06 { padding-top: 110px;background: url(../images/new_sub_mv06.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual06 img{ margin: 0 auto; width:250px; display:none;} #sub_visual06 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual07 { padding-top: 110px;background: url(../images/new_sub_mv07.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual07 img{ margin: 0 auto; width:250px; display:none;} #sub_visual07 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} #sub_visual08 { padding-top: 110px;background: url(../images/new_sub_mv08.png) no-repeat center top;height: 307px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;} #sub_visual08 img{ margin: 0 auto; width:250px; display:none;} #sub_visual08 .span{width: 688px;margin-bottom: 10px;display: block;font-size: 25px;padding: 0;text-align: left;margin-left: -91px;} } @media screen and (min-width:768px) { #sub_visual {padding-top:110px;background:url(../images/newsub_mv01.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual img{ margin: 0 auto; width:250px; display:none;} #sub_visual .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual02 {padding-top:110px;background:url(../images/new_sub_mv02.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual02 img{ margin: 0 auto; width:250px; display:none;} #sub_visual02 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual03 {padding-top:110px;background:url(../images/new_sub_mv03.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual03 img{ margin: 0 auto; width:250px; display:none;} #sub_visual03 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual04 {padding-top:110px;background:url(../images/new_sub_mv04.png) no-repeat center center; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual04 img{ margin: 0 auto; width:250px; display:none;} #sub_visual04 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual05 {padding-top:110px;background:url(../images/new_sub_mv05.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual05 img{ margin: 0 auto; width:250px; display:none;} #sub_visual05 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual06 {padding-top:110px;background:url(../images/new_sub_mv06.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual06 img{ margin: 0 auto; width:250px; display:none;} #sub_visual06 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual07 {padding-top:110px;background:url(../images/new_sub_mv07.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual07 img{ margin: 0 auto; width:250px; display:none;} #sub_visual07 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} #sub_visual08 {padding-top:110px;background:url(../images/new_sub_mv08.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 74%; margin: 83px 0 0 auto;} #sub_visual08 img{ margin: 0 auto; width:250px; display:none;} #sub_visual08 .span{ width: 768px;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: left;margin-left: -127px;} } @media screen and (min-width:1024px) { #sub_visual {padding-top:110px;background:url(../images/newsub_mv01.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual02 {padding-top:110px;background:url(../images/new_sub_mv02.png) no-repeat center ; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual02 img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual02 .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual03 {padding-top:110px;background:url(../images/new_sub_mv03.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 97%;margin: 83px 0 0 auto;} #sub_visual03 img{ margin: 0 auto; width:250px; display:none;} #sub_visual03 .span {width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual04 {padding-top:110px;background:url(../images/new_sub_mv04.png) no-repeat center center; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual04 img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual04 .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual05 {padding-top:110px;background:url(../images/new_sub_mv05.png) no-repeat center ; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual05 img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual05 .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual06 {padding-top:110px;background:url(../images/new_sub_mv06.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual06 img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual06 .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual07 {padding-top:110px;background:url(../images/new_sub_mv07.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual07 img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual07 .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} #sub_visual08 {padding-top:110px;background:url(../images/new_sub_mv08.png) no-repeat center top; height:350px; position:relative;z-index:0; background-size:cover; width: 97%; margin: 83px 0 0 auto;} #sub_visual08 img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;} #sub_visual08 .span{width: 1535px;margin-bottom: 10px;display: block;font-size: 60px;padding: 0;text-align: left; margin-left: 50px;} } /* bread_crumb_list ----------------------------------- */ #sub_contents .bread_crumb_list{position:absolute;width:100%; top:-22px;line-height:100%;} #sub_contents .bread_crumb{text-align:left;padding:10px 0px 0px 0px;max-width:94%;margin:0 auto;} #sub_contents .bread_crumb div { display:inline;color:#fff;} #sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-size:13px;} #sub_contents .bread_crumb div:last-child:after { content : '';} #sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:12px;} #sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;} @media screen and (min-width:768px) { #sub_contents .bread_crumb_list{position:absolute;width:100%; top:-4px;line-height:100%;} #sub_contents .bread_crumb{text-align:left;padding:10px 0px 0px 0px;max-width:70%;margin:0 auto;} #sub_contents .bread_crumb div { display:inline;color:#fff;} #sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-size:13px;} #sub_contents .bread_crumb div:last-child:after { content : '';} #sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:12px;} #sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;} } /* sub_contents ----------------------------------- */ #sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; } #sub_contents .bold p{font-weight:bold; } #sub_contents p span{font-size: 16px; } #sub_contents section{max-width: 95%; margin: 50px auto 50px;position: relative;padding: 5px;} #sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;} #sub_contents h2{ text-align: center;font-size:26px; margin-bottom:15px; position: relative; line-height: 100%; padding-top:15px;margin-top: 110px; font-weight: bold; } #sub_contents .h2 .span{font-family: "Lato", serif;font-size:17px; display: block;margin-top:5px;text-align: center;color: #a90409; } #sub_contents .h2 font{font-family: "Zen Maru Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'MS Ｐゴシック', 'MS PGothic', sans-serif;} #sub_contents h2:before { z-index: -20; content: '';position: absolute;top: -83px;display: inline-block;width: 130px;height: 130px;background-image: url(../images/sub_h2.png); right: 0;left: 0;margin: 0 auto;} #sub_contents h3{ text-align: center;font-size:21px; margin-bottom:15px; position: relative; font-weight: bold; margin-top: 40px;} #sub_contents .txt_cen{ text-align: center; font-size:187x; line-height: 150%;font-weight: bold;} #sub_contents .t-cen{ text-align: center; } #sub_contents .mb10{margin-bottom: 10px;} #sub_contents .mb20{margin-bottom: 15px;} #sub_contents .mb30{margin-bottom: 20px;} #sub_contents .mb50{margin-bottom: 30px;} #sub_contents .mb100{margin-bottom: 50px;} #sub_contents .mb150{margin-bottom: 80px;} #sub_contents .mt50{margin-top: 50px;} #sub_contents .mt100{margin-top: 100px;} #sub_contents .cen{text-align:center;font-weight:bold;} #sub_contents .cen p{font-weight:bold;font-size:20px;} #sub_contents .margin_center{margin:0 auto; text-align: left;display: block;width: 100%;} #sub_contents .margin_center_second{margin:0 auto; text-align: left;display: block;width: 100%;} #sub_contents .text-center{text-align: left !important; display: inline-block; } #sub_contents .sub_bg{background:#fff2ec;width: 100%; padding: 10px 0px;z-index: 0; z-index: 0;position: relative;} @media screen and (min-width:768px) { #sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold; margin-top: 40px;} #sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; } #sub_contents .section{max-width: 1280px; margin: 80px auto 80px;position: relative; padding: 10px;} #sub_contents h2{ text-align: center;font-size:42px; position: relative; line-height: 100%; padding-top:15px;margin-top: 120px; font-weight: bold; } #sub_contents .h2 .span{ font-size:26px; display: block;margin-top:5px;color: #a90409; text-align: center;} #sub_contents h2:before {content: '';position: absolute;top: -38px;display: inline-block;width: 130px;height: 130px;background-image: url(../images/sub_h2.png); right: 0;left: 0;margin: 0 auto;} #sub_contents .txt_cen{ text-align: center; font-size:28px; line-height: 200%;font-weight: bold;} #sub_contents .mb20{margin-bottom: 20px;} #sub_contents .mb30{margin-bottom: 30px;} #sub_contents .mb50{margin-bottom: 50px;} #sub_contents .mb100{margin-bottom: 100px;} #sub_contents .mb150{margin-bottom: 150px;} #sub_contents .mt80{margin-top: 80px;} #sub_contents .mt30{margin-top: 30px;} #sub_contents .gap-20{gap: 30px;} #sub_contents .margin_center{width: 74%;padding: 30px 0px} #sub_contents .margin_center_second{margin:0 auto; text-align: left;display: block;width: 84%;} #sub_contents .text-center{text-align: left !important;} } /* btn ----------------------------------- */ #sub_contents .btn_list .li{width: 80%; margin: 0 10px; font-size: 15px;} #sub_contents .btn_list .li a{ border-radius: 10px; position: relative; font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: #a90409;font-size: 16px;} #sub_contents .btn_list .li span{ font-size: 16px;} #sub_contents .btn_list .li a:hover{opacity: 0.8;} #sub_contents .btn_list .li.current a{color: #ffffff;background: #a90409; } #sub_contents .btn_list02 .li{width: 80%; margin: 0 10px; font-size: 15px;} #sub_contents .btn_list02 .li a{ border-radius: 10px; position: relative; font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: #a90409;font-size: 16px;} #sub_contents .btn_list02 .li span{ font-size: 16px;} #sub_contents .btn_list02 .li a:hover{opacity: 0.8;} #sub_contents .btn_list02 .li.current a{color: #ffffff;background: #a90409; } @media screen and (min-width:768px) { #sub_contents .btn_list .li{width: 22%; margin: 0 10px; font-size: 15px;} #sub_contents .btn_list .li a{ background-color:#a90409;display: block;padding: 6px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;} #sub_contents .btn_list .li span{ font-size: 16px;} #sub_contents .btn_list .li.current a{color: #ffffff;background: #a90409; } #sub_contents .btn_list02 .li{width: 27%; margin: 0 10px; font-size: 15px;} #sub_contents .btn_list02 .li a{ background-color:#a90409;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;} #sub_contents .btn_list02 .li span{ font-size: 16px;} #sub_contents .btn_list02 .li.current a{color: #ffffff;background: #a90409; } } /* tab ----------------------------------- */ #sub_contents .tab_area { display: block; justify-content: center; gap: 30px; } #sub_contents .tab { border-radius: 20px; margin-bottom: 20px; padding: 0px 0; font-size: 18px; text-align: center; cursor: pointer; transition: all ease 0.3s; border: solid 1px #a90409; } #sub_contents .tab p { font-size: 16px; display: inline; } #sub_contents .tab.is-active { background: #a90409; color: #fff;} #sub_contents .panel { display: none; } #sub_contents .panel.is-active { display: block; background-size: cover; padding: 30px 0 0; } @media screen and (min-width: 768px) { #sub_contents .tab_area { display: flex; flex-wrap: wrap; margin-bottom: 0; } #sub_contents .panel.is-active { padding: 80px 30px 0; } #sub_contents .tab { margin-bottom: 0; padding: 7px 15px;width: 379px;} #sub_contents .tab p { font-size: 18px; } } /*illustration ----------------------------------- */ #sub_contents .illustration13 {position: relative;} #sub_contents .illustration13::after {content: "";position: absolute; top: -121px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust13_sp.png) no-repeat center;} #sub_contents .illustration14 {position: relative;} #sub_contents .illustration14::after {content: "";position: absolute; top: -121px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust14_sp.png) no-repeat center; } #sub_contents .illustration15 {position: relative;} #sub_contents .illustration15::after {content: "";position: absolute; top: -121px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust15_sp.png) no-repeat center; } #sub_contents .illustration16 {position: relative;} #sub_contents .illustration16::after {content: "";position: absolute; top: -121px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust16_sp.png) no-repeat center; } #sub_contents .illustration17 {position: relative; margin-top: 74px;} #sub_contents .illustration17::after {content: "";position: absolute; top: -121px;left: 232px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust16_sp.png) no-repeat center; } #sub_contents .illustration18 {position: relative;} #sub_contents .illustration18::after {content: "";position: absolute; top: -121px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust18_sp.png) no-repeat center; } #sub_contents .illustration19 {position: relative;} #sub_contents .illustration19::after {content: "";position: absolute; top: -121px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust19_sp.png) no-repeat center; } @media screen and (min-width:768px) { #sub_contents .illustration13::after {content: "";position: absolute; top: -40px;;left: 954px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust13_pc.png) no-repeat center; z-index: -1; } #sub_contents .illustration14::after {content: "";position: absolute; top: -60px; left: 104px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust14.png) no-repeat center; z-index: -1; } #sub_contents .illustration15::after {content: "";position: absolute; top: -40px;;left: 852px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust15.png) no-repeat center; z-index: -1; } #sub_contents .illustration16::after {content: "";position: absolute; top: -115px; left: 104px;width: 180px;height: 180px;display: inline-block;background: url(../images/illust16.png) no-repeat center; z-index: -1; } #sub_contents .illustration17::after {content: "";position: absolute; top: -60px; left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust16.png) no-repeat center;z-index: -1; } #sub_contents .illustration18::after {content: "";position: absolute; top: -60px; left: 104px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust18.png) no-repeat center; z-index: -1; } #sub_contents .illustration19::after {content: "";position: absolute; top: -40px;;left: 104px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust19.png) no-repeat center; z-index: -1; } } /*concept ----------------------------------- */ #sub_contents .phi_02{margin-bottom: 0px;} #sub_contents .phi_02 .copy { font-size: 17px; padding: 23px 20px 0; margin: 30px auto 0; text-align: left;width: 100%;height: 732px;box-sizing: border-box;background-image: url(../images/concept02.png) ;background-repeat: no-repeat;background-position: top;} #sub_contents .phi_02 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;} #sub_contents .phi_02 .copy .text-2 p{font-size: 16px; padding-top: 33px; font-weight: bold;font-weight: bold; } #sub_contents .phi_02 .copy span {display: block;} #sub_contents .illustration05::after {content: "";position: absolute; top: -101px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust05.png) no-repeat center; } #sub_contents .illustration05 {position: relative;margin-top: 107px;text-align: left;background-color: #ffffff;padding: 30px;border-radius: 10px;} @media screen and (min-width:768px) { #sub_contents .t-cen {text-align: center;} #sub_contents .phi_02{margin-bottom: 80px;} #sub_contents .phi_02 .copy {padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;height: 799px;box-sizing: border-box;background-image: url(../images/concept01.png) ;background-repeat: no-repeat;background-position: top;} #sub_contents .phi_02 .copy .text-1 p{font-size: 18px; padding-top: 30px; } #sub_contents .phi_02 .copy .text-2 p{ padding-top: 135px; font-size: 20px; font-weight: bold; line-height: 2.5;} #sub_contents .illustration05::after {content: "";position: absolute; top: -185px;;left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust05_pc.png) no-repeat center; } #sub_contents .illustration05 {position: relative;margin-top: 107px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} } #sub_contents .worry_flex {position: relative;gap: 20px;} #sub_contents .worry_flex::before {width: 243px;height: 71px;content: "";position: absolute;bottom: -65px;right: 0;left: 0;margin: 0 auto;background: url(../images/scene_arrow.png) no-repeat center bottom;} #sub_contents .worry_flex .flex_item {border: 1px solid #a90409;text-align: center;padding: 50px 30px;border-radius: 10px; width: 100%;} #sub_contents .worry_flex .flex_item img {max-width: 250px;width: 100%;height: auto;text-align: center;} #sub_contents .worry_ttl {text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 35px;} #sub_contents .check_list {margin-top: 35px;} @media screen and (min-width:768px) { #sub_contents .worry_flex .flex_item {border: 1px solid #a90409;text-align: center;padding: 50px 8px;border-radius: 10px; width: 45%;} } @media screen and (min-width:1024px) { #sub_contents .menu__item { width: 59%;max-width: 90%;margin: 0 auto;} #sub_contents .menu__item_second { width: 59%;max-width: 90%;margin: 0 auto;} #sub_contents .menu__item_third { width: 59%;max-width: 90%;margin: 0 auto;} } /*recruit ----------------------------------- */ #sub_contents .title-04 p{font-size: 17px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #a90409;font-weight: bold; padding-top: 20px;} #sub_contents .textBox .textBox__img {width: 100%;} #sub_contents .textBox .textBox__img img{border-radius: 10px;} #sub_contents .textBox {gap: 30px;} #sub_contents .textBox .text_box{background-color: #fff; padding: 15px;} #sub_contents .textBox .textarea {width: 100%;text-align: justify;padding-right:0px;} #sub_contents .t-cen {text-align: left;} #sub_contents .textBox .textBox__img {width: 100%;} #sub_contents .textBox {gap: 30px;} #sub_contents .textBox .text_box{background-color: #fff; padding: 30px 15px;} #sub_contents .textBox .textarea {width: 100%;text-align: justify;} #sub_contents .ideal_area{background:#fff;padding:30px;} #sub_contents .ideal_txt{position: relative;padding-left:30px;} #sub_contents .ideal_txt::before{position: absolute;content:"";background: url(../images/check.png) no-repeat center center / cover ;width:18px;height:18px;top: 12%;left: 0%;} @media screen and (min-width:768px) { #sub_contents .ideal_txt::before{ position: absolute; content:""; background: url(../images/check.png) no-repeat center center / cover ; width:18px; height:18px; top: 15%; left: 0%;} #sub_contents .title-04 p{font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #a90409;font-weight: bold; padding-top: 20px;} #sub_contents .textBox .textBox__img {width: 44%;} #sub_contents .textBox .textarea {width: 47%;text-align: justify;} #sub_contents .t-cen {text-align: center;} } @media screen and (min-width:1024px) { #sub_contents .title-04 p{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #a90409;font-weight: bold; padding-top: 20px;} #sub_contents .ideal_area{width: fit-content;margin: 0 auto;padding:30px 50px;} } /*dog ----------------------------------- */ #sub_contents .illustration11 {position: relative;} #sub_contents .illustration11::after {content: "";position: absolute; position: absolute; top: 110px;left: -1px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust11_sp.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} #sub_contents .illustration10 {position: relative;} #sub_contents .illustration10::after {content: "";position: absolute; position: absolute; top: 110px;left: -1px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust10_sp.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} #sub_contents .illustration09 {position: relative;} #sub_contents .illustration09::after {content: "";position: absolute; position: absolute; top: 110px;left: -1px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust09_sp.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} #sub_contents .have_box {width: 100%;margin: 0 auto 30px;position: relative;} #sub_contents .have_box::after {content: "";position: absolute; top: -51px;left: -13px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust08.png) no-repeat center; transform: rotate(-8deg);z-index: 1;} #sub_contents .have_box img{border-radius: 10px;} #sub_contents .have_box02 {width: 100%;margin: 0 auto 30px;position: relative;} /* #sub_contents .have_box::after {content: "";position: absolute; top: -51px;left: -13px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust08.png) no-repeat center; transform: rotate(-8deg);z-index: 1;} */ #sub_contents .have_box02 img{border-radius: 10px;} #sub_contents .check_txt:first-child {margin-top: 0;} #sub_contents .check_txt {font-size: 17px;line-height: 1.4em;background: url(../images/check01.png) no-repeat left 0px;padding-left: 25px;margin-top: 5px;text-align: left;} #sub_contents .illustration07 {position: relative;} #sub_contents .illustration07::after {content: "";position: absolute; top: -94px;left: 746px;width: 180px;height: 180px;display: inline-block;background: url(../images/illust07.png) no-repeat center; transform: rotate(-8deg);z-index: 1;} #sub_contents .illustration06 {position: relative;} #sub_contents .illustration06::after {content: "";position: absolute; top: -94px;left: -35px;width: 180px;height: 180px;display: inline-block;background: url(../images/new_illust01.png) no-repeat center; transform: rotate(-8deg);z-index: -9;} #sub_contents .dog_ttl{color: #a90409;margin-bottom: 10px;} #sub_contents .dog_ttl p{font-size: 20px;font-weight: bold;} #sub_contents .tri_item img{border-radius: 10px;} #sub_contents .Txt_item{width: 100%;} #sub_contents .Img_item{ width: 100%;} #sub_contents .Img_item img{ border-radius: 10px;} #sub_contents .img_box{ gap: 30px;} #sub_contents .worry_btn{background-color: #a90409;padding: 15px 10px;width: 100%;margin: 20px auto 0;color: #fff !important;border-radius:10px; text-align: center; font-size: 17px;} #sub_contents .worry_btn a{color: #fff !important;} #sub_contents .worry_btn02{border: 1px solid #a90409; padding:10px;width: 100%;margin: 20px auto 0;border-radius:10px; text-align: center; font-size: 17px;} #sub_contents .pri_txt02{ background-color: #fff;padding: 10px; width: 100%;margin: 0 auto;border-radius: 10px;} #sub_contents .trim_txt { background-color: #fff;padding: 10px; width: 34%; text-align: center;margin-bottom: 10px;letter-spacing: 30px;border-radius: 10px;margin-top: 10px;} #sub_contents .trim_txt p{ font-weight: bold;letter-spacing: 7px;font-size: 18px;} #sub_contents .trim_txt02 { background-color: #fff;padding: 10px; width: 100%; text-align: center;margin-bottom: 10px;letter-spacing: 30px;border-radius: 10px;margin-top: 10px;} #sub_contents .trim_txt02 p{ font-weight: bold;letter-spacing: 5px;font-size: 17px;} @media screen and (min-width:414px) { #sub_contents .trim_txt02 {padding: 17px;} #sub_contents .check_txt {font-size: 16px;line-height: 1.4em;background: url(../images/check01.png) no-repeat left 0px;padding-left: 25px;margin-top: 5px;text-align: left;} } @media screen and (min-width:768px) { #sub_contents .worry_btn{background-color: #a90409;padding: 15px 10px;width: 280px;margin: 20px auto 0;color: #fff !important;border-radius:10px; text-align: center; font-size: 17px;} #sub_contents .worry_btn02{border: 1px solid #a90409; padding:10px;width: 445px;margin: 20px auto 0;border-radius:10px; text-align: center; font-size: 17px;} #sub_contents .illustration11::after {content: "";position: absolute; position: absolute; top: 70px;left: -1px;width: 180px;height: 180px;display: inline-block;background: url(../images/illust11.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} #sub_contents .illustration10::after {content: "";position: absolute; position: absolute; top: 70px;left: -1px;width: 180px;height: 180px;display: inline-block;background: url(../images/illust10.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} #sub_contents .trim_txt { background-color: #fff;padding: 10px; width: 30%; text-align: center;margin-bottom: 10px;letter-spacing: 30px;border-radius: 10px;} #sub_contents .trim_txt02 {padding: 0px; background-color: #fff; padding: 10px 5px; width: 103%; text-align: center;margin-bottom: 10px;letter-spacing: 30px;border-radius: 10px;} #sub_contents .have_box02 {width: 45%;margin: 0 auto 30px;position: relative;} #sub_contents .have_box::after {content: "";position: absolute; top: -59px;left: -70px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust08.png) no-repeat center; transform: rotate(-8deg);z-index: -1;} #sub_contents .have_box {width: 45%;margin: 0 auto 30px;} #sub_contents .illustration06::after {content: "";position: absolute; top: -94px;left: 2px;width: 180px;height: 180px;display: inline-block;background: url(../images/new_illust01.png) no-repeat center; transform: rotate(-8deg);z-index: -1;} #sub_contents .Txt_item{width: 40%;} #sub_contents .Img_item{ width: 35%;} #sub_contents .pri_txt02{ background-color: #fff;padding: 30px; width: 696px;margin: 0 auto;border-radius: 10px;margin:0 auto;} #sub_contents .illustration09::after {content: "";position: absolute; position: absolute; top: 70px;left: -1px;width: 180px;height: 180px;display: inline-block;background: url(../images/illust09.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} } @media screen and (min-width:1024px) { #sub_contents .pri_txt02{ background-color: #fff;padding: 30px; width: 850px;margin: 0 auto;border-radius: 10px;margin:0 auto;} } /*trimming ----------------------------------- */ #sub_contents .trim_img {width: 100%;margin: 20px auto;} #sub_contents .trim_img02 {width: 100%;margin: 20px auto;} #sub_contents .border-b-only { border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; } #sub_contents .conpTit01 { max-width: 250px; border-radius: 8px 8px 0 0; } #sub_contents .tit03 p { font-size: 14px; font-weight: bold; letter-spacing: 0.05em; line-height: 1.458em; } #sub_contents .titDeco03 { background: #a90409; color: #fff; padding: 10px 10px 10px; display: flex; align-items: center; border-radius: 10px 10px 0px 0px; } #sub_contents .conpTit02 { background-color: #FFFFFF; padding: 15px 3% 15px 3%; border-radius: 10px; width: 100%; } #sub_contents .conpTit02 {background-color: #FFFFFF;padding: 15px 6% 15px 3%;border-radius: 10px;width: 100%;} #sub_contents .conpTit02 { background-color: #FFFFFF; padding: 15px 5% 15px 3%; border-radius: 10px; width: 100%;} #sub_contents .tit02 { font-size: 16px; font-weight: 900; letter-spacing: 0.05em; line-height: 1.458em; } #sub_contents .titDeco03:before { content: ""; max-width: 30px; width: 100%; height: 30px; background: url(/system_panel/uploads/images/trimming01.png) no-repeat center; background-size: contain; margin-right: 8px; } #sub_contents .tri_ttl{width: 100%;border: 2px solid #a90409;border-radius: 20px;padding: 15px;margin-bottom: 10px; text-align: center; margin: 0 auto 10px;} #sub_contents .tri_ttl p{font-size: 19px; font-weight: bold;} #sub_contents .tri_item{width: 100%;} #sub_contents .tri_box{gap: 40px;} #sub_contents .illustration03::after {content: "";position: absolute; top: -94px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust03_sp.png) no-repeat center; } #sub_contents .illustration03 {position: relative;margin-top: 76px;text-align:left;background-color: #ffffff;padding:30px 5px;border-radius: 10px;} #sub_contents .illustration04::after {content: "";position: absolute; top: -94px;left: 0px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust04_sp.png) no-repeat center; } #sub_contents .illustration04 {position: relative;margin-top: 76px;text-align:left;background-color: #ffffff;padding: 4px;border-radius: 10px;} #sub_contents .illustration04 strong{font-size: 40px;font-weight: bold;color: #a90409;} @media screen and (min-width:414px) { #sub_contents .illustration04 {position: relative;margin-top: 76px;text-align:left;background-color: #ffffff;padding: 20px;border-radius: 10px;} #sub_contents .conpTit02 { background-color: #FFFFFF; padding: 15px 11% 15px 3%; border-radius: 10px; width: 100%;} } @media screen and (min-width:768px) { #sub_contents .trim_img {width: 49%;margin: 20px auto;} #sub_contents .trim_img02 {width: 100%;margin: 20px auto;} #sub_contents .tri_ttl{width: 360px;border: 2px solid #a90409;border-radius: 20px;padding: 15px;margin-bottom: 10px; text-align: center; margin: 0 auto 10px;} #sub_contents .conpTit01 { max-width: 312px; border-radius: 8px 8px 0 0; } #sub_contents .conpTit02 { background-color: #FFFFFF; padding: 15px 3% 15px 3%; border-radius: 10px;width: 97%;margin-bottom: 20px; } #sub_contents .tri_item{width: 45%;} #sub_contents .tri_box{gap: 40px;} #sub_contents .tit03 p{font-size: 20px;} #sub_contents .tri_box{gap: 40px;} #sub_contents .tit02 p{font-size: 22px;font-weight: bold;} #sub_contents .illustration03::after {content: "";position: absolute; top: -173px;left: 26px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust03_pc.png) no-repeat center; } #sub_contents .illustration03 {position: relative;margin-top: 46px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} #sub_contents .illustration04::after {content: "";position: absolute; top: -146px;left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust04_pc.png) no-repeat center; } #sub_contents .illustration04 {position: relative;margin-top: 46px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} } @media screen and (min-width:1024px) { #sub_contents .trim_txt { background-color: #fff;padding: 10px; width: 20%; text-align: center;margin-bottom: 10px;letter-spacing: 30px;border-radius: 10px;} #sub_contents .trim_img {width: 49%;margin: 20px auto;} #sub_contents .trim_img02 {width: 100%;margin: 20px auto;} #sub_contents .tri_ttl{width: 468px;border: 2px solid #a90409;border-radius: 20px;padding: 15px;margin-bottom: 10px; text-align: center; margin: 0 auto 10px;} #sub_contents .conpTit01 { max-width: 312px; border-radius: 8px 8px 0 0; } #sub_contents .conpTit02 { background-color: #FFFFFF; padding: 15px 3% 15px 3%; border-radius: 10px;width: 97%;margin-bottom: 20px; } #sub_contents .tri_item{width: 45%;} #sub_contents .tri_box{gap: 40px;} #sub_contents .tit03 p{font-size: 20px;} #sub_contents .tri_box{gap: 40px;} #sub_contents .tit02 p{font-size: 22px;font-weight: bold;} #sub_contents .illustration03::after {content: "";position: absolute; top: -173px;left: 26px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust03_pc.png) no-repeat center; } #sub_contents .illustration03 {position: relative;margin-top: 46px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} #sub_contents .illustration04::after {content: "";position: absolute; top: -173px;left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust04_pc.png) no-repeat center; } #sub_contents .illustration04 {position: relative;margin-top: 46px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} } @media screen and (min-width:1280px) { #sub_contents .trim_img {width: 49%;margin: 20px auto;} #sub_contents .trim_img02 {width: 100%;margin: 20px auto;} #sub_contents .tri_ttl{width: 570px;border: 2px solid #a90409;border-radius: 20px;padding: 15px;margin-bottom: 10px; text-align: center; margin: 0 auto 10px;} #sub_contents .conpTit01 { max-width: 312px; border-radius: 8px 8px 0 0; } #sub_contents .conpTit02 { background-color: #FFFFFF; padding: 15px 3% 15px 3%; border-radius: 10px;width: 97%;margin-bottom: 20px; } #sub_contents .tri_item{width: 45%;} #sub_contents .tri_box{gap: 40px;} #sub_contents .tit03 p{font-size: 20px;} #sub_contents .tri_box{gap: 40px;} #sub_contents .tit02 p{font-size: 22px;font-weight: bold;} #sub_contents .illustration03::after {content: "";position: absolute; top: -173px;left: 26px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust03_pc.png) no-repeat center; } #sub_contents .illustration03 {position: relative;margin-top: 46px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} #sub_contents .illustration04::after {content: "";position: absolute; top: -173px;left: 884px;width: 200px;height: 200px;display: inline-block;background: url(../images/illust04_pc.png) no-repeat center; } #sub_contents .illustration04 {position: relative;margin-top: 46px;text-align:center;background-color: #ffffff;padding: 30px;border-radius: 10px;} } /*shop ----------------------------------- */ #sub_contents .con_bold p{font-size: 19px; font-weight: bold;} #sub_contents .about_box{gap: 20px;display: block;} #sub_contents .about_img{width: 100%;margin-bottom: 20px;border-radius: 10px;} #sub_contents .about_img img{border-radius: 10px;} #sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;} #sub_contents .table01 .tr{ display: block; justify-content: flex-start;} #sub_contents .table01 .th{width: 61%;padding: 20px;border-bottom:1px solid #a90409;line-height: 1.6;} #sub_contents .table01 .td{width: 100%;padding: 10px;line-height: 1.6;border-bottom:1px solid #fff;} #sub_contents .illustration02::after {content: "";position: absolute; top: -188px;left: 0px;width: 230px;height: 230px;display: inline-block;background: url(../images/illust02_pc.png) no-repeat center; } #sub_contents .illustration02 {position: relative;margin-top: 199px;text-align:left;background-color: #ffffff;padding: 30px 5px; border-radius: 10px;} #sub_contents .sub-fp__title img {width: 100%;} #sub_contents .imgbox__wrap {gap: 30px;} #sub_contents .imgbox img {width: 100%;border-radius: 20px 20px 0 0;} #sub_contents .imgbox__textarea {background: #fff;padding: 0px 10px 0px;position: relative;} #sub_contents .imgbox__title {display: inline-block;font-size: 15px;background: #fff; padding: 5px 15px; position: absolute; top: -34px; left: 0; border-radius: 0 20px 0 0;} #sub_contents .imgbox__title_second {display: inline-block;font-size: 18px;font-weight: bold;background: #eee6d4;padding: 12px 15px;position: absolute;top: -67px;left: 0;} #sub_contents .imgbox__title_third {display: inline-block;font-size: 16px;font-weight: bold;background: #eee6d4;padding: 12px 15px;position: absolute;top: -97px;left: 0;} #sub_contents .imgbox__text {font-size: 15px; width: 161px;} @media screen and (min-width:768px) { #sub_contents .about_box{gap: 20px;display: flex;} #sub_contents .about_img{width: 32%;margin-bottom: 0px;} #sub_contents .illustration02::after {content: "";position: absolute; top: -173px;left: 0px;width: 230px;height: 230px;display: inline-block;background: url(../images/illust02_pc.png) no-repeat center; } #sub_contents .illustration02 {position: relative;margin-top: 50px;text-align:center;background-color: #ffffff; padding: 30px 6px;border-radius: 10px; font-size: 15px;} #sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;} #sub_contents .table01 .tr{ display: flex; justify-content: flex-start;} #sub_contents .table01 .th{width: 33%;padding: 20px;border-bottom:1px solid #a90409;line-height: 1.6;} #sub_contents .table01 .td{width: 90%;padding: 20px;line-height: 1.6;border-bottom:1px solid #fff;} } @media screen and (min-width:1024px) { #sub_contents .illustration02 {position: relative;margin-top: 50px;text-align:center;background-color: #ffffff; padding: 30px 6px;border-radius: 10px; font-size: 16px;} } /*price ----------------------------------- */ #sub_contents .table03 {max-width: 100%; width: 100%; overflow-x: auto; display: block;} #sub_contents .table03 .table {width: 100%; min-width: 600px; border-collapse: collapse; white-space: nowrap;} #sub_contents .table03 .th, #sub_contents .table03 .td {padding: 1rem; text-align: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff;} #sub_contents .table03 .th:last-child, #sub_contents .table03 .td:last-child {border-right: none;} #sub_contents .table03 .thead .th {color: #fff; text-align: left; padding: 4px; font-size: 23px; font-weight: bold;background-color: #a90409; } #sub_contents .table03 .tbody .tr {background-color: #eff8ff; border-bottom: 1px solid #ddd; display: table-row;} #sub_contents .table03 .tbody .tr:last-child {border: none;} #sub_contents .table03 .tbody .th {color: #fff; padding: 3px; text-align: left;background-color: #a90409; font-size: 14px;} #sub_contents .table03 .tbody .td {font-size: 14px; position: relative; padding: 1px; text-align: center;} #sub_contents .table03 .tbody .td::before {content: attr(data-label); font-weight: bold; display: block; margin-bottom: 0.5rem; color: #333;} #sub_contents .table03 .tbody .td:last-child {border-bottom: none;} #sub_contents .table04 {max-width: 550px!important} #sub_contents .table {border-collapse: collapse;border-spacing: 0;} #sub_contents .thead { display: table-header-group; vertical-align: middle; unicode-bidi: isolate; border-color: inherit;} #sub_contents .tbody {display: table-row-group;vertical-align: middle;unicode-bidi: isolate;border-color: inherit;} #sub_contents .table {border-collapse: separate;text-indent: initial;border-spacing: 2px;} #sub_contents .table03 .th {display: table-cell;vertical-align: inherit;font-weight: bold;text-align: -internal-center;unicode-bidi: isolate;} #sub_contents .tr {display: table-row;vertical-align: inherit;unicode-bidi: isolate;border-color: inherit;} #sub_contents .td {display: table-cell;vertical-align: inherit;unicode-bidi: isolate;} #sub_contents .fs15{width: 100%;} /* #sub_contents .illustration02::after {content: "";position: absolute;top: -105px;left: 181px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust.png) no-repeat center; transform: rotate(-8deg);} #sub_contents .illustration03::after {content: "";position: absolute;top: -105px;left: 181px;width: 130px;height: 130px;display: inline-block;background: url(../images/illust03.png) no-repeat center; transform: rotate(-8deg);} #sub_contents .illustration02 {position: relative;margin-top: 107px;text-align:left;background-color: #ffffff;padding: 10px;border-radius: 10px;} #sub_contents .illustration03 {position: relative;margin-top: 107px;text-align: left;background-color: #ffffff;padding: 10px;border-radius: 10px;} */ #sub_contents .menu__item_second{width:100%;max-width: 480px; margin-bottom: 20px; border-bottom: 1px solid #fef2cc;padding-bottom: 10px; } #sub_contents .menu__item_third{width:100%;max-width: 100%; margin-bottom: 20px; border-bottom: 1px solid #fef2cc;padding-bottom: 10px; } #sub_contents .care_box {width: 100%;margin: 0 auto 30px;} #sub_contents .care_box img{border-radius: 10px;} #sub_contents .care_box_second {width: 50%;margin: 0 auto 30px;} #sub_contents .cate .price {color: #a90409; margin-bottom: 10px;} #sub_contents .pri_ttl p{border-bottom: 1px solid #a90409;padding-bottom: 5px;margin-bottom: 30px;font-size: 20px; font-weight: bold;color: #a90409} #sub_contents .pri_ttl_second p{border-bottom: 1px solid #a90409;padding-bottom: 5px;margin-bottom: 30px;font-size: 18px;} #sub_contents .menu_ttl{text-align: center;margin-bottom: 30px;font-size: 22px;font-weight: bold;} #sub_contents .menu_ttl p{font-size: 16px;font-weight: bold; text-align: left;} #sub_contents .menu_ttl_second{text-align: center;margin-bottom: 30px;font-size: 22px;font-weight: bold;} #sub_contents .menu_ttl_second p{font-size: 22px;font-weight: bold;color: #a90409;} #sub_contents .menu__item { width: 100%; max-width: 480px; margin-bottom: 10px; border-bottom: 1px solid #fef2cc;padding-bottom: 10px; } #sub_contents .menu__name { display: inline-block; width:100%; font-size: 15px; font-weight: bold; } #sub_contents .menu__name p{font-size: 16px; font-weight: bold; } #sub_contents .menu__name_third { display: inline-block; width: 100%; font-size: 18px; font-weight: bold; } #sub_contents .menu__name_third p{ font-size: 16px; font-weight: bold; } #sub_contents .menu__name_second { display: inline-block; width: calc(100% - 100px); font-size: 15px; font-weight: bold; } #sub_contents .menu_price { display: block; width: 100%; text-align: right; font-size: 15px; font-weight: bold;} #sub_contents .pri_txt{ background-color: #fff;padding: 10px; width: 100%;margin: 0 auto;border-radius: 10px;} @media screen and (min-width:414px) { #sub_contents .table03 .thead .th {color: #fff; text-align: left; padding: 4px; font-size: 25px; font-weight: bold;background-color: #a90409; } } @media screen and (max-width:768px) { .table04 .thead .tr .th {width: 22%;} } @media screen and (min-width:768px) { #sub_contents .menu_ttl p{font-size: 22px;font-weight: bold; text-align: center;} #sub_contents .pri_txt{ background-color: #fff;padding: 15px; width: 700px;margin: 0 auto;border-radius: 10px;} #sub_contents .table03 {max-width: 961px; margin: 0 auto 30px;} #sub_contents .table03 .th, #sub_contents .table03 .td { padding: 30px 89px; border-right: 2px solid #ffffff; vertical-align: middle;text-align: center;} #sub_contents .table03 .th:last-child, #sub_contents .table03 .td:last-child {border-right: 0;} #sub_contents .table03 .thead .th {background-color: #a90409; color: #fff; text-align: center; padding: 30px; font-size: 22px; font-weight: bold; border-bottom: 1px solid #fff;} #sub_contents .table03 .tbody .tr {background-color: #ffffff; border-bottom: 2px solid #fff;} #sub_contents .table03 .tbody .tr:last-child {border: none;} #sub_contents .table03 .tbody .th {width: 25%; background: #a90409; color: #fff; padding: 19px;} #sub_contents .menu__item_second{width: 80%;} #sub_contents .care_box {width: 45%;} #sub_contents .pri_ttl p{border-bottom: 1px solid #a90409;padding-bottom: 5px;margin-bottom: 30px;font-size: 28px;color: #a90409; width: 100%;margin: 0 auto 20px;} #sub_contents .pri_ttl_second p{border-bottom: 1px solid #a90409;padding-bottom: 5px;margin-bottom: 30px;font-size: 20px;width: 75%;margin: 0 auto 30px;} #sub_contents .menu__item { width: 86%; max-width: 846px; } #sub_contents .menu__name { display: inline-block; width: 52%; } #sub_contents .menu__name p{ display: inline-block; width: 123%; font-size: 18px;} #sub_contents .menu__name_third { display: inline-block; width: 100%;font-size: 20px;} #sub_contents .menu__name_third p{ display: inline-block; width: 100%;font-size: 18px;} #sub_contents .menu__name_second { display: inline-block; width: 88%; font-size: 15px; } #sub_contents .menu__name_second p{ font-size: 17px; } #sub_contents .menu_price { display: inline-block; width: 230px; text-align: right; font-size: 15px;} #sub_contents .menu_price p{ font-size: 16px; } #sub_contents .fs15 p{ font-size: 15px;} #sub_contents .menu__items .img { width: 48%; } #sub_contents .menu__items{ gap: 30px;} .sub_contents .menu__img { max-width: 60%; margin-inline: auto; } } .menu_price_2 {width:270px !important; max-width:270px !important;} @media screen and (max-width:768px) { .menu_price_2 {width:100% !important; max-width:100% !important;} .c47227{width:100%} } /*guide ----------------------------------- */ #sub_contents .illustration08 {position: relative;} #sub_contents .illustration08::after {content: "";position: absolute; position: absolute; top: -60px;left: -1px;width: 130px;height: 130px;display: inline-block;background: url(../images/new_illust01_sp.png) no-repeat center; transform: rotate(-8deg);z-index: 10;} #sub_contents .col-md-4 img{border-radius: 20px;} #sub_contents .anser { padding: 20px 15px 20px 15px; display: flex; align-items: baseline; letter-spacing: 0.05em; } #sub_contents .faqIcon { font-family: "Lato", serif; font-weight: 700; font-size: 24px; line-height: 1em; margin: 0 8px 0 0; display: inline-block; } #sub_contents .question { padding: 6px 15px 10px 15px; background-color: #a90409; color: #fff; display: flex; align-items: baseline; font-weight: 900; letter-spacing: 0.05em; } #sub_contents .overflow-hidden { overflow: hidden; } #sub_contents .faqBox { border-radius: 8px 8px 0 0; background-color: #fff; border: 4px solid #a90409; margin: 20px 0 20px 0; } #sub_contents .frame01 { margin: 35px 0 0; min-height: 30px; } #sub_contents .begnList01 { margin: 20px 0 0 0; gap: 30px; } #sub_contents .begnItem01 {width: 100%; background-color: #fff; border-radius: 8px; padding: 30px 3% 30px 3%; display: flex; margin: 15px 0 0 0; align-items: center; } #sub_contents .begnList01L { width: 36%; margin-right: 32px; font-size: 20px; font-weight: bold; letter-spacing: 0.05em; line-height: 1.45em; max-width: 120px; width: 100%; text-align: center; color: #fff; background-color: #a90409; border-radius: 8px; padding: 21px 10px 22px 10px; } #sub_contents .begnList01R { margin: 0 0 0 3%; display: block; width: 100%; font-weight: 900; } #sub_contents .txt02 { line-height: 1.8em; letter-spacing: 0.05em; font-size: 23px;font-weight: bold;} #sub_contents .w100 {min-height: auto !important; max-width: 100%;} #sub_contents .flow_col_nm { font-family: "Lato", serif; display: inline-block; font-size: 18px; padding: 0 10px 0 0; font-weight: 600; letter-spacing: 1px;color: #a90409;} #sub_contents .flow_col_ttl {margin: 10px 0 10px 0; padding: 10px 0 10px 0; display: block; align-items: center;} #sub_contents .col-md-8.flow_col {align-self: center;} #sub_contents .row.flow_row {position: relative; min-height: auto !important; padding: 15px 15px 15px 15px; background-color: #ffffff; margin: 0 -15px 40px -15px;border-radius: 10px;} #sub_contents .flow_col_txt {font-size: 20px; display: inline-block;} @media screen and (min-width:768px) { #sub_contents .illustration08 {position: relative;} #sub_contents .illustration08::after {content: "";position: absolute; position: absolute;top: -89px;left: -58px;width: 180px;height: 180px;display: inline-block;background: url(../images/new_illust01.png) no-repeat center; transform: rotate(-8deg);z-index: -10;} #sub_contents .begnItem01 {width: 47%; background-color: #fff; border-radius: 8px; padding: 30px 3% 30px 3%; display: flex; margin: 15px 0 0 0; align-items: center; } #sub_contents .faqBox {margin: 40px 0 50px 0;} #sub_contents .frame01 {margin: 55px 0 0;} #sub_contents .begnItem01 {margin: 20px 0 0 0;} #sub_contents .begnList01 {margin: 40px 0 30px 0;} #sub_contents .flow_col_ttl {margin: 10px 0 10px 0; padding: 10px 0 10px 0; display: flex; align-items: center;} #sub_contents .row.flow_row {padding: 30px 30px 30px 30px; margin: 0 -15px 80px -15px; border: 1px solid #caaf65;} #sub_contents .col-md-4 {-ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} #sub_contents .col-md-8 {-ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} #sub_contents .flow_col_nm {font-size: 27px;} } /* news ----------------------------------- */ #sub_contents .illustration {position: relative;} #sub_contents .illustration::after {content: "";position: absolute; position: absolute;top: 4px;left: -58px;width: 180px;height: 180px;display: inline-block;background: url(../images/new_illust01.png) no-repeat center; transform: rotate(-8deg);z-index: -10;} #sub_contents .webgene-blog:has(.categorylist) {justify-content: flex-cnt; margin-bottom: 30px;display:flex;} #sub_contents .webgene-item.categorylist {display: inline-block; margin-right: 1%; width: 100%; margin-bottom: 10px;} #sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #a90409; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;border-radius:10px;} #sub_contents .webgene-item.categorylist a:hover {opacity: .8;} #sub_contents .news__img {width: 100%;} #sub_contents .webgene-pagination{margin-top: 50px;text-align: center; display: block;width: 100%;} #sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;} #sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #a90409;color:#fff;border-radius: 30px;} @media screen and (min-width: 768px) { #sub_contents .news__img {width: 80%;} #sub_contents .webgene-blog:has(.categorylist) {margin-bottom: 50px; display: flex; justify-content: center;} #sub_contents .webgene-item.categorylist {margin-right: 1%; width: 25%; margin-bottom: 0px; } } #sub_contents .webgene-blog:has(.news__item) {display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; row-gap: 40px;} #sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;} #sub_contents .webgene-blog .news__item {width: 100%;} #sub_contents .webgene-blog .news__item a {display: flex; justify-content: center;} #sub_contents .webgene-blog .news__item .news__img {margin-bottom: 20px;} #sub_contents .webgene-blog .news__item .news__img img{border-radius: 20px;} /* #sub_contents .webgene-blog .news__item .news__img img {aspect-ratio: 3 / 2; object-fit: cover;} */ #sub_contents .webgene-blog .news__item .news__title { font-weight: bold; font-family: "Zen Maru Gothic", serif; width: 100%; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; font-size: 17px;} #sub_contents .webgene-blog .news__item .news__title p{ font-weight: bold;} #sub_contents .webgene-blog .news__item a:hover .news__title {opacity: .8;} #sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px; font-family: "Lato", serif;} #sub_contents .webgene-blog .news__item .news__cate {padding: 5px 10px;} #sub_contents .webgene-pagination{margin-top: 50px;text-align: center; display: block;width: 100%;} #sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;} #sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #a90409;color:#fff;border-radius: 30px;} @media screen and (min-width: 768px){ #sub_contents .webgene-blog .news__item .news__title { font-weight: bold; font-family: "Zen Maru Gothic", serif; width: 80%; line-height: 1.5; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 10px; font-size: 17px;} #sub_contents .webgene-blog:has(.news__item) {row-gap: 40px;} #sub_contents .webgene-blog:has(.news__item)::after {width: 100%;} #sub_contents .webgene-blog .news__item {width: 33%;} } @media screen and (min-width: 1024px) { #sub_contents .webgene-blog .news__item {width: 33%;} } /* detail_news ----------------------------------- */ #sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;} #sub_contents .new_ttl:before { z-index: -20; content: '';position: absolute;top: -31px;display: inline-block;width: 130px;height: 130px;background-image: url(../images/sub_h2.png); right: 0;left: 0;margin: 0 auto;} #sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;} #sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;} #sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;} #sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px; font-size: 24px;} #sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;border-radius: 20px;} @media screen and (min-width:768px) { #sub_contents .new_ttl span{text-align: center;font-size:28px;font-weight:bold;} #sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;} #sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px; border-radius: 20px;} #sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px; font-size: 26px;} #sub_contents .news_text{background: rgba(255,255,255,.7); padding: 50px;border-radius: 20px;} } /* 2026-10-02 料金表：PC全体表示・SP横スクロール */ #sub_contents .table03.table03_20261002 { display: table; width: 100%; max-width: 1200px; table-layout: fixed; } #sub_contents .table03.table03_20261002 :is(.th, .td) { padding: 10px; } @media (max-width: 767px) { #sub_contents .cate:has(> .table03_20261002) { overflow-x: auto; } #sub_contents .table03.table03_20261002 { width: 1200px; } }