@charset "utf-8";

@media(max-width: 750px) {
/*---------------リキッドレイアウト---------------*/

.child-60{
width:100%;
}
.child-40{
width:100%;
}
.child-50{
width:100%;
}

/*-----------スマホのみ改行-------------*/
.pc_br{
    display: none;
}
/*-----------ヘッダー分コンテンツ下げる-------------*/
.topspace{
	margin-top:0px;
}
.article-content {
	margin-top: 0px;
}	
/*-----------.innerに左右余白をつける-------------*/
.inner{
padding-left:10px;
padding-right:10px;
}
/*-----------ヘッダーのCSS-------------*/
header {
  position: relative;/*ヘッダーを固定を解除*/
}
.header-inner {
  height: 280px;/*ヘッダーの高さ*/
}
.site-title a img {
  width: auto;
  height: 70px;
  margin-top:10px;
}
/*-----------スマホ用のメニューのCSS-------------*/
.navbutton {
    font-size: 2rem;
    position: fixed;
    z-index: 999;
    top: 3rem;
    right: 1.25rem;
    display: block;
    cursor: pointer;
    transform: translateY(-50%);
    border: 0;
    background-color: transparent;
}
 
.navbutton:focus {
    outline: 0;
}
 
.header-nav-wrap {
    z-index: 998;
    top: 100px;
    /*ヘッダーの高さと合わせる*/
    right: auto;
    left: 0;
		display: none; 
    width: 100%;
    margin-left: 0;
    transform: none;
    background-color: #CC2720;
	position: fixed;
}


.header-nav {
	margin-right:0px;
}
.header-nav li {
	font-size: 1rem;
    display: block;
    margin-right: 0;
}
.header-nav li a {
    position: relative;
    padding: 0rem 1.25rem;
    color: #fff;
    border-bottom: 1px solid #888;
}
.header-nav li a:after {
    display: none;
}
.header-nav li a span{
  font-size:0.75rem;
}
/*-----------検索バーのCSS-------------*/
.search_form{
	position:static;
	width:100%;
	margin:10px 0px 10px 10px;
	text-align:center;
	padding: .8rem 1.25rem;
}

/*-----------お問い合わせボタン-------------*/
.cb{
	position: fixed;
	top: -120px;
	right: 30px;
}
.contact-button{
	position: absolute;
	top: 200px;
	right: 50%;
	transform: translateX(50%);
	appearance: none;
	border: 0;
	border-radius: 5px;
	background: #CC2720;
	color: #fff;
	padding: 4px 40px 4px 10px;
}
.contact-button i{
	font-size: 2rem;
}
.contact-button p{
	font-size: 0.5rem;
	font-weight:normal;
}
/*-----------ボタン-------------*/
.linkbutton-2,.linkbutton-3{
padding:1rem;
}
/*-----------投稿一覧のスマホ表示用デザイン-------------*/
.article-content h1 {
    font-size: 1.6rem;
}
.article-content h2 {
    font-size: 1.4rem;
}
.article-content h3 {
    font-size: 1.3rem;
}
.article-content h4 {
    font-size: 1.2rem;
}
.product-thumbnail{
    width:80%;
    margin:1rem auto;
}	
/*-----------index.php-------------*/

.main-b{	
	object-position: 30% 100%;
	position: static;
}	
.main-frame{
	width:100%;
	height:33%;
	top:auto;
	bottom:0;	
}
.main-inner{
	margin-top:20px;
	margin-left:25px;
}
.main-frame h2{
	font-size:1.6rem;
	line-height:3.2rem;
	letter-spacing:0rem;
	padding-right:0px;
}
.main-frame h2 span{
	font-size:2.2rem;
}
.main-frame h3{
	font-size:1.15rem;
	letter-spacing:0rem;
}
.main-frame h2::after{
   width:150px;
}
.intro_01{
	top:0px;
}
.intro_01-frame{
	width:100%;
	/*padding-left:20px;*/
}
.intro_02{
	top:0px;
}
.intro_02-frame{
	top:0px;
}
.intro_02-service-logo{
	display:none;
}
.intro_02-inner{
	margin:0 10px;
}
.intro_03{
top:0px;	
}
.intro_03-inner{
	margin:0 10px;
}
.intro_03-b{
	height: 650px;
}
.intro_03-frame{
	top:0px;
}
.intro_02-frame h2::after{
   width:135px;
   left:20%;
}
.intro_03-frame h2::after{
   width:70px;
   left:28%;
}
.top-lower{
top:0px;
margin-bottom:0px;
}
.whatsnew{
	padding: 0 20px;
}

.package-button{
	font-size:1rem;
	padding:0.5rem 1rem;
}
/*-----------セミナー情報・お問い合わせ-------------*/
.stay-box{
	display:none;
}
.linkbutton-frame-inner{
	width:90%;
	margin-left:10px;
}
.linkbutton-frame{
	justify-content:center;
}
	
/*-----------フッター-------------*/
.footer-inner{
	display: inline;
	text-align:center;
}
.footer-logo{
	margin:1rem auto;
}
.footer-right{
	text-align:center;
}
.footer-nav li {
	margin-right: 1rem;
}
/*-----------夢絵コンテスト-------------*/
.dream-picture-img{
	width:100%;
}
.dream-picture-txt{
	width:100%;
}
/*-----------パッケージ-------------*/
.package{
	padding: 2rem 20px;
}	
.package h2:before{
	display:none;
}
.package-intro{
	margin:0;
}
.package-title-txt{
	font-size:1.5rem;
}
.package-title-txt:after {
	display:none;
}
.package-title-icon{
	width:30px;
	margin-right:10px;
}
.ex3-child{
	width:100%;
}
.package-title-main{
	width:100%;
}
.package-title-sub{
	width:100%;
}
/*-----------サービス------------*/	
.service-txt{
	width:100%;
}
.service-img{
	text-align:center;
	width:100%;
	order:2;
}
.service-img img{
	width:50%;
	margin:1rem auto;
}	
 /*----------問い合わせフォーム改訂-------------*/
.form-000 th,
.form-000 td{
display: block;
}
.form-000 th{
width:100%;	
}
.form-000 td{
text-align:center;	
}
/*-----------夢絵コンテスト-------------*/
.dream-picture-txt h4 span{
display: block;
}
/*-----------横棒グラフのCSS-------------*/
.table-graph td{
display: block;
margin:0;
padding:0;
}
.table-graph tr td:nth-child(1) {
  width:100%;
}
.table-graph tr td:nth-child(2) {
  width:100%;
}
.table-graph tr td:nth-child(3) {
  width:100%;
}
.graph_02{
left:0px;
width:100%;
}

.kanto span{
display: block;
}
.kiji-list{
width:100%;
}
.products-head{
margin-top:0px;
}
	
.package-title-icon{
width:50px;
margin-right:10px;
}
	
}