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


/* 一覧 */
@media (min-width: 768px) {
	.ul_flex{ display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
	.ul_flex li{ padding: 30px; border-radius: 10px; color: #fff; position: relative; background-image: url("../../images/back2.png"); background-size: 170px; background-position: bottom right; background-repeat: no-repeat; z-index: 2; transition: all .3s; display: flex; align-items: center;}
	.ul_flex_fukuoka li{ background-image: url("");}
	.ul_flex li:nth-child(odd){ width: 48%; margin: 0 2% 20px 0;}
	.ul_flex li:nth-child(even){ width: 48%; margin: 0 0 20px 2%;}
	.ul_flex li:last-child,.ul_flex li:nth-last-child(2):nth-child(odd) { margin-bottom: 0;}
	.ul_flex li strong{ font-size: 18px; display: block; margin: 0;}
	.ul_flex li p{ font-size: 14px; margin: 0;}
	.ul_flex li a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}	
	.ul_flex li::before,.ul_flex li::after { position: absolute; z-index: -1; display: block; content: '';}
	.ul_flex li,.ul_flex li::before,.ul_flex li::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; transition: all .5s;}
	
	.ul_flex_blue,.ul_flex_pink{ margin: 0 0 60px 0;}
	.ul_flex_blue li{ border: 2px solid #479cde; background-color: #479cde;}
	.ul_flex_pink li{ border: 2px solid #fe6d9b; background-color: #fe6d9b;}
	.ul_flex li.backnone{ background-color: #fff; padding: 0; border: 0;}
	.ul_flex li.backnone:hover{ border: 0;}
	.ul_flex li.backnone img{ width: 100%;}
	.ul_flex_blue li:hover { border: 2px solid #479cde; color: #479cde; background-color: #fff; background-image: url("../../images/back2_blue.png");}
	.ul_flex_pink li:hover { border: 2px solid #fe6d9b; color: #fe6d9b; background-color: #fff; background-image: url("../../images/back2_pink.png");}
	.ul_flex_fukuoka li{ border: 2px solid #332b62; background-color: #332b62;}
	.ul_flex_fukuoka li:hover { border: 2px solid #332b62; color: #332b62; background-color: #fff; background-image: url("");}
	.ul_flex_pink .ul_flex_pink_fukuoka{ border: 2px solid #332b62; background-color: #332b62; background-image: none;}
	.ul_flex_pink .ul_flex_pink_fukuoka:hover { border: 2px solid #332b62; color: #332b62; background-color: #fff; background-image: none;}
}
@media (max-width: 767.98px) {
	.ul_flex{ display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
	.ul_flex li{ padding: 20px; border-radius: 10px; color: #fff; position: relative; background-image: url("../../images/back2.png"); background-size: 110px; background-position: bottom right; background-repeat: no-repeat; z-index: 2;}
	.ul_flex_fukuoka li{ background-image: url("");}
	.ul_flex li:last-child { margin-bottom: 0;}
	.ul_flex li{ width: 100%; margin: 0 0 10px 0;}
	.ul_flex li strong{ font-size: 16px; display: block; margin: 0;}
	.ul_flex li a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
	.ul_flex li.backnone{ background-color: #fff; padding: 0; border: 0;}
	.ul_flex li.backnone:hover{ border: 0;}
	.ul_flex li.backnone img{ width: 100%;}
	
	.ul_flex_blue,.ul_flex_pink{ margin: 0 0 60px 0;}
	.ul_flex_blue li{ background-color: #479cde;}
	.ul_flex_pink li{ background-color: #fe6d9b;}
	.ul_flex_fukuoka li{ background-color: #332b62;}	
	.ul_flex_pink .ul_flex_pink_fukuoka{ border: 2px solid #332b62; background-color: #332b62; background-image: none;}
}


/* 解約のご連絡 */
@media (min-width: 768px) {
	.flow { padding-left: 120px; position: relative; list-style: none; margin: 0;}
	.flow::before { content: ""; width: 15px; height: 100%; background: #eee; margin-left: -8px; display: block; position: absolute; top: 0; left: 120px;}
	.flow>li { position: relative; margin-bottom: 60px;}
	.flow>li:last-child { margin-bottom: 0;}
	.flow>li .icon { font-size: 14px; color: #fff; background: #3abcef; padding: 8px 16px; display: block; position: absolute; top: 0; left: -120px; z-index: 100; font-weight: bold;}
	.flow>li .icon::after { content: ""; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #3abcef; position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.flow>li dl { padding-left: 70px; position: relative; margin: 0;}
	.flow>li dl::before,.flow>li dl::after { content: ""; display: block; position: absolute; top: 18px;}
	.flow>li dl::before { width: 7px; height: 7px; margin-top: -3px; background: #2661ad; border-radius: 50%; left: -4px;}
	.flow>li dl::after { width: 50px; border-bottom: 1px dashed #999; position: absolute; left: 5px;}
	.flow>li dl dt { font-size: 22px; font-weight: 600; color: #2661ad; margin-bottom: 20px; padding: 3px 0 0 0;}
	.flow>li dl dd { margin-bottom: 0;}
	.flow>li dl dd strong.strong_title{ display: block; font-size: 18px; margin: 0 0 10px 0;}
	.flow>li dl dd strong.strong_title2{ display: block; font-size: 16px; margin: 5px 0;}
	.flow>li dl p{ margin: 0;}
	
	.indent-1 { padding-left: 1em; text-indent: -1em; margin: 0 0 10px 0;}
	.indent-12{ margin: 0 0 20px 0;}
	.indent-1_mb{ margin: 0;}
	.p1_box{ border: 1px solid #ddd; padding: 20px; background-color: rgba(255,255,255,0.6); margin: 20px 0 0 0;}
	.p1_box_mb{ border: 1px solid #ddd; padding: 20px; background-color: rgba(255,255,255,0.6); margin: 20px 0 20px 0;}
	.p1_ul{ margin: 0; list-style: disc;}
	.p1_img_box{ margin: 50px 0;}
	.p1_img_box strong{ display: block; margin: 0 0 30px 0;}
	.p1_img img{ width: 400px; height: auto; margin: 0 0 20px 0;}
}
@media (max-width: 767.98px) {
	.flow { list-style: none; padding: 0; margin: 0;}
	.flow>li { position: relative; margin-bottom: 40px;}
	.flow>li:last-child { margin-bottom: 0;}
	.flow>li .icon { font-size: 14px; color: #fff; background: #3abcef; padding: 8px 16px; display: block; z-index: 100; font-weight: bold; margin: 0 0 20px 0;}
	.flow>li dl { position: relative; margin: 0;}	
	.flow>li dl dt { font-size: 18px; font-weight: 600; color: #2661ad; margin-bottom: 20px; padding: 3px 0 0 0;}
	.flow>li dl dd { margin-bottom: 0;}
	.flow>li dl dd strong.strong_title{ display: block; font-size: 16px; margin: 0 0 10px 0;}
	.flow>li dl dd strong.strong_title2{ display: block; font-size: 14px; margin: 5px 0;}
	.flow>li dl p{ margin: 0;}
	
	.indent-1 { padding-left: 1em; text-indent: -1em; margin: 0 0 5px 0;}
	.indent-12{ margin: 0 0 10px 0;}
	.indent-1_mb{ margin: 0;}
	.p1_box{ border: 1px solid #ddd; padding: 20px; background-color: rgba(255,255,255,0.6); margin: 20px 0 0 0;}
	.p1_box_mb{ border: 1px solid #ddd; padding: 20px; background-color: rgba(255,255,255,0.6); margin: 20px 0 20px 0;}
	.p1_ul{ margin: 0; list-style: disc; padding: 0 0 0 20px;}
	.p1_img_box{ margin: 50px 0;}
	.p1_img_box strong{ display: block; margin: 0 0 30px 0;}
	.p1_img img{ width: 100%; max-width: 400px; height: auto; margin: 0 0 20px 0;}
}


/* 駐輪ステッカーの申し込み */
@media (min-width: 768px) {
	.p2_flex{ display: flex; align-items: flex-start; margin: 50px 0 0 0;}
	.p2_flex>div:first-child{ width: 560px; margin: 0 40px 0 0; border: 1px solid #ddd; padding: 20px; background-color: rgba(255,255,255,0.6);}
	.p2_flex>div:first-child>div{ margin: 0 0 5px 0;}
	.p2_flex>div:last-child{ width: calc(100% - 600px); text-align: center;}
	.p2_img{ text-align: center;}
	.p2_img img{ width: 380px; height: auto;}
	.p2_img div{ margin: 10px 0 0 0; font-size: 14px;}
}
@media (max-width: 767.98px) {
	.p2_flex{ margin: 30px 0 0 0;}
	.p2_flex>div:first-child{ width: 100%; margin: 0 0 30px 0; border: 1px solid #ddd; padding: 15px; background-color: rgba(255,255,255,0.6);}
	.p2_flex>div:first-child>div{ margin: 0 0 5px 0;}
	.p2_flex>div:last-child{ width: 100%; text-align: center;}
	.p2_img{ text-align: center;}
	.p2_img img{ width: 100%; max-width: 390px; height: auto;}
	.p2_img div{ margin: 10px 0 0 0; font-size: 14px;}
}


/* 車庫証明の発行 */
@media (min-width: 768px) {
	.btn_box{ width: 320px; height: 50px; background-color: #2661ad; color: #fff; transition: all 0.5s ease 0s; position: relative; margin: 20px 0 0 0;}
	.btn_box>a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #fff;}
	.btn_box::after{ content: ""; background-image: url("../../images/yajirushi2.png"); position: absolute; width: 21px; height: 17px; right: 10px; top: 16px; background-size: 21px 17px;}
	.btn_roundbox{ width: 320px; height: 38px; background-color: #3abcef; color: #fff; transition: all 0.5s ease 0s; position: relative; margin: 20px 0 0 0; border-radius: 20px;}
	.btn_roundbox2{ width: 480px;}
	.btn_roundbox3{ width: 480px; margin: 20px 0;}
	.btn_roundbox>a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #fff;}
	.btn_roundbox::after{ content: ""; background-image: url("../../images/yajirushi2.png"); position: absolute; width: 21px; height: 17px; right: 15px; top: 10px; background-size: 21px 17px;}
}
@media (max-width: 767.98px) {
	.btn_box{ width: 100%; max-width: 300px; height: 50px; background-color: #2661ad; color: #fff; transition: all 0.5s ease 0s; position: relative; margin: 20px 0 0 0;}
	.btn_box>a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #fff;}
	.btn_box::after{ content: ""; background-image: url("../../images/yajirushi2.png"); position: absolute; width: 21px; height: 17px; right: 10px; top: 16px; background-size: 21px 17px;}
	.btn_roundbox{ width: 100%; max-width: 300px; height: 38px; background-color: #3abcef; color: #fff; transition: all 0.5s ease 0s; position: relative; margin: 20px 0 0 0; border-radius: 20px;}
	.btn_roundbox2{ height: 52px; border-radius: 30px;}
	.btn_roundbox3{ height: 52px; border-radius: 30px; margin: 20px 0;}
	.btn_roundbox>a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; color: #fff;}
	.btn_roundbox::after{ content: ""; background-image: url("../../images/yajirushi2.png"); position: absolute; width: 21px; height: 17px; right: 15px; top: 10px; background-size: 21px 17px;}
	.btn_roundbox2::after,.btn_roundbox3::after{ top: calc(50% - 8px);}
}


/* 入居中のお困りごと 共通 */
@media (min-width: 768px) {
	.t1_flex{ display: flex; align-items: flex-start; margin: 50px 0 0 0;}
	.t1_flex>div:first-child{ width: 540px; margin: 0 40px 0 0;}
	.t1_flex>div:first-child>div{ margin: 0 0 5px 0;}
	.t1_flex>div:last-child{ width: calc(100% - 580px); text-align: center;}
	.t1_img{ text-align: center;}
	.t1_img img{ width: 390px; height: auto;}
	.t1_img div{ margin: 10px 0 0 0; font-size: 14px;}
	
	.contact_box{ border: 1px solid #999; margin: 60px 0 0 0; text-align: center;}
	.contact_box>strong{ background-color: #999; color: #fff; display: block; padding: 10px; text-align: center; font-size: 18px;}
	.contact_flex{ display: flex; justify-content: center; align-items: center; padding: 20px; background-color: rgba(255,255,255,0.6);}
	.contact_flex>div:first-child{ width: 50%; border-right: 1px solid #999; padding: 10px;}
	.contact_flex>div strong{ font-size: 16px; display: block; margin: 0 0 10px 0; font-weight: normal;}
	.contact_flex>div:first-child .tel{ font-size: 24px; display: block; font-weight: bold;}
	.contact_flex>div:last-child{ width: 50%; padding: 10px;}
	.contact_flex .btn_box{ margin: 0 auto 5px!important;}
	
	.trouble_p{ text-align: center;}
	.trouble_p img{ width: 36px; height: auto; display: block; margin: 0 auto 30px;}
	.trouble_p img.t3{ width: 80px; height: auto; display: block; margin: 0 auto 30px;}
}
@media (max-width: 767.98px) {
	.t1_flex{ margin: 30px 0 0 0;}
	.t1_flex>div:first-child{ width: 100%; margin: 0 0 30px 0;}
	.t1_flex>div:first-child>div{ margin: 0 0 5px 0;}
	.t1_flex>div:last-child{ width: 100%; text-align: center;}
	.t1_img{ text-align: center;}
	.t1_img img{ width: 100%; max-width: 390px; height: auto;}
	.t1_img div{ margin: 10px 0 0 0; font-size: 14px;}
	
	.contact_box{ border: 1px solid #999; margin: 30px 0 0 0; text-align: center;}
	.contact_box>strong{ background-color: #999; color: #fff; display: block; padding: 10px; text-align: center; font-size: 16px;}
	.contact_flex{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 10px; background-color: rgba(255,255,255,0.6);}
	.contact_flex>div:first-child{ width: 100%; border-bottom: 1px solid #999; padding: 10px 10px 20px 10px;}
	.contact_flex>div strong{ font-size: 14px; display: block; margin: 0 0 10px 0; font-weight: normal;}
	.contact_flex>div:first-child .tel{ font-size: 20px; display: block; font-weight: bold;}
	.contact_flex>div:last-child{ width: 100%; padding: 20px 10px 10px 10px;}
	.contact_flex .btn_box{ margin: 0 auto 5px!important;}
	
	.trouble_p{ text-align: center;}
	.trouble_p img{ width: 36px; height: auto; display: block; margin: 0 auto 30px;}
	.trouble_p img.t3{ width: 76px; height: auto; display: block; margin: 0 auto 30px;}
}


/* 住まいのQ&A */
@media (min-width: 768px) {
	.qa_list{ margin: 0; padding: 0; list-style: none;}
	.qa_list li{ margin: 0; border-bottom: 1px dashed #2661ad; padding: 30px 20px;}
	
	.qa_list_flex_q{ display: flex; align-items: center; margin: 0 0 20px 0;}
	.qa_list_flex_q>div:first-child{ width: 80px;}
	.qa_list_flex_q>div:first-child img{ width: 40px; height: auto;}
	.qa_list_flex_q>div:last-child{ width: calc(100% - 80px); font-weight: bold; font-size: 20px;}
	
	.qa_list_flex_a{ display: flex;}
	.qa_list_flex_a>div:first-child{ width: 80px;}
	.qa_list_flex_a>div:first-child img{ width: 40px; height: auto;}
	.qa_list_flex_a>div:last-child{ width: calc(100% - 80px);}
	
	.t3_box{ border: 1px solid #ddd; padding: 20px; background-color: rgba(255,255,255,0.6); margin: 20px 0 0 0;}
	.t3_tb{ width: 100%;}
	.t3_tb th{ width: 30px; vertical-align: top;}
}
@media (max-width: 767.98px) {
	.qa_list{ margin: 0; padding: 0; list-style: none;}
	.qa_list li{ margin: 0; border-bottom: 1px dashed #2661ad; padding: 20px 0;}

	.qa_list_flex_q{ display: flex; align-items: center; margin: 0 0 15px 0;}
	.qa_list_flex_q>div:first-child{ width: 40px;}
	.qa_list_flex_q>div:first-child img{ width: 30px; height: auto;}
	.qa_list_flex_q>div:last-child{ width: calc(100% - 40px); font-weight: bold; font-size: 16px;}
	
	.qa_list_flex_a{ display: flex;}
	.qa_list_flex_a>div:first-child{ width: 40px;}
	.qa_list_flex_a>div:first-child img{ width: 30px; height: auto;}
	.qa_list_flex_a>div:last-child{ width: calc(100% - 40px);}
	
	.t3_box{ border: 1px solid #ddd; padding: 15px; background-color: rgba(255,255,255,0.6); margin: 20px 0 0 0;}
	.t3_tb{ width: 100%;}
	.t3_tb th{ width: 30px; vertical-align: top;}
}


/* Youtube */
@media (min-width: 768px) {
	.youtube_list{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
	.youtube_list li{ margin: 0 0 40px 0; padding: 0; width: 495px;}
	.youtube_list li:nth-child(odd){ margin-right: 50px;}
	.youtube_list li:last-child,.youtube_list li:nth-last-child(2):nth-child(odd) { margin-bottom: 0;}
	.youtube_list_title{ margin: 5px 0 0 0;}
	

}
@media (max-width: 767.98px) {
	.youtube_list{ margin: 0; padding: 0; list-style: none;}
	.youtube_list li{ margin: 0 0 30px 0; padding: 0;}
	.youtube_list li:last-child { margin-bottom: 0;}
	.youtube_list_title{ margin: 5px 0 0 0;}
}


/* LINE */
@media (min-width: 768px) {
	.line_img{ text-align: center;}
	.line_img img{ width: 100px;}
	
	.line_flow_img img{ width: 250px; margin: 0 20px 0 0;}
	.line_flow_img img:last-child{ width: 250px; margin: 0;}
	.line_flow_img img.imga{ width: 140px;}
	.line_flow_img img.imgb{ width: 100px; margin: 0 20px 0 0;}
	
	.line_ul{ margin: 0 auto; padding: 0; list-style: none; width: 520px; font-size: 18px;}
	.line_ul li{ margin: 0 0 10px 0;}
	.line_ul span{ color: #fff; display: inline-flex; margin: 0 10px 0 0; font-weight: bold; background-color: #06c755; width: 24px; height: 24px; justify-content: center; align-items: center; font-size: 20px; border-radius: 5px;}
	.line_ul div{ display: inline-block;}
	
	.line_p{ margin: 30px 0 20px; text-align: center;}
	.line_p2{ margin: 40px auto 0 auto; background-color: #06c755; font-size: 22px; font-weight: bold; text-align: center; padding: 10px 30px; color: #fff; width: 700px; border-radius: 50px;}
	.line_p3{ margin: 40px auto 60px auto; width: 490px;}
	
	.contact_box_line{ display: block; border: 1px solid #999; margin: 60px auto 0; width: 100%;}
	.contact_box_line>strong{ display: block; background-color: #999; color: #fff; padding: 15px; text-align: center;}
	.contact_box_line>div{ display: block; padding: 15px; background-color: rgba(255,255,255,0.6); text-align: center;}
	.contact_box_line>div .btn_box{ margin: 20px auto 0;}
}
@media (max-width: 767.98px) {
	.line_img{ text-align: center;}
	.line_img img{ width: 100px;}
	
	.line_flow_img{ display: flex; flex-wrap: wrap; margin: 20px 0;}
	.line_flow_img img:nth-child(odd){ width: 48%; margin: 0 2% 10px 0;}
	.line_flow_img img:nth-child(even){ width: 48%; margin: 0 0 10px 2%;}
	.line_flow_img img.imga{ width: 140px; margin: 10px 0 0 10px;}
	.line_flow_img img.imgb{ width: 100px; margin: 0 0 0 0;}
	
	.line_ul{ margin: 0 auto; padding: 0; list-style: none; width: 100%; font-size: 14px;}
	.line_ul li{ margin: 0 0 10px 0; display: flex;}
	.line_ul span{ color: #fff; display: inline-flex; margin: 0 10px 0 0; font-weight: bold; background-color: #06c755; width: 20px; height: 20px; justify-content: center; align-items: center; font-size: 16px; border-radius: 5px;}
	.line_ul div{ display: inline-block; width: calc(100% - 20px);}
	
	.line_p{ margin: 30px 0 20px; text-align: center;}
	.line_p2{ margin: 30px auto 0 auto; background-color: #06c755; font-size: 16px; font-weight: bold; text-align: center; padding: 10px 30px; color: #fff; width: 100%; border-radius: 50px;}
	.line_p3{ margin: 30px auto 40px auto; width: 100%;}
	
	.contact_box_line{ display: block; border: 1px solid #999; margin: 30px auto 0; width: 100%;}
	.contact_box_line>strong{ display: block; background-color: #999; color: #fff; padding: 15px; text-align: center;}
	.contact_box_line>div{ display: block; padding: 15px; background-color: rgba(255,255,255,0.6); text-align: center;}
	.contact_box_line>div .btn_box{ margin: 20px auto 0;}
}

@media (min-width: 768px) {
	.flow2 { padding-left: 120px; position: relative; list-style: none; margin: 0;}
	.flow2::before { content: ""; width: 15px; height: 100%; background: #eee; margin-left: -8px; display: block; position: absolute; top: 0; left: 120px;}
	.flow2>li { position: relative; margin-bottom: 60px;}
	.flow2>li:last-child { margin-bottom: 0;}
	.flow2>li .icon { font-size: 14px; color: #fff; background: #06c755;; padding: 8px 16px; display: block; position: absolute; top: 0; left: -120px; z-index: 100; font-weight: bold;}
	.flow2>li .icon::after { content: ""; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #06c755; position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.flow2>li dl { padding-left: 70px; position: relative; margin: 0;}
	.flow2>li dl::before,.flow>li dl::after { content: ""; display: block; position: absolute; top: 18px;}
	.flow2>li dl::before { width: 7px; height: 7px; margin-top: -3px; background: #049941; border-radius: 50%; left: -4px;}
	.flow2>li dl::after { width: 50px; border-bottom: 1px dashed #999; position: absolute; left: 5px;}
	.flow2>li dl dt { font-size: 22px; font-weight: 600; color: #049941; margin-bottom: 20px; padding: 3px 0 0 0;}
	.flow2>li dl dd { margin-bottom: 0;}
	.flow2>li dl dd strong.strong_title{ display: block; font-size: 18px; margin: 0 0 10px 0;}
	.flow2>li dl dd strong.strong_title2{ display: block; font-size: 16px; margin: 5px 0;}
	.flow2>li dl p{ margin: 30px 0 20px;}
	.flow2>li dl p.p2{ margin: 30px 0 0;}
}
@media (max-width: 767.98px) {
	.flow2 { list-style: none; padding: 0; margin: 0;}
	.flow2>li { position: relative; margin-bottom: 40px;}
	.flow2>li:last-child { margin-bottom: 0;}
	.flow2>li .icon { font-size: 14px; color: #fff; background: #06c755; padding: 8px 16px; display: block; z-index: 100; font-weight: bold; margin: 0 0 20px 0;}
	.flow2>li dl { position: relative; margin: 0;}	
	.flow2>li dl dt { font-size: 18px; font-weight: 600; color: #049941; margin-bottom: 20px; padding: 3px 0 0 0;}
	.flow2>li dl dd { margin-bottom: 0;}
	.flow2>li dl dd strong.strong_title{ display: block; font-size: 16px; margin: 0 0 10px 0;}
	.flow2>li dl dd strong.strong_title2{ display: block; font-size: 14px; margin: 5px 0;}
	.flow2>li dl p{ margin: 0;}
}


@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}


/* 20231204追加 */
@media (min-width: 768px) {
	.icon_list{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.icon_list li{ width: 19%; height: 200px; background-color: #fff; border-radius: 10px; margin: 0 0 20px 0; padding: 20px; position: relative; text-align: center; border: 3px solid #4798da;}
	.icon_list li a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.icon_list li a:hover::after{ content: ""; border: 2px solid #4798da; position: absolute; width: 185.5px; height: 188px; top: 3px; left: 3px; border-radius: 5px;}
	.icon_list li a img{ width: 41px; display: block; position: relative; top: -30px;}
	.icon_list li a img.icon_a{ width: 50px;}
	.icon_list li a img.icon_b{ width: 55px;}
	.icon_list li a img.icon_c{ width: 60px;}
	.icon_list li a img.icon_d{ width: 65px;}
	.icon_list li a img.icon_e{ width: 75px;}
	.icon_list li a h4{ margin: 20px 0 0 0; font-size: 17px; position: absolute; bottom: 25px;}
	.icon_list li a h4 strong{ display: block; font-size: 20px; color: #2661ad;}
	
	.kuraseed{ text-align: center; margin: 0 0 40px 0;}
	.kuraseed img{ width: 800px;}
}
@media (max-width: 767.98px) {
	.icon_list{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.icon_list li{ width: 49%; height: 170px; background-color: #fff; border-radius: 10px; margin: 0 0 15px 0; padding: 20px; position: relative; text-align: center; border: 3px solid #4798da;}
	.icon_list li a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.icon_list li a img{ width: 41px; display: block; position: relative; top: -30px;}
	.icon_list li a img.icon_a{ width: 50px;}
	.icon_list li a img.icon_b{ width: 55px;}
	.icon_list li a img.icon_c{ width: 60px;}
	.icon_list li a img.icon_d{ width: 65px;}
	.icon_list li a img.icon_e{ width: 75px;}
	.icon_list li a h4{ margin: 20px 0 0 0; font-size: 16px; position: absolute; bottom: 20px;}
	.icon_list li a h4 strong{ display: block; font-size: 18px; color: #2661ad;}
	
	.kuraseed{ text-align: center; margin: 0 0 30px 0;}
	.kuraseed img{ width: 100%;}
}


/* よくある質問 */
@media (min-width: 768px) {
	.question{ margin: 30px 0 0 0;}
	.question>div{ background-color: #479cde; color: #fff; border-radius: 10px; padding: 30px; position: relative; background-image: url("../../images/back2.png"); background-size: 170px; background-position: bottom right; background-repeat: no-repeat; z-index: 2; transition: all .3s;}
	.question>div a{ display: flex; align-items: center;}
	.question>div span{ font-size: 24px; font-weight: bold; display: inline-flex; align-items: center; margin: 0 20px 0 0;}
	.question>div:first-child{ background-color: #479cde; background-image: url("../../images/back2.png"); font-size: 20px;}
	.question>div:last-child{ border: 1px solid #479cde; background-color: #fff; color: #141414; background-image: url("../../images/back2_blue.png"); margin: 20px 0 0 0;}
	.question>div:last-child>div{ display: flex; align-content: center;}
	.question>div:last-child p{ margin: 0;}
}
@media (max-width: 767.98px) {	
	.question{ margin: 20px 0 0 0;}
	.question>div{ background-color: #479cde; color: #fff; border-radius: 10px; padding: 20px; position: relative; background-image: url("../../images/back2.png"); background-size: 110px; background-position: bottom right; background-repeat: no-repeat; z-index: 2; transition: all .3s;}
	.question>div a{ display: flex; align-items: center;}
	.question>div span{ font-size: 16px; font-weight: bold; display: inline-flex; align-items: center; margin: 0 15px 0 0;}
	.question>div:first-child{ background-color: #479cde; background-image: url("../../images/back2.png"); font-size: 14px;}
	.question>div:last-child{ border: 1px solid #479cde; background-color: #fff; color: #141414; background-image: url("../../images/back2_blue.png"); margin: 20px 0 0 0;}
	.question>div:last-child>div{ display: flex; align-content: center;}
	.question>div:last-child p{ margin: 0; overflow-wrap: anywhere;}
}


@media (min-width: 768px) {
	.detail_box{ margin: 0 0 20px 0; padding: 10px;}
	.detail_box .trouble_title{ z-index: 3; position: relative; background-color: #479cde; padding: 20px 60px 20px 20px; color: #fff; border-radius: 7px;}
	.detail_box .trouble_title::before{ content: ""; background-color: #fff; z-index: 2; transition: .3s; position: absolute; right: 32px; top: calc(50% - 8px); width: 2px; height: 18px;}
	.detail_box .trouble_title::after{ content: ""; background-color: #fff; z-index: 2; transition: .3s; position: absolute; right: 24px; top: calc(50% - 1px); width: 18px; height: 2px;}
	.detail_box .trouble_title.open::before{ display: none;}
	.detail_box .trouble_title.open::after{ content: ""; font-size: 30px; position: absolute; right: 24px; top: calc(50% - 1px);}
	.detail_box .trouble_title.open{ border-radius: 7px 7px 0 0;}
	.detail_box .trouble_title .midashi04{ margin: 0; font-size: 26px;}
	.detail_box .question_box{ background-color: #fff; border: 2px solid #479cde; padding: 20px; border-radius: 0 0 7px 7px}
	
	.news_detail_box{ display: flex;}
	.sp-image-container img{ width: 360px!important; height: auto;}
	
	.news_detail_box .text_box { width: 630px; margin: 0 50px 0 0;}
	.news_detail_box .midashi04{ font-size: 26px; padding: 10px 0 20px 0; color: #2761ae; margin: 0;}
	.news_detail_box .text_box time{ }
	.news_detail_box .text_box time span{ display: inline-block; padding: 0 0 0 10px; position: relative; top: 5px;}
	.news_detail_box .text_box time::before{ content: ""; border-bottom: 1px solid #2761ae; width: 50px; height: 2px; display: inline-block;}
	.news_detail_box .text_box .category{ width: 100px; margin: 0 10px; padding: 0; font-size: 12px; border: 1px solid #ddd; border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; position: relative; top: 5px;}
	.news_detail_box .text_box .category1{ border: 1px solid #2998c7;}
	.news_detail_box .text_box .category2{ border: 1px solid #e83417;}
	.news_detail_box .text_box .category3{ border: 1px solid #4da846;} 
	.news_detail_box .text_box .category4{ border: 1px solid #ff9000;} 
	.news_detail_box .text_box p{ margin: 0;}
	.news_detail_box .text_box.noimage{ width: 1040px; margin: 0;}
	.news_detail_box .text_box a{ color: #2998c7; background-color: #fff;}
	.news_detail_box .text_box a:hover{ color: #1d87b4;}

	.news_detail_box .image_box{ min-width: 360px;}
}
@media (max-width: 767.98px) {
	.detail_box{ margin: 0 0 5px 0; padding: 10px;}
	.detail_box .trouble_title{ z-index: 3; position: relative; background-color: #479cde; padding: 15px 30px 15px 15px; color: #fff; border-radius: 7px;}
	.detail_box .trouble_title::before{ content: ""; background-color: #fff; z-index: 2; transition: .3s; position: absolute; right: 21px; top: calc(50% - 8px); width: 2px; height: 16px;}
	.detail_box .trouble_title::after{ content: ""; background-color: #fff; z-index: 2; transition: .3s; position: absolute; right: 14px; top: calc(50% - 1px); width: 16px; height: 2px;}
	.detail_box .trouble_title.open::before{ display: none;}
	.detail_box .trouble_title.open::after{ content: ""; font-size: 30px; position: absolute; right: 14px; top: calc(50% - 1px);}
	.detail_box .trouble_title.open{ border-radius: 7px 7px 0 0;}
	.detail_box .trouble_title .midashi04{ margin: 0; font-size: 16px;}
	.detail_box .question_box{ background-color: #fff; border: 2px solid #479cde; padding: 20px; border-radius: 0 0 7px 7px}
	
	.news_detail_box .image_box{ width: 100%; height: auto; text-align: center; margin-top: 30px;}
	
	.news_detail_box .text_box { width: 100%; margin: 0 50px 0 0;}
	.news_detail_box .midashi04{ font-size: 16px; padding: 10px 0 10px 0; color: #2761ae; margin: 0;}
	.news_detail_box .text_box time{ }
	.news_detail_box .text_box time span{ display: inline-block; padding: 0 0 0 10px; position: relative; top: 5px;}
	.news_detail_box .text_box time::before{ content: ""; border-bottom: 1px solid #2761ae; width: 25px; height: 1px; display: inline-block;}
	.news_detail_box .text_box .category{ width: 100px; margin: 0 10px; padding: 0; font-size: 12px; border: 1px solid #ddd; border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; position: relative; top: 5px;}
	.news_detail_box .text_box .category1{ border: 1px solid #2998c7;}
	.news_detail_box .text_box .category2{ border: 1px solid #e83417;}
	.news_detail_box .text_box .category3{ border: 1px solid #4da846;} 
	.news_detail_box .text_box .category4{ border: 1px solid #ff9000;} 
	.news_detail_box .text_box p{ margin: 0;}
	.news_detail_box .text_box a{ color: #2998c7; background-color: #fff;}
	.news_detail_box .text_box a:hover{ color: #1d87b4;}
}


@media (min-width: 768px) {
	.movie_box{ margin: 40px 0 0 0; text-align: center;}
	
	.contact_form{ text-align: center; margin: 40px 0 0 0;}
	.contact_form strong{ font-size: 16px; display: block; margin: 0 0 10px 0; font-weight: normal;}
	.contact_form>div{ margin: 0 auto;}
	
	.title_icon{ text-align: center; margin: 0 0 25px 0;}
	.title_icon img{ max-width: 60px; max-height: 60px;}
}
@media (max-width: 767px) {
	.movie_box{ margin: 30px 0 0 0; text-align: center; position: relative; width: 100%; padding-top: 56.25%;}
	.movie_box iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
	
	.contact_form{ text-align: center; margin: 40px 0 0 0;}
	.contact_form strong{ font-size: 16px; display: block; margin: 0 0 10px 0; font-weight: normal;}
	.contact_form>div{ margin: 0 auto;}
	
	.title_icon{ text-align: center; margin: 0 0 20px 0;}
	.title_icon img{ max-width: 50px; max-height: 50px;}
}

@media (min-width: 768px) {
	.at_p{ border: 1px solid #000; padding: 20px; display: block; margin: 20px auto 40px; width: 850px; text-align: center; background-color: #fff;}
	.at_p strong{ font-size: 18px;}
	.lightblue_back{ background-color: #e3f2fc;}
	.back_none{ background-image: none;}
	.mb0{ margin-bottom: 20px;}
	
	.procedure_p{ margin-bottom: 40px;}
}
@media (max-width: 767.98px) {
	.at_p{ border: 1px solid #000; padding: 15px; display: block; margin: 20px auto 40px; width: 100%; text-align: center; background-color: #fff;}
	.at_p strong{ font-size: 16px;}
	.lightblue_back{ background-color: #e3f2fc;}
	.back_none{ background-image: none; margin: 0;}
	.mb0{ margin-bottom: 20px;}
	
	.procedure_p{ margin-bottom: 40px;}
}


@media (min-width: 768px) {
	.title_box3 .btn_right{ position: absolute; right: 0; bottom: 0; text-align: right; margin: 0;}
	.title_box3 .btn_right a{ border-bottom: 4px double #000; padding: 10px 10px; font-size: 18px; color: #000;}
	.title_box3 .btn_right a img{ width: 9px; margin: 0 0 0 10px; position: relative; top: -2px;}
	#trouble{ padding-top: 180px; margin-top: -180px;}
	
	.contact_box_sl{ width: 500px; margin: 40px auto 0;}
	.contact_box_sl>div>div{ width: 100%!important; border-right: 0!important;}
	
	.form_center{ text-align: center;}
	.form_attention{ padding: 20px; border: 1px solid #000; background-color: #fff; font-size: 15px;}
	.form_attention ul{ margin: 0 auto 0 16px; padding: 0; list-style: none;}
	.form_attention ul span:first-child{ width: 300px; display: inline-block;}
	.form_attention ul span:last-child{ width: 300px; display: inline-block;}
}
@media (max-width: 767.98px) {
	.title_box3_btn{ margin-bottom: 80px;}
	.title_box3 .btn_right{ position: absolute; right: 0; bottom: -60px; text-align: right; margin: 0;}
	.title_box3 .btn_right a{ font-size: 14px; border-bottom: 4px double #000; padding: 5px 8px; color: #000;}
	.title_box3 .btn_right a img{ width: 7px; margin: 0 0 0 10px; position: relative; top: -2px;}
	#trouble{ padding-top: 90px; margin-top: -90px;}
	
	.contact_box_sl>div>div{ border-bottom: 0!important;}
	
	.form_center{ text-align: center;}
	.form_attention{ padding: 20px; border: 1px solid #000; background-color: #fff; font-size: 14px;}
	.form_attention ul{ margin: 0 auto 0; padding: 0; list-style: none;}
	.form_attention ul span:first-child{ display: block;}
	.form_attention ul span:last-child{ display: block; margin: 0 0 7px 0;}
}

@media (min-width: 768px) {
	.conditions_memo{ font-size: 14px; margin-top: 50px; background-color: rgba(255,255,255,0.8); padding: 20px; border-radius: 10px; text-align: center; border: 1px solid #3abcef;}
	.conditions_memo a{ color: #2661ad; text-decoration: underline;}
	.conditions_check{ margin-top: 20px; text-align: center; font-size: 15px;}

	.contact_form_checked{ display: none;}
	.check_input{ margin: 0 10px 0 0;}
}
@media (max-width: 767.98px) {
	.conditions_memo{ text-align: center; font-size: 14px; margin-top: 30px; background-color: rgba(255,255,255,0.8); border: 1px solid #3abcef; padding: 20px; border-radius: 10px;}
	.conditions_memo a{ color: #2661ad; text-decoration: underline;}
	.conditions_check{ margin-top: 20px; text-align: center; font-size: 13px;}

	.contact_form_checked{ display: none;}
	.check_input{ margin: 0 10px 0 0;}
}

@media (min-width: 768px) {
	.parking_btn_flex{ display: flex;}
	.parking_btn_flex .business_btn_box2{ display: flex; margin: 0 auto; position: relative;}
	.parking_btn_flex .business_btn_box2>a{ width: 480px; background-color: #2661ad; margin: 0 auto; height: 280px; position: relative; transition: all 0.5s ease 0s;}
	.parking_btn_flex .business_btn_box2>a>div>div{ border: 1px solid #fff; margin: 10px; width: 460px; height: 260px; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; position: relative;}
	.parking_btn_flex .business_btn_box2>a>div>div span{ position: relative; top: -10px; line-height: 1.5;}
	.parking_btn_flex .business_btn_box2>a>div { display: inline-flex; justify-content: center; align-items: center; color: #2661ad; font-size: 24px; width: 100%; height: 100%;}
	.parking_btn_flex .business_btn_box2>a:hover{ background-color: #2661ad;}
	.parking_btn_flex .business_btn_box2>a:hover>div>div{ border: 1px solid #fff; color: #fff;}
	.parking_btn_flex .business_btn_box2>a:hover>div>div span{ }
	.parking_btn_flex .business_btn_box2 .click_btn{ background-color: #fff; display: flex; justify-content: center; align-items: center; width: 180px; height: 44px; position: absolute; bottom: 10px; right: 10px; font-size: 20px; font-weight: 500;}
	.parking_btn_flex .business_btn_box2 .click_btn img{ width: 24px; position: absolute; right: 10px;}
	.parking_btn_flex .business_btn_box2>a:hover{ opacity: 0.85;}
	.parking_btn_flex h4{ display: inline-block; border-bottom: 1px solid #fff; font-weight: normal; margin: 0 0 15px 0;}
	.select_p{ text-align: center; font-size: 26px; margin: 0 0 30px 0;}
}
@media (max-width: 767.98px) {
	.parking_btn_flex{ display: flex; flex-wrap: wrap;}
	.parking_btn_flex .business_btn_box2{ display: flex; margin: 10px 0; position: relative; width: 100%;}
	.parking_btn_flex .business_btn_box2>a{ width: 100%; background-color: #2661ad; margin: 0; height: 220px; position: relative;}
	.parking_btn_flex .business_btn_box2>a>div>div{ border: 1px solid #fff; margin: 10px; width: calc(100% - 20px); height: 200px; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; position: relative;}
	.parking_btn_flex .business_btn_box2>a>div>div span{ position: relative; top: -10px}
	.parking_btn_flex .business_btn_box2>a>div a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
	.parking_btn_flex .business_btn_box2 .click_btn{ background-color: #fff; display: flex; justify-content: center; align-items: center; width: 120px; height: 34px; position: absolute; bottom: 10px; right: 10px; font-size: 16px; font-weight: 500; color: #2661ad;}
	.parking_btn_flex .business_btn_box2 .click_btn img{ width: 18px; position: absolute; right: 8px;}
	.parking_btn_flex h4{ display: inline-block; border-bottom: 1px solid #fff; font-weight: normal; margin: 0 0 15px 0; font-size: 20px;}
	.select_p{ text-align: center; font-size: 20px; margin: 0 0 20px 0;}
}