/**********************************************
   SP版 CSS
**********************************************/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital@1&display=swap');
.pc {
    display: none;
}

.pankuzu-navi{
	padding:8px;
	background-color:#fff6e1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:10px;
	line-height:100%;
	text-align:right;
}

.ready{
	padding:100px 0;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 46px;
    color: #d5536f;
    font-weight: 600;
	text-align:center;
	letter-spacing:-0.5px;
}

#pages{
	padding:30px 20px;
}
#pages .midashi-a{
	margin-left:0!important;
	margin-right:0!important;
	margin-bottom:20px!important;
}

#pages .top-susume{
	padding-left:0!important;
	padding-right:0!important;
}

#pages .top-susume .os-flex{
	padding:0!important;
}

/**************************************************************
全体
**************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 100%;
    scroll-behavior: smooth;
}
body {
    font: 500 16px/1.75 "Noto Sans JP", sans-serif;
    color: #000;
    text-align: left;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 13px;
    margin: 0px;
    text-align: center;
    line-height: 180%;
}
/**************************************************************
リンク
**************************************************************/
a:link {
    color: #000;
    text-decoration: none;
    transition: 1.0s;
}
a:visited {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}
a:active {
    color: #000;
    text-decoration: none;
}
/**************************************************************
アウトライン
**************************************************************/
#outline {
    margin: 0px auto;
    padding: 0px;
    width: 980px;
    background: #FFFFFF;
}
/**************************************************************
ヘッダー
**************************************************************/
#title {
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
}
#title-inner {
    margin: 0 auto;
	display:flex;
	align-items:center;
}
#title-inner .logo {
	width:50%;
	text-align:center;
	margin-top:5px;
	padding-left:10px;
	box-sizing:border-box;
}
#title-inner .logo img {
    height: auto;
    width: 100%;
}
/*
#title-inner .ap-set {
	width:50%;
	box-sizing:border-box;
	padding-right:60px;
	display:flex;
	justify-content:space-between;
	margin-left:5px;
}
*/

#title-inner .ap-set {
	padding-left:10px;
  display: flex;
  gap: 5px; /* ボタン間のすき間（任意） */
	line-height:100%;
}
.ap-set .tel,
.ap-set .mail-btn {
  flex: 0 0 50%;  /* 幅50%固定 */
  box-sizing: border-box;
}

#title-inner .ap-set img{
	width:15px;
	height:auto;
}

/* 中央寄せや装飾はそのまま */
.ap-set .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #fff;
  background: linear-gradient(to bottom, #f94e7b 50%, #df5a77 50%);
}

.ap-set .tel a {
  display: block;
  padding: 8px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
	font-size:12px;
}

.ap-set .mail-btn {
  background: linear-gradient(to bottom, #ffa726 50%, #fb8c00 50%);
  border-radius: 3px;
}

.ap-set .mail-btn a {
  display: block;
  padding: 8px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
	font-size:12px;
}

#title-inner .ap-set .num {
	display:none;

}

/*

#title-inner .ap-set .tel {
	display:flex;
    width: 100%;
	margin-left:5px;
}
#title-inner .ap-set .tel a{
	color:#fff;
}



#title-inner .ap-set .tt {
	width:48%;
  background: linear-gradient(to bottom, #f94e7b 50%, #df5a77 50%);
    border-radius: 5px;
    text-align: center;
    line-height: 100%;
}
#title-inner .ap-set .tt a {
    display: block;
    padding: 5px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    border-radius: 10px;
    transition: 0.3s;
}
#title-inner .mail-btn {
	width:48%;
  background: linear-gradient(to bottom, #ffa726 50%, #fb8c00 50%);
    border-radius: 5px;
    text-align: center;
    line-height: 100%;
}
#title-inner .mail-btn a {
    display: block;
    padding: 5px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    border-radius: 10px;

    transition: 0.3s;
}
*/

/**************************************************************
Humberger
**************************************************************/
.menu-btn {
    position: fixed;
    top: 7px;
    right: 15px;
    display: flex;
    height: 45px;
    width: 45px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    border-radius: 5px;
	z-index:120;
}

.menu-btn::after {
    font-family: Arial, Helvetica, "sans-serif";
    content: "Menu";
    font-size: 12px;
    color: #f94e7b ;
    position: absolute;
    bottom: -6px; /* ボタンの下に配置 */
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
	font-weight:600;
}

.menu-btn span,
.menu-btn span::before,
.menu-btn span::after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #f94e7b ;
    position: absolute;
    transition: all 0.3s;
}

.menu-btn span::before {
    bottom: 8px;
}

.menu-btn span::after {
    top: 8px;
}

#menu-btn-check {
    display: none;
}

/* アイコンがチェック時に変化する部分 */
#menu-btn-check:checked + label.menu-btn span {
    background-color: transparent;
}

#menu-btn-check:checked + label.menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}

#menu-btn-check:checked + label.menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

/* メニューの表示設定 */
.menu-content {
    width: 60%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background-color: #ffdbda;
    transition: left 0.5s ease; /* メニュー表示アニメーション */
	z-index:100;
	padding-top:40px;
}

.menu-content li{
	list-style:none;
}

/* チェック時にメニューが表示される */
#menu-btn-check:checked ~ .menu-content {
    left: 40%;
}

