@charset "UTF-8";

/* ブラウザ設定リセット ######################################## */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del,ins {
	text-decoration:none;
}
li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1px;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
.clr {
	clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ############################################## */

body {
    margin:0px;
    font-size:26px;
	padding:0px 0px 0px 0px;
	font-family:"メイリオ" , "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
    background:#3C2A1C;
    -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 920px) { 
body {
    width:850px;
    margin:0px;
    font-size:38px;
	padding:0px 15px 0px 15px;
	font-family:"メイリオ" , "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
    background:#3C2A1C;
    -webkit-text-size-adjust: 100%;
}
}

/* ############################################## */

.main_contents_wrap3{
    margin:0px auto 0px auto;
	width:800px;
	padding:0px;
    display: block;
    background:#FFF;
}

.head {
	width:800px;
	height:50px;
	padding:0px 0px 0px 0px;
    margin:0px auto 0px auto;
    position:relative;
    padding:0px 0px 0px 0px;
}

.head h1 {
    width:800px;
    text-align: center;
	font-size:20px;
	line-height:21px;
	color:#3C2A1C;
	margin:15px 5px 8px 10px;
	float:left;
	padding:0px 5px 0px 0px;
}

.oshirase {
    width:750px;
    margin:0px 0px 1px 10px;
    padding:10px 0px 10px 30px;
    color:#FFFFFF;
    background:#3C2A1C;
    font-size:30px;
}

.oshirase2 {
    width:750px;
    margin:0px 0px 10px 10px;
    padding:10px 0px 10px 30px;
    color:#FFFFFF;
    background:#3C2A1C;
    font-size:30px;
}



@media screen and (max-width: 920px) { 
.header_wrap {
width:920px;
}
}

.pictop {
    margin: 0px 0px 10px 0px;
    padding:0px 10px 0px 10px;
    position:relative;
    width:780px;
}

.pictop p{ 
    padding:0px 0px 0px 0px;
    margin:45px 0px 0px 35px;
    width:380px;
    text-align: center;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 38px;
    font-family:serif;
    color:#FFF;
}


/* ############################################## */

@media screen and (max-width: 920px) { 
.smart {
padding:0px 60px 0px 60px;
}
}

.main_menu {
	width:800px;
	margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
}
.home{
    position: relative;
}
.home p{
    width:161px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-family:serif;
    color:#F8F8FF;
}

.ryoukin{
    position: relative;
}
.ryoukin p{
    width:161px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-family:serif;
    color:#F8F8FF;
}

.area{
    position: relative;
}
.area p{
    width:161px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-family:serif;
    color:#F8F8FF;
}

.qanda{
    position: relative;
}
.qanda p{
    width:161px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-family:serif;
    color:#F8F8FF;
}

.otoiawase{
    position: relative;
}
.otoiawase p{
    width:161px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-family:serif;
    color:#F8F8FF;
}

.main_menu li {
	float:left;
	position: relative;
}

/* ############################################## */

.eigyou {
    position: relative;
    width:780px;
    height:23px;
    margin:0px 0px 10px 0px;
}

.eigyou p{
    width:780px;
    height:27px;
    text-align:left;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 24px;
    font-family:"メイリオ" , "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
    color:#3C2A1C;
    margin:6px 0px 0px 10px
}


/* ############################################## */


.pictop2 {
    padding:0px 0px 20px 0px;
    position:relative;
    width:780px;
}

.pictop2 h1{ 
    padding:0px 0px 0px 0px;
    margin:40px 0px 0px 15px;
    width:400px;
    text-align: center;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 30px;
    font-family:serif;
    color:#FFF;
}

.pictop2 p{ 
    padding:0px 0px 0px 0px;
    margin:90px 0px 0px 25px;
    width:400px;
    text-align: left;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 30px;
    font-family:serif;
    color:#FFF;
}

.topshita{
    line-height: 55px;
}

@media screen and (max-width: 920px) { 
.topshita {
    line-height: 55px;
}
}

.kuma {
    height:300px;
    width:800px;
    margin:20px 0px 40px 0px;
    padding:0px 0px 0px 0px;
    position:relative;
}

.kuma h1 {
    margin:10px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    width:630px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:0%;
    transform: translateY(-50%);
    font-size: 28px;
    font-family:serif;
    color:#000000;
    
}

.kuma p {
     margin:50px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    width:780px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-family:serif;
    color:#FFF;
    
}

.campaign {
    height:570px;
    width:780px;
    margin:20px 10px 40px 10px;
    padding:0px 0px 0px 0px;
    position:relative;
}

.campaign h1 {
    margin:20px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    width:780px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:0%;
    transform: translateY(-50%);
    font-size: 36px;
    font-family:serif;
    color:#FF0000;
    
}

.campaign p {
     margin:50px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    width:570px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 28px;
    font-family:serif;
    color:#000000;
    
}

.line{
    margin:215px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    width:745px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 30px;
    font-family:serif;
    color:#FFF;
}

.tsuika{
    margin:500px 0px 0px 25px;
    padding:0px 0px 0px 0px;
    width:745px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 30px;
    font-family:serif;
    color:#000000;
}

.click {
	width:780px;
	margin:20px auto 40px auto;
	padding:0px 10px 0px 10px;
    position:relative;
}

.click p{
   margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:780px;
    text-align: center;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 35px;
    font-family:serif;
    color:#FFF;
}

.pic {
    padding:0px 10px 0px 10px;
}


.p1 {
    width:740px;
    margin:0px 40px 40px 10px;
    padding:10px 10px 10px 30px;
    color:#FFF;
    background-color: #51311C;
}

.takasa{
    line-height: 40px;
}

@media screen and (max-width: 920px) { 
.takasa {
  line-height: 60px;
}
}

h2 {
  font-size:26px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}

@media screen and (max-width: 920px) { 
h2 {
  font-size:38px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}
}

h3 {
  font-size:26px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}

@media screen and (max-width: 920px) { 
h3 {
  font-size:38px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}
}

h4 {
  font-size:26px;    
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}

@media screen and (max-width: 920px) { 
h4 {
  font-size:38px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}
}

h5 {
  font-size:26px;   
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}

@media screen and (max-width: 920px) { 
h5 {
  font-size:38px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}
}

h6 {
  font-size:26px;  
  padding:0px 0px 0px 30px;    
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}

@media screen and (max-width: 920px) { 
h6 {
  font-size:38px;
  padding:0px 0px 0px 30px;
  background: linear-gradient(#2D1507,#734e30);
  width:750px;
  margin:0px auto 0px auto;
  color:#FFF;
}
}

.pic3 {
    width:780px;
    margin:0px auto 0px auto;
    padding:0px 10px 0px 10px;
    position:relative;
}

.pic3 p{
    margin:23px 0px 0px 20px;
    padding:0px 10px 0px 10px;
    width:500px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:0%;
    transform: translateY(0%);
    font-size: 28px;
    font-weight:400;
    font-family:serif;
    color:#000000;
}

.ita{
    width:780px;
    height:150px;
	margin:0px auto 0px auto;
    padding:0px 0px 40px 0px;
    position: relative;
}


.ita p{
    margin:0px 0px 0px 310px;
    padding:0px 0px 0px 0px;
    width:460px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:40%;
    transform: translateY(-50%);
    font-size: 30px;
    font-family:serif;
    color:#FFF;
}

.pic2 {
    width:780px;
    margin:0px auto 10px auto;
    padding:0px 10px 0px 10px;
    position:relative;
}

.pic2 h1{
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
    width:400px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size:30px;
    font-family:serif;
    color:#F8F8FF;
}

.pic2 p{
    margin:0px 0px 0px 380px;
    padding:0px 10px 0px 10px;
    width:370px;
    text-align: left;
    right:0 auto;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-family:serif;
    color:#F8F8FF;
}