/* 幅1100px以下からcss適応 */
@media only screen and (max-width: 1100px){
}


@media only screen and (max-width: 1030px){
	
	/* common */
	.ttl01 .br,
	.ttl02 .br,
	.ttl03 .br{
		display:inline-block;
	}
	
	/* トップ　私にお任せください */
	.top_copy02_lr{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.top_copy02_list{
		width: auto;
		padding-bottom: 25px;
	}
	
	.top_copy02_list ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.top_copy02_list ul li{
		margin-right: 30px;
	}
	
	.top_copy02_img{
		-webkit-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	
	.top_copy02_img img{
		width: auto;
		max-width: 250px;
	}
	
	/* 費用 */
	.menu_plan{
		flex-direction:column;
	}
	
	.menu_price{
		align-self:flex-start;
	}
	
	/* オファー */
	.camp_wrap{
		width: 90%;
	}
	
	.camp_conts{
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	
	.camp_text{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.special_price{
		margin:30px auto;
		width:95%;
	}
	
	.camp_img01 img{
		width: 140px;
	}
	
	.camp_img02 img{
		width: 140px;
	}
}


@media only screen and (max-width: 960px){
	.ttl02{
		font-size:6vw;
	}
	
	.ttl02::before,
	.ttl02::after{
		background-size:contain;
	}
	
	.camp_tel{
		text-align: center;
		margin: 20px auto;
	}
	
	.camp_tel img{
		width: 100%;
		max-width: 498px;
	}
	
	.camp_img01 img,
	.camp_img02 img{
		display: none;
	}
	
	#divide .ttl01{
		font-size:5vw;
	}
}


@media only screen and (max-width: 900px){
	
	#h_wrap{
		display: none;
	}
	
	#h_wrap_sp{
		width: 95%;
		padding: 15px 2.5%;
		background: #fff;
		border-bottom: 4px solid #1e3666;
		position: fixed;
		top: 0;
		z-index: 99999;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.res_telbtn img{
		width:200px;
	}
	
	#mainimage{
		margin-top: 70px;
		border-top: none;
	}
	
	.top_copy01_list{
		width: calc(100% - 200px);
	}
	
	.camp_text>p{
		font-size:24px;
	}
	
	.special_price{
		height:auto;
		justify-content:center;
	}
	
	.special_price dt{
		font-size:24px;
		height:30px;
		line-height:30px;
	}
	
	.special_price dd:first-of-type{
		font-size:20px;
	}
	
	.special_price dd:first-of-type::after{
		padding-right:60px;
		background-size:75%;
	}
	
	.special_price dd:last-of-type{
		/*font-size:42px;*/
		font-size:6vw;
		line-height:1;
	}
	
	.term{
		font-size:24px;
		padding:2.5%;
		margin:5% 0 calc(70px + 5%);
	}
	
	.camp_img02{
		right: 0;
		display: none;
	}
	
	.camp_img03{
		display: none;
	}
	
	.special_img img{
		width:90%;
	}
	
	#scroll_menu{
		display: none !important;
	}
	
	
	/* 下層ページ */
	#second #main{
		border-top: none;
		margin-top: 110px;
	}
	
	
	/* wordpress */
	.blog_conts{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.blog_main{
		width: 100%;
	}
	
	.blog_side{
		border-top: 1px solid #8dd0d8;
		border-left: none;
		width: 100%;
		max-width: inherit;
		padding: 20px 0 0 0;
		margin: 0;
	}
	
	.side_menu ul{
		padding: 10px 0;
	}
	
}


@media only screen and (max-width: 730px){
	
	.select_ttl{
		font-size:21px;
		line-height:64px;
		margin-left:34px;
	}
	
	.select_number{
		width:66px;
		height:66px;
	}
	
	.special_gift p{
		font-size:16px;
	}
	
	/* footer */
	#footer{
		padding-bottom:90px;
	}
	
	.footer_l{
		width: 100%;
	}
	
	.footer_logo{
		text-align: center;
	}
	
	.footer_l dl{
		width:260px;
		margin:0 auto;
	}
	
	.footer_r{
		display: none;
	}
	
}