.menu-content a {
    padding: 5px 10px;
    display: block;
    border-bottom: dotted 1px #fff;
	color:#3c221c!important;
	display:flex;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	text-align: left;
}

.menu-content a img{
	width:20px;
	height:auto;
	margin-right:25px;
}

.menu-content h3 {
    font-size: 16px;
    padding-bottom: 5px;
    margin-top: 15px;
    color: #fff100;
    border-bottom: solid 2px #fff100;
    font-family: 'Rubik', sans-serif;
	margin-bottom:25px;
}


.home-slider {}
.home-slider img {
    width: 100%;
    height: auto;
}


/*ボタン*/
.applybutton {
	margin-top: 20px;
}
.applybutton .btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff !important;
  border-radius: 0.5rem;
border-bottom: none;
}
.applybutton a.btn--orange {
  color: #fff;
  background-color: #f18425;
}

.applybutton a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

.applybutton a.btn-c {
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

.applybutton a.btn-c i.fa {
  margin-right: 1rem;
}

.applybutton a.btn-c:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  line-height: 2;
  position: absolute;
  top: calc(50% - .8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
}	

/**************************************************************
Footer
**************************************************************/
.bottom-cta {
    background-color: #df5a77;
}
#bottom {
    margin: 0px;
    position: relative;
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
    background-color: #df5a77;
    overflow: hidden;
    width: 100%;
    color: #fff;
    padding-bottom: 40px;
}
#bottom-inner {
    margin: 0 auto;
}
#bottom-inner ul {
    display: flex;
    flex-wrap: wrap;
	padding: 0 20px;
	padding-top:10px;
}
#bottom-inner ul li {
	width:50%;
	box-sizing:border-box;
	font-size:11px;
    text-align: left;
    list-style: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    position: relative; /* 疑似要素の基準にする */
    padding-left: 12px; /* 矢印分の余白 */
}

#bottom-inner ul li::before {
    content: ">";
    position: absolute;
    left: 0;
    color: #fff; /* 矢印の色 */
    font-weight: bold;
}

#bottom-inner ul li a {
    color: #fff;
    padding: 10px;
}
.copy {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    padding-top: 0px;
    background-color: #df5a77;
	padding-bottom:15px;
	color:#fff;
	font-size:11px;
}
.copy a{
	color:#fff;
}
.copy a:visited{
	color:#fff;
}

.top-return {
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 1500;
}
.privacy-con {
    float: right;
    width: 550px;
}
.gototop a {
    z-index: 99999999;
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    text-decoration: none;
    background-color: #eb6100;
    display: block;
    text-align: center;
    border-radius: 24px;
	z-index: 1;
}
.gototop a::before {
    content: '\f062';
    font-family: 'Font Awesome 6 Free';
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    line-height: 48px;
	z-index: 2;
}
.sub-title {
    background-color: #eb6100;
    padding: 30px;
    font-size: 24px;
    color: #fff;
}


/****************************************

                Width

*****************************************/
.w1100 {
    margin: 0 auto;
}
.w1000 {
    margin: 0 auto;
}
.midashi-a {
    background: linear-gradient(to bottom, #f94e7b 50%, #e24770 50%);
	border-left:solid 15px #ff8a00;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    /*background-image: url("../../../image/base/midashi-a.png");*/
    background-position: right;
    background-repeat: no-repeat;
    text-align: left;
    border-radius: 5px;
		margin-left:20px;
	margin-right:20px;
}

.midashi-b{
	background-color:#f1f1f1;
	padding:10px;
	line-height:100%;
	border-radius:5px;
	text-align:center;
	font-size:15px;
	font-weight:600;
}

.sub-header{
    background-image: url("../../../image/base/sub.svg");
	height:50px;
	background-color:#ccfffe;
	background-size:100%;
	background-position:bottom;
	background-repeat:no-repeat;
}


/***********************************************************************************************************************

　　　　　　　　　　　　　　　　　　　　　　　　　　HOME　トップページ

***********************************************************************************************************************/
#home {
    padding: 30px 0px;
}
.top-plan-flex {
	padding:0 20px;
}

.top-plan-flex .box {
    text-align: left;
    margin-top: 15px;
	border:solid 1px #ccc;
	padding:15px;
	border-radius:10px;
}
.top-plan-flex .box h3 {
    font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
}


.top-plan-flex .box img {
    width: 100%;
    height: auto;
	box-sizing:border-box;
}
.top-plan-flex .box .price {
    display: flex;
    align-items: center;
    padding: 10px 0;
    justify-content: flex-end;
    font-size: 22px;
    color: #d5536f;
    font-weight: 600;
}

.top-plan-flex .box .price span {
	font-size:18px;
}
.link-botan a {
    width: 300px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #ff8a00;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.link-botan a:hover{
	opacity:0.7;
}


.cta {
    background-color: #f18424;
}
.cta-flex {
    margin: 0 auto;
	padding:20px;

}
.cta-flex .mail {

}
.cta-flex .mail .pic {
    width: 20%;
	margin:0 auto;
}
.cta-flex .mail .pic img {
    width: 100%;
    height: auto;
}
.cta-flex .mail .info {
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
}
.cta-flex .mail .info .ap a {
    display: block;
    padding: 10px;
    background-color: #fff;
    font-size: 16px;
    color: #df5a77;
    font-weight: 600;
    margin-top: 20px;
    border-radius: 5px;
}

