@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);


* {
-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 { 
text-align:left;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, メイリオ,  "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Arial Unicode MS", sans-serif;
font-size:16px;
line-height:190%;
color:#444;
margin:0px;
padding:0px;
background-color:#faf9ef;
-webkit-text-size-adjust: 100%;
}
@media only screen and (max-width:680px){
body {
line-height:180%;
}
}



.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

header, nav, article, aside, section, footer {
    display:block;
}

/* 共通事項
===================================================== */
.text_red{color:#C70000;}/* 赤文字色*/
.text16{font-size:16px;}/*フォントサイズとても大きめ*/
.text14{font-size:14px;}/*フォントサイズ大きめ*/
.text12{font-size:12px;}/*フォントサイズ小さめ*/
.text11{font-size:11px;}/*フォントサイズ小*/

/*hタグ空白消去*/
h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,table,section{margin:0px;padding:0px;font-weight:normal;}

h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:18px;}

p {line-break:normal;} /*禁則処理*/
p {margin:0px;padding:0px;}/*pタグ空白消去*/

/*ボーダー非表示*/
img  {border: none;vertical-align:top;}
table  {border:none;}

/*TABLE行トップ揃え*/
.top{vertical-align:top;}
td{text-align:left;}
tr{vertical-align:top;}

/*IE--BRバグ回避*/
br  {letter-spacing:normal;}


/*配置指定*/
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}


.center_left{text-align:center;}
@media only screen and (max-width:767px){
.center_left{text-align:left;}
}

/* リスト関連
====================================================== */

/*リスト空白消去*/
ul,dl{margin: 0px;padding: 0px;list-style: none;}

/*リスト「・」ポチ付き*/
li.style{margin:0px;padding:0px;list-style:none;list-style:disc;margin-left:15px;}



/* マージン事前設定
====================================================== */
.space130{margin-bottom:130px;}@media only screen and (max-width:767px){.space130{margin-bottom:85px;}}
.space100{margin-bottom:100px;}
.space80{margin-bottom:80px;}
.space70{margin-bottom:70px !important;}
.space60{margin-bottom:60px;}
.space55{margin-bottom:55px;}
.space50{margin-bottom:50px;}
.space45{margin-bottom:45px;}
.space40{margin-bottom:40px;}
.space35{margin-bottom:35px;}
.space30{margin-bottom:30px;}
.space25{margin-bottom:25px;}
.space20{margin-bottom:20px;}
.space15{margin-bottom:15px;}
.space12{margin-bottom:12px;}
.space10{margin-bottom:10px;}
.space8{margin-bottom:8px;}
.space6{margin-bottom:6px;}
.space4{margin-bottom:4px;}
.space3{margin-bottom:3px;}
.space2{margin-bottom:2px;}

.margin20{margin:20px 0px;}
.margin18{margin:18px 0px;}
.margin15{margin:15px 0px;}
.margin12{margin:12px 0px;}
.margin8{margin:8px 0px;}
.margin4{margin:4px 0px;}


.pad80{padding:80px 0}
.pad70{padding:70px 0}
.pad50{padding:50px 0}
.pad40{padding:40px 0}
.pad30{padding:30px 0}
.pad20{padding:20px 0}
.pad10{padding:10px 0}

/* インデント
====================================================== */
.indent20{padding-left:20px;}
.indent15{padding-left:10px;}



/* イメージ寄せ
====================================================== */
.img_left{float:left;padding-right:10px;padding-bottom:10px;}
.img_right{float:right;margin-left:10px;margin-bottom:10px;}
.img_right10{float:right;margin-left:20px;margin-bottom:0px;}
.img_right2{float:right;margin-left:20px;margin-bottom:40px;}