@media only screen and (max-width: 640px){
	
		body {
		padding-bottom:20%;
	}
	
	/* common */
	.ttl01,
	#divide .ttl01,
	.ttl03{
		font-size: 34px;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	
	.ttl02{
		font-size:30px;
		line-height:1.5;
		margin-bottom:30px;
	}
	
	.ttl02::before,
	.ttl02::after{
		background:none;
		padding:0;
	}
	
	.ttl01_sub,
	.ttl02_sub{
		margin-bottom:30px;
	}
	
	.ttl04{
		font-size:21px;
	}
	
	.img_f-r,
	.img_f-l{
		float: none;
		margin: 0 auto 20px;
		text-align: center;
	}
	
	.img_f-r img,
	.img_f-l img{
		width: auto;
		max-width: 100%;
	}
	
	#top_copy01,
	#top_copy02{
		padding:30px 0 40px;
	}
	
	#voice,
	#works,
	#profile,
	#select,
	#flow,
	#price,
	#camp,
	#divide,
	#faq,
	#last{
		padding:60px 0 40px;
	}
	
	.ttl01sub,
	.ttl02_sub{
		margin-bottom:30px;
	}
	
	
	/* ヘッダー */
	#h_wrap_sp{
		padding: 12px 2.5%;
	}
	
	.res_telbtn{
		display: none;
	}
	
	.sp_telbtn{
		display: block;
	}
	
	.sp_h_btn{
		margin-right: 53px;
	}
	
	.sp_tel{
		margin-right: 53px;
	}
	
	.sp_telbtn img,
	.sp_mail img{
		height: 50px;
	}
	
	.sp_mail{
		display: block;
		margin-right: 0;
		right: 0;
	}
	
	.sp_logo img{
		height:30px;
		margin:8px 0;
	}
	
	
	/* メインイメージ */
	#mainimage{
		display: none;
	}
	
	#sp_mainimage{
		display: block;
		margin-top: 70px;
	}
	
	#sp_mainimage p{
		line-height: 0;
	}
	
	#sp_mainimage img{
		width: 100%;
	}
	
	/* トップ　こんな悩み */
	.top_copy01_lr{
		flex-direction: column-reverse;
		justify-content: center;
	}
	
	.top_copy01_list{
		width:100%;
		box-sizing: border-box;
		padding:15px;
		margin-bottom:30px;
	}
	
	.top_copy01_list ul li{
		font-size: 18px;
		margin: 0 0 20px;
		background-size:26px 26px;
		background-position:left 1px;
		padding-left:34px;
	}
	
	.top_copy01_img{
		justify-content: center;
		margin-bottom:0;
	}
	
	.top_copy01_img img{
		width: 90px;
	}
	
	/* トップ　私にお任せください */
	.top_copy02_text01_parts{
		margin-bottom:30px;
	}
	
	
	/* 喜びの声 */
	.voice_list{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.voice_conts{
		width: calc(100% - 20px);
		margin: 0 auto 40px;
	}
	
	.voice_conts:nth-of-type(2n){
		margin: 0 auto 40px;
	}
	
	.voice_conts:last-of-type{
		margin-bottom:0;
	}
	
	.voice_ttl{
		font-size: 16px;
	}
	
	
	/* 制作実績 */
	.works_conts{
		flex-direction:column;
		margin-top:0;
	}
	
	.works_l,
	.works_r{
		width:100%;
		margin:0 auto;
	}
	
	.works_l{
		margin-bottom:20px;
	}
	
	/* プロフィール */
	.profile_lr{
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	
	.profile_text{
		width: 100%;
		margin: 0 auto;
	}
	
	.profile_img{
		text-align: center;
		margin: 0 auto 15px;
	}
	
	.profile_img img{
		width: 180px;
	}
	
	
	/* 選ばれる理由 */
	.select_conts img{
		width: 180px;
	}
	
	.select_ttl{
		position: relative;
		background: none;
		color: #ff6130;
		border-bottom: 3px solid #ff6130;
		padding: 66px 0 5px 0;
		margin-left:0;
		border-radius: 0;
		line-height:1.5;
		font-weight:700;
	}
	.select_number{
		border:none;
		color:#fff;
		background-color:#1e3666;
		font-weight:500;
	}
	
	
	
	/* 制作の流れ */
	.flow_conts{
		margin-bottom:30px;
	}
	
	.flow_ttl{
		font-size:21px;
	}
	
	
	/* 費用 */
	.menu_conts{
		-webkit-flex-direction: column;
		flex-direction: column;
		padding:40px 0;
	}
	
	.menu_conts_img{
		text-align: center;
		margin: 0 auto 20px;
	}
	
	.menu_conts_img img{
		width:180px;
	}
	
	.menu_conts_text{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.menu_copy{
		font-size: 16px;
		padding-bottom: 3px;
		margin-bottom: 10px;
	}
	
	.menu_plan{
		font-size:28px;
	}
	
	.menu_price{
		font-size: 21px;
		width:100%;
		padding: 10px 0;
		margin:0 auto;
	}
	
	.menu_price dl{
		max-width:340px;
		margin:0 auto;
	}
	
	.menu_price dt{
		text-align: left;
	}
	
	.menu_price dd{
		font-size:20px;
		text-align: right;
	}
	
	/* 限定価格 */
	.special_price{
		margin:30px auto 0;
		max-width:500px;
	}
	
	.special_price dt{
		margin-top:0;
	}
	
	.special_price:last-of-type{
		margin-bottom:30px;
	}
	
	.special_price dd:first-of-type{
		margin-left:0;
		text-align: left;
	}
	
	.special_price dd:last-of-type{
		font-size:32px;
	}
	
	/* 無料特典 */
	.special_gift{
		padding:5%;
	}
	
	.special_gift .img_f-l{
		margin-right:0;
	}
	
	.special_gift h4{
		text-align: center;
		font-size:28px;
		margin-bottom:5%;
	}
	
	
	/* オファーの問い合わせ */
	.camp_info{
		padding: 20px 15px;
		border:solid 7px #ffe933;
	}
	
	.camp_info_text p span{
		font-size:13px;
	}
	
	.camp_copy{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		display:inline;
	}
	
	.camp_tel{
		margin: 15px auto;
		line-height: 0;
	}
	
	.camp_btn{
		display: none;
	}
	
	.camp_btn_sp{
		display: block;
	}
	
	.camp_btn_sp_memo{
		color:#1e3055;
	}
	
	
	/* オファー　LINE */
	.offer_conts_line_pc{
		display: none;
	}
	
	.offer_conts_line_sp{
		display: block;
		background: #1dcd00;
		padding: 15px 20px;
	}
	
	.offer_conts_line_sp p{
		margin-bottom: 0;
		line-height: 1.5;	
	}
	
	.sp_line_ttl img{
		width: auto;
		max-width: 100%;
	}
	
	.sp_line_img{
		line-height: 1;
		text-align: center;
	}
	
	.sp_line_img img{
		width: 100%;
		max-width: 72px;
		margin: 10px 0;
	}
	
	.sp_line_text01{
		font-size: 13px;
		color: #fff;
	}
	
	.sp_line_reserve{
		margin-top: 20px;
		border-top: 2px solid #fff;
		padding-top: 20px;
		color: #fff;
	}
	
	.sp_line_reserveconts{
		margin-bottom: 20px;
	}
	
	.sp_line_reserve_ttl01{
		font-size: 20px;
		font-weight: bold;
		text-decoration: underline;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.sp_line_reserve_ttl02{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
		text-decoration: underline;
	}
	
	.sp_line_reservebtn{
		margin-top: 10px;
	}
	
	.sp_line_reservebtn a{
		border: 1px solid #fff;
		padding: 10px;
		border-radius: 5px;
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.sp_line_reservebtn a img{
		width: auto;
		max-width: 26px;
		vertical-align: middle;
		margin-right: 10px;
		line-height: 0;
	}
	
	
	/* ターゲット */
	.divide_conts{
		flex-direction:column;
		margin-top:0;
	}
	
	.divide_l,
	.divide_r{
		width:100%;
	}
	
	.divide_l{
		margin-bottom:20px;
	}
	
	.divide h3::before{
		height:60px;
		background-size:75%;
	}
	
	
	/* FAQ */
	.faq_conts{
		padding:15px;
	}
	
	.faq_ttl{
		font-size:18px;
		padding-left:44px;
		margin-bottom:15px;
	}
	
	.faq_conts>p{
		padding-left:44px;
	}
	
	.faq_ttl::before,
	.faq_conts>p::before{
		font-size:22px;
		width:34px;
		height:34px;
		top:-3px;
	}
	
	/* 最後に... */
	.last_lr{
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom:0;
	}
	
	.last_img{
		text-align: center;
		margin-bottom: 15px;
	}
	
	.last_img img{
		width: 180px;
	}
	
	.last_text{
		width: 100%;
		margin: 0 auto;
	}
	
	.last_text p:last-child{
		margin-bottom:0;
	}
	
	
	
		/*下部固定バナー*/
#floatingbanner {
    display: block;
    width: 100%;
    position: fixed;
	bottom: 2px;
    left: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#floatingbanner img {
    max-width: 99%;
}
	
	
	#pagetop{
		display: none!important;
}
	
	
	
	
	/* 下層ページ */
	#second #main{
		margin-top:80px;
	}
	
	.contact_tel_num span{
		font-size: 2.3em;
		margin-left: 0;
	}
	
	.contact_form{
		padding: 15px;
	}
	
	.required{
		font-size: 11px;
		padding: 3px 5px;
	}
	
	.contact_form dl{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.contact_form dl dt,
	.contact_form dl dd input{
		font-size: 15px;
	}
	
	.contact_form dl dt{
		font-weight: bold;
	}
	
	.contact_form dl dd input{
		width: calc(100% - 8px) !important;
		box-sizing:border-box;
	}
	
	.contact_form dl dt{
		padding-bottom: 0;
	}
	
	.form_check{
		font-size: 14px;
		text-align: left;
	}
	
	
	.form_send input{
		font-size: 18px;
		padding: 15px 0;
	}
	
	.form_send{
		margin-top: 10px;
	}
	
	
	/* wordpress */
	#breadcrumb ul{
		padding: 5px 0;
	}
	
	#breadcrumb ul li{
		line-height: 2;
	}
	
	.blog_single img{
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 100%;
		display: block;
		margin: 0 auto 15px;
	}
	
	.s_ttl01{
		font-size: 20px;
		line-height: 1.5;
		margin: 10px auto;
	}
	
	.single_ttl{
		font-size: 20px;
		line-height: 1.5;
		margin: 10px 0;
	}
	
	.single_cat{
		margin-bottom: 20px;
	}
	
	.single_mailseminar{
		width: calc(100% - 30px);
		padding: 15px;
		
		margin-bottom: 30px;
	}
	
	.blog_single h3{
		font-size: 18px;
		line-height: 1.5;
	}
	
	.single_mailseminar_ttl{
		font-size: 18px !important;
		background-image: none;
		line-height: 1.5;
		padding-left: 0 !important;	
		padding-bottom: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.single_mailseminar_ttl span strong{
		font-size: 1.2em ;
		position: relative;
		top: 0;
		letter-spacing: 0em;
	}
	
	.single_mailseminar .single_mailseminar_btn a{
		font-size: 14px;
		line-height: 1.5;
		padding: 7px 0;
	}
	
	.single_mailseminar .single_mailseminar_btn a br{
		display: block;
	}
	
	.blog_single h3 br{
		display: none;
	}
	
	.side_menu li{
		font-size: 13px;
		line-height: 1.5;
	}
	
	
	/* フッター */
	#footer a{
		color: #8dd0d8;
	}
}


@media only screen and (max-width: 400px){
	
	#h_wrap_sp{
		padding:10px 2.5%;
	}
	
	.sp_logo img{
		width:auto;
		height:30px;
		margin:10px 0;
	}
	
	.sp_hummenu,
	.sp_h_btn{
		top: 6px;
	}
	
	#sp_mainimage{
		margin-top: 62px;
	}
}


@media only screen and (max-width: 370px){
	
	.sp_h_btn{
		margin-right: 0;
	}
	
	.sp_mail{
		margin-right: 49px;
	}
	
	.sp_telbtn{
		margin-right: 102px;
	}
	
	.hum_menu_obtn{
		padding: 7px 6px;
	}
	
	.cr{
		font-size: 11px;
	}
	
	
	/* 下層ページ */
	#second #main{
		border-top: none;
		margin-top: 86px;
	}
}