@charset "UTF-8";
@import url("common_sp.css") screen and (max-width: 1239px);
@import url("common_pc.css") screen and (min-width: 1240px);
@import url("tablet.css") only screen and (min-width:768px) and (max-width:1239px);
/* ===============================================================
      reset
=============================================================== */
html, body, div, span, applet, object, iframe,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
h1,h2,h3,h4,h5 {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong{
	font-weight: bold;
}
.clearfix{
	width:100%;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.clear {
	clear:both;	
}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
/* 画面から画像がはみ出ないようにする */
img {
	max-width:100%;
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
}
.switch {}

/* ===============================================================
      common
=============================================================== */
html {
	font-size: 62.5%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-seriff;
	font-size: 1.5em;
	color: #222;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	background-color: #FFF;
}
#wrap {
	width: 100%;
}
#home {
	width: 100%;
	text-align: center;
}
#page {
	width: 94%;
}
p {
	line-height: 1.8;
}
#contents p {
	margin-bottom: 1em;
}
#main p {
	margin-bottom: 1em;
}
.inner,.inner2,.inner3 {
	width: 92%;
	margin: 0 auto;
}
.inner:after,
.inner2:after,
.inner3:after {
	content: "";
	display: block;
	clear: both;
}
.section {
	width: 100%;	
}
.section:after{
	content: "";
	display: block;
	clear: both;
}
.flexBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.column2,.column3,.column4 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*子要素を縦横中央へ*/
.columnsCenter {
	display: flex !important;
	align-items: center;
	justify-content: center;
}
/*要素を逆方向で配置*/
.reverse{
	flex-direction : row-reverse;
}

.ta-c{text-align:center !important}
.ta-r{text-align:right !important}
.ta-l{text-align:left !important}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
}
.touch{
	display: block;
	transition: opacity 0.3s linear;
	color: #312F26;
}
.touch:hover{
	opacity: 0.6;
	text-decoration: none;
}
.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

/*画像配置*/
.imgR {
	display: block;
}
.imgR img {
	border: 1px solid #EEE;
	border-radius: 50%;
	padding: 5px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.kadomaru {
	border-radius: 5px;
}
.thum {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.thum img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ----------- 見出し ----------- */
.ttlArea1 {
	text-align: center;
}
.ttl1 {
	color: #a16405;
	text-align: center;
}
.ttl1:before{
	content: "";
	background: url(../img/common/point.png) no-repeat center center;
	display: block;
	width: 25px;
	height: 25px;
	background-size: cover;
	margin: 0 auto 10px auto;
}
.ttl2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana;
	border-bottom: 5px solid #CCC;
	color: #FFFCEA;
	padding: 0.6em 1em;
	background-color: #a16405;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root .ttl2 {
  padding: 0.6em 1em 0.2em 1em;
}
.ttl3 {
	background: #5f9402;
	color: #FFF;
	margin-bottom: 0;
}
.ttl4 {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color: #5f9402;
}
.ttl4:before {
	content: '◆';
	margin-right: 10px;
}
.ttl5 {
	color: #5f9402;
}
.ttl5:before {
	font-family: "Font Awesome 5 Free";
	content: '\f192';
	font-weight: bold;
	margin-right: 10px;
}
.box1 .ttl4 {
	border-bottom: 1px dotted #F55294;
}

/* ----------- 強調テキスト ----------- */
.txt1 {
	color: #F58F12;
	font-weight: bold;
}
.txt2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana;
	color: #DF2D2D;
}
.txt3 {
	color: #fb241f;
	font-weight: bold;
}


