@charset "utf-8";
/*
Theme Name: responsive_261
Theme URI: http://c-tpl.com/
Description: responsive_261
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

:focus{
outline:0;
}

ol, ul{
list-style:none;
}

table{
border-collapse:separate;border-spacing:0;
}

caption, th, td{
font-weight:normal;text-align:left;
}

blockquote:before, blockquote:after,q:before, q:after{
content:"";
}

blockquote, q{
quotes:"" "";
}

a img{
border:0;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}

body{
font:19px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color:#676767;
-webkit-text-size-adjust:100%;
	background: url("images/main-bg.gif") center top no-repeat;
	background-size:100% auto;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
font-weight:bold;
color:#35cc91;
}

a:hover, a:active{
outline:none;
color:#cdcdcd;
}

/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{
content:""; display:table;clear:both;
}

nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{
zoom:1;
}


/* レイアウト
------------------------------------------------------------*/

#wrapper{

width:100%;
}
section{
width:100%;
}
.inner{
margin:0 auto;
width:980px;
}
#header{
text-align:center;
}

#content{
width:100%;
padding:50px 0 0 ;
background:#FFF;
}


#footer{
clear:both;
padding:20px 0 ;
	background:#35a6fc;
	color:#FFF;
}


/* ヘッダー
------------------------------------------------------------*/

#header h1{
padding:20px 0;
font-size:80%;
font-weight:bold;
text-align:left;
	float:left;
}

.contact{
	padding:20px 0;
float:right;
text-align:right;
font-size:80%;

font-weight:bold;
}

.contact .tel{
margin-top:-5px;
font-size:180%;
font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
}

#header h2{
clear:both;
margin-bottom:20px;
text-align:center;
color:#000000;
font-size:160%;
font-weight:bold;
}

#header h2 img{
width:186px;
}
#mainImg, #sub {
line-height: 0;
text-align:center;}
#mainImg img, #sub img {
max-width:100%;
height:auto;
}
#sub{
	background:#35a6fc;
	padding:35px 0;
}


/* トップページ
------------------------------------------------------------*/