.cta-flex .mail .info .ap a:hover{
	background-color:#df5a77;
	color:#fff;
}


.cta-flex .tel {
}
.cta-flex .tel img {
    width: 100%;
    height: auto;
}
.top-susume {
}
.top-susume h2 {
    text-align: center;
    font-size: 16px;
    color: #df5a77;
	line-height:160%;
}
.top-susume h2 img {
    width: 100px;
    height: auto;
    margin-bottom: 20px;
}
.top-susume .os-flex {
    display: flex;
	margin:30px 0;
    flex-wrap: wrap;
	padding:0 20px;
}
.top-susume .os-flex .bx {
    width: 48%;
    margin: 1%;
    background-color: #ffe9e9;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
}
.top-susume .os-flex .bx img {
    width: 100px;
    height: auto;
    border-radius: 50%;
}
.top-susume .os-flex .bx h3 {
    font-size: 14px;
    color: #3C230C;
    margin-bottom: 10px;
    margin-top: 15px;
    line-height: 140%;
}
.top-susume .os-flex .bx p {
    color: #df5a77;
    font-size: 12px!important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif!important;
    margin-top: 15px;
	line-height:160%;
}
.top-susume .os-flex .bx p br{
	display:none;
}


.top-shikaku {
    background-color: #E0F5FF;
}
.top-shikaku .w1100 {
	padding:30px 20px;
}
.top-shikaku h2 {
    font-size:20px;
    color: #008853;
}
.top-shikaku h3 {
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    background-color: #008853;
    margin-top: 20px;
    line-height: 100%;
	line-height:160%;
}
.shikaku-flex {
    padding-top: 30px;
}
.shikaku-flex .pic {
	width:80%;
	margin:0 auto;
}
.shikaku-flex .pic img {
    width: 100%;
    height: auto;
}
.shikaku-flex .info {
    box-sizing: border-box;
    font-size: 13px;
    text-align: left;
    line-height: 180%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/****************
TOP NEWS
*****************/
.top-news {
    padding: 30px 20px;

    margin: 0 auto;
}
.top-news h2 {
    font-size: 28px;
    color: #d5536f;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}
.top-news .n-line {
    padding: 5px 0;
    border-bottom: dotted 1px #ccc;
    font-size: 15px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin-bottom: 10px;
    text-align: left;
}
.top-news .n-line .day {
    font-family: Arial, Helvetica, "sans-serif";
	font-size:13px;

}
.top-news .n-line .tit {
    box-sizing: border-box;
	font-size:13px;
	letter-spacing:0.5px;
}
.top-news .n-line .tit a:hover{
		font-size:14.5px;
}

span.nw {
  display: inline-block;
  background: #007acc;
  color: #fff;
  font-size: 0.75em;
  padding: 2px 6px;
  margin-right: 5px;
  border-radius: 3px;
	line-height:100%;
}

span.cl {
  display: inline-block;
  background: #f39c12;
  color: #fff;
  font-size: 0.75em;
  padding: 2px 6px;
  margin-right: 5px;
  border-radius: 3px;
	line-height:100%;
}

.top-news-link{

	margin:0 auto;
}

.top-news-link .cta-two .tel{
	font-size:13px!important;
	    font: 500 16px/1.75 "Noto Sans JP", sans-serif;
}
.top-news-link .cta-two .tel a{
	background-color:#007acc!important;
}

.top-news-link .cta-two .ap a{
	background-color:#f39c12!important;
}

/**** TOP エリア****/
.top-area {
    padding: 40px 0;
    margin: 0 auto;
}
.map-flex {
    padding: 15px 20px;
}
.map-flex .pic {

}
.map-flex .pic img {
    width: 100%;
    height: auto;
}
.map-flex .add {
    box-sizing: border-box;
    text-align: left;
    padding-top: 30px;
    font-size: 14px;
}
.map-flex .add h3 {
    padding: 10px;
    background-color: #FF8D00;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 15px;
}
.cta-two {
    display: flex;
    text-align: center;
    margin-top: 25px;
}


.cta-two .tel {
    width: 49%;
    margin-right: 1%;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: 500;
    font-size: 16px;
}
.cta-two .tel a {
    padding: 10px;
    display: block;
    background-color: #df5a77;
    color: #fff;
    border-radius: 5px;
}

.cta-two .tel a:hover{
	opacity:0.7;
}
.cta-two .ap {
    width: 50%;
    width: 49%;
    margin-left: 1%;
}
.cta-two .ap a {
    padding: 10px;
    display: block;
    background-color: #e12d54;
    color: #fff;
    border-radius: 5px;
}
.cta-two .ap a:hover{
	opacity:0.7;
}

/***************************************************************************************

                                     lineup　商品一覧

****************************************************************************************/

#lineup{
	padding:30px 20px;
}

#lineup .midashi-a{
	margin-bottom:15px;
	margin-left:0!important;
	margin-right:0!important;

}

.mensekih{
	text-align:right;
	padding:10px 0;
}

/*******商品カテゴリのラベル*****/

.lineup-category{
	margin-left:10px;
	padding:5px!important;
	background-color:#ff7272;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:100%!important;
	border-radius:2px;
	font-size:11px;
}
.lineup-category-c1{
	background-color:#2d7ce8!important;
}
.lineup-category-c2{
	background-color:#00cc90!important;
}
.lineup-category-c3{
	background-color:#ffb400!important;
}
.lineup-category-c4{
	background-color:#9141cf!important;
}


