/*********** common **************/
h1, h2, h3, h4, p, img {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
p {
	margin-bottom: 1em;
}
img {
	vertical-align: bottom;
}
a {
	color: #2693df;
}
a:hover {
	color: #2693df;
	text-decoration: none;
}
a:visit {
color: #2693df;
}
.algnC {
	text-align: center;
}
.algnR {
	text-align: right;
}
.clear {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
ul li {
	list-style: none;
}
ol li {
	margin-left: 2em;
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.atn {
	color: #ff0000;
	margin-left: 10px;
}
a img:hover {
	opacity: 0.7;
}
.fs {
	font-size: 12px;
}
html {
	text-align: left;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #5F5F5F;
	background: #c9e5e6;
}
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	line-height: 1.1;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	background-color: #000;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding: 0px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	position: relative;
	top: 10px;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@media screen and (min-width: 769px) {
/*********** common **************/

.sp_only {
	display: none !important;
}
.fL {
	float: left;
}
.fR {
	float: right;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/*********** layout **************/
html {
	background: #c9e5e6;
}
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	background: #c9e5e6;
	margin: 0;
	padding: 0;
	color: #5a5a5a;
}
/************  header_module  **************/
header {
}
header .con_in {
    width: 1100px;
    margin: 0 auto;
    height: 40px;
    padding: 20px 0;
}
header .con_in svg{
	width: 240px;
}

header .con_in P {
}
header .con_in .h_right {
	position: absolute;
	top: 35px;
	right: 50px;
}
header .con_in .h_right ul li {
	float: left;
	margin-left: 15px;
}
header .con_in .h_right ul li:nth-child(3) {
	margin-top: -10px;
}
.cb-header {
	position: fixed;
	left: 0;
	visibility: hidden;
}
/************  footer_module  **************/
.maggie {
	width: 100%;
	background: #f9f8f5;
	margin: 0;
	padding: 0;
}
.maggie .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 30px
}
.maggie .inner .fL {
	width: 318px;
	float: left;
	margin-top: 28px;
}
.maggie .inner .fR {
	width: 648px;
}
.maggie .inner .fR img {
}
.maggie .inner .fR p {
	padding: 20px 15px;
}
footer {
	padding: 40px 0 10px;
	background: #f2f2f2;
	font-size: 13px;
	overflow: hidden;
	text-align: center;
}
footer ul li {
	margin-bottom: 20px;
}
footer ul li a {
	color: #5F5F5F;
	text-decoration: underline;
}
footer ul li a:hover {
	text-decoration: none;
}
address {
	text-align: center;
	font-size: 12px;
	margin: 20px auto;
}
/**********************  common **************************/
#contents {
	margin: 0px auto 0;
	padding: 0 0;
	width: 1140px;
}
#contents h1 {
	text-align: center;
	margin-bottom: 35px;
}
#contents #main .box {
	width: 255px;
	margin: 0 15px 30px;
	float: left;
	color: #000;
	position: relative;
	height: 370px;
	padding-bottom: 20px;
	/*overflow:auto;
overflow-y:scroll;
*/	background-color: #fff;
	background-repeat: no-repeat;
	z-index: 9999 !important;
}
#contents #main .box dl {
	padding: 130px 20px 30px;
	background: url(../images/bg_nmb.png) no-repeat left top;
}
#contents #main .box dl dt span {
	position: absolute;
	top: 30px;
	left: 3px;
}
#contents #main .box dt {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	line-height: 1.2;
	margin-bottom: 18px;
}
#tab2 {
	display: inherit !important;
}
/**イラスト***/
#contents #main .box#n001 {
	background-image: url(../images/img_001.png);
	background-position: 150px 20px;
	background-size: 30%;
}
#contents #main .box#n002 {
	background-image: url(../images/img_002.png);
	background-position: 150px 20px;
	background-size: 30%;
}
#contents #main .box#n004 {
	background-image: url(../images/img_004.png);
	background-position: 150px 0;
	background-size: 30%;
}
#contents #main .box#n006 {
	background-image: url(../images/img_006.png);
	background-position: 120px 30px;
	background-size: 50%;
}
#contents #main .box#n012 {
	background-image: url(../images/img_012.png);
	background-position: 140px 20px;
	background-size: 40%;
}
#contents #main .box#n019 {
	background-image: url(../images/img_019.png);
	background-position: 110px 0px;
	background-size: 48%;
}
#contents #main .box#n021 {
	background-image: url(../images/img_021.png);
	background-position: 100px 0px;
	background-size: 60%;
}
#contents #main .box#n025 {
	background-image: url(../images/img_025.png);
	background-position: 100px 0px;
	background-size: 60%;
}
#contents #main .box#n030 {
	background-image: url(../images/img_030.png);
	background-position: 130px bottom;
	background-size: 35%;
}
#contents #main .box#n031 {
	background-image: url(../images/img_031.png);
	background-position: 130px 0px;
	background-size: 40%;
}
#contents #main .box#n032 {
	background-image: url(../images/img_032.png);
	background-position: 130px 0px;
	background-size: 40%;
}
#contents #main .box#n034 {
	background-image: url(../images/img_034.png);
	background-position: 130px bottom;
	background-size: 50%;
}
#contents #main .box#n036 {
	background-image: url(../images/img_036.png);
	background-position: 100px bottom;
	background-size: 50%;
}
#contents #main .box#n038 {
	background-image: url(../images/img_038.png);
	background-position: 110px bottom;
	background-size: 50%;
}
#contents #main .box#n041 {
	background-image: url(../images/img_041.png);
	background-position: 120px 0;
	background-size: 48%;
}
#contents #main .box#n042 {
	background-image: url(../images/img_042.png);
	background-position: 130px 0;
	background-size: 30%;
}
#contents #main .box#n044 {
	background-image: url(../images/img_044.png);
	background-position: 80px 260px;
	background-size: 50%;
}
#contents #main .box#n047 {
	background-image: url(../images/img_047.png);
	background-position: 130px 0px;
	background-size: 30%;
}
#contents #main .box#n049 {
	background-image: url(../images/img_049.png);
	background-position: 120px 0px;
	background-size: 40%;
}
#contents #main .box#n050 {
	background-image: url(../images/img_050.png);
	background-position: 150px 0px;
	background-size: 27%;
}
#contents #main .box#n051 {
	background-image: url(../images/img_051.png);
	background-position: 130px 0px;
	background-size: 48%;
}
#contents #main .box#n053 {
	background-image: url(../images/img_053.png);
	background-position: 130px 0px;
	background-size: 48%;
}
#contents #main .box#n055 {
	background-image: url(../images/img_055.png);
	background-position: 185px 5px;
	background-size: 18%;
}
#contents #main .box#n058 {
	background-image: url(../images/img_058.png);
	background-position: 120px 30px;
	background-size: 50%;
}
#contents #main .box#n061 {
	background-image: url(../images/img_061.png);
	background-position: 130px 0px;
	background-size: 30%;
}
#contents #main .box#n063 {
	background-image: url(../images/img_063.png);
	background-position: 130px 0px;
	background-size: 48%;
}
#contents #main .box#n067 {
	background-image: url(../images/img_067.png);
	background-position: 75px 10px;
	background-size: 70%;
}
#contents #main .box#n069 {
	background-image: url(../images/img_069.png);
	background-position: 75px bottom;
	background-size: 50%;
}
#contents #main .box#n076 {
	background-image: url(../images/img_076.png);
	background-position: 100px 10px;
	background-size: 50%;
}
#contents #main .box#n080 {
	background-image: url(../images/img_080.png);
	background-position: 150px 230px;
	background-size: 40%;
}
#contents #main .box#n088 {
	background-image: url(../images/img_088.png);
	background-position: 100px 0px;
	background-size: 50%;
}
#contents #main .box#n092 {
	background-image: url(../images/img_092.png);
	background-position: 140px 5px;
	background-size: 40%;
}
#contents #main .box#n097 {
	background-image: url(../images/img_097.png);
	background-position: 140px 10px;
	background-size: 35%;
}
#contents #main .box#n098 {
	background-image: url(../images/img_098.png);
	background-position: 100px bottom;
	background-size: 58%;
}
.sns {
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 20px;
	margin-bottom: 30px;
}
.sns ul {
	width: 300px;
	margin: 20px auto;
}
.sns li, .sns div {
	display: inline;
}
.sns li:nth-child(1) {
	position: relative;
	top: -0;
}
}