.img_border{border:#ccc solid 1px;}



img {
vertical-align: top;
max-width: 100%;
height: auto;
width /***/:auto;
}


/* リンク文字設定
====================================================== */
a {
  transition: color .3s;
}
a:link       {color:#0fb9b5;text-decoration:underline;}
a:visited    {color:#0fb9b5;text-decoration:none;} 
a:active     {color:#0fb9b5;text-decoration:underline;} 
a:hover      {color: #0fb9b5;text-decoration: underline;}

nav a:link       {color:#222;text-decoration:none;}
nav a:visited    {color:#222;text-decoration:none;} 
nav a:active     {color:#222;text-decoration:none;} 
nav a:hover      {color: #999;text-decoration:none;}

a.button      {color:#fff;text-decoration:none;}

.sp,.sp_inline,.sp320,.sp340,.sp360,.sp420,.sp480,.sp560,.sp640,.sp680{display:none;}

@media only screen and (max-width:767px){
nav a:link       {color:#fff;text-decoration:none;}
nav a:visited    {color:#fff;text-decoration:none;} 
nav a:active     {color:#fff;text-decoration:none;} 
nav a:hover      {color: #fff;text-decoration:none;}

}

footer a:link       {color:#fff;text-decoration:none;}
footer a:visited    {color:#fff;text-decoration:none;} 
footer a:active     {color:#fff;text-decoration:underline;} 
footer a:hover      {color: #ccc;text-decoration: underline;}

.pager a:link,.pager a:visited,.pager a:active,.pager a:hover {color:#333;text-decoration:none;}
.page-footer-link a:link,.page-footer-link a:visited,.page-footer-link a:active,.page-footer-link a:hover {color:#333;text-decoration:none;}



i{margin-right:6px;}

i.after_mark{margin-right:2px;margin-left:6px;}

.sp1200{display:none}

@media only screen and (max-width:1024px){
.sp1200{display:inline;}
}

.col_1,.col_2,.col_3,
.col_4,.col_5,.col_6,
.col_7,.col_8,.col_9,
.col_10,.col_11,.col_12 { 
	display: block;
	float: left;
	width: 100%;
	padding-right: 20px;
    padding-left: 20px;position: relative;
    min-height: 1px;

}

.col_1r,.col_2r,.col_3r,
.col_4r,.col_5r,.col_6r,
.col_7r,.col_8r,.col_9r,
.col_10r,.col_11r,.col_12r { 
	display: block;
	float: right;
	width: 100%;
		padding-right: 20px;
    padding-left: 20px;position: relative;
    min-height: 1px;
}


.button, .button:visited, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background:#da4453;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0;
    color: #fff;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

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

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
   background: #3d4145;
   color: #fff;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

@media only screen and (min-width:768px){
    .col_1, .col_1r { width: 8.33333333333%; }
	.col_2, .col_2r { width: 16.6666666667%; }
	.col_3, .col_3r { width: 25%; }
	.col_4, .col_4r { width: 33.3333333333%; }
	.col_5, .col_5r { width: 41.6666666667%; }
	.col_6, .col_6r { width: 50%; }
	.col_7, .col_7r { width: 58.3333333333%; }
	.col_8, .col_8r { width: 66.6666666667%; }
	.col_9, .col_9r { width: 75%; }
	.col_10, .col_10r { width: 83.3333333333%; }
	.col_11, .col_11r { width: 91.6666666667%; }
	.col_12, .col_12r { width: 100%; }



	
}


.cf{
overflow: hidden;
}

/* ---------------------------------------  768px  ----------*/
@media only screen and (max-width:768px){


body { 
font-size:16px;
line-height:1.7;
background-image:none;
}




img.sp_clear{
float:none !important;
padding:0;
margin-bottom:3%;
}

.spno{
display:none;
}

.spno{display:none;}
.sp_inline{display:inline !important;}
.sp{display:block;}
.sp680{display:inline;}

}

@media only screen and (max-width:640px){
.sp640{display:inline;}
}

@media only screen and (max-width:560px){
.sp560{display:inline;}
}



@media only screen and (max-width:480px){
.sp480{display:inline;}
}

@media only screen and (max-width:420px){
.sp420{display:inline;}
}

@media only screen and (max-width:360px){
.sp360{display:inline;}
}

@media only screen and (max-width:340px){
.sp340{display:inline;}
}

@media only screen and (max-width:320px){
.sp320{display:inline;}
}


.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }