@charset "utf-8";

/* =======================================

	 CSS BrowserReset BaseElements
	 CorporateCAST(R) beta3.0
	 
	 In Conformity to WebsiteGuideline Ver2.0
	
	 (C) 2010 E2, Inc. All Rights Reserved.
	 http://www.e-2.co.jp

 ======================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

html {
    scroll-behavior: smooth;
}

body{
	margin:0px;
	padding:0px;
	width:100%;
	min-height: 100vh;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,'新丸ゴ R', sans-serif;
	/*font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
	font-size:20px;
	line-height:2.0em;
	color:#717071;
	background-color:#FFFFFF;
	overflow-x: hidden;}

.marug{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

.hai_150{line-height:-1.0em;}

@media screen and (min-width: 769px) {
.for_sp {
	display: none!important;
	}}
@media screen and (max-width: 768px) {.pc_box{margin: 0 auto; padding: 20px;}}
@media screen and (max-width: 768px) {
.for_pc {
	display: none!important;}
	.img_70{ width:70%;}
.img_100{ width:100%;}}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a    { text-decoration:none; color:rgb(66,33,11); }
a:hover {text-decoration:none; color:rgb(66,33,11);}

img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}

strong {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
/*\*/
	overflow: hidden;
/**/
}

option {
	padding-right: 10px;
}


/************************/
/*                      */
/*         汎用         */
/*                      */
/************************/

.reg { font-size:70%; vertical-align:top;line-height:1em; }

.hidden { overflow:hidden; }
.float  { float:left; }
.clear  { clear:both; }
.clear hr { display:none; } 

.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }
.bottom  { text-align:bottom; }


.bold { font-weight:bold; }

.line_b_dotte { width:700px; height:40px; border-bottom:dotted 2px rgb(165,144,156); }
.line_b_dotte_mdl { width:464px; height:30px; border-bottom:dotted 2px rgb(165,144,156); }

.hai{
	line-height: 150%;
}
.br:before {
	content: "\A" ;
	white-space: pre ;
}

/****** 汎用font-size ******/
.fz20p{ font-size:180%;}
.fz8 { font-size:8px; }
.fz9 { font-size:9px; }
.fz10 { font-size:10px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz16 { font-size:16px; }
.fz17 { font-size:17px; }
.fz18 { font-size:18px; }
.fz20 { font-size:20px; }
.fz24 { font-size:24px; }
.fz30 { font-size:30px; }
.fz40 { font-size:40px; }
.em12{font-size: 1.2em;}
.em14{font-size: 1.4em;}
.em18{font-size: 1.8em;}
.em25{font-size: 2.5em;}
.em30{font-size: 3.0em;}
.em40{font-size: 4.0em;}

/****** 汎用 font-color ******/
.brown{
	color: rgb(66,33,11);
}

.brown a{
	color: rgb(66,33,11);
}

.yellow{
	color: rgb(134,112,76);
}

.green{color:rgb(104,184,46);}
.blue{
	color: rgb(87,133,158);
}
.blue a{
	color: rgb(87,133,158);
}
.red{
	color: rgb(193,39,45);
}

.white{
	color: rgb(255,255,255);
}
.orange{color: rgb(241,90,36);}
.enji{color: rgb(101,24,60);}
.black{ color:#000000;}

.purple{color: #b062a4;}
.purple a{color: #b062a4;} 

/****** 汎用margin ******/
.mgt-16 { margin-top:-16px; }
.mgt-30 { margin-top:-30px; }
.mgt-32 { margin-top:-32px; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt10 {
	margin-top: 10px;
}
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgt60 { margin-top:60px; }
.mgt80 { margin-top:80px; }
.mgt100 { margin-top:100px; }
.mgt150 { margin-top:150px; }
.mgt200 { margin-top:200px; }

.mgl05 { margin-left:5px; }
.mgl10 { margin-left:10px; }
.mgl15 { margin-left:15px; }
.mgl20 { margin-left:20px; }
.mgl25 { margin-left:25px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }
.mgl60 { margin-left:60px; }
.mgl70 { margin-left:70px; }
.mgl80 { margin-left:80px; }
.mgl90 { margin-left:90px; }
.mgl93 { margin-left:93px; }
.mgl100 { margin-left:100px; }
.mgl105 { margin-left:105px; }
.mgl110 { margin-left:110px; }
.mgl350 { margin-left:350px; }

.mgr05 { margin-right:5px; }
.mgr10 { margin-right:10px; }
.mgr20 { margin-right:20px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr60 { margin-right:60px; }
.mgr70 { margin-right:70px; }
.mgr80 { margin-right:80px; }

.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb80 { margin-bottom:80px; }
.mgb100 { margin-bottom:100px; }

.m20{ margin:20px;}

/****** 画像透過50% ******/

a img.alpha_05 { background:none!important; }
a:hover img.alpha_05{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none!important;
	}

/****** 画像透過60% ******/

a img.alpha_06 { background:none!important; }
a:hover img.alpha_06{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
	}

/****** 画像透過80% ******/

a img.alpha_08 { background:none!important; }
a:hover img.alpha_08{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
	}