*{
box-sizing:border-box;
}

h1{
margin:0px !important;
}

body{
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
/*background:url(../img/body-bk.png) repeat-x fixed 0% -20%;*/
background-size:25px;
margin:0;
}
li{
list-style:none;
}

img{
max-width:100%;
}

p{
margin:0px;
}

a{
color:inherit;
text-decoration:none;
}

a:hover{
opacity:0.8;
}

.top{
width:100%;
background:url(../img/topbk.png) repeat-x,url(../img/topbk02.png) no-repeat fixed;
background-size:auto,cover;
}

.ib{
width:1100px;
margin:0 auto;display:block;
}

.seikyu-head{
width:100%;
background:url(../img/topbk02.png) no-repeat fixed;
background-size:cover;
overflow:auto;
}

.seikyu{
width:100%;
background:url(../img/topbk03.png) no-repeat fixed;
background-size:cover;
overflow:auto;
}

.ib-pd{
width:1100px;
margin:0 auto;display:block;
padding:40px;
}

.ib-top{
width:1100px;
margin:0 auto;display:block;
padding:20px 40px 40px 40px;
}

.uriage{
width:100%;
background:#ffffeb;
}

.seikyu-btn-top{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
color:#fff;
width: 80%;
padding:30px;
font-size: 26px;
text-align:center;
margin:0 auto;display:block;
border-radius:6px;
}

.seikyu-btn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
color:#fff;
width: 80%;
padding:30px;
font-size: 26px;
text-align:center;
margin:0 auto;display:block;
border-radius:6px;
}

.seikyu-btn-h{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
color:#fff;
width: 45%;
padding:30px;
font-size: 26px;
text-align:center;
margin:0px 40px 0px 10px;display:block;
border-radius:6px;
display:inline-block;
float:left;
}

.inq-btn-h{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
display:inline-block;
color:#fff;
width: 45%;
padding:30px;
font-size: 26px;
text-align:center;
margin:0px 10px;display:block;
border-radius:6px;
float:left;
}

.seikyu-btn-top:before{
font-family:FontAwesome;
content:"\f02d";
margin-right:10px;
font-size:120%;
}

.seikyu-btn:before{
font-family:FontAwesome;
content:"\f02d";
margin-right:10px;
font-size:120%;
}

.seikyu-btn-h:before{
font-family:FontAwesome;
content:"\f02d";
margin-right:10px;
font-size:120%;
}
.inq-btn-h:before{
font-family:FontAwesome;
content:"\f298";
margin-right:10px;
font-size:120%;
}


.why{
width:100%;
background:url(../img/bk-b.png) no-repeat fixed;
background-size:cover;
overflow:auto;
padding:20px 0px;
}

.why-desc{
width: 100%;
padding-bottom:50px;
}

.why-desc h2{
width: 100%;
background:url(../img/bk-b.png) no-repeat fixed;
background-size:cover;
text-align:center;
padding:25px;
color:#fff;
}

.desc{
margin:20px 0px;
padding:40px 60px;
font-size:20px;
line-height: 164%;
}

.img-area{
float:left;
overflow: auto;
width:30%;
}

.img-area img{
float: left;
width:100%;
margin-bottom:20px;
}

.desc-right{
float:right;
overflow: auto;
width:70%;
padding:0px 20px;
font-size:16px;
}

h3{
border-bottom: 1px solid #222;
margin:0px 0px 20px 0px;
}

.recom{
padding:50px 0px;
width:100%;
background:#ffffeb;
}

.recom h2{
margin:0px !important;
padding:30px 0px;
text-align:center;
border-top:1px dashed #444;
border-bottom:1px dashed #444;
}

.doc-desc{
padding:30px 0px;
font-size:20px;
}

.doc-desc img{
margin:10px 0px;
}

.doc-desc p{
padding:20px 5px;
}

.doc-desc p span{
text-decoration:underline;
font-size: 120%;
}

.img-area-doc{
width:100%;
overflow:auto;
}

.img-area-doc img{
float:left;
width:31%;
margin-right:10px;
display:block;
max-height:227px;
}