.if {
	border:3px #d1ebfe solid;
			background:#fff;
	margin-bottom:3%;
	clear: both;
}
.if h2 {
	color:#35a6fc;
	font-size:180% !important;
	font-weight:bold;
	background:#d1ebfe;
}
.if ul {
	margin:3%;
	font-size:140%;
	font-weight:bold;

}
.if li {
	background: url("images/yajirushi1.png") 0 0 no-repeat;
	padding:15px 0 15px 65px;
	min-height:50px;
}
.if li span, .if2 li span {
	font-size:120%;
	color:#676767 !important;
}
.if2 {
	border:3px #d1ebfe solid;
	background:#fff;
	margin-bottom:3%;
}
.if2 h2 {
	color:#35a6fc !important;
	font-size:180% !important;
	font-weight:bold;
	background:#d1ebfe !important;
}
.if2 ul {
	margin:3%;
	font-size:140%;
	font-weight:bold;
}
.if2 li {
	background: url("images/check1.png") 0 0 no-repeat;
	padding:15px 0 15px 65px;
	min-height:50px;
}
.if2 p {	margin:3%;
color:#000;}

.jmr {
	text-align:center;
}


.purpose {
	background: url("images/bg01.gif") center top repeat-x;
	margin-bottom:100px;
}
.purpose h2, .shine h2, .reason h2, .blue3 h2 {
	text-align:center;
	margin-bottom:3%;
}
.purpose ul {
	margin:3% 3% 5% 3%;
	font-size:140%;
	font-weight:bold;
}
.purpose li {
	background: url("images/check1.png") 0 0 no-repeat;
	padding:5px 0 15px 65px;
	min-height:50px;
}
.purpose li span {
	color:#cc0064;
}
.green {
	background: url("images/bg02.gif") center top repeat-x;
	margin:100px auto;
	padding:100px 0;
}
.shine {
	background: url("images/bg06.gif") center top repeat;
	margin:0 auto;
	padding:100px 0;
	color:#000;
}
.blue {
		background: url("images/bg04.gif") center top repeat;
	padding:100px 0;
	color:#000;
}

.blue2, .blue4 {
		background: #e7f5ff;
	padding:100px 0;
	color:#000;
}
.blue3 {
		background: url("images/bg08.gif") center top repeat-x;
	padding:100px 0;
	color:#000;
	margin-top:-100px;
}
.reason {		background: url("images/bg07.gif") center top repeat-x;
	padding:100px 0;
	color:#000;}
.reason01, .reason02, .reason03, .reason04, .reason05 {
		border:#d1ebfe 3px solid;
	padding:3%;
	overflow:hidden;
background: url("images/white-bg.png") 0 0 repeat;
	margin-bottom:3%;
}
.reason01 h3, .reason02 h3, .reason03 h3, .reason04 h3, .reason05 h3 {
	background: url("images/reason1.png") 0 0 no-repeat;
	color:#35a6fc;
	padding: 20px 10px 0 110px;
	min-height:100px;
	font-size:180% !important;
}
.reason02 h3 {	background: url("images/reason2.png") 0 0 no-repeat;}
.reason03 h3 {	background: url("images/reason3.png") 0 0 no-repeat;}
.reason04 h3 {	background: url("images/reason4.png") 0 0 no-repeat;}
.reason05 h3 {	background: url("images/reason5.png") 0 0 no-repeat;}

.prg01, .prg02, .prg03 {
	border:#d1ebfe 3px solid;
		padding:3%;
background-image: url("images/week1.png"), url("images/white-bg.png") ;
	background-position:20px 20px, 0 0 ;
	background-repeat:no-repeat, repeat;
	margin-bottom:3%;
}
.prg02 {background-image: url("images/week2.png"), url("images/white-bg.png") ;}
.prg03 {background-image: url("images/week3.png"), url("images/white-bg.png") ;}
.prg01 h3, .prg02 h3, .prg03 h3 {
	color:#35a6fc;
 padding: 10px 10px 0 0;
    margin-left: 110px;
    min-height: 80px;
    font-size: 160% !important;
    border-bottom: #35a6fc 3px solid;
}
.ml-0 {
margin-left: 0px !important;
}
.days {
	background: url("images/days-bg.png") center top no-repeat;
	padding:80px 60px;
}
.days h2 {
	color:#35a6fc;
	padding:0;
}
.days .left, .days .right {
	max-width:490px;
}
.days p {
		margin-top:3%;
}
.days .left {
	float:left;
}
.days .right  {
	float:right ;
}
.block {
		background: url("images/bg05.gif") center top repeat;
	padding:100px 0;
	color:#000;

}
.block01, .block02, .block03 {
	background-image: url("images/ph14.png"), url("images/block01-bg.png") ;
	background-position: 30px 0, center top ;
	background-repeat: no-repeat, repeat-x;
	padding:3%;
	color:#000;
	border:3px #d1ebfe solid;
		background-color:#fff;
	margin-bottom:3%;
}
.block02 {
	background-image: url("images/ph14-2.png"), url("images/block01-bg.png") ;
}
.block03 {
	background-image: url("images/ph14-3.png"), url("images/block01-bg.png") ;
}
.block01 h3, .block02 h3, .block03 h3 {
	padding-left:135px;
	color:#676767;
	font-size:140% !important;
	min-height:140px;
	margin-bottom:2%;
}
.block02 h3 {
	padding-top:15px;
}
.green h2, .ex h2, .blue h2, .shine h3 {
	color:#FFF;
	font-size:180% !important;
	font-weight:bold;
	background:#35a6fc;
	margin-bottom:3%;
	padding:1% 2%;
	clear:both;
}
.kaisetsu {
	background: #49a6ed url("images/ph06.png") left bottom no-repeat;
	color:#FFF;
		padding:20px 30px 20px 200px;
	margin-top:3%;
	min-height:345px;
}

.kaisetsu h3 {
color:#35a6fc;
background: #FFF url("images/ph07.png") right center no-repeat;
min-height:72px;
border-radius: 7px;		/* CSS3草案 */
-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
-moz-border-radius: 7px;	/* Firefox用 */
padding:2%;

}
.kaisetsu span, .ex span, .change span {
	color:#cc0064;
	font-weight:bold;
}
.change {
	border:#d1ebfe 3px solid;
	padding:3%;
background: url("images/white-bg.png") 0 0 repeat;
	margin-bottom:3%;
}
.change h3{
background: url("images/before.png") 0 0 no-repeat;
	padding:5px 5px 0 105px;
	color:#676767;
	min-height:80px;
	margin-bottom:0 !important;
}
.change h4 {
background: url("images/after.png") 0 0 no-repeat;
	padding: 10px 5px 0 105px;
	color:#35a6fc;
	font-size:150% !important;
		min-height:80px;
		margin-bottom:3%;
}
.change .uline {	color:#676767;}
.different {
		background: url("images/bg03.gif") center top repeat-x;
	padding:100px 0;
}
.different h2 {
	padding:0;
	text-align:left;
}
.intro {
	max-width:620px;
	color:#FFF;
}
.top-bg	 {
background: url("images/main-bg.gif") center top no-repeat;
	background-size: 100% 100%;
	color:#000;
}
.top-bg	.inner {
background: url("images/ph06-2.png") left bottom no-repeat;
	padding:50px 0 0px 310px;
}
.top-bg h2, .blue4 h2, .final h2  {
background:#35a6fc;
	padding:35px 0 !important;
	text-align:center;
	line-height: 0;
}
.blue4 h2 {
	margin-bottom:3%;
}
.mark {
	margin:3% 0;
}
.mark li {
	background: url("images/yajirushi1.png") 0 0 no-repeat;
padding:0px 0 10px 35px;
min-height:30px;
background-size: 30px 30px;
font-weight:bold;
font-size:120%;
}
.price {
	font-weight:bold;
	border:3px #d1ebfe solid;
	padding:3%;
	background:#FFF;
	text-align:center;
	font-size:120%;
	margin:2% auto;
}
.henkin {
	color:#FFF;
	font-size:120% !important;
	font-weight:bold;
	background:#35a6fc;
	margin:5% 0 3%;
	padding:1% 2%;
	clear:both;}
.sanka-btn a {
		margin:5% auto;
	display:block;
	text-align:center;
}


.present01, .present02, .present03, .present04, .present05 {
		border:#cc0064 3px solid;
	padding:3%;
background: url("images/white-bg.png") 0 0 repeat;
	margin-bottom:3%;
	overflow:hidden;
}
.present01 h3, .present02 h3, .present03 h3, .present04 h3, .present05 h3 {
	background: url("images/toku1.png") 0 0 no-repeat;
	color:#35a6fc;
	padding: 20px 10px 0 110px;
	min-height:100px;
	font-size:160% !important;
	line-height:1.3;
}
.present01 h3 span, .present02 h3 span, .present03 h3 span, .present04 h3 span, .present05 h3 span {
		color:#cc0064;
		font-size:80% !important;
}
.present02 h3 {	background: url("images/toku2.png") 0 0 no-repeat;}
.present03 h3 {	background: url("images/toku3.png") 0 0 no-repeat;}
.present04 h3 {	background: url("images/toku4.png") 0 0 no-repeat;}
.present05 h3 {	background: url("images/toku5.png") 0 0 no-repeat;}
.qanda dt {background:url("images/qnqda-q.png") 0 0 no-repeat ;
font-size:130%;
padding:0px 0 35px 60px;
font-weight:bold;
	}
.qanda {border:#d1ebfe 3px solid;
	padding:3%;
background: url("images/white-bg.png") 0 0 repeat;
	margin-bottom:3%;
}
.qanda dd {background:url("images/qnqda-a.png") 0 0 no-repeat ;
	padding:0px 0 35px 60px;
	}
.final {
background: url("images/main-bg.gif") center top no-repeat;
	background-size: 100% 100%;
	color:#000;
}
.final .inner {
background: url("images/ph06-2.png") left bottom no-repeat;

}
.final .inner {
padding-top:50px;
	}
.final .right {
padding:0px 0 0px 310px;
	}

.media {
	background-color: #EFEFEF;
	padding: 100px 0;
	text-align: center;
}

.media .media-img img {
	width: 940px;
	vertical-align: bottom;
}

.terms-of-service {
	padding: 100px 0;
}

.terms-of-service h3 {
	color:#FFF;
	font-size:120% !important;
	font-weight:bold;
	background:#35a6fc;
	margin:5% 0 3%;
	padding:1% 2%;
	clear:both;}

table.raw {
	border-top:#cfebfd solid 1px !important;
	border-left:#cfebfd solid 1px !important;
}
.raw th, .raw td {
	border-right:#cfebfd solid 1px !important;
	border-bottom:#cfebfd solid 1px !important;
}
.raw th {
    width: 15% !important;
    background: #e7f6ff;
    color: #000;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
 margin:3% auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.f120 {
	font-size:120%;
}
.f150 {
	font-size:150%;
}
.f180 {
	font-size:180%;
}
.red {
	color:#cc0064;}
.blue-t {
	color:#35a6fc;}
.uline {
	text-decoration:underline;
}


/* 記事ループ
------------------------------------------------------------*/

.list{
padding:10px 0;
}

.post .list p{
padding:0;
}

.list span{
padding-left:10px;
}


/* タイポグラフィ
------------------------------------------------------------*/

h2.title{
clear:both;
margin-bottom:50px;
padding-bottom:7px;
text-align:center;
font-size:150%;
font-weight:bold;
}

h2.title span{
padding-bottom:10px;
border-bottom:3px solid #000000;
}

h2.recentpost{
margin:15px 0 25px;
padding:15px 0;
font-size:150%;
font-weight:bold;
border-bottom:3px solid #000000;
}

.dateLabel{
margin-bottom:35px;
text-align:right;
font-weight:bold;
}

.post p{
padding-bottom:15px;
}



.post h1{
margin:15px 0 25px;
padding:15px 0;
font-size:150%;
font-weight:bold;

}

.post h2{
padding:1% 2%;
font-size:150%;
font-weight:bold;

}

.post h3{
font-size:130%;
font-weight:bold;
	margin-bottom:3%;
}

.post h4{
font-size:110%;
font-weight:bold;
}

.post h5{
font-size:110%;
font-weight:bold;
}

.post h6{
font-size:110%;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}

.post blockquote p{
padding:5px 0;
}

.post table{
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border-width:0 0 1px 1px;

}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post dt{
font-weight:bold;
}

.post dd{
padding-bottom:10px;
}

.post img{
max-width:100%;height:auto;
}

img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}


/* サイドバー　ウィジェット
------------------------------------------------------------*/

section.widget ul{
margin:0 0 10px 0;
}

p.banner{
padding-bottom:20px;
}

p.banner img{
max-width:280px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:130%;
font-weight:bold;
border-bottom:3px solid #000000;
}

section.widget ul{
margin:30px 0 30px 0;
}

section.widget li a{
display:block;
margin-top:15px;
color:#000000;
font-weight:bold;
}

section.widget li a:hover{
color:#cdcdcd;
}

.newsTitle{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:130%;
font-weight:bold;
border-bottom:3px solid #000000;
}

.newsTitle h3{
float:left;
}

.newsTitle p{
float:right;
padding:5px 10px 0 10px;
font-size:70%;
}

.newsTitle p a{
color:#000000;
}

.newsTitle p a:hover{
color:#cdcdcd;
}

.news{
margin:30px 0 30px 0;
}

.news p{
clear:both;
margin-top:15px;
}

.news p a{
display:block;
color:#000000;
font-weight:bold;
}

.news span{
padding-left:10px;
}

.news a:hover span{
color:#cdcdcd;
}


/* フッター
------------------------------------------------------------*/

#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding:5px 16px;
}
*:first-child+html #footer li{
display:inline;
}

#footer li:first-child{
border:0;
}

#footer li a{
text-decoration:none;
font-weight:bold;
color:#000000;
}

#footer li a:hover{
color:#cdcdcd;
}