.lineup-frame{
	padding:20px 0;
}

.lineup-frame .ll-cate{
	display:flex;
	justify-content:flex-end;
}

.lineup-frame .ll-cate span{
	float:right;
}
.lineup-frame h3{
	line-height:180%;
	font-size:18px;
	text-align:left;
	border-left:solid 8px #de4163;
	padding-left:10px;
}

.lineup-frame-flex{}
.lineup-frame-flex .pic{}
.lineup-frame-flex .pic img{
	width:100%;
	height:auto;
}
.lineup-frame-flex .info{
	box-sizing:border-box;
}
.car-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
	margin-top:10px;
  font: 500 13px/1.75 "Noto Sans JP", sans-serif;
	font-weight: bold;
        color: #000;
}

.car-table th,
.car-table td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: middle;
  line-height:100%;
}

.car-table th {
  background-color: #f0f4fb;
  width: 30%;
  color: #333;
	font-size:11px!important;

}

.car-table td {
  background-color: #ffffff;
  color: #333;
}

.car-table tr:nth-child(even) td {
  background-color: #fff;
}


.car-table .price-row td {
  background-color: #fff;
  font-weight: bold;
  color: #000;

}
.car-table .price-row td{
	font-size:15px;
}

.car-table .price-row th{
	font-size:12px!important;
}
.lineup-cta {
  display: flex;
  gap: 10px;
	margin-top:10px;
	justify-content:flex-end;
}

.lineup-cta .btn {
  display: inline-block;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;

}

.lineup-cta .btn.pink {
  background-color: #f22d58;
}

.lineup-cta .btn.orange {
  background-color: #ee5c1b;
}

.lineup-cta .btn:hover {
  opacity: 0.7;
}

.lineup-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; /* 任意の余白、なくてもOK */
}

.lineup-gallery .box {
  width: calc(50% - 5px); /* 5個並べる用。gap分調整 */
  box-sizing: border-box;
}
.lineup-gallery .box img{
	width:100%;
	height:auto;
}

#lineup .midashi-b{
	margin-top:25px;
	margin-bottom:20px;
}

.f-tel-bennr{
	margin:30px 0;
}

.f-tel-bennr img{
	width:100%;
	height:auto;
	border-radius:10px;
}

.bk-botan{
	margin:15px 0;
}

.bk-botan a{
	display:block;
	color:#fff;
	font-size:13px;
	width:80%;
	margin:0 auto;
	padding:10px;
	background: linear-gradient(to bottom, #df5a77 50%, #de4163 50%);
        border-radius: 5px;
}
.bk-botan a:hover{
  opacity: 0.7;
}

/*****************************************************************
                
                           お問い合わせ

*******************************************************************/

.apply-waku-botan{
	margin-bottom: 30px;
	margin-top:30px;
}
.apply-waku-botan img{
	vertical-align: top!important;
}

.apply-caution{
	padding: 15px;
	background-color: #F0F0F0;
	text-align: left;
	font-size: 12px;
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
}
img[src$="/image/apply/tel.png"] {
  width: 100%;
  height: auto;
}
img[src$="/image/apply/botan.png"] {
  width: 60%;
  height: auto;
}

.form-waku{
	margin:0 auto;
	margin-top: 30px;

	background-color:#ffffe8;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
}

.form-waku h3{
	background-color:#009d74;
	padding:15px;
	font-size:20px;
	color:#fff;
	margin-top:25px!important;
	margin-bottom:25px;
	font-weight:bold;
	border-radius:5px;
}

.form-waku .line{
	overflow: hidden;
	padding: 10px;
	border-bottom: dashed 1px #ccc;
	text-align: left;
	font-size:14.5px;
	line-height:150%;
	letter-spacing:0.5px;

}

.form-waku .line .ll{}
.form-waku .line .rr{}

.form-waku input[type=checkbox] {
	width:			12px;
	height:			12px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);

	margin-right:8px;
	margin-left:20px;
}

.wpcf7-date{
	padding:5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin-bottom:5px;
	margin-top:5px;
}

.wpcf7-text{
  padding: 10px;
  width: 90%;
  color: #636063;
  font-size: 13px;
  background-color:#fff;
  border:solid 1px #CCCCCC;
	margin-bottom:5px;
	margin-top:5px;
  }

.wpcf7-text:focus{
  background-color:#fff;
  }

.wpcf7-textarea{
  padding: 10px;
  width: 90%;
  height: 200px;
  color: #636063;
  font-size: 13px;
  background-color:#fff;
  border:solid 1px #CCCCCC;
	margin-bottom:5px;
	margin-top:5px;
  }

.wpcf7-textarea:focus{
  background-color:#FFFFCC;
  }

.wpcf7-form-control.wpcf7-submit {
    display: block;
    width: 100%;
    border: none;
    padding: 10px;
    background-color: #de0000;
    color: #fff;
	font-size:18px;
	border-radius:10px;
	margin-top:50px;
	border-bottom:solid 10px #ad0000;
	font-weight: bold;
	font: 500 14px/1.75 "Noto Sans JP", sans-serif;
}

