@charset "UTF-8";

@media only screen and (min-width: 769px) {

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

#headbg {
width: 100%;
height: 50px;
background-image: url(/img/head_bg.gif);
position: fixed;
top: 0;
z-index: 1000;
}

#head {
/*width: 1200px;*/
width:1350px;
margin: 0 auto;
}

#head:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#head h1 {display:none;}

#logo {
float: left;
text-align: left;
}

#logo a {
color: #fff;
font-size: 24px;
padding-top: 13px;
padding-bottom: 10px;
padding-left: 5px;
font-weight: bold;
display: block;
}

#logo a:hover {}

#toptel {display:none;}
#topmail {display:none;}
#line {display:none;}
#maintopdisc {display:none;}

#head-link {
width:1200px;
float: right;
padding-top: 12px;
}

#head-link:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#head-link ul {float:right;}

#head-link ul li {
float: left;
text-align: center;
}

#head-link ul li.splink {display:none;}

#head-link ul li a {
display: block;
color: #fff;
text-decoration: none;
/*padding-left: 15px;
padding-right: 15px;*/
padding-left: 10px;
padding-right: 10px;
}

#head-link ul li a:hover {color:#ddd;}

#head-sub {
width: 100%;
background-color: #ccc;
padding-top: 50px;
}

#head-sub:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#sub-disc {
width: 1200px;
margin: 0 auto;
}

#sub-disc h2 {
color: #333;
text-align: left;
}

/******************************************
 メイン画像
******************************************/

#main {
width: 100%;
margin: 0 auto 30px auto;
}

#main_01 {
background-image: url(/img/main_01.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 400px;
line-height: 50px;
text-indent: -99999px;
}

#main_02 {
background-image: url(/img/main_02.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 400px;
line-height: 50px;
text-indent: -99999px;
}

#main_03 {
background-image: url(/img/main_03.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 400px;
line-height: 50px;
text-indent: -99999px;
}

#mainphoto_txt{
background: -moz-linear-gradient(top, #FFBE00, #FEFE00);
background: -webkit-linear-gradient(top, #FFBE00, #FEFE00);
background: linear-gradient(to bottom, #FFBE00, #FEFE00);
margin:0 0 30px 0;
padding:10px 0 0 0;
}

#mainphoto_txt_inner{
width:90%;
margin:auto;
position:relative;
background: url(/img/img_mainphoto_ls01.png) 89% bottom no-repeat;
text-align:left;
}
#mainphoto_txt_inner h2 , #mainphoto_txt_inner h3{
font-size:5em;
font-weight:bold;
line-height:105%;
}
#mainphoto_txt_inner p{
font-size:3em;
font-weight:600;
margin:10px 0;
background: url(/img/img_mainphoto_ls02.png) left 50% no-repeat;
padding:15px 0 15px 8vw;
line-height:110%;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}
#mainphoto_txt_inner_s{
position:absolute;
right:5vw;
bottom:5%;
font-size:20px!important;
text-align:center;
padding:10px 0;
font-weight:bold;
color:#0140FF;
line-height:130%;
background: url(/img/img_mainphoto_ls03.png) center 50% no-repeat;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}
.mainphoto_txt_innertxt01{
color:#F00;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}
.mainphoto_txt_innertxt02{
color:#0140FF;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}

.mainphoto_txt_inner_stxt01{
font-size:2em;
color:#F00;
}
.mainphoto_txt_inner_stxt02{
font-size:1.4em;
color:#F00;
}

.smpbr{display:none;}

/******************************************
 パンくず
******************************************/

#pankuzu {
width: 1200px;
padding-top: 20px;
margin: 0 auto 20px auto;
text-align: left;
}

/******************************************
 メインコンテンツフレーム
******************************************/

#maincontents {
width: 1200px;
margin: 0 auto;
}

#maincontents:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#cen {
float: left;
width: 800px;
margin-bottom: 30px;
}

#ri {
width: 350px;
float: right;
margin-bottom: 30px;
}

/******************************************
 共通ライトコンテンツ
******************************************/

#kanoutbl {
width: 350px;
margin: 0 auto 30px auto;
background-image: url(/img/kanoutbl-mdl.png);
background-repeat: repeat-y;
}

#kanoutbl h4 {
width: 350px;
margin: 0 auto;
}

#kanoutbl-btm {
width: 350px;
margin: 0 auto;
background-image: url(/img/kanoutbl-btm.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 10px;
}

#kanoutbltxt {
width: 330px;
margin: 0 auto;
padding-bottom: 10px;
}

#kanoutbltxt p {
text-align: left;
padding: 10px 0 0 0;
}

#moushikomi {
width: 350px;
margin: 0 auto 20px auto;
}

#moushikomi h4 {width:350px;}

#moushikomitxt {
width: 350px;
height: 150px;
margin: 0 auto;
background-image: url(/img/moushikomibg.png);
background-repeat: no-repeat;
}

#moushikomitxt p {
text-align: left;
padding: 10px 10px 0 120px;
}

#moushikomitxt p span.bgclr {background-color:#dfdfdf;}

#moushikomibnr {
width: 350px;
margin: 0 auto;
}

#ri_tel_bnr {
width: 346px;
margin: 0 auto 20px auto;
border: 2px solid #4D7AFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#ri_tel_bnr_ttl {
width: 320px;
margin: 0 auto 10px auto;
background-color: #4D7AFF;
}

#ri_tel_bnr_ttl h4 {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 20px;
}

#ri_tel_bnr_txt {
width: 320px;
margin: 0 auto;
}

#ri_tel_bnr_txt p {text-align:left;}

#ri_tel_bnr_telnum {
width: 315px;
margin: 0 auto 5px auto;
text-align: center;
}

