/*================================================
 *  共通
 ================================================*/

html{
  scroll-behavior: smooth;/* スムーススクロール */
}

body { font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	margin: 0}

.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 900px;
}

.w750 {
margin-right: auto;
margin-left: auto;
max-width: 750px;
}

h1 {
	display: none;
}

.img-responsive {
	display:block;
	max-width:100%;
	height:auto
}

.center-block {
	display:block;
	margin-right:auto;
	margin-left:auto
}

img.midashi {
	width: 320px;
}

a.overwhite:hover img {
    cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}

@media screen and (max-width:767px) {

img.midashi {
	width: 240px;
}
	
}

/*home*/
 #fixEntry {
    width: 110px;
	 height: 110px;
    position: fixed;
    right: 1%;
    top: 90%;
}

@media screen and (max-width:767px) {

 #fixEntry {
    width: 70px;
	 height: 70px;
	 right: 1%;
	 top: 89%;
}
	
 #fixEntry img {
    width: 70px;
	 height: 70px;
}	
	
}

/*================================================
 *  フェードイン
 ================================================*/


body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*================================================
 *  bg-image-loop 
 ================================================*/

.bg-image-loop {
	width: 100%;
	height: 250px; /* 画像の高さを指定 */
	position: relative;
	background: url("../images/loop.png") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 100s linear infinite; /* 100sの部分背景画像の約数だとスムーズ */
	margin: 0;
	padding: 0;
}

@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -2500px 0; } /* 2500pxとは使用した背景画像の長さ */
}

@media screen and (max-width:767px) {
	.bg-image-loop {
	height: 150px; /* 画像の高さを指定 */
}
}

/*================================================
 *  shushi 
 ================================================*/

#shushi {
	background-color: #000;
	color: #fff;
	padding: 120px 0 30px 0;
}

@media print, screen and (min-width: 767px) {
	
#shushi img {
	width: 520px;
}

}

@media screen and (max-width:767px) {
	
#shushi {
	padding: 70px 0 30px 0;
}
	
}

/*================================================
 *  oubo
 ================================================*/

#oubo {
	padding: 20px 0 40px 0;
	background-image: url("../images/oubo_bg.png");
    background-repeat: no-repeat;
    background-position: top center;
	background-size: cover;
    background-attachment:  fixed;
	color: #fff;
}

#oubo img.midashi {
	margin-top: 40px;
	margin-bottom: 20px;
}

#oubo p {
	line-height: 1.7;
	font-size: 18px;
}

#oubo a {
	color: #fff1ce;
	text-decoration: underline;
}

#oubo a:hover {
	text-decoration: none;
}

#oubo .naiyo tr th {
	line-height: 1;
	padding: 10px;
}

#oubo .naiyo tr td {
	padding: 10px;
	line-height: 1.7;
}

#oubo .naiyo th.kamoku01 {
	background-color: #db2b2e ;
}

#oubo .naiyo th.kamoku02 {
	background-color: #ef81c0 ;
}

#oubo .naiyo th.kamoku03 {
	background-color: #f38200 ;
}

#oubo .naiyo th.kamoku04 {
	background-color: #61c000 ;
}

#oubo .naiyo th.kamoku05 {
	background-color: #26c0d3 ;
}


#oubo .demo03 tr th img.midashi {
	width: 100px;
}

#oubo .demo03 tr th img.midashi {
	margin-top: 0px;
	margin-bottom: 0px;
}

#oubo .app-pdf {
	text-align: center;
	padding-top: 20px;
}

#oubo .btnwaku1 p{
	font-size: 14px;
}

@media screen and (max-width:767px) {
	
#oubo {
	padding: 0px 0 40px 0;
}
	
#oubo p {
	font-size: 14px;
	line-height: 2.0;
}
	
#oubo .naiyo tr th {
	font-size: 14px;
}

#oubo .naiyo tr td {
	font-size: 14px;
}
		
#oubo .demo03 {
	width: 100%;
  }

#oubo .demo03 tr {
    display:block;
    margin-bottom: 0;
  }
	
#oubo .demo03 th {
    display:block;
    width: 100%;
	padding-bottom:0px;
	padding: 0;
	margin-top: 30px;
  }
	
#oubo .demo03 td {
    width: 100%;
	font-size: 14px;
	line-height: 2.0;
  }
	
#oubo .btnwaku1 p{
	font-size: 12px;
	line-height: 1.5;
}
	
}

@media print, screen and (min-width: 767px) {
	
#oubo .demo03 tr th {
	width: 130px;
}

}

/*================================================
 *  seika
 ================================================*/

#seika {
	padding: 20px 0 40px 0;
	background-image: url("../images/naiyo_bg.png");
    background-repeat: repeat;
    background-position: left;
	background-size: auto;
    background-attachment:  fixed;
}

#seika p {
	line-height: 1.7;
	font-size: 18px;
}

#seika img.midashi {
	margin-top: 40px;
	margin-bottom: 20px;
}

#seika .btnwaku1 p{
	font-size: 14px;
}

@media print, screen and (min-width: 767px) {

}

@media screen and (max-width:767px) {
	
#seika {
	padding: 0px 0 40px 0;
}
	
#seika p {
	font-size: 14px;
	line-height: 2.0;
}
	
#seika .btnwaku1 p{
	font-size: 12px;
	line-height: 1.5;
}
	
}


/*================================================
 *  list
 ================================================*/

#list {
	padding: 50px 0 50px 0;
	background-image: url("../images/list_bg.png");
    background-repeat: repeat;
    background-position: left;
	background-size: auto;
    background-attachment:  fixed;
	font-size: 14px;
}

#list table tr th {
	color: #da091e;
	width: 65px;
	vertical-align: top;
	border-bottom: 1px solid #da091e;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#list table tr td {
	vertical-align: top;
	border-bottom: 1px solid #da091e;
	padding-top: 10px;
	padding-bottom: 10px;
}

#list p.note {
	padding-top: 10px;
	font-size: 10px;
	text-align: right;
}

#list img.midashi02 {
	margin-bottom: 30px;
}

@media screen and (max-width:767px) {

#list img.midashi02 {
	width: 260px;
}
	
}

/*================================================
 *  footer
 ================================================*/
 
footer {
	padding:20px 0 20px 0;
	 background-color: #000;
	font-weight: 700;
	color:#FFFFFF;
	clear:both;
	line-height: 1.2;
}

footer small {
	font-size: 11px;
}

footer a {
	color:#FFFFFF;
	text-decoration: underline;
}

footer a:hover {
	color:#FFFFFF;
	text-decoration: none;
}

footer ul li {
	display: inline-block;
	list-style: none;
	vertical-align: top;
}

footer ul li img {
	width: 50px;
	margin-right: 20px;
}

@media screen and (max-width:767px) {
	
.copyright {
	font-size:12px;}
	
footer {
	line-height: 1.3;
}
	
footer small {
	font-size: 10px;
}
	
footer ul {
	margin-left: -40px;
	margin-bottom: 0;
}
	
footer ul li {
	font-size:12px;
}
	
footer ul li img {
	width: 30px;
	margin-right: 10px;
}
	
footer .sp {
	margin-top: 10px;
}
	
}

@media print, screen and (min-width: 767px) {
	
footer .sp {
	text-align: right;
}

.copyright {
	padding-top: 40px;
}
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

img.pconly {
	display:none;
}
.pconly {
	display:none;
}

}

/*================================================
 *  スマートフォン以外向けデザイン
 ================================================*/
@media print, screen and (min-width: 767px) {
img.mbonly {
	display:none;
}
.mbonly {
	display:none;
}

}