@charset "utf-8";

body {
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height:100%;
	background-color: #fff;
	font-family:Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	-webkit-text-size-adjust: 100%;
}
	.forPC { display:block; }
	.forSP { display:none; }
	#navi-sp { display: none;}
	.clear { clear:both; }

	a { text-decoration: none; }

h2 img {
	width:100%;
	max-width:1000px;
	margin-top:15px;
}
h3  {
	width:90%;
	max-width:800px;
	display:block;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:10px;
	color:#005bac;
	border-bottom:2px solid #38a1db;
	text-align:left;
	font-weight:bold;
	font-size:180%;
	line-height:120%;
}
h4  {
	width:100%;
	margin-bottom:10px;
	color:#005bac;
	text-align:left;
	font-weight:bold;
	font-size:140%;
	line-height:120%;
}
h5  {
	width:100%;
	display:block;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ce6b74;
	text-align:left;
	font-weight:bold;
	font-size:130%;
}

p  {
	width:90%;
	max-width:800px;
	display:block;
	margin:0 auto;
	text-align:left;
	line-height:150%;
}

img.site_logo { max-width:264px; }

img.img_pc { width:80%; max-width:700px; margin:0 auto; }
img.img_sp { width:94%; margin:0 auto; }

.text_marker { background-color:#ffffaa; }

#page { display:block; width:100%; max-width:1000px; margin:0 auto; }
#head_logo_area { height:40px; margin:0; padding:0;}
#head_logo { float:left; padding:5px; }
#head_contact { float:right; padding:10px; }

.head_title_image { width:100%; max-width:1000px; margin:0 auto; }

#head_text {
padding:7px;
background-color:#005bac;
color:#fff;
font-weight:bold;
font-size:110%;
}

#header_navi {
background-color:#d2daef;
color:#005bac;
font-weight:bold;
margin:0;
padding:5px;
font-size:88%; 
}
#header_navi_ul { width:100%; display:flex; justify-content:center; padding:0; list-style:none; }
#header_navi_ul li { margin:2px 9px;}
#header_navi_ul li a { font-size:90%; color: #005bac; text-decoration: none; }

footer { background-color:#eeeeee; padding:10px;}
#footer_navi {
margin:15px auto;
padding:5px;
}
#footer_navi_ul { width:100%; display:flex; justify-content:center; padding:0; list-style:none; }
#footer_navi_ul li { margin:2px 9px; }
#footer_navi_ul li a { font-size:80%; color: #005bac; text-decoration: none; }

.more-info { width:90%; max-width:800px; text-align:right; margin:0 auto 50px; }
img.btn_info { width:100%; max-width:400px; }


.copy { font-size:90%; line-height:130%; }




.read-text {
	width:90%;
	max-width:800px;
	margin:40px auto;
	text-align:left;
	font-size:110%;
	line-height:160%;
}

.c2wrap {
	width:90%;
	max-width:800px;
	margin:0 auto;
}

.c2column {
	width:43%;
	margin:2%;
	background-color:#eeeeee;
	float:left;
	padding:10px;
	text-align:left;
	border-radius: 5px;
}

.c2table {
	width:100%;
	line-height:140%;
}

.c2table td{
	vertical-align:top;
}

.case_illust {
	margin:0 0 0 10px;
}
/*幅100％にすると小さくなってしまう画像*/
img.case_illust {
	width:initial;
}


.c3wrap {
	width:90%;
	max-width:800px;
	margin:25px auto;
	text-align:left;
	line-height:140%;
}

.c3column {
	width:calc(100% - 400px);
	text-align:left;
	line-height:140%;
	float:left;
}

.c3box {
	width:80%;
	max-width:700px;
	margin:25px auto;
	padding:20px;
	text-align:left;
	line-height:140%;
	border:2px solid #b9c6e5;
	border-radius: 10px;
}


.c5table {
	margin:25px auto;
	width:90%;
	max-width:500px;
	text-align:left;
	line-height:140%;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}
.c5table tr.border {
	border-bottom:1px dotted #999999;
}
.c5table td{
	padding:8px 3px;
	white-space:nowrap;
}
.c5table2 {
	margin:20px auto;
	width:90%;
	max-width:800px;
	text-align:left;
	line-height:140%;
}
.c5table2 td{
	padding:8px 3px;
	vertical-align:top;
}

.c5wrap {
	width:90%;
	max-width:800px;
	margin:25px auto;
	line-height:140%;
}

.rijicho { float:left; width:130px; font-size:80%; padding-right:10px; }
.c5column {
	width:calc(100% - 140px);
	text-align:left;
	line-height:140%;
	float:left;
}

.jaam {
	margin:40px auto 40px;
	width:90%;
	max-width:800px;
	text-align:left;
	line-height:140%;
	padding:20px;
	background-color:#fce9e8;
	border-radius: 10px;
}
.jaam-table-wrap {
	margin:5px auto;
	padding:8px;
	border:1px solid #999999;
	background-color:#ffffff;
}
.jaam-table {
	text-align:left;
	line-height:140%;
}
.jaam-table td {
	padding:2px;
}



/*メニュー*/
nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #ccc;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 0.8em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}


.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 3px;
    top: 3px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 3;
    background: #666;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*　メニュー end */

	.navToggle {display: none;}


/* ===================================================================================
 max-width: 768px
 =================================================================================== */
 @media screen and (max-width: 768px) {
	.c2column { width:90%; }
	.c3column { width:100%; margin-bottom:20px; }
	#header_navi { font-size:70%; }
	#footer_navi_ul { width:100%; max-width:320px; display:block; margin:-20px auto 20px; }
	#footer_navi_ul li { width:48%; margin:3px; float:left; text-align:left; }
	#footer_navi_ul li a { font-size:90%; }
	.copy { font-size:70%; margin-top:20px; }
}

/* ===================================================================================
 max-width: 640px
 =================================================================================== */
 @media screen and (max-width: 640px) {
	.forPC { display:none; }
	.forSP { display:block; }
	#navi-sp { display: block;}
	img.jaam-membership { width:60px;}
	.head_title_image { width:100%; max-width:768px; margin:0 auto; }
	h3 { font-size:140%; }
	.rijicho { width:100%; margin-bottom:20px; }
	.c5column { width:100%; }
	.case_illust { width:65px;}
	.c5table { max-width:400px;}
	.navToggle {display: block;}
}


/*--------------------------------
お知らせを追加
--------------------------------*/
.notice{
	margin-top: 40px;
}
.notice a{
	font-size: 125%;
	color: red;
	text-decoration: underline;
	line-height: 1.5;
}

.newyearnotice {
	margin-top: 40px;
	margin:25px auto;
	padding:20px;
	text-align:center;
	line-height:140%;
	border:2px solid red;
	border-radius: 10px;
}