/* ----------- ボタンデザイン ----------- */
.btn1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	flex: 1 1 auto;
	margin: 10px;
	border: 1px solid #9BC186;
	text-decoration: none !important;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	overflow:hidden;
	transition: .3s;
	border-radius: 50px;
	color: #FFF !important;
	font-weight: bold;
	background: #9BC186;
}
.btn1:hover {
	cursor: pointer;
	opacity: 0.6;
}
.btn1:hover:after {
	width: 0%;
	left: 0;  
}
.btn2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	flex: 1 1 auto;
	margin: 10px;
	border: 1px solid #d2d2d2;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	overflow:hidden;
	transition: .3s;
	border-radius: 50px;
	color: #444;
	font-weight: bold;
	background: #FFF;
}
.btn2:hover {
	cursor: pointer;
	box-shadow: inset 0px 0px 0px 2px #d2d2d2;
	text-decoration: none;
	background: #FFF;
}
.btn2:hover:after {
	width: 0%;
	left: 0;  
}
.btn_w100 {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ボタンエフェクト*/
.btnEffect::before,
.btnEffect::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btnEffect,
.btnEffect::before,
.btnEffect::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}



/* ----------- リスト ----------- */
.list1 li {
	padding-left: 20px;
	position: relative;
}
.list1 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#202020;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}
.list2 li {
	margin-left: 1.2em;
	text-indent: -1.2em;
}
.list2 li:before{
	content:'※';
	color: #999;
	margin-right: 0.2em;
}
.list-check li {
	position: relative;
	margin-left: 1.3em;
	text-indent: -1.3em;
}
.list-check li:before {
	font-family: "Font Awesome 5 Free";
	content: '\f058';
	font-weight: bold;
	margin-right: 5px;
}
.listNbr {
	counter-reset: number;
	padding: 1em;
	background-color: #F7F7F7;
	border-radius: 6px;
	margin-bottom: 20px;
}
.listNbr li {
	position: relative;
	padding-left: 35px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 35px;
}
.listNbr li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background: #F58F12;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	/*以下 上下中央寄せのため*/
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.notOsusume li:before {
	background: #666;
	font-weight: normal;
}
.list_Flow {
	counter-reset: number 0;
	margin-left: 10px;
}
.list_Flow li {
	margin-left: 1em;
	text-indent: -1em;
}
.list_Flow li:before {
	counter-increment: number 1;
	content: counter(number) ". ";
	font-family: 'Great Vibes', cursive;
	color: #F55294;
	font-size: 25px;
	font-weight: bold;
}
.list_Flow li:after {
	font-family: FontAwesome;
	content: '\f063';
	display: block;
	color: #CCC;
	margin-left: 200px;
}
 .list_Flow li:last-child:after {
	 content: none;
}