.wpcf7-form-control.wpcf7c-btn-confirm {
    display: block;
    width: 200px;
    border: none;
    padding: 10px;
    background-color: #fff;
    color: #fff;
}

.wpcf7-form-control.wpcf7c-btn-back{
    display: block;
    width: 200px;
    border: none;
    padding: 10px;
    background-color: #fff;
    color: #fff;
    margin-bottom:10px;
}

.wpcf7-form-control.wpcf7-submit:hover{
  filter: alpha(opacity=80);
  opacity: .6;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  }

span.wpcf7-list-item {
	margin:10px 0!important;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em!important;
}

input[type="radio"] {
	height:20px;
	width:20px;
}

select{
  padding: 5px;
  width: 260px;
  color: #636063;
  font-size: 13px;
  background-color:#fff;
  border:solid 1px #CCCCCC;
	margin-bottom:5px;
	margin-top:5px;
}

.kibouday{
	padding:5px;
}

 .clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

 .clearfix{
  overflow:hidden;
  }

.hissu{
	font-size:10px;
	color:#ff0000;
}

.contact-thx{
	font-size:16px;
	line-height:210%;
	letter-spacing:1px;
}

.cc-chui{
	font-size:16px;
}

.g-pri{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:13px;
	font-weight:normal!important;
	letter-spacing:1px;
	line-height:210%;
}
.waytorent{
	line-height: 0.5;
}
.waytorent span.haisya{
	font-size: 12px;
}
/********************************************************
 Privacy Policy
*********************************************************/

.privacy-policy {
  margin: 0 auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  text-align:left;

}

.privacy-policy h2 {
  font-size: 18px;
  margin-bottom: 15px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
	line-height:100%;
  font: 600 16px/1.75 "Noto Sans JP", sans-serif;
}

.privacy-policy h4 {
  font-size: 20px;
  margin-top: 40px;
  color: #222;
  border-left: 4px solid #007acc;
  padding-left: 10px;
}

.privacy-policy b {
  font: 600 16px/1.75 "Noto Sans JP", sans-serif;
  display: block;
  margin-top: 15px;
  color: #444;
  font-size: 14px;
	margin-bottom:10px;
}

.privacy-policy ul,
.privacy-policy ol {
  padding-left: 1.2em;
  margin: 20px 0;
}

.privacy-policy li {
  margin-bottom: 10px;
}

.privacy-policy hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 40px 0;
}

.privacy-policy .contact-info {
  margin-top: 30px;
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
}

/**************************************************************************

　　　　　　　　このような方におすすめです

****************************************************************************/

.os-big{
	font-size:18px!important;
}

.osa-mes{
	padding-top:20px;
	font-size:14px;
	letter-spacing:1px;
	line-height:180%;
	color:#ff5b28;
	text-align:left;
}
.osa-mes br{
	display:none;
}

/********************************************************************************

　　　　　　　　　　　　　　　ブログコンテンツ

***********************************************************************************/

#blog{
	padding:50px 0;
}

#blog .midashi-a{
	margin-bottom:25px;
}

/****************************************

            投稿フリー欄

*****************************************/

.w800{

        margin:0 auto;
}


