@charset "UTF-8";
*{
   margin:0;
   padding:0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background : none left center / auto auto repeat-y scroll padding-box border-box transparent;
}
html{
   height:100%;
   -webkit-text-size-adjust:100%;
   -ms-text-size-adjust:100%;
}
body{
   line-height : 1.6;
   height:100%;
   background-color : #cc0000;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
   display: block;
   z-index : 1500;
}
img{
   width : 100%;
}
.txt_right{
   text-align : right;
}
.txt_center{
   text-align : center;
}
hr{
   border-width: 0;
   border-style: solid;
   border-color: silver;
   clear : both;
}
.clear02{
   display:none;
}
@media only screen and (max-width: 900px) {
   .clear{
   display:none !important;
}
.clear02{
   display:block;
}
}
/*------------
  header
--------------*/
header{
   width : 100%;
   margin: 0;
   padding: 0;
   height : 100%;
   background-color : #ffffff;
}
header #st{
   width : 100%;
   height : 100%;
   text-align : left;
   margin : 0;
   padding: 0;
   background-image : url(bgi_top.jpg);
   background-repeat : no-repeat;
   background-position : center bottom;
   background-size : cover;
   background-attachment : fixed;
}
header div.catch{
   width : 30%;
   height : 100%;
   max-width : 160px;
   margin: 0;
   padding : 0;
   z-index : 100;
   position : absolute;
   left : 0;
}
header div.pic{
   width : 75%;
   max-width : 535px;
   height : 100%;
   margin: 0;
   padding : 0;
   z-index : 10;
   position : absolute;
   right : 0;
   background-image : url(img_jou_kenji_01.png);
   background-repeat : no-repeat;
   background-position : right bottom;
   background-size : contain;
}
header div.pic div{
   width : 95%;
   height : 100%;
   margin: auto;
   padding : 0;
   background-image : url(img_jou_kenji_01_res.png);
   background-repeat : no-repeat;
   background-position : right 0px bottom 10px;
   background-size : contain;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}
header div.prf{
   margin: 0;
   padding : 0;
   position : absolute;
   top : 15px;
   left : 0px;
   z-index : 50;
   width : 100%;
}
header div.pr_box{
   width : 100%;
   background-color : rgba(204, 0, 0, 0.8);
   color : white;
   text-align : left;
}
header h3{
   width : auto;
   margin : 0;
   padding : 10px 10px 10px 170px;
   line-height : 1;
   font-size : 170%;
   font-weight : bolder;
}
header nav{
   margin: 0;
   padding : 10px 10px 10px 170px;
   width : auto;
   max-width : 500px;
}
header nav ul li{
   margin: 0;
   padding : 0px 10px 10px 0px;
   display: inline-block;
   text-align : center;
   width : 240px;
}
@media only screen and (max-width: 1500px) {
   header div.pic{
   max-width : 400px;
}
header nav{
   max-width : 400px;
}
header nav ul li{
   width : 190px;
}
}
@media only screen and (max-width: 1200px) {
   header div.catch{
   max-width : 120px;
}
header h3{
   padding : 10px 10px 10px 130px;
   font-size : 120%;
}
header nav{
   padding : 10px 10px 10px 130px;
}
header div.pic{
   max-width : 300px;
}
header nav{
   max-width : 420px;
}
header nav ul li{
   width : 130px;
}
}
@media only screen and (max-width: 900px) {
   header #st{
   background-image : url(bgi_top_r.jpg);
   background-position : left bottom;
}
header h3{
   padding : 10px 10px 10px 110px;
   font-size : 95%;
}
header div.ban{
   margin: 0;
   padding : 10px 10px 10px 110px;
   width : auto;
   max-width : 250px;
}
header div.catch{
   max-width : 100px;
}
header div.prf{
   top : 50px;
}
header nav{
   display:none;
}
header div.pic div{
   background-position : right 0px bottom 60px;
}
}
/*------------
  ???j??
--------------*/
#nav{
   width : 100%;
   margin: 0;
   padding: 0;
   color : white;
   z-index : 999;
}
#nav ul{
   padding: 0;
   margin : auto;
   width : 100%;
   font-size: 0;
}
#nav ul li{
   margin: 0;
   padding : 0px;
   display: inline-block;
   text-align : center;
   width : 10%;
}
#nav ul li img.home{
   width : 100%;
}
.site-header{
   position: absolute;
}
.site-header.fixed{
   position: fixed;
   top: 0;
}
#m800,#m400{
   position: fixed;
   bottom: 0;
   margin : 0;
   padding: 0;
   line-height: 0px;
   clear : both;
}
#m800{
   right: 0;
   z-index: 2000;
   width : 20%;
   max-width : 100px;
}
#m400{
   width : 100%;
   left: 0;
   z-index: 1000;
   height : 26px;
   text-align : center;
   background-color : rgba(0, 0, 0, 0.7);
   display:none;
   padding : 10px 0px;
   border-bottom-width : 3px;
   border-bottom-style : solid;
   border-bottom-color : #808040;
}
#nav img.img{
   display:none;
}
#m400 a{
   position: absolute;
   text-indent:-999px;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1500;
