@charset "UTF-8";
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: "Mplus 1p";
width: 100%;
min-width: 100%;
background: #fff;
color: #642a06;
font-size:18px;
line-height: 1.8;
margin: 0 auto;
padding: 0;
word-wrap: break-word;
}

.no_pc{
	display:none;
}
.no_sp{
	display:block;
}

img{
    max-width:100%;
} 
img.bimgs{
	display:block;
	margin-bottom:3em;
} 
img.mimgs{
	display:block;
	margin-bottom:1.5em;
}  

a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

p{
	color:#642a06;
	font-size:18px;
	line-height:2;
	padding:0 0 1.5em;
}
p.lastone{
	padding:0;
}

/* RAYOUT */
.container{
	max-width:1200px;
	padding:3em 0;
	margin:0 auto;
}

.row{
	clear:both;
	margin:0 2em !important;
}
.row.mt001{
	margin-top:3em !important;
}

section{
	display:block;
	margin:0 auto 5em;
	padding:0;
	font-size:1em;
}

.inbg{
	background:#fdeee7;
}

.bigtxt{
	font-size:1.4em;
	color:#cc0000;
}

/* H tag */
h2.alltttls{
	text-align:center;
	font-family: "TB新聞ゴシック M";
	color:#642a06;
	padding:0 0 1em;
	font-size:2.4em;
}

/* LINK */
.readmore a{
	display:block;
	background:#fe681e;
	color:#fff;
	font-family: "TB新聞ゴシック M";
	text-align:center;
	padding:1em 1.5em;
	margin:0 auto;
	font-size:1.2em;
}
.readmore a:hover{
	text-decoration:none;
	color:#fff;
	background:#f08b31;
}
	