#footer ul ul{
display:none;
}
#footer p {
text-align:center;
}
#footer p a {
text-align:center;
font-size:12px;
	color:#FFF;
	font-weight:normal;
}
#footer p a:hover {
	color:#ccc;
}
#copyright{
clear:both;
text-align:center;
font-size:10px;
}

#pagetop{
position:fixed;
right:30px;
bottom:0px;
font-size:40px;
}


/* 投稿ページの「次のページ」「前のページ」のリンク
------------------------------------------------------------*/

.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{
float:left
}

.next{
float:right;
}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/

ul.post{
padding:0;
}

ul.post li{
padding:20px 0 15px;
}

ul.post img{
float:left;
margin:5px 25px 5px 0;
}

ul.post h3{
margin:-15px 0 5px 0;
border:0;
font-size:130%;
font-weight:bold;
}

ul.post h3 a{
color:#000000;
}

ul.post h3 a:hover{
color:#cdcdcd;
}

/*ステップフローのCSS*/
ul.stepflow {
	border: none;
	margin: 1em 0.5em;
	padding: 0;
	list-style: none;
}
ul.stepflow > li:before, ol.stepflow > li:before {
	background-color:#cccccc!important;
}
.stepflow li {
    position: relative;
    padding: 0 0 1.5em 1.8em;
}
.stepflow>li:before {
	content: "";
	width: 3px;
	background: #cccccc;
	display: block;
	position: absolute;
	top: 35px;
	bottom: 0;
	left: 10px;
}
.stepflow-blue {
	content: '';
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: solid 3px #35a6fc;
	background-color: #35a6fc;
}
.stepflow_label {
	padding: 3px 0px 8px 0px;
	margin-bottom:8px;
	color: #35a6fc;
	font-size: 120%;
	font-weight: bold;
}
.stepflow_title {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom:15px;
}
.stepflow_content {
	font-size: .9em;
	line-height: 1.5;
	margin-top: .5em;
	padding: 0 0 1.5em;
}
/*ステップフローのCSSここまで*/