.q{
color:#dc0043;
padding: 30px 20px;
background:#fff;
font-size:20px;
border:1px dotted #ddd;
margin-bottom:20px;
}

.recom02{
padding:50px 0px;
width:100%;
}

.recom02 img{
margin:15px 0px;
}

.dotline{
border-bottom: dotted 1px #e3e3e3;
}
.mokuji{
padding:40px 0px;
width:100%;
background:#ffffeb;
overflow:auto;
}

.tit{
width:30%;
padding:20px 15px;
background:#fff;
float:left;
font-size: 24px;
border-radius:3px;
color:#ff9507;
}

.tit-z{
width:100%;
padding:20px 15px;
background:#fff;
float:left;
font-size: 24px;
border-radius:3px;
color:#ff9507;
}

.mokuji-desc {
    width: 70%;
    padding: 15px 15px;
    float: left;
}

.mokuji-ib{
width:32%;
float:left;
padding:5px;
overflow:auto;
background:none;
margin-right: 10px;
margin-bottom:10px ;
border:1px solid #ddd;
box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
min-height:293px;
}

.mokuji-ib ul {
    margin-top: 10px;
    padding: 5px 7px 0px;
    float: left;

}

.mokuji-ib ul li{
    font-size:12.2px;

}

.mokuji-box{
width:100%;
float:left;
padding:10px;
overflow:auto;
background:#ffe288;
}

h2.semi-tit{
font-size:36px;
margin:30px 0px;
text-align:center;
}
.semi-left{
float:left;
width:46%;
font-size:20px;
display: inline-block;
	position: relative;
}

.semi-right{
float:right;
width:53%;
font-size:26px;
padding:0px 20px;
}

.semi-right p{
float:right;
width:100%;
border:1px solid #ddd;
background:#fff;
padding:20px;
}

.semi-right img{
width:150px;
height: 130px;
margin:0px auto;
display:block;
padding:10px;
}

.semi-left:after{
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0,0,0, .5); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 5px;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}

.semi-right a{
width:100%;
margin:0px auto;
display:block;
padding:20px;
border-radius:6px ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
color:#fff;
font-size:18px;
text-align:center;
}

.semi-right a:before{
font-family:FontAwesome;
content:"\f090";
margin-right:10px;
font-size:120%;
}

.semi-right p span{
font-size:126%;
color:#ff1414;
}



.semi-left p{
float:left;
padding:10px 0px;
font-size:20px;
}


.semi-left img{
width: 100%;
}

#form{
width:100%;
background: #ddd;
padding: 30px;
}

/**************foot***********/


#foot{
width:100%;
background: #675b5b;
padding:20px;
}

.foot-ib{
width:1000px;
margin:0 auto;
padding:20px;

}

.foot-ib ul{
display: table;
width:100%;
padding-bottom:10px;
}

.foot-ib li{
text-align:center;
width:23%;
display:inline-table;
padding:7px 10px;
color:#fff;
border-left:1px solid #fff;
}

.foot-ib li.logo{
text-align:center;
width:10% !important;
display:inline-table;
padding:7px 10px;
color:#fff;
border-left:1px solid #fff;
border:none;
}

.foot-ib li.logo img{
height:40px;
position:relative;
top:12px;
left: -30px;
}


.foot-ib li:last-child{
border-right:1px solid #fff;
}

.copyright{
text-align:center;
padding:10px;
color:#fff;
}

.pc-content{}

.sp-content{display:none;}

/**************sns***************/

.sns{
position:fixed;
top:15px;
right:15px;
}

.sns a img{
width:50px;
border-radius:40px;
display:inline;

}

.sns a:hover{
position:relative;
top:-7px;
transition:0.4s;
}

.sns a{
width:50px;
border-radius:40px;
display:inline;
transition:0.4s;
}

.youtube-area-wrap{
  background: #ffffeb;
  padding-bottom: 50px;
}
.youtube-area{
  width: 859px;
  margin: 0 auto;
}
.youtube-area iframe{
  width: 100%;
  height: 566px;
  margin-left: 8px;
}