@media screen and (max-width: 768px) {
.pc_only {
	display: none !important;
}
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 16px;
    line-height: 1.5;
	background: #c9e5e6;
	margin: 0;
	padding: 0;
	color: #5a5a5a;
}
/************  footer_module  **************/
.maggie {
	width: 100%;
	background: #f9f8f5;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
}
.maggie .inner {
	width: 90%;
	margin: 0 auto;
	padding: 20px
}
.maggie .inner img {
	width: 100%;
	margin-bottom: 20px;
}
footer {
	background: #f2f2f2;
	text-align: center;
	padding-bottom: 50px;
}
footer img {
	width: 100%;
	max-width:220px;
}
footer .logo {
	width: 60%;
	margin: 20px auto 30px;
}
footer address {
	font-size: 13px;
	margin-bottom: 10px;
}
.fix_menu_smartphone {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	background: #fff;
	width: 100%;
}
.fix_menu_smartphone ul {
	width: 100%;
}
.fix_menu_smartphone ul li {
display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
    background: #c9e5e6;
    height: 50px;
}
.fix_menu_smartphone ul li img {
}
.fix_menu_smartphone ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0;
}
.fix_menu_smartphone p {
	width: 70%;
	margin: 0 auto 5px;
}
/************  main  **************/

#contents {
	margin: 0;
	padding: 10px 0 ;
}
#contents h1 img {
	width: 100%;
}
.tabs {
	width: 100%;
}
.tabs .tab {
	width: 50%;
	text-align: center;
	float: left;
	height: 54px;
	line-height: 54px;
	font-weight: bold;
}
.tabs .tab a {
	display: block;
	text-decoration: none;
	color: #000;
}
.box {
	width: 100%;
	background: #e5e5e5;
	color: #000;
}
.box dt {
	cursor: pointer;
	background-image: url(../images/icon_plus.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 30px;
	border-top: solid 1px #ccc;
	padding: 25px 20% 30px 71px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.7;
	position: relative;
}
.box dt span {
	position: absolute;
	left: 10px;
	top: 25px;
}
.box:nth-child(1) dt {
	border-top: none;
}
.box dt span img {
	width: auto;
	height: 18px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.box dd {
	display: none;
	font-size: 14px;
	line-height: 140%;
	margin: 0;
	padding: 5px 25px 35px;
}
.box dt.active {
	background-image: url(../images/icon_minus.png);
}
/**イラスト***/
#contents #main .box dl dd {
	background-repeat: no-repeat;
	line-height: 1.4;
}
#contents #main .box#n001 dd {
	background-image: url(../images/img_001.png);
	background-position: 95% top;
	background-size: 14%;
	padding: 10px 20% 50px 20px;
}
#contents #main .box#n002 dd {
	background-image: url(../images/img_002.png);
	background-position: 95% top;
	background-size: 14%;
	padding: 10px 20% 10px 20px;
}
#contents #main .box#n004 dd {
	background-image: url(../images/img_004.png);
	background-position: 95% top;
	background-size: 10%;
	padding: 10px 20% 40px 20px;
}
#contents #main .box#n006 dd {
	background-image: url(../images/img_006.png);
	background-size: 25%;
	background-position: 95% top;
	padding: 10px 30% 30px 20px;
}
#contents #main .box#n012 dd {
	background-image: url(../images/img_012.png);
	background-size: 20%;
	background-position: 95% top;
	padding: 10px 20% 40px 20px;
}
#contents #main .box#n019 dd {
	background-image: url(../images/img_019.png);
	background-size: 24%;
	background-position: 98% bottom;
	padding: 10px 30% 60px 20px;
}
#contents #main .box#n021 dd {
	background-image: url(../images/img_021.png);
	background-size: 30%;
	background-position: 98% top;
	padding: 10px 30% 40px 20px;
}
#contents #main .box#n025 dd {
	background-image: url(../images/img_025.png);
	background-size: 27%;
	background-position: 98% top;
	padding: 10px 30% 60px 20px;
}
#contents #main .box#n030 dd {
	background-image: url(../images/img_030.png);
	background-size: 15%;
	background-position: 95% 0;
	padding: 10px 20% 80px 20px;
}
#contents #main .box#n031 dd {
	background-image: url(../images/img_031.png);
	background-size: 15%;
	background-position: 95% 0;
	padding: 10px 20% 60px 20px;
}
#contents #main .box#n032 dd {
	background-image: url(../images/img_032.png);
	background-size: 17%;
	background-position: 95% 0;
	padding: 10px 20% 40px 20px;
}
#contents #main .box#n034 dd {
	background-image: url(../images/img_034.png);
	background-size: 20%;
	background-position: 95% 0;
	padding: 10px 22% 60px 20px;
}
#contents #main .box#n036 dd {
	background-image: url(../images/img_036.png);
	background-size: 20%;
	background-position: 95% 0;
	padding: 10px 26% 60px 20px;
}
#contents #main .box#n038 dd {
	background-image: url(../images/img_038.png);
	background-size: 20%;
	background-position: 95% top;
	padding: 10px 26% 40px 20px;
}
#contents #main .box#n041 dd {
	background-image: url(../images/img_041.png);
	background-size: 20%;
	background-position: 95% top;
	padding: 10px 20% 80px 20px;
}
#contents #main .box#n042 dd {
	background-image: url(../images/img_042.png);
	background-size: 12%;
	background-position: 95% top;
	padding: 10px 18% 60px 20px;
}
#contents #main .box#n044 dd {
	background-image: url(../images/img_044.png);
	background-position: 90% 0;
	background-size: 15%;
	padding: 10px 20% 60px 20px;
}
#contents #main .box#n047 dd {
	background-image: url(../images/img_047.png);
	background-size: 15%;
	background-position: 96% top;
	padding: 10px 20% 60px 20px;
}
#contents #main .box#n049 dd {
	background-image: url(../images/img_049.png);
	background-size: 15%;
	background-position: 96% top;
	padding: 10px 20% 30px 20px;
}
#contents #main .box#n050 dd {
	background-image: url(../images/img_050.png);
	background-size: 15%;
	background-position: 90% top;
	padding: 10px 20% 60px 20px;
}
#contents #main .box#n053 dd {
	background-image: url(../images/img_053.png);
	background-size: 19%;
	background-position: 98% top;
	padding: 10px 20% 30px 20px;
}
#contents #main .box#n051 dd {
	background-image: url(../images/img_051.png);
	background-size: 19%;
	background-position: 98% top;
	padding: 10px 20% 70px 20px;
}
#contents #main .box#n055 dd {
	background-image: url(../images/img_055.png);
	background-size: 10%;
	background-position: 96% top;
	padding: 10px 16% 65px 20px;
}
#contents #main .box#n058 dd {
	background-image: url(../images/img_058.png);
	background-size: 25%;
	background-position: 95% top;
	padding: 10px 28% 40px 20px;
}
#contents #main .box#n061 dd {
	background-image: url(../images/img_061.png);
	background-size: 10%;
	background-position: 95% top;
	padding: 10px 15% 50px 20px;
}
#contents #main .box#n063 dd {
	background-image: url(../images/img_063.png);
	background-size: 18%;
	background-position: 94% top;
	padding: 10px 22% 60px 20px;
}
#contents #main .box#n067 dd {
	background-image: url(../images/img_067.png);
	background-size: 24%;
	background-position: 98% top;
	padding: 10px 26% 60px 20px;
}
#contents #main .box#n069 dd {
	background-image: url(../images/img_069.png);
	background-size: 20%;
	background-position: 100% top;
	padding: 10px 20% 50px 20px;
}
#contents #main .box#n076 dd {
	background-image: url(../images/img_076.png);
	background-size: 20%;
	background-position: 95% 0;
	padding: 10px 20% 60px 20px;
}
#contents #main .box#n080 dd {
	background-image: url(../images/img_080.png);
	background-size: 17%;
	background-position: 94% top;
	padding: 10px 20% 100px 20px;
}
#contents #main .box#n088 dd {
	background-image: url(../images/img_088.png);
	background-size: 20%;
	background-position: 90% top;
	padding: 10px 25% 60px 20px;
}
#contents #main .box#n092 dd {
	background-image: url(../images/img_092.png);
	background-size: 17%;
	background-position: 98% top;
	padding: 10px 20% 70px 20px;
}
#contents #main .box#n097 dd {
	background-image: url(../images/img_097.png);
	background-size: 14%;
	background-position: 94% top;
	padding: 10px 20% 60px 20px;
}
#contents #main .box#n098 dd {
	background-image: url(../images/img_098.png);
	background-size: 20%;
	background-position: 94% top;
	padding: 10px 22% 20px 20px;
}
.sns {
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 20px;
	margin: 30px auto;
}
.sns li, .sns div {
	display: inline;
}
.sns li:nth-child(1) {
	position: relative;
	top: -3px;
}
}