.blog-cont{
	padding:20px;
        text-align:left;
        margin-bottom:100px;
        font-size:13px;
        line-height:190%;
	letter-spacing:1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.blog-cont b{
	    font: 600 16px/1.75 "Noto Sans JP", sans-serif;
	font-size:15px;
}

.blog-cont strong{
	    font: 600 16px/1.75 "Noto Sans JP", sans-serif;
	font-size:15px;
}

.blog-cont li + li {
  border-left: none!important;
}

.blog-cont li{
        margin-left:35px;
        font-size:14px;
        line-height:170%;
        margin-bottom:13px;
}

.blog-cont ol{
        margin-top:25px;
        margin-bottom:25px;
}



.blog-cont .alignright{
        padding-left:15px!important;
        background-color:#fff!important;
        float:right;
}

.blog-cont .alignleft{
        padding-right:15px!important;
        background-color:#fff!important;
        float:left;
}

.blog-cont .aligncenter{
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.blog-cont h1{
    font: 600 16px/1.75 "Noto Sans JP", sans-serif;
        font-size:22px;
        color:#000000;
        padding:10px 5px;
        margin-bottom:15px;
        margin-top:30px;
}

.blog-cont h2{
    font: 600 16px/1.75 "Noto Sans JP", sans-serif;
        font-size:20px;
        color:#df5a77;
        padding:10px 10px 5px 10px;
        border-bottom:solid 2px #df5a77;
        margin-bottom:15px;
        margin-top:30px;
	line-height:100%;
}

.blog-cont h3{
    font: 600 16px/1.75 "Noto Sans JP", sans-serif;

        background-color:#fff3b1;
        padding:10px 15px;
        margin-top:30px;

	border-radius:5px;
        margin-bottom:15px;
}
.blog-cont h4{
    font: 600 16px/1.75 "Noto Sans JP", sans-serif;
        font-size:20px;
        color:#000;
        padding:7px 3px;
        border-bottom:solid 1px #000;
        margin-bottom:15px;
        margin-top:30px;
}

.blog-cont h5{
    font: 600 16px/1.75 "Noto Sans JP", sans-serif;
        font-size:14px;
        color:#000;
        padding:10px 15px;
        background-color:#ececec;
        margin-bottom:15px;
        margin-top:30px;
	line-height:100%;
	border-radius:5px;
}

.blog-cont p{margin-bottom:15px;}

.blog-cont img{
	padding-bottom:15px;
padding-top:10px;
width:100%;
height:auto;}

.blog-cont iframe{max-width:100%;}#news-detail

.blog-cont hr{
        margin-bottom:15px;
                margin-top:15px;
        background-color: #fff;
        border-top: 2px dashed #f6be46;
}

.blog-cont table{
	text-align: left!important;
	border: 1px solid #DDD;
	width: 100%;
	border-collapse: collapse;	
	border-spacing: 0;
	margin-bottom: 10px;
	font-size:15px;

}
.blog-cont table th	{
	border: 1px solid #DDD;
	padding: 10px 10px;
	text-align: left!important;


}
.blog-cont table td	{
	border: 1px solid #DDD;
	padding: 10px 10px;
	font-weight:normal;
	width:33%!important;
	text-align: left!important;
}

.blog-cont table tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.blog-cont table tr td:first-child {
    width: 15%!important;

}

.blog-cont table div[align="center"] {
    text-align: left !important;
}

.lineup-cont br{
	display:none;
}
.blog-cont table br {
    display: initial;
}


/******************************************************************************

                                 お役立ち情報

 * ******************************************************************************/

.news-frame2 {
    margin: 0 auto;
	padding:20px;
}
.news-frame2 .box{
	margin:10px 2%;
	box-sizing:border-box;
	padding:10px;
	display:flex;
	background-color:#fff;
	border:solid 1px #ccc;
	text-align:left;
}
.news-frame2 .box .img{
	width:30%;
	margin-right:5%;
}
.news-frame2 .box .img img{
	width:100%;
	height:auto;
}
.news-frame2 .box .text{
	width:65%;
}

.news-frame2 .box b{
	font-size:11px;
	color:#62a29a;
}

.news-frame2 .box h2{
	font-size:16px;
	line-height:150%;
	margin-bottom:5px;
}

.news-frame2 .box p{
	font-size:12px;
	line-height:120%;
	color:#6e6e6e;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.DivLink{
    position:relative;
}

.DivLink .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.navBox{
	overflow: hidden;
	clear: both;
	width: 300px;
	margin: 0 auto;
	margin-bottom:50px;
	margin-top:50px;
}

.s-prev{
	padding:10px;
	width:130px;
	float:left;
	background-color:#f7732b;
	color:#FFFFFF;
	text-align: center;
}

.s-next{
	padding:10px;
	width:130px;
	float:left;
	background-color:#a97639;
	color:#FFFFFF;
	text-align: center;
}


/****************************************************************************

                                  新着情報一覧

****************************************************************************/

#news{
	padding:50px 0;
}
#news .midashi-a{
	margin-bottom:35px;
}

#news-detail{
	padding:50px 0;
	margin:0 auto;
	box-sizing:border-box;
}
#news-detail .midashi-a{
	margin-bottom:35px;
}
.news-waku{}

.news-waku .line{
	padding: 10px 0;
	border-bottom: dashed 1px #ccc;
	display: flex;
	font-size:14px;
	letter-spacing:1px;
	margin-bottom:5px;
	text-align:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.news-waku .line .day{
	width: 20%;
}
.news-waku .line .tt{
	width: 75%;
	margin-left: 5%;
}

/****************************************************************************

                                  会社概要

****************************************************************************/

#company-page{
	padding:10px 0 30px 0;
}

#company-page .midashi{
	font-size:18px;
	color:#f18424;
}
#company-page .flex{
	text-align:left;
	margin-bottom:50px;
}
#company-page .flex .pic{
	margin-top:20px;
	margin-bottom:30px;
}
#company-page .flex .pic img{
	width:100%;
	height:auto;
	border-radius:10px;
}
#company-page .flex .tex{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:13.5px;
	letter-spacing:0.5px;
	line-height:200%;
}
#company-page .map-flex{
	padding:0!important;
	margin-bottom:45px!important;
}
#company-page .map-flex .pic{
	width:100%;
}

#company-page .map-flex .add{
	padding:0!important;
	line-height:200%;
	width:100%!important;
}

#company-page .company-profile {

  margin: 0 auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size:13.5px;
  margin-top:30px;
	line-height:180%;
	
}

#company-page .item {

  border-bottom: 1px solid #ccc;
  padding: 10px 0;
	text-align:left;
}

#company-page .label {
	margin-bottom:5px;
  color: #333;
  padding-right: 10px;
  font: 600 13.5px/1.75 "Noto Sans JP", sans-serif;

}

#company-page .value {

  color: #444;
  line-height: 1.6;
}

#company-page strong{
    font: 600 13.5px/1.75 "Noto Sans JP", sans-serif;
}


/******************************************************

               このような方におすすめ

*******************************************************/

.osa-kojin{
	margin:0 auto;
	background-color:#ff5b28;
	padding:10px;
	text-align:center;
	margin-top:50px;
	color:#fff;
	border-radius:5px;
	font-size:14px;
}
.osa-hojin{
	margin:0 auto;
	background-color:#0077e5;
	padding:10px;
	text-align:center;
	margin-top:50px;
	color:#fff;
	border-radius:5px;
	font-size:14px;
}