/* HEADER */
header{
	display:block;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0;
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 12%,#fe681e 12%,#fe681e 87%,#fe681e 87%,#ffffff 1%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 12%,#fe681e 12%,#fe681e 87%,#fe681e 87%,#ffffff 1%);
	background:linear-gradient(to bottom,#fff 0% 12%,#fe681e 12% 87%,#fff 1% 100%);
	position:relative;
}

header .row.inside{
	padding:4em 2em 1em;
}

header h1{
	text-align:right;
	color:#642a06;
	font-size:1.2em;
	padding:1.2em 0;
	margin:-2em 0 0;
	font-family: "TB新聞ゴシック M";
	display:none;
}
header .col-sm-4 img{
	position:absolute;
	top:-6em;
	left:0;
}
header .col-sm-8 h2{
	display:block;
	padding:0 !important;
	margin:-1em 0 1.3em !important;
}
header .col-sm-8 h3{
	color:#642a06;
	font-weight:normal !important;
	font-size:20px;
	padding:0 1em 1em;
	font-family: "TB新聞ゴシック M";
}
@media (max-width: 1199px) {
header .col-sm-4{
	display:inline;
	width:30%;
	float:left;
}	
header .col-sm-8{
	display:inline;
	width:70%;
	float:left;
}	
}

/* SECTION02 */
.section02 img{
	display:block;
	margin-bottom:1.5em;
}

/* SECTION03*/
.center-block{
	margin:5em auto 0;
}

/* SECTION04 */
.per2 img{
	display:block;
	margin:-1.2em auto 2em;
}
.mb002{
	display:block;
	margin-bottom:2.2em;
}

/* SECTION06 */
.section06 h2{
	color:#fe681e;
	font-family: "TB新聞ゴシック M";
	font-size:3em;
}
.section06 h3{
	text-align:right;
	padding-bottom:2em;
	color:#fe681e;
	font-family: "TB新聞ゴシック M";
}	

.touches span.ones, .touches span.twoes, .touches span.thirds{
    display:inline-block;
    background:#fe681e;
    color:#fff;
    width:70px;
    height:70px;
    line-height:70px;
    margin-right:.3em;
    border-radius:50%;
    text-align:center;
}

/* SECTION07 */
.section07 ul{
	padding:0;
	margin:0 auto 6em;
}
.section07 li{
	display:block;
	width:100%;	
	background:#fff;
	color:#642a06;
	font-size:1.4em;
	padding:.7em 1.5em;
	font-family: "TB新聞ゴシック M";
	list-style:none;
	margin:0 auto 1em;
}	



/* FOOTER */
footer{
	display:block;
	width:100%;
	max-width:100%;
	margin:-4em auto 0;
	padding:0;	
}



/* TABLET */
@media screen and (min-width: 768px) and (max-width: 979px){
.container{
	display:block;
	width:96%;
	max-width:96%;
	margin:0 auto !important;
	overflow:hidden;
}

h1{
	display:block;
	height:auto;
	width:100%;
	overflow:hidden;
}	
	

/* col */
.col-md-3{
	display:inline;
	float:left;
	width:25%;
}
.col-md-9{
	display:inline;
	float:left;
	width:75%;
}
.col-md-6{
	display:inline;
	float:left;
	width:50%;
}
.col-md-4{
	display:inline;
	float:left;
	width:33.333333333333333%;
}
.col-md-5{
	display:inline;
	float:left;
	width:35%;
}
.col-md-7{
	display:inline;
	float:left;
	width:65%;
}
.col-md-8{
	display:inline;
	float:left;
	width:66.666666666666667%;
}

.linkbtns a, .linkbtns02 a{
	font-size:1.4em;
}

.section03 .noticens{
	max-width:100%;
	overflow:hidden;
}
}


/* SP */
@media (max-width: 767px) {
.no_pc{display:block;}	
.no_sp{display:none;}

body{
	font-size:16px;
}		
	
p{
	font-size:16px;
}	
.container{
	display:block;
	width:98%;
	max-width:98%;
	margin:0 auto !important;
	overflow:hidden;
}

.row{
	clear:both;
	margin:0 auto 2em !important;
}
section{
	display:block;
	margin:0 auto 3em !important;
	padding:0 0 4em;
}

.col-sm-10{
	padding:0 2em !important;
}


img{
	display:block;
	text-align:center;
	width:80%;
	margin:0 auto 1.5em;
}

header{
		background: #fe681e;
}

header h1{
	font-size:1em !important;
	margin:1em 0;
}
header .col-sm-4{
	display:none;
}
header .col-sm-8{
	display:block;
	float:none;
	width:100%;
	text-align:center;
}
header .row.inside{
	display:block;
	width:100%;
	padding:3em 0 0 !important;
	margin:10em auto 0;
}
header .container{
	width:100%;
	padding:0;
	margin:0 auto;
}

/* h tag */
.touches{
	font-size:1.5em !important;
}
.touches span.ones, .touches span.twoes, .touches span.thirds{
    display:inline-block;
    background:#fe681e;
    color:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    margin-right:.3em;
    border-radius:50%;
    text-align:center;
}

.alltttls{
	font-size:1.5em !important;
	line-height:1.8 !important;
}


.section06{
	margin-top:-10em !important;
}
.section06 h3{
	font-size:1.2em !important;
}

.section07 ul{
	margin-bottom:0;
}

.section09 .col-sm-12 img{
	width:100%;
	padding:0;
}

/* footer */
.footer .copyrights{
    text-align:center;
}
section.bannersec{
display:block;
margin:-7em auto -5em !important;
}
}	


/* BANNER LINK */
.bannerlinkttl a {
  display: block;
  background: #fe681e;
  padding: 0.5em;
  text-align: center;
  margin: 0 auto 1.5em;
  border-radius: 0 0 5px 5px / 0 0 5px 5px;
  color: #fff;
  font-size:1.2em;
}
.bannerlinkttl a:hover {
  background: #f08b31;
  color: #fff !important;
  text-decoration:none;
}
.bannerlinkttl a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0a9";
  margin-left: 0.3em;
  font-weight:700;
}