@charset "UTF-8";

/* デザイン（スマホ） */
@media screen and (max-width:768px) {
 body{
	 font-size : 15px;
	 line-height : 28px;
	}
	img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
.shiny-btn {
    width: auto;
	padding : 0 10px;
	margin : 10px 10px;
    height: 60px;
}
/* ファーストビュー */
    /* ファーストビュー */
    #fv-pc {
        display: none;
    }
    #fv-tablet {
        display: none;
    }
    #fv-sp {
        display: block;
    }
.fv-sp-catch{
	width : 100%;
	background : #081751;
	color : #fff;
	padding : 20px;
	margin-top : -20px;
	padding-top : 40px;
	margin-bottom : 30px;
	}

/*見出し関連*/
	h2.section_ttl{
		font-family: 'Zen Kaku Gothic New', sans-serif;
		font-size : 1.8em;
		line-height : 1.6em;
		text-align : center;
		margin : 20px 0px 40px 0px;
	}
	h2.section_ttl span {
  position: relative;
}
h2.section_ttl span::before {
  content: "・"; 
  position: absolute; 
  top: -0.8em; 
  left: 0; 
}
	
/*コンテンツ*/
	#wrapper{
		width : 100%;
		margin : 0;
	}
	.main-text{
		width : auto;
		margin : 20px;
		text-align : left;
	}
	
/*悩みエリア*/
	.nayami_area{
		width : 100%;
		padding : 10px 0px 30px 0px;
	}
	.ballon_box{
		width : auto;
		margin : 20px 15px;
	}
.balloon__p {
    font-size: 1.0em;
}
/*GPTエリア*/
	.gpt_area{
		width : 100%;
		padding : 30px 0px;
		background : #fdfaf0;
	}
	.gpt_box{
		width : auto;
		margin : 20px 15px;
	}
	
/* 得意エリア */
	.tokui_area{
		width : 100%;
		padding : 30px 0px;
		background-image : url(../image/tokui_area_bg.jpg);background-repeat : repeat;
	}
	.tokui_in{
		width : auto;
		margin : 20px 15px;
	}
.tokui_box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
}
  .tokui_box {
    flex-direction: column;
  }
  .tokui_box:nth-child(even) {
    flex-direction: column;
  }
  .text {
    text-align: center;
    width: 100%;
  }
  .text p{
    text-align : left;
	  margin-bottom : 20px;
  }
  .tokui_box:nth-child(even) .text {
    text-align: center;
  }
  .pict {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .tokui_box:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:100%;
    height:auto;
  }
.tokui-ttl {
    font-size: 1.8em;
    line-height: 1.3em;
	font-weight : 600;
	margin-bottom : 20px;
	border-bottom : 1px dotted #333;
	padding-bottom : 10px;
}

.tokui-ttl::first-line {
    font-size: 18px;
	line-height : 38px;
	color : #cc0000;
}
/*制作料金エリア*/
	.price_area{
		width : 100%;
		padding : 30px 0px;
		background-image : url();background-repeat : repeat;
	}
	.cource_box{
		width : auto;
		margin : 40px 15px;
		padding : 0px 15px 30px 15px;
		border : 8px solid #f1f1f1;
	}

	.price_in{
		width : auto;
		margin : 20px;		
	}
	.price_in_left{
		float : none;
		width : auto;
	}
	.price_in_right{
		float : none;
		width : auto;
		margin-bottom : 20px;
	}
.c-price {
    font-size: 2.8em;
    line-height: 2.4;
    font-weight : 600;
    margin-bottom : 0px;
    margin-top : 40px;
    text-align : center;
	margin-left : 25px;
}
	.c-price span{
		font-size : 50%;
		font-weight : 600;
	}
	.mini-ttl{
		width : 150px;
		margin : 10px auto;
		background : #1d2380;
		color : #fff;
		padding : 0px 20px;
		text-align : center;
		border-radius : 10px;
		font-size : 14px;
	}
	.c-youto-text{
		text-align : left;
		margin-bottom : 20px;
	}
	.c-about-text{
		text-align : left;
	}
	.c-hani li{
		float : left;
		width : 48.6%;
		list-style : none;
		border : 1px solid #076ea9;
		margin : 2px;
		padding : 2px 8px;
		font-size : 14px;
	}
	.option{
		background : #d8eefb;
	}
	.c-about-text ul{
		margin-left : 20px;
		margin-top : 20px;
	}

		
	