.top-susume .os-flex .bx2 {
    background-color: #e6eeff!important;
}
.top-susume .os-flex .bx2 p{
	color:#00309c!important;
}
.hojin-mi{
	font-size:13px!important;
	margin-bottom:15px;
	font-weight:800;
	background-color:#fff;
	padding:10px;
	border-radius:5px;
	line-height:100%;    
	font: 600 13.5px/1.75 "Noto Sans JP", sans-serif!important;
}

/******************************************************

         　　      選ばれる理由

*******************************************************/

#reason{
	padding:0px 0px;
}

.rr-flex{
	border:solid 2px #df5a77;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	margin-bottom:30px;
}

.rr-flex2{
	flex-direction: row-reverse; /* ←これを追加！ */
}
.rr-flex .pic{
	margin-bottom:10px;
}
.rr-flex .pic img{
	width:100%;
	height:auto;
	border-radius:10px;
}
.rr-flex .info{
	text-align:left;
}

.rr-flex .info .tt{
	font-size:16px;
	margin-bottom:10px;
	color:#0071da;
	border-left:solid 5px #0071da;
	padding-left:15px;
}
.rr-flex .info h2{
	font-size:20px;
	color:#df5a77;
	margin-bottom:10px;
	line-height:160%;
}
.rr-flex .info p{
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}




/******************************************************

         　　　      免責補償

*******************************************************/

.guaran{}

.guaran .mangaichi{
	font-size:18px;
	font-weight:600;
	padding:30px 0;
}


:root{
  --c-bg:#f5f7fa;
  --c-line:#d9e1ef;
  --c-head:#e9efff;
  --c-head2:#f2f6ff;
  --c-note:#6b7280;
  --c-ok:#37a34a;
  --c-ng:#df5a77;
  --c-chip:#3c7bdc;
  --c-std:#2fa8a3;
  --c-prem:#4b4dd8;
}

.guaran .insure-compare{padding:24px;background:#fff;border-radius:8px}
.guaran .tbl-insure{
  max-width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--c-line);
  border-radius:12px;
  overflow:hidden;
  background:var(--c-bg);
  font-size:14px;
  color:#2b2f38;
}
.guaran .tbl-insure thead th{
  text-align:center;
  padding:12px 10px;
  border-right:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line);
  background:var(--c-head);
  font-weight:700;
  vertical-align:middle;
}
.guaran .tbl-insure thead .head-2 th{background:var(--c-head2);font-weight:600}
.guaran .tbl-insure thead th:last-child{border-right:none}

.guaran .tbl-insure tbody th,
.guaran .tbl-insure tbody td{
  background:#fff;
  border-bottom:1px dashed var(--c-line);
  border-right:1px solid var(--c-line);
  padding:12px 10px;
  vertical-align:middle;
}
.guaran .tbl-insure tbody tr:last-child td,
.guaran .tbl-insure tbody tr:last-child th{border-bottom:none}
.guaran .tbl-insure tbody td:last-child{border-right:none}

.guaran .th-plan{width:25%}
.guaran .th-fee{width:25%}
.guaran .th-cover{width:25%}
.guaran .th-acc{width:25%}