.smt-img {
		display:none;}




/* iPadサイズ以下（1200px）
------------------------------------------------------------*/

@media only screen and (max-width:1200px){
body{
	background-size: auto 700px;
}
	.post h3{
	margin-bottom:10%;
}
}

/* iPadサイズ以下（980px）から
------------------------------------------------------------*/

@media only screen and (max-width:980px){
#header{
width:100%;
z-index:500;
}

#headerWrap{
position:relative;
width:100%;

}

#header h1{
}

#header h2{
padding-top:13px;
}

#header h2 img{
max-height:18px;
width:auto !important;
}
#wrapper {
		width:100%;
	}
.inner{
width:96%;
	margin:0 2%;
}
#header .contact{

}


#mainImg{
z-index:-100;
}

#content {
clear:both;
width:100%;
float:none;
margin:0 auto;
padding:10px 0 0;
}

h2.first{
margin-top:25px;
}

h2.topFirst{
margin-top:-80px;
}

.banner{
width:100%;
margin:0 auto;
text-align:center;
}

p.banner img{
width:100%;
height:auto;
}

section.widget_search{
text-align:center;
}

#footer li{
margin-bottom:10px;
}
.kaisetsu {
    background: #49a6ed;
    color: #FFF;
    padding: 20px;
    margin-top: 3%;
    min-height: 345px;
}
.green {
    margin: 5% auto;
    padding: 5% 0;
}
.reason {
    background: url(images/bg07.gif) center top no-repeat;
    padding: 5% 0;

}
.days {
    background: url(images/bg02.gif) center top no-repeat;
    padding: 3%;
}
.days h2 {
    padding: 0;
  }
