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

/*-------------------------------------
reset
---------------------------------------*/

html {
	font-size: 62.5%;
	overflow-y: scroll; 
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	padding:0; margin:0;
	color:#727171;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
}
#bg_pink{background: #fbe8e8;}
body {
	font-size:18px; font-size:1.8rem;
	line-height:1.8;
	margin:0;
	padding:0;
	position: relative;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}

ol,ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}


address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal; text-align: center;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

img { line-height: 1; vertical-align: bottom;}
.pc{display: block;}
.sp{display: none;}
.sp_only{display: none;}
.mb{display: none;}

.animation {
	animation: btn 3.5s ease infinite;
}
@keyframes btn {
	0% { transform:translateX(0) }
	5% { transform:translateX(0) }
	10% { transform:translateX(0) }
	20% { transform:translateX(-15px) }
	25% { transform:translateX(0) }
	30% { transform:translateX(-15px) }
	50% { transform:translateX(0) }
	70% { transform:translateX(-15px) }
	75% { transform:translateX(0) }
	80% { transform:translateX(-15px) }
	100% { transform:translateX(0) }
}


/*-------------------------------------
contents
---------------------------------------*/
.txt_blue{color: #4cc3cd}
.f_bic{font-size: 30px; font-weight: bold;}

.cv_btn{font-weight: bold; color: #fff; background: #d26c6d url("../images/icon01.png") no-repeat 20% 50%; background-size: 15%; text-decoration: none; text-align: center; border-radius: 10px; padding: 10px 10px 10px 50px; box-shadow: 0 4px #b12527; font-size: 16px; display: block; width: 144px;}
.cv_btn:hover{background-color: #f6a7a8; box-shadow: 0 4px #cb5859;}

.cv_btn01{display: block; font-weight: bold; color: #fff; background: #d26c6d url("../images/icon01.png") no-repeat 20% 50%; background-size: 10%; text-decoration: none; text-align: center; border-radius: 10px; padding: 10px 10px 10px 50px; box-shadow: 0 6px #b12527; width: 30%; margin: 10px auto; font-size: 24px; position: absolute; top: 460px; right:60px;}
.cv_btn01:hover{background-color: #f6a7a8; box-shadow: 0 4px #cb5859;}

.cv_btn02{display: block; font-weight: bold; color: #fff; background: #d26c6d url("../images/icon01.png") no-repeat 26% 50%; background-size: 10%; text-decoration: none; text-align: center; border-radius: 10px; padding: 10px 10px 10px 50px; box-shadow: 0 6px #b12527; width: 40%; margin: 10px auto; font-size: 24px;}
.cv_btn02:hover{background-color: #f6a7a8; box-shadow: 0 4px #cb5859;}

header img{width: 100%;}
header{background:#fff; position: fixed; top: 0; width: 100%; z-index: 9999}
header #h_inner{width: 1100px; margin: 0 auto; padding: 20px 0; display: flex; justify-content: space-between;
  align-items: center;}
header #h_inner h1{width: 25%;}
header #h_inner #tel {margin-left: 32%; width: 20%;}
header #h_inner .cv_btn{font-weight: bold; color: #fff; background: #d26c6d url("../images/icon01.png") no-repeat 8% 40%; background-size: 15%; text-decoration: none; text-align: center; border-radius: 10px; padding: 10px 10px 10px 50px; margin-left: auto; box-shadow: 0 4px #b12527; display: block; width: 14%;}
header #h_inner .cv_btn:hover{background-color: #f6a7a8; box-shadow: 0 4px #cb5859;}

/* 変更部分(ファーストビューのデザイン変更)*/

#main_conts{width:100%; height:605px; margin: 0 auto; margin-top:102.025px; display:flex;}
#main_conts .main_img{width:60%; height:auto;}
#main_conts .main_img img{object-fit: cover; width:100%; height:100%;}
#main_conts .main_title h2{font-size:24px; font-weight:bold;}
#main_conts .main_title .chg_color{font-size:26px; color:#4CC3CD;}
#main_conts .main_title .chg_size{font-size:70px; color:#D26C6D}
#main_conts .main_text{position: absolute; top:100px; right:20px; text-align: center;}
#main_conts .sub_title{position: absolute; top:350px; right:160px; margin-bottom: 20px;}
#main_conts .sub_title p{font-size:20px; font-weight:bold;}
#main_conts .sub_title .chg_txt_pink{font-size:24px; color:#D26C6D;} 
#main_conts .sub_title .chg_txt_pink::after{content:"(税込)"; color:#D26C6D; font-size:18px;}

#main_img h2{position: absolute; top:55px; right: 0;}
#main_img h2 img{width: 515px;}
#main_img p{position: absolute; top: 300px; right: 87px}
#main_img p img{width: 336px;}
.camp_info{background: #faf9f9; border: solid 2px #4cc3cd; border-radius: 10px; width: 410px; text-align: center; position: absolute; top: 365px; right: 100px; padding: 15px; font-weight: bold;}
.camp_info .chg_txt_red{font-size:24px; color:red;}
.conts01{background:url("../images/bg01.png");}
.conts01 .inner_conts01{width: 1100px; margin: 0 auto; padding: 65px 0; background: url("../images/hito.png") no-repeat left bottom; height: 400px;}
.conts01 .inner_conts01 h2{background: #f2f3f4; border-radius: 10px; font-size: 30px; font-weight: bold; padding: 10px 0; box-shadow: inset 2px 1px 4px 0 #adadae;}
.conts01 .inner_conts01 div{background: #fff; border:double 5px #b6b3b3; padding: 20px 10px; font-size: 20px; color: #727171; width: 62%; margin: 110px 0 0 384px; filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}
.conts01 .inner_conts01 div li{margin-bottom: 10px; background: url("../images/icon02.png") no-repeat 0 50%; background-size: 4%; padding-left:6%;}
.conts01 .inner_conts01 div li:last-child{margin-bottom: 0px;}
.conts01 h3{color: #fff; background: #f09192; font-weight: bold; font-size: 40px; padding: 10px 0; display: flex; justify-content: center; align-items: center; text-align: center;}
.conts01 h3::before,.conts01 h3::after {content: ''; width: 3px; height: 60px; background-color: #fff;}
.conts01 h3::before {margin-right: 30px; transform: rotate(-35deg)}
.conts01 h3::after {margin-left: 30px; transform: rotate(35deg)}

#wrap{width:1100px; margin: 0 auto; background: #fff; padding: 35px 50px;}
#wrap img{width: 100%;}
#wrap section{margin-bottom: 100px;}
.conts02 h2{font-size:22px; margin-bottom:40px;}
.conts02 h3{font-size:24px; font-weight: bold; margin:20px 0;}
.conts02 h3 span{border-bottom: 2px solid #4cc3cd; padding-bottom: 0.2em;}
.conts02 ul{display: flex; justify-content:space-between;}
.conts02 ul li{width: 330px;}
.conts03 h2,.conts04 h2,.conts05 h2,.conts06 h2,.conts07 h2,.conts08 h2,.conts09 h2{color: #fff; background: #f09192; font-size: 30px; border-radius: 10px; font-weight: bold; margin-bottom: 50px; padding: 10px 0;}
.conts03 h3{color:#f09192; font-size: 22px; font-weight: bold;}
.conts03 ul{display: flex; justify-content:space-between;}
.conts03 ul li{width: 320px;}
.conts03 img{margin: 10px 0 20px;}
.conts03 div{text-align: center; color: #4cc3cd; font-size: 40px; font-style: italic; font-family: Sylfaen;}
.conts04 p{text-align: center;}
.conts04 .txt01{color: #4cc3cd; font-weight: bold; font-size: 30px; text-align: center; margin-bottom: 35px;}
.conts04 .txt01 span{border-bottom:#4cc3cd double 5px;}
.conts04 .txt02{margin-bottom: 45px; font-size: 24px;}
.conts04 .price{ margin-bottom: 70px;}
.conts04 table{border: 2px solid #767474; width: 90%; margin: 0 auto;}
.conts04 table:first-child {margin-bottom: 30px;}
.conts04 td,.conts04 th{border: 1px solid #767474; font-size: 16px; text-align: center; padding: 10px;}
.conts04 th{background: #fbe8e8; font-weight:bold;}
.conts04 h3{color:#fff; background:url("../images/bg_camp.png") no-repeat; background-size: cover; font-size: 36px; font-weight: bold; margin-bottom: 30px;}
.conts04 .camp{width: 964px; margin: 0 auto;}
.conts04 .txt03{color: #0b9aa6; font-weight: bold; font-size: 30px; margin-bottom: 30px;}
.conts04 .txt03 span{font-size: 43px;
    background: linear-gradient(transparent 50%, #ecf248 0%);
    line-height: 1.3em;}
.conts04 .camp h4{margin-bottom: 15px;}
.conts04 .camp h4 span{border:1px solid #767474; padding: 5px;}
.conts04 .txt04{margin-bottom: 40px;}
.conts04 .txt04 span{font-weight: bold; font-size: 22px;}

/* ---------------------------------------
追加部分(サービス事例) 
------------------------------------------*/
.conts05 .service_wrapper{width:100%;}
.conts05 .service_wrapper .custom_title{color:#4CC3CD; font-size:24px; font-weight:bold; margin-bottom:30px;}
.conts05 .service_col{width:100%; display: flex; justify-content: space-between;}
.service_col .custom_info{width:45%;}
.custom_info .flex_space{width:100%; display: flex; justify-content: space-between; align-items: center;  border: #eeecec double 5px; border-radius: 10px; margin-bottom:15px;}
.flex_space .info_img{width:25%; text-align: center; padding-left:10px;}
.info_img{border-radius: 12px;}
.flex_space .info_txt{width:75%;}
.info_txt .info_title{text-align: left;}
.info_txt{padding:30px;}
.reverse{flex-direction: row-reverse;}
.reverse_margin{margin-left:20px;}
.service_col .custom_img{width:50%;}
.service_col .custom_img img{width:100%; border-radius:12px;}

/* --------------------------------------
サービス内容について
----------------------------------------- */
.use_flow{ width:100%;margin-top:20px; margin-bottom:60px; text-align: center;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.use_flow .flow_title{ font-size:18px; width:15%;color:#4CC3CD; border-bottom:3px dashed #4CC3CD;font-weight:bold; text-align: center; margin:0 auto; margin-bottom:20px; padding:12px; box-sizing: border-box;}
.use_flow .flow_list{ display:flex; justify-content: center; align-items: center; width:100%;  list-style: none;}
.use_flow .flow_list2{ display:flex; justify-content: center; align-items: center; width:100%;  list-style: none;}
.use_flow .flow_list li{ width:20%; border: 2px solid #4cc3cd; border-radius:10px; padding:11px; position:relative;box-sizing: border-box;}
.use_flow .flow_list2 li{ width:42%; border: 2px solid #4cc3cd; border-radius:10px; padding:11px; position:relative;box-sizing: border-box;}
.li_after{margin-right:5%;}
/* .li_after::after{content:''; position:absolute; top:50%; right:-35px; margin-top:-8px;width:0; height:0; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #333; } */
.li_after::after{content:'';position:absolute; top:25%; right:-40px; width: 25px; height: 25px; background-color: #4CC3CD; clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);}
/* --------------------------------------
クラウドケアからのメッセージ
----------------------------------------- */
.message_box{ background-color: rgb(253, 243, 243); border-radius:12px; padding:30px 40px; margin-bottom:60px;}
.message_box .message_title{text-align: center; font-weight:bold; margin-bottom:15px;}

.conts05 h3{font-size:22px; font-weight:bold; margin: 10px 0;}
.conts06 ul{display: flex; justify-content: space-between; margin-top: 100px;}
.conts06 li{background: #fdf3f3; border-radius: 10px; padding: 70px 15px 15px 15px; width: 206px; position: relative;}
#wrap .conts06 li img{position: absolute; top:-60px; left:0; right:0; margin: 0 auto; width: 115px;}
.conts06 h3{color:#4cc3cd; font-size:36px; margin-bottom: 20px;}
.conts06 h4{font-size: 17px; font-weight: bold; border-bottom: 1px solid; padding-bottom: 5px; margin-bottom: 10px;}
.conts06 p{font-size: 16px;}
.conts07{text-align: center;}
#wrap .conts07 img{width: 50%;}
.conts07 ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 70px;}
.conts07 ul li{width: 47%; text-align: left; font-size: 16px; margin-bottom: 40px;}
.conts07 ul li:nth-child(3),.conts07 ul li:nth-child(4){margin-bottom: 0;}
.conts07 ul li p{margin-bottom: 10px;}
.conts07 ul li h3{text-align: left; font-size: 22px; font-weight: bold; border-bottom: 1px solid #f09192; margin-bottom: 20px;}
.conts08 div{border:#eeecec double 5px; border-radius: 10px; padding: 20px; margin-bottom: 50px;}
.conts08 div ul{display: flex; justify-content: space-between;}
.conts08 div ul li:first-child{width: 17%; margin-right: 3%;}
.conts08 div ul li:last-child{width: 80%; margin-right: 3%;}
.conts08 div ul li h3{margin-top: 10px;}
.conts08 div ul li h3 span{border: 1px solid ; padding: 5px;}
.conts08 .info{font-weight: bold; margin-bottom: 10px;}
.conts08 .info span{color: #fff; background: #f09192; font-size: 0.9em; padding: 2px;}
.conts08 p:nth-child(2){margin-bottom: 30px;}
.conts09 div{padding-bottom: 50px; border-bottom: 1px solid #df6454; width: 90%; margin: 0 auto 60px;}
.conts09 dt{font-size: 24px; line-height: 28px; background: url("../images/icon_q.png") no-repeat 2% top; background-size: 3%; padding: 0px 0 10px 75px; margin-bottom: 20px;}
.conts09 dd{background: url("../images/icon_a.png") no-repeat 2% top; background-size: 3%; padding: 0 0 10px 75px;}
.conts09 p{margin: 20px 0 90px; padding-left: 75px;}
.conts09 .scroll_link{font-size: 2rem; font-size: bold; color: black; cursor: pointer; border-bottom: 2px solid black;}
footer{background: #f1f7fa; padding: 20px 0 80px; text-align: center; }
footer .copy{font-size: 12px;} 
footer a{text-decoration: underline;}
footer ul{display: flex; justify-content: center; margin-bottom: 40px;}
footer li{margin: 0 20px; font-size: 14px;}

/* ページ下部にボタンを追加(PC) */
.bottom-menu{display:none;}
.bottom-menu ul{display: flex; margin-bottom: 0;}

@media screen and (min-width: 1600px){
.main_conts .main_img img{height:100%;}
}
@media screen and (max-width: 1500px){
#main_img{background: #fff url("../images/main_img.png") no-repeat -80px top; height: 605px; background-size: cover; width: 100%; margin: 0 auto;}
@media screen and (max-width: 1400px){
#main_img{background: #fff url("../images/main_img.png") no-repeat -100px top; height: 605px; background-size: cover; width: 100%; margin: 0 auto;}
@media screen and (max-width: 1024px){
	header #h_inner{width: 100%;}
	/* 追加部分 */
	#main_conts .main_img{width:55%;}
	#main_conts .main_title h2{font-size:22px; font-weight:bold;}
	#main_conts .main_title .chg_size{font-size:50px; color:#D26C6D}
	#main_conts .main_text{position: absolute; top:120px; right:40px;}
	#main_conts .sub_title{position: absolute; top:350px; right:80px;}

	#main_conts{width:100%; height:auto;margin: 0 auto; flex-direction:column; margin-top:70px; padding-bottom:30px;}
	#main_conts .main_img{width:100%}
	#main_conts .main_title{text-align: center; margin-top:15px;}
	#main_conts .main_text{position: unset;}
	#main_conts .sub_title{position: unset;}

	#main_img #inner_main_img{width: 98%;}
	#main_img h2{position: absolute; top:55px; right: 0;}
	#main_img h2 img{width: 465px;}
	#main_img p{position: absolute; top: 260px; right: 87px}
	#main_img p img{width: 300px;}
	.camp_info{background: #faf9f9; border: solid 2px #4cc3cd; border-radius: 10px; width: 340px; text-align: center; position: absolute; top: 365px; right: 10px; padding: 15px; font-weight: bold;}
	.cv_btn01{background: #d26c6d url("../images/icon01.png") no-repeat 17% 50%; background-size: 10%; right:40px;}	

	.cv_btn01{background: #d26c6d url("../images/icon01.png") no-repeat 32% 50%; background-size: 6%; text-align: center; border-radius: 10px; padding: 10px 7px 10px 35px; box-shadow: 0 6px #b12527; width: 50%; margin: 30px auto; font-size: 18px; position: inherit;}
	
	.cv_btn02{background: #d26c6d url("../images/icon01.png") no-repeat 20% 50%; background-size: 10%;}
	
	header #h_inner h1{margin-left: 1%;}
	header #h_inner .cv_btn{margin-right: 1%; width: 15%;}
	.conts01 .inner_conts01 h2{width: 90%; margin: 0 auto;}
	header #h_inner #tel{margin-left: 30%;}
	#wrap{width:96%; margin: 0 auto; background: #fff; padding: 2%;}
	.conts01 .inner_conts01{width: 100%; background: url("../images/hito.png") no-repeat left 180px; background-size:35%;}
	.conts01 h3{font-size: 35px;}
	.conts01 .inner_conts01 div{margin: 90px 0 0 345px;}
	.conts02 ul li,.conts03 ul li{width: 300px;}
	.conts06 li{width: 206px;}
}/*ipad_pro*/
@media screen and (max-width: 768px){
	.pc{display: none;}
	.sp{display: block;}
	.sp_only{display: none;}
	body {
		font-size:16px; font-size:1.6rem;
		line-height:1.6;
		margin:0;
		padding:0;
		position: relative;
	}
	
	/* 追加部分 */
	#main_conts{width:100%; height:auto;margin: 0 auto; flex-direction:column; margin-top:70px; padding-bottom:30px;}
	#main_conts .main_img{width:100%}
	#main_conts .main_title{text-align: center; margin-top:15px;}
	#main_conts .main_text{position: unset;}
	#main_conts .sub_title{position: unset;}

	#main_img #inner_main_img{width: 100%; margin: 0 auto; position: relative;}
	header #h_inner{width: 100%; padding: 10px 0;}
	header #h_inner h1{width: 43%; margin-left: 5%;}
	header #h_inner .cv_btn{background: #d26c6d url("../images/icon01.png") no-repeat 10% 50%; background-size: 13%; padding: 10px 7px 10px 40px; font-size: 18px; width: 25%; margin-right: 1%;}
	#main_img{background-image:none; height: auto; margin-top: 85px; padding-bottom:10px;}
	#main_img h2{position: unset;}
	#main_img h2 img{width: 100%;}
	.cv_btn01{background: #d26c6d url("../images/icon01.png") no-repeat 32% 50%; background-size: 6%; text-align: center; border-radius: 10px; padding: 10px 7px 10px 35px; box-shadow: 0 6px #b12527; width: 50%; margin: 30px auto; font-size: 18px; position: inherit;}	
	.camp_info{width: 70%; position: unset; padding: 2%; margin: 20px auto;}
	.f_bic{font-size: 25px;}
	.conts01 .inner_conts01{width: 100%; padding:25px 0; background: url("../images/hito.png") no-repeat center 110px; background-size:60%; height: auto;}
	.conts01 .inner_conts01 h2{font-size: 20px; width:95%; margin: 0 auto;}
	.conts01 .inner_conts01 div{margin: 45% auto 0; width: 90%; padding: 10px}
	.conts01 .inner_conts01 div li{font-size: 14px;}
	.conts01 h3{font-size: 28px;}
	.conts01 h3::before,.conts01 h3::after {content: ''; width: 2px; height: 80px; background-color: #fff;}
	.conts01 h3::before {margin-right: 40px; transform: rotate(-35deg)}
	.conts01 h3::after {margin-left: 40px; transform: rotate(35deg)}
	.conts01 .inner_conts01 div li{background-size: 3%; padding-left: 5%;}
	#wrap{width:96%; margin: 0 auto; background: #fff; padding: 2%;}
	#wrap section{margin-bottom: 80px;}	
	.conts02 h2{font-size: 16px; text-align: left;}
	.conts02 ul li,.conts03 ul li{width: 220px;}
	.conts02 h3{font-size: 22px;}
	.conts04 .camp{width: 100%;}
	.conts04 h3{background-size: 100%; font-size:30px;}

	/* 追加部分(5. サービス事例) */
	.conts05 .service_col{flex-direction: column-reverse;}
	.service_col .custom_img{width:100%; height:auto; margin-bottom:10px; text-align: center;}
	.service_col .custom_info{width:100%;}
	.reverse_margin{margin-left:0;}
	.flex_space .info_txt{padding:10px;}
	.flex_space .info_img img{width: 70% !important;}

		/* サービス内容について */
	.use_flow{margin-bottom:40px;}
	.use_flow .flow_title{width:95%;float: none; margin-bottom:20px;}
	.use_flow .flow_list{flex-wrap:wrap;}
	.use_flow .flow_list li{width:45%; margin-bottom:35px;}
	.li_before::before{content:''; position:absolute; top:25%; left:-30px; width: 20px; height: 20px; background-color: #4CC3CD; clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);}
	.li_after::after{width:20px; height:20px;right:-30px;}
	.li_trangle::before{content:''; position:absolute; top:-65%; right:-30px; width: 20px; height: 20px; background-color: #4CC3CD; clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%); transform:rotate(135deg)}
	.li_mb::after{display: none;}
	.mb_mg{margin-right:0px;}

	
	.conts06 ul{flex-wrap: wrap;}
	.conts06 li{width: 44%; margin-bottom: 90px;}
	.conts06 li:nth-child(3),.conts06 li:nth-child(4){margin-bottom: 0;}
	.conts09 dt{background:url("../images/icon_q.png") no-repeat 2% top; background-size:5%; line-height: 38px;}
	.conts09 dd{background:url("../images/icon_a.png") no-repeat 2% top; background-size:5%;}
	
	/* ページ下部にボタンを追加(Mobile) */
	.bottom-menu{display: block; width: 100%; height: 60px; position: fixed; bottom: 0; box-shadow: 0px 0px 5px 0px rgb(100 100 100 / 60%); background-color: #fff; padding: 5px 5px; box-sizing:border-box;}
	.bottom-menu ul li{flex: 0 0 50%; max-width: 50%; text-align: center; margin: 0 0;}
	.bottom-menu .bottom_btn{display: inline-block; width:90%; font-weight: bold; color: #fff; background: #d26c6d; text-decoration:none; text-align:center; border-radius: 10px; box-shadow: 0 4px #b12527; margin: 0 0; padding: 10px 5px; }
	.bottom-menu .bottom_btn:hover{background-color: #f6a7a8; box-shadow: 0 4px #cb5859;}

}/*ipad*/

@media screen and (max-width: 640px){
	.sp_only{display: block;}
	.cv_btn02{display: block; font-weight: bold; color: #fff; background: #d26c6d url("../images/icon01.png") no-repeat 17% 50%; background-size: 10%; text-decoration: none; text-align: center; border-radius: 10px; padding: 10px 10px 10px 50px; box-shadow: 0 6px #b12527; width: 60%; margin: 10px auto; font-size: 20px;}
	header #h_inner{width: 100%; padding: 10px 0;}
	header #h_inner h1{width: 43%; margin-left: 5%;}
	header #h_inner .cv_btn{background: #d26c6d url("../images/icon01.png") no-repeat 6% 50%; background-size: 12%; padding: 7px 2px 7px 18px; font-size: 12px; width: 34%; margin-right: 1%;}
	#main_img{background-image:none; height: auto; padding-bottom:10px;}
	#main_img h2{position: unset;}
	#main_img h2 img{width: 100%;}

	.cv_btn01{background: #d26c6d url("../images/icon01.png") no-repeat 17% 50%; background-size: 10%; text-align: center; border-radius: 10px; padding: 7px 7px 7px 35px; box-shadow: 0 6px #b12527; width: 50%; margin: 20px auto; font-size: 18px;}

	.conts01 .inner_conts01{width: 100%; padding:25px 0; background: url("../images/hito.png") no-repeat center 90px; background-size:90%; height: auto;}
	.conts01 .inner_conts01 h2{font-size: 20px; width:95%; margin: 0 auto;}
	.conts01 .inner_conts01 div{margin: 60% auto 0; width: 90%; padding: 10px}
	.conts01 h3{font-size: 20px;}
	.conts01 h3::before,.conts01 h3::after {content: ''; width: 2px; height: 50px; background-color: #fff;}
	.conts01 h3::before {margin-right: 20px; transform: rotate(-35deg)}
	.conts01 h3::after {margin-left: 20px; transform: rotate(35deg)}	
	.conts02 ul li{width: 80%; margin: 0 auto 40px;}
	.conts02 ul li:last-child{margin-bottom: 0;}
	.conts02 ul{display: flex; justify-content:space-between; flex-wrap: wrap;}
	.conts02 h3{font-size:20px; font-weight: bold; margin:10px 0;}
	.conts03 h2,.conts04 h2,.conts05 h2,.conts06 h2,.conts07 h2,.conts08 h2,.conts09 h2{color: #fff; background: #f09192; font-size: 20px; border-radius: 0px; font-weight: bold; margin-bottom: 20px; padding: 10px 0;}
	.conts03 ul{display: flex; justify-content:space-between; flex-wrap: wrap;}
	.conts03 ul li{width: 80%; margin: 0 auto 40px;}
	.conts03 ul li:last-child{margin-bottom: 0;}
	.conts03 h3{font-size: 20px;}
	.conts04 .txt02{margin-bottom: 20px; font-size: 18px;}
	.conts04 .price{ margin-bottom: 30px;}
	.conts04 table{border: 2px solid #767474; width: 90%; margin: 0 auto 20px;}	
	.conts04 th,.conts04 td{font-size:14px;}
	.conts04 .camp{width: 100%;}
	.conts04 h3{color:#fff; background:url("../images/bg_camp_sp.png") no-repeat; background-size: 100%; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
	.conts04 .txt03{color: #0b9aa6; font-weight: bold; font-size: 20px; margin-bottom: 20px;}
	.conts04 .txt03 span{font-size: 26px;
    background: linear-gradient(transparent 50%, #ecf248 0%);
    line-height: 1.3em;}
	.conts04 .txt04 span{font-size: 18px;}
	.conts05 h3{font-size:20px; font-weight:bold; margin: 10px 0;}
	.conts06 ul{display: flex; justify-content: center; margin-top: 70px; flex-wrap: wrap;}
	.conts06 li,.conts06 li:nth-child(3){background: #fdf3f3; border-radius: 10px; width: 100%; position: relative; margin-bottom: 70px;}
	.conts06 li:last-child{margin-bottom: 0;}
	.conts06 h3{font-size:30px; margin-bottom: 15px;}
	#wrap .conts07 img{width: 90%; margin:0 auto;}	
	
	.conts07 ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px;}
	.conts07 ul li,.conts07 ul li:nth-child(3){width: 100%; text-align: left; font-size: 16px; margin-bottom: 20px;}
	.conts07 ul li:last-child{margin-bottom: 0;}
	.conts07 ul li p{margin-bottom: 10px;}
	.conts07 ul li h3{text-align: left; font-size: 22px; font-weight: bold; border-bottom: 1px solid #f09192; margin-bottom: 20px;}
	.conts07 ul li p{font-size: 14px;}
	.conts08 div{padding: 15px;}
	.conts08 div ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.conts08 div ul li:first-child{width: 50%; margin-right:0; margin: 10px auto 20px;}
	.conts08 div ul li:last-child{width: 100%; margin-right:0;}	
	.conts08 p:nth-child(2){margin-bottom: 20px;}
	.conts09 dt{font-size: 18px; background: url("../images/icon_q.png") no-repeat 2% top; background-size: 9%; padding: 0px 0 10px 50px; margin-bottom: 20px; line-height: 32px;}
	.conts09 dd{background: url("../images/icon_a.png") no-repeat 2% top; background-size: 9%; padding: 0 0 10px 50px;}
	.conts09 p{margin: 20px 0 90px; padding-left: 50px;}
	.conts09 li{padding-left:1em; text-indent:-1em; margin-bottom: 1em;}
	.conts09 div{padding-bottom: 20px; border-bottom: 1px solid #df6454; width: 90%; margin: 0 auto 30px;}
}
.gototop{position: fixed; right: 1%; bottom: 80px; background: #f09192; padding: 10px 20px; border-radius: 10px;  border: 1px solid #fff; opacity: 0; transition: opacity 2s;}
.active{ opacity: 1;}
.gototop a:link{text-decoration: none; font-size: 12px; color: #fff;}
.gototop a:visited{color: #fff;}
footer a:link,footer a:visited{color: #727171; padding-bottom: 5px;}

/* iPhone13 */
@media screen and (max-width: 500px){
	#main_conts .main_title h2{font-size:20px;}
	#main_conts .main_title .chg_color{font-size:24px;}
	#main_conts .main_title .chg_size{font-size:42px;}
	.use_flow .flow_list li{margin-bottom:20px;}
	.li_before::before{width:15px; height:15px;right:-10px; top:35%;}
	.li_after::after{width:15px; height:15px;right:-20px; top:35%;}
	.li_trangle::before{width:15px; height:15px; right:-18px; top:-60%;}
	.custom_info .flex_space{align-items: unset;}
	.flex_space{padding:0;}
	.flex_space .info_img{ margin-top:10px;}
	.mb{display:block;}
}