.guaran .plan{background:#fff;text-align:left;padding:16px}
.guaran .plan .badge{
  display:inline-block;border-radius:8px;color:#fff;font-weight:700;
  padding:6px 10px;margin-bottom:8px;line-height:1
}
.guaran .badge--light{background:#3e7bd6}
.guaran .badge--std{background:var(--c-std)}
.guaran .badge--premium{background:var(--c-prem)}
.guaran .plan-note{display:block;color:var(--c-note);line-height:1.5}

.guaran .fee strong{font-size:18px}
.guaran .fee small{color:var(--c-note)}

.guaran .cover-label{font-weight:700}
.guaran .chip{
  display:inline-block;background:var(--c-chip);
  color:#fff;border-radius:6px;padding:4px 8px;line-height:1.2;font-weight:700
}

.guaran .ok{color:var(--c-ok);font-weight:700;text-align:center}
.guaran .ng{color:var(--c-ng);font-weight:700;text-align:center}
.guaran .dash{color:var(--c-note);text-align:center}

.guaran .row-bg td,
.guaran .row-bg .cover-label{background:#f7fbff}

.guaran .plan-start td,
.guaran .plan-start th{border-top:2px solid var(--c-line)}


/* テーブルは横スクロールで崩れない方式（rowspanを保ったまま可読性を確保） */
.guaran .insure-compare{padding:12px;background:#fff}
.guaran .tbl-insure{
  max-width:100%; /* 1行の情報量を確保 */
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  font-size:13px;
}
.guaran .insure-compare{overflow-x:auto}
.guaran .tbl-insure thead th{padding:10px 8px}
.guaran .tbl-insure tbody th,
.guaran .tbl-insure tbody td{padding:10px 8px}

.guaran .plan .badge{font-size:13px;padding:6px 10px;border-radius:999px}
.guaran .plan-note{font-size:12px}
.guaran .fee strong{font-size:16px}


/* --- Colors --- */
:root{
  --y-border:#ff6101;       /* 外枠の黄 */
  --b-main:#fa7422;          /* 見出し帯・注意帯の青 */
  --g-main:#2a9a38;          /* 見出し文字・価格の緑 */
  --g-border:#7fcf87;        /* 中ボックスの枠(淡い緑) */
  --bg-light:#ffffff;
}

/* --- Wrapper --- */
.noc-box{
  border:4px solid var(--c-ng);
  border-radius:10px;
  background:var(--bg-light);
  padding:30px;
	margin:30px 0px;

  box-sizing:border-box;
}

/* --- Title line --- */
.noc-head{
  gap:10px;
  border-bottom:4px solid var(--c-ng);
  padding-bottom:8px;
  margin-bottom:10px;
}
.noc-title{
  margin:0;
  font-size:20px;
  color:var(--c-ng);
  font-weight:800;
  letter-spacing:0.02em;
	text-align:center;
	padding-bottom:5px;
}
.noc-tag{
  background:var(--b-main);
  color:#fff;
  padding:6px 14px;
  border-radius:6px;
  font-weight:700;
}

/* --- Lead (青帯) --- */
.noc-lead{
  background:var(--b-main);
  color:#fff;
	margin:20px 0;
  padding:12px 14px;
  border-radius:6px;
  text-align:center;
  line-height:1.7;
  font-weight:400;
	font-size:12px;
}

/* --- Two columns --- */
.noc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:12px;
}
.noc-col{
  border:3px solid var(--c-ng);
  border-radius:8px;
  padding:12px 10px 14px;
  text-align:center;
}
.noc-col__head{
  font-weight:700;
  color:#1f2937;
  margin-bottom:8px;
	font-size:18px;
}
.noc-price{
  color:var(--c-ng);
  font-weight:800;
  line-height:1;
}
.noc-price__num{
  font-size:43px;
  letter-spacing:-0.5px;
	font-family: Arial, Helvetica, "sans-serif";
}
.noc-price__yen{
  font-size:18px;
  margin-left:4px;
}
.noc-note-small{
  margin-top:8px;
  color:#374151;
  font-size:12px;
}

/* --- Attention (青帯) --- */
.noc-attn{
  background:var(--b-main);
  color:#fff;
  margin:0;
  padding:10px 12px;
  border-radius:6px;
  font-size:15px;
  line-height:1.7;
  font-weight:600;
}


/* PCと色は共通にしている想定。サイズだけSP向けに調整 */
.guaran .noc-box{
	padding:20px 15px;
	border-width:3px;
	border-radius:8px;
}

.guaran .noc-tag{padding:5px 12px;border-radius:6px;font-size:14px}



.guaran .noc-grid{
  display:grid;
  grid-template-columns:1fr;  /* 1列に積む */
  gap:10px;
  margin-bottom:10px;
}
.guaran .noc-col{padding:10px;border-width:2px}
.guaran .noc-price__num{font-size:34px}
.guaran .noc-price__yen{font-size:16px}
.guaran .noc-note-small{font-size:12px}

.guaran .noc-attn{font-size:12.5px;padding:9px 10px}


/******************************************************************

                    配車の流れ

*****************************************************************/

/* セクション背景＆見出し */
.flow{
	margin-top:25px;
  padding: 28px 16px 40px;
}
.flow-wrap{
  margin: 0 auto;
}
.flow-heading{
	color:#f94e7b;
	border-bottom:solid 3px #f94e7b;
  font-weight:700;
	font-size:20px;
  padding: 10px 22px;
  border-radius: 8px;
  margin: 0 0 18px;
	margin-bottom:30px;
}

/* リスト全体 */
.flow-list{
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: flow;
}

/* 各カード */
.flow-card{

  background:#fff;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  position: relative;
}
.flow-card + .flow-card{ margin-top: 22px; }

/* 下向きの矢印（カード間） */
.flow-card:not(:last-child)::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -55px;
  transform: translateX(-50%);
  border: 30px solid transparent;
  border-top-color: #FF5722;
  z-index: 9;
}

/* 画像 */
.flow-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 12px;
}

/* 本文枠 */
.flow-body{ min-width:0; }

/* 見出し行 */
.flow-head{
  margin-bottom: 10px;
	margin-top:15px;
}

.step-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px; height:38px;
  border-radius:50%;
  background:#ff5f89;        /* 外側の色 */
	border:solid 8px #f94e7b;
  color:#fff;
  font-weight:700;
	font-size:20px;
  line-height:1;
  position:relative;
    font-family: Arial, Helvetica, "sans-serif";
}


/* h3（白背景前提） */
.flow-title{
  margin: 0;
  padding: 10px 14px;
  background:#fff;
  border-radius: 10px;
  font-size: 18px;
  font-weight:700;
}

/* 箇条書き */
.flow-points{
  list-style:none; padding-left:0;
  counter-reset: num;
}
.flow-points li{
  counter-increment: num;
  position:relative;
  padding-left:2.2em;
	text-align:left;
	padding:5px;
	border-bottom:dashed 1px #ccc;
	padding:10px;
	padding-left:35px;
	font-size:14px;
	margin-bottom:5px;
}
.flow-points li::before{
  content: counter(num);
  position:absolute; 
  left:0; 
  top:10px;
  width:1.6em; height:1.6em;
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#ffb648; color:#fff; font-weight:700;
}


.menseki-b{
	margin:20px 0;
	padding:20px;
}

.menseki-b img{
	width:100%;
	height:auto;
}

.menseki-bb{
	background-color:#f18425;
}
.menseki-bb img{
	width:100%;
	height:auto;
}