/
}
#m400 img{
   max-width : 150px;
}
@media only screen and (max-width: 900px) {
   #nav{
   }
#nav ul li{
   padding : 0;
   width : 33%;
}
.site-header{
   position : static;
}
.site-header.fixed{
   position : static;
}
#m400,#nav img.img{
   display:inline;
}
#nav img.img{
   padding : 30px 0px 0px;
   line-height : 1;
}
}
/*------------
  section
--------------*/
section{
   width : 100%;
   margin: 0;
   padding: 0;
   clear : both;
}
div.intr{
   width : 100%;
   margin : 0;
   padding : 100px 0px 10px;
}
@media only screen and (max-width: 900px) {
   div.intr{
   padding : 25px 0px;
}
}
/*------------
  s01
--------------*/
#s01{
   color : white;
   height : 100%;
}
#s01 div.intr{
   width : 90%;
   max-width : 580px;
   margin : 0px auto;
   padding-top : 150px;
}
#s01 h5{
   margin: 0;
   padding : 0px 0px 20px;
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
}
#s01 h4{
   margin: 0;
   padding : 12px 0px 30px;
   background-image : url(ico_stamp.png);
   background-repeat : no-repeat;
   background-position : right top;
   background-size : 50px 50px;
   text-align : right;
}
#s01 h4 img{
   max-width : 120px;
   padding-right : 30px;
   padding-bottom : 0px;
   padding-left : 0px;
}
#s01 p{
   margin: 0;
   padding : 0px 0px 15px;
   font-size : 140%;
   font-weight : bold;
}
@media only screen and (max-width: 900px) {
   #s01{
   height : auto;
}
#s01 div.intr{
   padding-top : 25px;
}
#s01 h5{
   padding : 0px 10px 20px;
   font-size : 140%;
}
#s01 p{
   font-size : 110%;
}
}
/*------------
  s02
--------------*/
#s02{
   background-color : #ffffff;
}
#s02 div.box{
   width : 90%;
   margin : auto;
   padding: 0;
   clear : both;
}
#s02 div.left{
   width : 31%;
   margin : 1%;
   padding: 0;
   float : left;
   background-repeat : no-repeat;
   background-position : left top;
}
#s02 h5{
   margin: 0;
   padding : 0;
   text-align : center;
}
#s02 h6{
   margin: 0;
   padding : 0px 0px 0px 55px;
   text-align : left;
   font-size : 110%;
   font-weight : bolder;
   color : #cc0000;
   line-height : 1.2;
}
#s02 p.txt{
   margin: 0;
   padding : 15px 0px 10px;
   font-size : 110%;
   font-weight : bold;
}
#s02 p.txt img{
   margin: 0;
   padding : 0px 0px 5px 5px;
   float : right;
   max-width : 100px;
}
#s02 div.n01{
   background-image : url(img_01.gif);
}
#s02 div.n02{
   background-image : url(img_02.gif);
}
#s02 div.n03{
   background-image : url(img_03.gif);
}
#s02 div.n04{
   background-image : url(img_04.gif);
}
#s02 div.n05{
   background-image : url(img_05.gif);
}
@media only screen and (max-width: 900px) {
   #s02{
   height : auto;
}
#s02 div.left{
   width : 100%;
   margin : 0px 0px 15px;
   float : none;
}
#s02 h6{
   font-size : 120%;
}
}
/*------------
  s03
--------------*/
#s03{
   height : 100%;
   background-color : #ffd7d7;
   background-image : url(img_jou_kenji_04.png);
   background-repeat : no-repeat;
   background-position : right bottom;
   background-size : 20% auto;
}
#s03 div.box{
   margin: 0;
   padding : 0px 0px 10px;
}
#s03 h5,#s03 p{
   margin : 0px auto 15px;
   padding : 0;
   width : 85%;
   max-width : 580px;
   line-height : 2;
}
#s03 h5{
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
   color : #cc0000;
}
#s03 p.txt_right{
   background-image : url(img_name02.png);
   background-repeat : no-repeat;
   background-position : left top;
   background-size : contain;
   padding-left : 0px;
   border-left-width : 0px;
}
#s03 p{
   font-size : 120%;
   font-weight : bold;
   padding-left : 10px;
   border-left-width : 3px;
   border-left-style : solid;
}
#s03 p.other{
   padding-left : 0px;
   border-left-width : 0px;
}
@media only screen and (max-width: 1000px) {
   #s03 div.intr{
   background-image : none;
}
}
@media only screen and (max-width: 900px) {
   #s03{
   height : inherit;
   font-size : 90%;
   font-weight : normal;
}
}
/*------------
  s04
--------------*/
#s04{
   background-color : #ffffff;
}
#s04 div.box{
   width : 90%;
   margin : auto;
   padding: 0;
   clear : both;
}
#s04 div.left{
   width : 44%;
   margin : 1% 3%;
   padding: 0;
   float : left;
}
#s04 h5{
   margin : 0px auto 15px;
   padding : 0;
   width : 85%;
   max-width : 350px;
}
#s04 h6{
   margin: 0;
   padding : 0;
   text-align : left;
   font-size : 125%;
   font-weight : bolder;
   line-height : 1.2;
}
#s04 h6 span{
   font-size : 70%;
   font-weight : bold;
}
#s04 p.txt{
   margin: 0;
   padding : 15px 0px 10px;
}
#s04 p.txt img{
   margin: 0;
   padding : 0px 0px 5px 10px;
   float : right;
   max-width : 150px;
}
#s04 a{
   font-size : 85%;
   font-weight : bold;
}
@media only screen and (max-width: 900px) {
   #s04{
   height : auto;
}
#s04 div.left{
   width : 100%;
   margin : 0px 0px 15px;
   float : none;
}
#s04 h5{
   max-width : 250px;
}
}
/*------------
  s05
--------------*/
#s05{
   color : white;
   float : left;
   width : 50%;
}
#s05 div.youbox{
   width : 90%;
   max-width :600px;
   margin : auto;
   padding : 10px;
   line-height : 1;
   color : black;
   text-align : right;
   border : 2px solid #000000;
   border-radius: 10px;
   background-color : white;
   background-image : url(img_youtube.png);
   background-repeat : repeat-y;
   background-position : left center;
}
#s05 div.youbox2{
   width : 90%;
   max-width :600px;
   margin : auto;
   padding : 10px;
   line-height : 1;
}
#s05 div.youbox3{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#s05 div.youbox2 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#s05 div.g-ytsubscribe{
   margin : 0;
   padding: 0;
   line-height : 1;
}
#s05 div.box{
   width : 90%;
   max-width :600px;
   margin : auto;
   padding: 0;
   background-color : white;
}
#s05 h5{
   margin: 0;
   padding : 0px;
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
   line-height : 1.2;
}
#s05 h5 span{
   font-size : 85%;
}
#s05 h6{
   margin : 0;
   padding : 3px 0px 3px 40px;
   text-align : left;
   font-size : 125%;
   font-weight : bolder;
   line-height : 1.2;
   background-repeat : no-repeat;
   background-position : left center;
   background-size : contain;
   color : #cc0000;
   background-color :#ffffff;
   border : 3px solid #ffffff;
}
#s05 h6 span{
   font-size : 70%;
   font-weight : bold;
}
#s05 p.txt{
   margin: 0;
   padding : 10px 0px 5px;
}
#s05 p.txt img{
   margin: 0;
   padding : 0px 0px 5px 10px;
   float : right;
   max-width : 150px;
}
#s05 .form{
   margin : 0px auto;
   width : 90%;
   max-width : 635px;
}
#s05 .form .fax_l{
   float : left;
   width : 30%;
}
#s05 .form .fax_l img{
   max-width : 150px;
   padding : 10px;
}
#s05 .form .fax_r{
   float : right;
   width : 65%;
}
#s05 .txt_center img{
   width : 50%;
   max-width : 300px;
   margin-top : 5px;
   margin-bottom : 5px;
}
#s05 label{
   width : 30%;
   max-width : 135px;
   font-size : 90%;
   font-weight : bold;
}
#s05 p.dl{
   padding : 0px;
   border : 1px dotted white;
   margin-top : 5px;
   line-height : 1;
}
@media only screen and (max-width: 1000px) {
   #s05{
   float : none;
   width : 100%;
}
}
@media only screen and (max-width: 900px) {
   #s05 h5{
   padding : 0px 10px 20px;
   font-size : 160%;
}
#s05 div.intr{
   padding-bottom : 0;
}
}
/*------------
  s06
--------------*/
#s06{
   color : white;
   float : left;
   width : 50%;
   clear : none;
}
#s06 h5{
   margin: auto;
   padding : 0px 0px 20px;
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
   width : 95%;
   max-width : 500px;
}
#s06 div.box{
   width : 90%;
   margin : auto;
   max-width: 500px;
}
.facebook-wrapper{
   margin: auto;
}
.facebook-wrapper > .fb-page{
   width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe{
   width: 100% !important;
}
@media only screen and (max-width: 1000px) {
   #s06{
   float : none;
   width : 100%;
}
#s06 h5{
   padding : 0px 10px 20px;
   font-size : 160%;
}
}
/*------------
  s07
--------------*/
#s07{
   background-color : #ffd7d7;
}
#s07 div.intr{
   padding : 50px 0px 0px;
   line-height: 0px;
}
#s07 h5,#s07 p,#s07 h6{
   margin : 0px auto 15px;
   padding : 0;
   width : 100%;
   max-width : 580px;
   line-height : 1.5;
   text-align : center;
}
#s07 h5{
   font-size : 180%;
   font-weight : bolder;
   color : #cc0000;
   line-height : 1;
}
#s07 h5 span{
   font-size : 70%;
}
#s07 h6{
   font-size : 150%;
   font-weight : bolder;
   color : navy;
   margin-top : auto;
   line-height : 1.2;
   width : 90%;
   border-bottom-width : 2px;
   border-bottom-style : dotted;
   border-bottom-color : navy;
   padding-bottom : 3px;
}
#s07 p{
   font-size : 110%;
   font-weight : bold;
}
#s07 img{
   max-width : 350px;
}
#s07 img.ico{
   max-width : 100px;
}
#s07 .tel{
   display:none;
}
#s07 ul.tel{
   margin : 0px 0px 15px;
   padding : 0;
   text-align:center;
}
#s07 ul.tel li{
   margin : 0;
   padding : 10px;
   display: inline;
   text-align : center;
   font-size : 30%;
}
@media only screen and (max-width: 900px) {
   #s07 div.intr{
   padding : 50px 0px 0px;
}
#s07 .tel{
   display: block;
}
}
/*------------
  s08
--------------*/
#s08{
   color : white;
   float : left;
   width : 50%;
}
#s08 div.box{
   width : 90%;
   max-width :600px;
   margin : auto;
   padding: 0;
}
#s08 h5{
   margin: 0;
   padding : 0px;
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
}
#s08 h6{
   margin : 0;
   padding : 3px 0px 3px 40px;
   text-align : left;
   font-size : 125%;
   font-weight : bolder;
   line-height : 1.2;
   background-repeat : no-repeat;
   background-position : left center;
   background-size : contain;
   color : #cc0000;
   background-color :#ffffff;
   border : 3px solid #ffffff;
}
#s08 h6 span{
   font-size : 70%;
   font-weight : bold;
}
#s08 p.txt{
   margin: 0;
   padding : 10px 0px 5px;
}
#s08 p.txt img{
   margin: 0;
   padding : 0px 0px 5px 10px;
   float : right;
   max-width : 150px;
}
#s08 .form{
   margin : 0px auto;
   width : 90%;
   max-width : 635px;
}
#s08 .form .fax_l{
   float : left;
   width : 30%;
}
#s08 .form .fax_l img{
   max-width : 150px;
   padding : 10px;
}
#s08 .form .fax_r{
   float : right;
   width : 65%;
}
#s08 .txt_center img{
   width : 50%;
   max-width : 300px;
   margin-top : 5px;
   margin-bottom : 5px;
}
#s08 span{
   font-weight : bolder;
   font-size : 150%;
}
#s08 label{
   width : 30%;
   max-width : 135px;
   font-size : 90%;
   font-weight : bold;
}
#s08 p.dl{
   padding : 0px;
   border : 1px dotted white;
   margin-top : 5px;
   line-height : 1;
}
@media only screen and (max-width: 1000px) {
   #s08{
   float : none;
   width : 100%;
}
}
@media only screen and (max-width: 900px) {
   #s08 h5{
   padding : 0px 10px 20px;
   font-size : 160%;
}
#s08 div.intr{
   padding-bottom : 0;
}
}
/*------------
  s09
--------------*/
#s09{
   color : white;
   float : left;
   width : 50%;
   clear : none;
}
#s09 h5{
   margin: auto;
   padding : 0px 0px 20px;
   font-size : 180%;
   font-weight : bolder;
   text-align : center;
   width : 95%;
   max-width : 500px;
}
#s09 table{
   margin: auto;
   padding : 0px 0px 20px;
   width : 80%;
   max-width : 500px;
}
#s09 table td{
   padding : 5px;
   vertical-align : top;
   line-height : 1.1;
}
#s09 p{
   margin: auto;
   padding : 0px 0px 20px;
   width : 80%;
   max-width : 500px;
}
@media only screen and (max-width: 1000px) {
   #s09{
   float : none;
   width : 100%;
}
#s09 h5{
   padding : 0px 10px 20px;
   font-size : 160%;
}
}
/*------------
  footer
--------------*/
footer{
   margin: auto;
   padding : 10px 0px 50px;
   font-weight : bolder;
   color : #cc0000;
   text-align : center;
   clear : both;
   background-color : #ffffff;
}
/*------------
  sns
--------------*/
.sns{
   margin: 0;
   padding : 0px;
   width : 100%;
}
.sns ul{
   margin : 3px 3px 0px 0px;
   padding : 0;
   text-align : right;
}
.sns ul li{
   margin : 0px 0px 0px 3px;
   padding : 0;
   display : inline-block;
   width : 160px;
}
.sns ul li img{
   width : 160px;
   border-radius: 10px;
}
#nav .sns2{
   margin: 0;
   padding : 0px;
   width : 100%;
   display : none;
}
#nav .sns2 ul{
   margin : 5px 0px 0px;
   padding : 0;
   text-align : center;
}
#nav .sns2 ul li{
   margin : 0px 0px 0px 3px;
   padding : 0;
   display : inline-block;
   width : 100px;
}
#nav .sns2 ul li img{
   width : 100px;
   border-radius: 10px;
}
@media only screen and (max-width: 1200px) {
   .sns ul li{
   width : 120px;
}
.sns ul li img{
   width : 120px;
}
}
@media only screen and (max-width: 900px) {
   .sns{
   display : none;
}
#nav .sns2{
   display : block;
}
}
.contents{
   position: relative;
   overflow: hidden;
   margin : 0px 0px;
   z-index: 3;
   background-image : url(bgi_red.gif);
   background-repeat : repeat-x;
   background-position : center center;
}
.contents::before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 120%;
   height: 250px;
   margin: 0 -10% 0;
   background: #bdad93;
   background-image : url(bgi_face.jpg),url(overlay.png);
   background-repeat : no-repeat,repeat;
   background-position : center bottom,center center;
   background-size : cover,auto;
   background-attachment : fixed,fixed;
   -webkit-transform-origin: left center;
   -ms-transform-origin: left center;
   transform-origin: left center;
   -webkit-transform: rotate(3deg);
   -ms-transform: rotate(3deg);
   transform: rotate(3deg);
   z-index: -1;
}
.contents_inner{
   box-sizing: boder-box;
   width: 100%;
   max-width: 640px;
   height: 100%;
   margin: 0 auto;
   padding : 0px 10px 380px;
   color: #fff;
   text-align: center;
}