#ri_tel_bnr_telimg {
width: 315px;
margin: 0 auto 5px auto;
text-align: center;
}

#ri_tel_mail {
width: 346px;
margin: 0 auto 20px auto;
border: 2px solid #ff8000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#ri_tel_mail_ttl {
width: 320px;
margin: 0 auto 10px auto;
background-color: #FE9A2E;
}

#ri_tel_mail_ttl h4 {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 20px;
}

#ri_tel_mail_txt {
width: 320px;
margin: 0 auto;
}

#ri_tel_mail_txt p {text-align:left;}

#ri_tel_mail_telimg {
width: 315px;
margin: 0 auto 5px auto;
text-align: center;
}

#ri_tel_mail_mailimg {
width: 315px;
margin: 0 auto;
text-align: center;
}

#tfkanou {
width: 350px;
margin: 0 auto 20px auto;
}

#sidebnr_01 {
width: 350px;
text-align: center;
margin: 0 auto 20px auto;
}

#sidebnr_01 img {
width: 350px;
text-align: center;
margin: 0 auto;
}

#sidebnr_02 {
width: 350px;
text-align: center;
margin: 0 auto;
}

#sidebnr_02 img {
width: 350px;
text-align: center;
margin: 0 auto;
}

/******************************************
 フットお問い合わせバナー
******************************************/

#footinfobnr {
width: 1000px;
margin: 0 auto 30px auto;
}

#sub_footinfobnr {
width: 780px;
margin: 0 auto;
}

/******************************************
 ボトムパンくず
******************************************/

#btmpanbg {
width: 100%;
margin-bottom: 30px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #efefef;
}

#btmpan {
width: 1200px;
margin: 0 auto;
}

#btmpan:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#btmpan ul {}

#btmpan ul li {
float: left;
text-align: left;
}

#btmpan ul li a {
margin-right: 10px;
position: relative;
padding-right: 8px;
display: block;
}

#btmpan ul li a:after {
content:">";
font-size:100%;
line-height: 1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:-5px;
top: 3px;
display: block;
}

/******************************************
 ボトムリンク
******************************************/

#btmlinkbg {
width: 1200px;
margin: 0 auto 10px auto;
}

#btmlinkbg #a_link {width:220px;}
#btmlinkbg #b_link {width:200px;}

#btmlinkbg #c_link {
width: 330px;
margin-right: 30px;
}

#btmlinkbg #d_link {width:330px;}

#btmlinkbg:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.btmlink {
float: left;
text-align: left;
}

.btmlink dl {
display: block;
padding-bottom: 30px;
}

.btmlink dl dt {font-weight:bold;}
.btmlink dl dd {}

#btn_freedial{
margin:0 auto 30px;
text-align:center;
}

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

#footdisc {
width: 1200px;
margin: 0 auto 10px auto;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

#footdisc p {text-align:left;}

#footcopy {
width: 1200px;
margin: 0 auto;
}

#footcopy:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#footad {
float: left;
margin-right: 30px;
}

#footlink {float:right;}

#footlink:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#footlink ul {float:right;}

#footlink ul li {
float: left;
margin-left: 20px;
}

#footlink ul li a {}
#footlink ul li a:hover {}

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

.m_b_zero {margin-bottom:0;}

/******************************************
 追加ボタン
******************************************/

#top_otoiawase_box {display:none;}

/******************************************
 フィックスボタン
******************************************/

#fixed-contact,
.fixed-contact {display:none;}

/******************************************
 ボタン装飾
 ******************************************/

.avlinkbtn {}

}

@media only screen and (max-width: 768px) {
#mainphoto_txt{
background: -moz-linear-gradient(top, #FFBE00, #FEFE00);
background: -webkit-linear-gradient(top, #FFBE00, #FEFE00);
background: linear-gradient(to bottom, #FFBE00, #FEFE00);
margin:0 0 30px 0;
padding:10px 0 0 0;
}
#mainphoto_txt_inner{
width:98%;
margin:auto;
position:relative;
background: url(/img/img_mainphoto_ls01.png) right bottom no-repeat;
text-align:left;
background-size:contain;
}
#mainphoto_txt_inner h2{
font-size:2.2em;
font-weight:bold;
line-height:105%;
}
#mainphoto_txt_inner h3{
font-size:2.2em;
font-weight:bold;
line-height:105%;
padding:0 0 15px 0;
}
#mainphoto_txt_inner p{
font-size:1.2em;
font-weight:600;
margin:10px 0;
padding:15px 0 15px 0;
line-height:110%;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}
#mainphoto_txt_inner_s{
position:absolute;
right:1vw;
bottom:5%;
font-size:15px!important;
text-align:center;
padding:10px 0;
font-weight:bold;
color:#0140FF;
line-height:135%;

background: url(/img/img_mainphoto_ls03.png) center 50% no-repeat;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
background-size:contain;
}
.mainphoto_txt_innertxt01{
color:#F00;
text-shadow:
2px 2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}
.mainphoto_txt_innertxt02{
color:#0140FF;
text-shadow:
2px  2px 1px #fff,
-2px  2px 1px #fff,
2px -2px 1px #fff,
-2px -2px 1px #fff,
2px  0px 1px #fff,
0px  2px 1px #fff,
-2px  0px 1px #fff,
0px -2px 1px #fff;
}

.mainphoto_txt_inner_stxt01{
font-size:2em;
color:#F00;
}
.mainphoto_txt_inner_stxt02{
font-size:1.4em;
color:#F00;
}
.smpbr{display:block;}

.img_100{
width:90%;
margin:10px auto;
}

#about_txt_br{display:none;}

#btn_freedial{
margin:0 auto 25px;
text-align:center;
width:100%;
}

#btn_freedial img{width:100%;}

}