@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
body { color: #333; line-height: 1.7; font-size: 13px; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; *font-size: small; *font: x-small; -webkit-text-size-adjust: 100%; }

img { border: none; vertical-align: bottom; max-width: 100%; }

li { list-style: none; }

a:link { color: #333; text-decoration: none; }

a:visited { color: #333; text-decoration: none; }

a:hover { color: #333; text-decoration: underline; }

a:active { color: #333; text-decoration: none; }

.clear { clear: both; }

/*------------------------------------------------------------
	微調整用クラス
------------------------------------------------------------*/
.left { text-align: left !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.bold { font-weight: bold; }

.f11 { font-size: 85%; }

.f12 { font-size: 93%; }

.f14 { font-size: 108%; }

.f15 { font-size: 116%; }

.f16 { font-size: 123.1%; }

.f18 { font-size: 138.5%; }

.f20 { font-size: 153.9%; }

.f24 { font-size: 182%; }

.f26 { font-size: 197%; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mt5 { margin-top: 5px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.ml15 { margin-left: 15px; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /* for IE 6/7 only */ }

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#lp-container { min-width: 1180px; margin: 0 auto; }

#lp-header { background: url(/img/contents/lp/osaka/osk_bg02.jpg) center top no-repeat; }

.head-inr { width: 980px; margin: 0 auto; padding: 0 0 145px; position: relative; }

.head-icon { position: absolute; top: 80px; left: -110px; }

.head-ttl { margin: 35px 0 0; text-align: center; }

.head-data { margin: 35px 0 0; text-align: center; }

.box01 { background: url(/img/contents/lp/osaka/osk_bg01.jpg) left top repeat; }

.box01-inr { width: 980px; margin: 0 auto; padding: 25px 0; position: relative; text-align: center; }

.box01-icon { position: absolute; top: -50px; left: -100px; }

.box02 { padding: 40px 0 0; text-align: center; }

.box03 { padding: 60px 0 0; background-color: #004eab; }

.box03-inr { width: 980px; margin: 0 auto; }
.box03-inr ul { padding: 20px 60px 0; overflow: hidden; }
.box03-inr li { float: left; width: 420px; padding: 20px 0; background-color: #fff; }
.box03-inr li.box03-lst01 { border-top: solid 6px #e67f23; }
.box03-inr li.box03-lst02 { margin: 0 0 0 20px; border-top: solid 6px #e54c3c; }
.box03-inr li.box03-lst03 { margin: 20px 0 0; border-top: solid 6px #2780ba; }
.box03-inr li.box03-lst04 { margin: 20px 0 0 20px; border-top: solid 6px #16a086; }

.box03-txt { padding: 20px 30px 0; font-size: 108%; }

.box04 { padding: 240px 0 0; background: url(/img/contents/lp/osaka/osk_bg04.jpg) center top no-repeat; }

.box04-bg { padding: 0 0 80px; background: url(/img/contents/lp/osaka/osk_bg03.png) center bottom no-repeat; }

.box04-inr { width: 980px; margin: 0 auto; text-align: center; }

.box05 { width: 980px; margin: 0 auto; padding: 75px 0 0; }
.box05 ul { margin: 40px 0 0; overflow: hidden; }
.box05 li { float: left; width: 440px; margin: 0 0 20px 0; padding: 30px 16px 20px; border: solid 4px #ebebeb; border-top: none; background: url(/img/contents/lp/osaka/osk_34.jpg) center top no-repeat; }
.box05 li.box05-lst-spc { margin-left: 20px; }
.box05 dl { margin: 20px 0 0; overflow: hidden; }
.box05 dt { float: right; width: 174px; }
.box05 dd { float: left; width: 250px; font-size: 123.1%; }

.box06 { padding: 240px 0 50px; background: #fff001 url(/img/contents/lp/osaka/osk_bg05.jpg) center top no-repeat; }

.box06-inr { width: 980px; margin: 0 auto; }

.box07-ttl { padding: 25px 0; background-color: #319ce4; text-align: center; }

.box07 ul { width: 980px; margin: 0 auto; }

.box07-que { min-height: 50px; height: auto !important; height: 50px; margin: 25px 0 0; padding: 0 0 0 80px; font-size: 197%; color: #004eac; font-weight: bold; background: url(/img/contents/lp/osaka/osk_24.jpg) left top no-repeat; }
.box07-que p { max-height: 100%; background-color: #fff; }

.box07-ans { min-height: 50px; height: auto !important; height: 50px; margin: 25px 0 0; padding: 0 0 25px 80px; font-size: 123.1%; border-bottom: solid 1px #cdcdcd; background: url(/img/contents/lp/osaka/osk_25.jpg) left top no-repeat; }
.box07-ans.no-bdr { border-bottom: none; }
.box07-ans p { max-height: 100%; background-color: #fff; }

.box08 { margin: 60px 0 0; padding: 60px 0; background-color: #003782; }

.box08-inr { width: 900px; margin: 0 auto; padding: 0 40px 30px; position: relative; background-color: #e9f6fc; }

.box08-icon { position: absolute; top: -110px; left: 0; }

.box08-txt { margin: 15px 0 0; font-size: 116%; background-color: #e9f6fc; max-height: 100%; }

.box08-cau { margin: 10px 0 0; background-color: #e9f6fc; max-height: 100%; }

.box08-tbl { width: 600px; margin: 20px auto 0; }
.box08-tbl th { width: 30%; padding: 5px; font-size: 138.5%; }
.box08-tbl td { width: 70%; padding: 5px; font-size: 116%; }
.box08-tbl td input[type="text"],
.box08-tbl td input[type="tel"],
.box08-tbl td input[type="email"] 
{ width: 90%; padding: 5px; font-size: 116%; border: solid 1px #cdcdcd; }
.box08-tbl td li { display: inline; }

.entry { background: url(/img/contents/lp/osaka/osk_bg01.jpg) left top repeat; }

.redBold{
	color:#FF6600;
	font-size:60%;
	text-decoration:none;
	display:block;
	}

#sendBtn{
	width:100%;
	display:block;
	padding:20px;
	margin:10px auto;
	font-size:20px;
	}

.entry-inr { width: 980px; margin: 0 auto; position: relative; padding: 50px 0; text-align: center; }

.entry-icon { left: -40px; top: -10px; position: absolute; }

#telArea{ background-image:url(../../../../common/img/soudantext.jpg); background-color:#FFFFFF; background-repeat:no-repeat; background-position:50% 5px;	padding-top:20px; margin-top:10px; border-radius: 10px; float: right; vertical-align: middle; width : 300px ; }

#telArea .freetel{ background-image:url(../../../../common/img/freetel.jpg); background-repeat:no-repeat; background-position:40px; text-align : center; padding-left:38px; font-size:24px; color:#F30;}

.ft-icon { margin: 30px 0 0; text-align: center; }

.ft-totop { width: 980px; margin: 0 auto; text-align: right; }

#lp-footer { background-color: #fff001; }
#lp-footer ul { width: 900px; margin: 0 auto; padding: 15px 0 130px; text-align: center; background: url(/img/contents/lp/osaka/osk_39.jpg) center bottom no-repeat; }
#lp-footer ul li { display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; border-left: solid 1px #555; }
#lp-footer ul li:first-child { border-left: none; }

.copy { padding: 10px 0; color: #fff; text-align: center; background-color: #000; }
