@charset "utf-8";


/*共通*/
:root {
--layoutbox: 800px;; /*コンテンツの幅1*/
--minonrigreen:#396035; /*コーポレートカラー*/
}



html { 
/*font-size: 62.5%; */	
margin: 0; padding: 0;
}

body {
	/*font-size: 1.6rem;*/
	font-size: 100%;
	/*overflow-y:scroll;
	overflow-x:hidden;*/
	margin: 0;
	padding:0;
	line-height:1.7;
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

@media screen and (max-width:660px) {
html,body {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body { 
font-size:1.1rem;
}
input[type=text] {
  font-size: 16px!important;
  /*transform: scale(0.8)!important;*/
}
serect {font-size: 16px!important;}
}


/*　共通項　*/

div { box-sizing: border-box;}

.mincho { font-family:'ヒラギノ明朝 ProN W3', Hiragino Mincho ProN, '游明朝', YuMincho, 'HG明朝E',  serif}

a img {background:none;}

a:link, a:visited { text-decoration:none;color:#666; }

a:hover {text-decoration:none; transition:all 0.5s ease; color:#F08A53;}
a:hover p {text-decoration:none; transition:all 0.5s ease; color:#F08A53;}

a img, a:visited img {border: none;background:none;}
a:hover img {background:none; text-decoration:none; opacity:0.5; transition:all 0.5s ease;}


div, h1, h2, h3, h4, h5, img {
	margin: 0px ;
	padding: 0px ;
	border: 0px;
}

pre {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', "メイリオ", Meiryo, Osaka, sans-serif;}
/*
ol {
	margin:0;
	padding:0;}
ul {
	margin:0 0.5em;
	padding:0;}
li {margin:0.5em 0 0.5em 1.5em;
	padding:0;}
*/
img {
	margin:0;
	padding:0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

strong {font-size:110%; }


hr {
  border:0;
	border-bottom: 1px solid #aaa;
	margin:1.5em 0;
	padding:0;
}
hr.hrdot {
 border:0;
	border-bottom: 1px dotted;
	margin:1.2em 0;
	padding:0;
}


.annotation {
	text-align: left;
	padding-left:1.1em;
	text-indent:-1.1em;
}
.annotation2 {
	text-align: left;
	padding-left:1.3em;
	text-indent:-1.3em;
}

.clear { clear:both /*!important*/; margin:0; padding:0;}


.blue {color:#42bfec;}
.orange {color:#F08A53;}

.green {color:#3BB37B;}
.pink {color:#ea6ea4}
.red {color:#DC0003}
.purple {color:#A58CC8;}




/*------------------------  small parts  ------------------------*/

.DropShadow {
	position:relative;
}

.DropShadow :after{
 	 z-index: -1;
	 position: absolute;
 	 content:'';
	 bottom: 10px;
 	 left: 10px;
  	 width: 70%;
  	 top: 80%;
 	 max-width:432px;
 	 background: #8d8c8c;
	 /*影を入れる*/
 	 -webkit-box-shadow: 0 15px 10px #8d8c8c;
 	 -moz-box-shadow: 0 15px 10px #8d8c8c;
	 box-shadow: 0 15px 10px #8d8c8c;
	 /*回転させる*/
	 -webkit-transform: rotate(-5deg);
	 -moz-transform: rotate(-5deg);
 	 -o-transform: rotate(-5deg);
	 -ms-transform: rotate(-5deg);
	 transform: rotate(-5deg);
}


.pcnone{display: none;}
.smartnone {display: inherit;}
@media screen and (max-width:660px) {
.pcnone{display: inherit;}
.smartnone {display: none;}
}