/* ----------- BOX ----------- */
.box1{
    background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box1 p:last-child {
    margin: 0 !important;
    padding: 0;
}
.box2{
    background:#fcf7e6 ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box2 p:last-child {
    margin: 0 !important;
    padding: 0;
}

/* ------ マーカー ------ */
.marker,.marker2 {
	font-weight: bold;
	background: linear-gradient(transparent 50%, #FDF56C 60%);
}

/* ----------- table ----------- */
.tbl1 {
	width: 100%;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl1 th {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}
.tbl1 td {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl1 td p {
	margin-bottom: 0 !important;
}


/* ----------- 動画レスポンシブ ----------- */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* パンくず */
#breadcrumbs ul li {

	vertical-align: top;
}


.topicpathArea {
	border-bottom: 1px solid #EEE;
}
.topicpaths {
	font-size: 90%;
}
.topicpaths li {
	display: inline-block;
}
.topicpaths li:after {
	content: " >";
}
.topicpaths li:last-child:after {
	content: "";
}
.topicpaths li .post-categories li:after {
	content: " >";
}
.topicpaths li .post-categories li:last-child:after {
	content: "";
}


/* ---------------------------------------------------- /
    　　　　　　　　 link
------------------------------------------------------ */
a {
	color: #5f9402;
	outline: none;
	text-decoration: none;
}
a:hover{
	opacity: 0.8;
	text-decoration: underline;
}
.link {
	margin-left: 5px;
}
.link:after {
	font-family: "Font Awesome 5 Free";
	content: '\f35d';
	font-weight: bold;
	margin-left: 10px;
	color: #888;
	text-decoration: none;
}
.link2 {
	margin-right: 5px;
}
.link2:before {
	font-family: "Font Awesome 5 Free";
	content: '\f152';
	font-weight: bold;
	margin-right: 10px;
	color: #5f9402;
	text-decoration: none;
	display: inline-block;
}
#main a {
	text-decoration: underline;
}

/* ---------------------------------------------------- /
    　　　　　　　　 margin
------------------------------------------------------ */
.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}

.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb80 {margin-bottom:80px!important;}
.mb100 {margin-bottom:100px!important;}


/* ---------------------------------------------------- /
    　　　　　　　　 フォント設定
------------------------------------------------------ */
.ffm1 {
	font-family: 'Roboto', sans-serif;
}

/* color */
.txtOrange {
	color: #F58F12;
}
.txtOrange2 {
	color: #fb7615;
}
.txtRed {
	color: #fb241f;
}
.txtGreen {
	color: #5f9402;
}

/* ---------------------------------------------------- /
    　　　　　background
------------------------------------------------------ */
.bg1 {
	background: #fcf7e6;
}
.bg2 {
	background: #f3f3f3;
}

/*--------------------------------------------------------------
              Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 15px;
	margin: 0;
	vertical-align: baseline;
	padding: 8px;
}
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
	border: 0;
	color: #fff;
	background-color: #fb7615;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	-webkit-appearance: button;
	text-transform: uppercase;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 100%;
}
.button {
	-webkit-appearance: none;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.6;
	text-decoration: none;
	color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	font-weight: 400;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
.screen-reader-response {
	display: none;
}
input[type=checkbox] {
	width:14px;
	height:14px;
	margin-right: 10px;
	-moz-transform:		scale(1.3);
	-webkit-transform:	scale(1.3);
	transform:		scale(1.3);
}
.mwform-checkbox-field label{
	display: block;
}
/*Webkit*/
::-webkit-input-placeholder {color: #bbb !important;}
/*Firefox 19以降*/
::-moz-placeholder {color: #bbb !important;}
/*Windows IE*/
:-ms-input-placeholder {color: #bbb !important;}

/* ===============================================================
      header
=============================================================== */

/* ===============================================================
      footer
=============================================================== */
#footer {
	width: 100%;
	text-align: center;
	z-index: 1;
	background: #f3f3f3;
}
#pagetop {
	z-index: 10000;
	position: fixed;
}
#pagetop a{
	position: relative;
	display: block;
}
.footInfo {
	border-bottom: 1px solid #d2d2d2;
}
.footLogoBox {
	display: block;
	text-align: center;
	display: flex;
	align-items: center; /*縦*/
	justify-content: center; /*横*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footInfo p {
	margin-bottom: 0 !important;
	font-weight: bold;
}
.footCatch {
	font-size: 13px;
	color: #a16405;
	margin-bottom: 5px;
}
.footLogo img {
	margin-bottom: 5px;
}
.footCompanyName {
	font-size: 13px;
	color: #9cc813;
}
.footTelBox {
	display: block;
	display: flex;
	align-items: center; /*縦*/
	justify-content: center; /*横*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
}
.footTel {
	color: #5f9402;
	font-size: 20px;
	line-height: 1em;
	font-family: 'Roboto', sans-serif;
}
.footBtnBox {
	display: block;
	display: flex;
	align-items: center; /*縦*/
	justify-content: center; /*横*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accountBtn:before {
	font-family: "Font Awesome 5 Free";
	content: '\f406';
	font-weight: bold;
	margin-right: 6px;
	color: #FFF;
}
.contactBtn:before {
	font-family: "Font Awesome 5 Free";
	content: '\f0e0';
	font-weight: bold;
	margin-right: 6px;
	color: #FFF;
}
.footNav {
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footNav li {
	font-size: 13px;
}
.footTxt {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.copyright {
	font-size: 13px;
	text-align: center;
	background: #5f9402;
	color: #FFF;
}