.days .left, .days .right {
    max-width: 100%;
}
}


/* 幅644px以下から
------------------------------------------------------------*/

@media only screen and (max-width:644px){
body{
font:16px/1.7 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
#header h2 img{

}

#mainImg{

}

#mainImg img{

}

.if h2 {
font-size: 120% !important;}
.if ul {
    font-size: 120%;
	margin: 3% 3% 0 3%;}
.if li {
    background: url(images/yajirushi1.png) 0 0 no-repeat;
padding: 0px 0 15px 35px;
    min-height: 40px;
    background-size: 30px 30px;
}
.if li br {display:none;}
.if2 ul {
    font-size: 120%;
	margin: 3% 3% 0 3%;
}
.blue, .blue2, .blue4, .shine {
    padding: 40px 0;
}
.if li span, .if2 li span {
    font-size: 100%;}
.purpose li, .if2 li  {
    background-size: 35px 35px;
    min-height: 40px;
	    padding: 0 0 15px 45px;
}

.purpose li br, .if2 li br, .intro br {
		display:none;
}
.green h2, .ex h2, .blue h2, .shine h3 {
    font-size: 120% !important;}
.kaisetsu {	 margin-bottom: 70px;}
.kaisetsu h3 {
min-height: auto;
    background-size: 50px auto;
}
.block {
    padding: 50px 0;
}
.top-bg .inner {
    background: url(images/ph06-2.png) center bottom no-repeat;
    padding: 30px 0 60% 0;
    background-size: auto 40%;
}
.final .inner {
    background: url(images/ph06-2.png) center bottom no-repeat;
	    padding: 30px 0 60% 0;
    background-size: 50% auto;
}
.final .right {
    padding: 0;
}
.reason01 h3, .reason02 h3, .reason03 h3, .reason04 h3, .reason05 h3 {
    padding: 0px 10px 0 90px;
    min-height: 80px;
    font-size: 140% !important;
    background-size: 80px 80px;
}
.prg01 h3, .prg02 h3, .prg03 h3 {
    padding: 20px 10px 0 0;
    min-height: 80px;
    font-size: 140% !important;
    background-size: 80px 80px;
}
.present01 h3, .present02 h3, .present03 h3, .present04 h3, .present05 h3 {
	padding: 20px 10px 0 90px;
    min-height: 80px;
    font-size: 140% !important;
    background-size: 80px 80px;
}
.present01 h3 br, .present02 h3 br, .present03 h3 br, .present04 h3 br, .present05 h3 br {
	display:none;
}
.blue3 {
    margin-top: 0;
	padding:50px 0;
}
h1 {
  width: 60%;
	}