@media screen and (max-width:480px){

.seikyu-head{
background:#fff;
}

.ib{
width:100%;
}

.top {
    width: 100%;
    background:url(../img/wall.png) no-repeat;
    background-size: cover;
}

.ib-pd {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 20px;
}

.seikyu-btn,.seikyu-btn-top {
    width:100%;
    font-size:16px;
    padding:20px;
}
.desc {
    margin: 10px 0px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 164%;
}
.desc-right {
    float: right;
    overflow: auto;
    width: 100%;
    padding: 0px;
    font-size: 14px;
}
.img-area {
    float: left;
    overflow: auto;
    width: 100%;
}
.img-area img {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.doc-desc {
    font-size: 2px;
    font-size: 14px;
    /* font-size: 20px; */
}

.doc-desc p {
    padding: 10px;
}
.doc-desc img{
    padding:0px 10px;
}

.q {
    color: #dc0043;
    padding: 10px;
    background: #fff;
    font-size: 15.2px;
    border: 1px dotted #ddd;
    margin: 10px;
}

.img-area-doc {
    width: 100%;
    overflow: auto;
    padding: 0px 10px;
}

.img-area-doc img {
    float: left;
    width: 100%;
    margin-right: 10px;
    display: block;
    max-height: 227px;
}

.recom {
    padding: 10px 0px;
    width: 100%;
    background: #ffffeb;
}

.mokuji-ib{
width: 94%;
padding:10px;
margin:10px;
min-height: inherit;
}
.mokuji-box {
    width: 100%;
    /* float: left; */
    padding: 10px;
    overflow: auto;
    background: #ffe288;
    /* margin-right: 10px; */
    margin-bottom: 10px;

    box-sizing: border-box;
}
.tit {
    width: 30%;
    padding: 12px 12px;
    background: #fff;
    float: left;
    font-size: 18px;
    border-radius: 3px;
    color: #ff9507;
    text-align:center;
}
.mokuji-desc {
    width: 70%;
    padding: 5px 0px 5px 10px;
    float: left;
    font-size: 14px;
}

.seikyu-btn-h,.inq-btn-h {
    width: 100%;
    margin:0px;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 16px;
}

.recom02 {
    padding: 10px 0px;
    width: 100%;
}
.recom02 img {
    margin: 0px;
    padding: 10px;
}
.pc-content{display:none;}

.sp-content{display:block;}

.foot-ib ul {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    margin: 0px;
    padding: 0px;
}
.foot-ib {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}
.foot-ib li {
    text-align: center;
    width: 100%;
    display: inline-table;
    padding: 7px 10px;
    color: #fff;
    border-bottom: 1px solid #614d53;
    border-left:none;
}

.foot-ib li:last-child {
    border-right: none;
}
.copyright {
    text-align: center;
    padding: 10px;
    color: #fff;
    margin-top: 30px;
}

h2.semi-tit {
    font-size: 20px;
    margin: 20px 10px;
}
.semi-left {
    float: left;
    width: 94%;
    font-size: 20px;
    display: inline-block;
    position: relative;
    margin: 0px 10px;
}
.semi-right {
    float: right;
    width: 94%;
    font-size: 20px;
    padding: 0px 0px;
    margin: 15px 10px;
}
.semi-right p {
    float: right;
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
}

.sns{
position:fixed;
top: inherit;
bottom:10px;
right:10px;
}

.sns a img{
width:50px;
border-radius:40px;
display:inline;
}

.sns a:hover{
position:relative;
top:-7px;
transition:0.4s;
}

.sns a{
width:50px;
border-radius:40px;
display:inline;
transition:0.4s;
}

.ib-top {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding:10px;
}

.youtube-area-wrap{
  background: #ffffeb;
  padding: 10px 10px 50px 10px;
}
.youtube-area{
  width: 100%;
  margin: 0 auto;
}
.youtube-area iframe{
  width: 100%;
  height: 200px;
  margin-left: 0px;
}

}