/* 特典エリア */
	.tokuten_area{
		width : 100%;
		padding : 30px 0px 20px 0px;
		background : #fcedef;
	}
	.tokuten_in{
		width : auto;
		margin : 20px;
	}
	.tokuten{
		width : auto;
		margin : 30px;
	}
	.tokuten li{
		float : none;
		width : auto;
		padding : 10px;
		text-align : center;
		list-style : none;
	}
	.tokuten_bunner{
		width : auto;
		height : auto;
		margin : 0 auto;
		background : #cc0000;
		border-radius : 10px;
		padding : 20px;
	}
	.tokuten-no{
		font-size : 1.8em;
		color : #fff;
		font-weight : 600;
		padding : 15px 0px;
	}
	.tokuten-name{
		font-size : 1.8em;
		color : #fff;
		color : #ffff00;
	}
	.tokuten-text{
		font-size : 16px;
		line-height : 24px;
		padding : 30px 15px;
		color : #fff;
	}
	.t-price{
		padding : 0px;
		color : #fff;
		font-size : 1.3em;
	}
	
/* ご利用者の声 */
	.voice_area{
		width : 100%;
		padding : 30px 0px 30px 0px;
		background : #fff;
	}
.slider-container {
  position: relative;
  width: auto;
  margin: 20px;
  overflow: hidden;
}
.voice-anken{
	width : 100%;
	background : #d93237;
	padding : 2px 20px;
	font-size : 13px;
	color : #fff;
	margin : 0 auto 20px;
}

/* ご相談からお申し込みの流れ */
	.flow_area{
		width : 100%;
		padding : 30px 0px;
		background : #fff;
		background-image : url(../image/tokui_area_bg.jpg);background-repeat : repeat;
	}
	.flow_in{
		width : auto;
		margin : 20px;
	}

/* よくある質問と回答 */
	.faq_area{
		width : 100%;
		padding : 30px 0px;
		background : #dff1fc;
	}
	.faq_in{
		width : auto;
		margin : 20px;
	}
	
/*フッター設定*/
	#footer{
	width : 100%;
	background : #333;
	font-size : 13px;
	color : #f4f4f4;
	text-align : center;
	padding : 15px 0px;
	margin-bottom :0px;
}
    #nav-footer {
        position: fixed;
		height : auto;
        bottom: 0;
        right: 0;
        width: 100%;
        background: #cc0000;
        color: #fff;
        z-index: 999;
		padding : 0px;
    }
#nav-footer a{
	text-decoration : none;
	color : #fff;
}
.nav-footer-in{
    display: flex;
    justify-content: space-between; /* 要素を均等に配置 */
    list-style: none;
}

.nav-footer-in li {
    flex: 1; /* 均等に分配する */
    padding: 3px;
    text-align: center;
}
.nav-footer-in{
	width : auto;
	margin : 0;
	}
	.side-tel{
		font-size : 1.2em;
		border : 1px solid #fff;
		padding : 5px 0px;
	}
	.side-tel-s{
		font-size : 0.8em;
	}
	.f-contact{
		font-size : 1.0em;
		border : 1px solid #fff;
		padding : 5px 0px;		
}
	.side-tel-m{
		font-size : 0.9em;		
}
/*ラストエリア*/
	.last-area{
		width : 100%;
		padding : 60px 0px;
		background-image : url(../image/last-area-bg.jpg);background-repeat : no-repeat;background-position : right bottom;
	}
	.profile_box{
		width : auto;
		margin : 20px 15px;
		border : 5px solid #f0cdca;
		padding : 15px;
		background : rgba(255,255,255,0.8);
	}
	.katagaki{
		font-size : 1.2em;
		color : #333;
		margin-bottom : 10px;
		text-align : center;
	}
	.office{
		font-size : 1.5em;
		padding : 10px 0px 3px 0px;
		color : #333;
		font-weight : 600;
		text-align : center;
	}
	.miura_name{
		font-size : 2.6em;
		font-weight : 600;
		color : #df7c66;
		  font-family: 'Zen Kaku Gothic New', sans-serif;
		margin-bottom : 20px;
		text-align : center;
	}
	.profile_text{
		padding : 20px 0px;
	}
#fv-sub{
	width : 100%;
	height : 90px;
	line-height : 90px;
	text-align : center;
	font-size : 1.5em;
	color : #fff;
	background : #333;
	}
.contact-box{
	width : auto;
	margin : 0px auto;
}
.form-come{
	font-size : 13px;
	margin-top : 15px!important;
}
}