.contact {
    width: 35%;
}
h1 img, .contact img {
	width:100%;
	}
.change h3, .change h4 {
    font-size: 120% !important;

}
.different, .blue  {
    padding: 50px 0;
}
.block01, .block02, .block03 {
	background-image: url(images/ph14.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 3%;
    color: #000;
    border: 3px #d1ebfe solid;
    background-color: #fff;
    margin-bottom: 3%;
    background-size: 80px auto, auto auto;
}
.block02 {
	background-image: url(images/ph14-2.png);
}
.block03 {
	background-image: url(images/ph14-3.png);
}
.block01 h3, .block02 h3, .block03 h3 {
    padding-left: 85px;
	 padding-top: 15px;
    color: #0ea8f8;
    font-size: 110% !important;
    min-height: 100px;
    margin-bottom: 2%;
		line-height:1.3;
}
.block01 h3 br, .block02 h3 br, .block03 h3 br {
display:none;
}
.raw th {
width: 40% !important;
}
ul.post img{
display:block;
margin:5px auto 20px auto;
float:none;
width:100%;
}

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}
.pctab-img{
		display:none;
}
.smt-img {
		display:inline;
}
	.f150 {
    font-size: 120%;
}

.media {
	padding: 50px 10px;
}

.media .media-img img {
	width: 100%;
}

}

/* 幅500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){

.top-bg .inner {
padding: 30px 0 80% 0;
background-size: 55% auto;
}
.final .inner {
    background: url(images/ph06-2.png) center bottom no-repeat;
    padding: 30px 0 70% 0;
    background-size: 50% auto;
}
}