@charset "UTF-8";
/* CSS Document */
html{
	width:100%;
}

@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: block !important; }
.sp { display: none !important; }

body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.5rem;
	font-size:14px;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
a{
	text-decoration: none;
}
a:link ,a:visited{
	color:#333;
}
a:hover{
	color:#666;
	font-weight:600;
}
a img {
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden; 
}
table,th,td{
	border-collapse: collapse;
}
input{
    width: 100%;
    height: 30px;
    font-size: 1.1rem;
    color: #08360F;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.radiob{
	width: 100%;
	height: auto;
	text-align: center;
	}
input[type=radio]{
	width:15px;
	height:15px;
	font-size:1.1rem;
	color:#08360F;
	border-radius:3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

	
	
.all{
	width:100%;
/*	max-width: 1280px; */
	min-width:960px;
	margin: 0 auto;
}
.mgnb_10{
	margin-bottom:10px !important;
}
.mgnb_15{
	margin-bottom:15px !important;
}
.algn_cntr{
	text-align: center;
}
.algn_right{
	text-align: right;
}

.bold{
	font-weight:600;
}
.strong{
	font-weight:600;
	font-size:1.1rem;
}
.txt_gray{
	color:#666;
}
.txt_green{
	color:#09360F;
}
.txt_dred{
	color:#AA0000;
}
.txt_white{
	color:#FFF;
}
.txt_small{
	font-size:0.8rem;
}
.line_height2{
	line-height:2rem;
}
.bg_col_green{ background-color: #08360F;}
.bg_col_green1{ background-color: #316F27;}
.bg_col_green2{ background-color: #336D2C;}
.bg_col_green3{ background-color: #12440F;}
.bg_col_green4{ background-color: #08360F;}
.bg_col_palegreen{ background-color: #C0DDBF;}
.w100p{width:100%;}
.brd_1{
	border:1px solid #000000;
	padding:2% 5%;
}

div{
	display: block;
}

#header{
	width:100%;
	max-width:1280px;
	margin:10px auto 0 auto;
	padding:0;
	vertical-align: top;
	height:67px;
	line-height:67px;
}
#logo{
	width: 30%;
	height:67px;
	display:inline-block;
	vertical-align:middle;
}
#logo img{
	width:80%;
	vertical-align: middle;
}
ul li{
	width:15%;
	list-style: none;
}

ul{
	margin: 0;
	padding: 0;
}

#gnav{
	width: 60%;
	margin: 0 auto;
	display:inline-block;
	vertical-align:middle;

}
#gnav-in{
	width:100%;
	vertical-align: middle;

}
#gnav-in ul{
	background-color: #fff;
	margin: 0 auto;
}
#gnav-in li{
	float:left;
	margin: 0 0px ;
	padding: 0;
	display:inline-block;
	text-align:center;
}
#gnav-in li img{
	width:100%;
	max-width:112px;
}

#login{
	width: 7%;
	height:67px;
	vertical-align: top;
	display:inline-block;
}
#login img{
	width:100%;
	vertical-align: middle;
	max-width:109px;
}
#login a:hover{opacity:0.5;}

#mainvisual{
	width: 100%;
	min-width:960px;
	margin: auto 0px;
}
#mainvisual img{
	width:100%;
}
#mainvisual2{
	width: 100%;
	min-width:960px;
	margin: 0 auto;
	padding:0;
}
#mainvisual2 img{
	width: 100%;
	margin: 0 auto;
}
#main{
	width: 100%;
	margin: 0;
	padding: 0;
}
/*タブ切り替え*/
.tab_wrap{width:100%; margin:0 auto;}
.tab_areabg{
	float:left;
	margin:0px;
	background: url("../images/navi_bg.png") repeat-x;
	width: 100%;
}
.tab_area{
	width: 100%;
	max-width:1024px;
	margin: 0 auto;
	padding:0;
	background-color:#FFF;
}
.tab_area label{
	width:34%;
	max-width:341px;
	margin:0 0 0 0;
	padding:0;
	display:inline-block; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
.tab_area label:hover{
	opacity:0.5;
}
.tab_area label img{
	width:100%;
}
.tab_area label.half{
	width:49.7%;
	max-width:511px;
	margin:0 0 0 0;
	padding:0;
	display:inline-block; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
.tab_area label.half:hover{
	opacity:0.5;
}
.tab_area label.half img{
	width:100%;
}
.archives {
  display: none;
}
.acc{
  cursor:-moz-pointer;
  cursor:-webkit-pointer;
  cursor: pointer;
}
.accodions{
  display: none;
}
.show{
	display:block;
}
.block{
	width:100%;
	max-width:1024px;
	margin:0 auto;
}
.block30{
	width:29%;
	max-width:307px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block40{
	width:39%;
	max-width:409px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block50{
	width:49%;
	max-width:512px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
	font-size:1.0rem;
}
.block60{
	width:59%;
	max-width:614px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block70{
	width:69%;
	max-width:716px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
#pankuzu{
	width:100%;
	margin:10px 0 10px;
	color:#6A6;
	font-size:1em;
}
#ttl{
	width:100%;
	margin:20px auto;
}
#ttl img{
	width:100%;
}
.ttl2{
	text-align:center;
	margin:10px auto 0  auto;
	padding:0;
}
.ttl2 img{
	margin:0 auto;
}
#subttl{
	width:100%;
	margin:20px 0 20px;
	border-bottom:2px solid #08360F;
}
#subttl img{
	width:100%;
}
#subttl2{
	width:100%;
	margin:20px 0 20px;
	border-bottom:2px solid #0D4C69;
}
#subttl2 img{
	width:100%;
}
#smallttl{
	font-size:1.1rem;
	color:#09360F;
	font-weight:600;
	margin:20px 0 10px 0;
}
#smallttl_dred{
	font-size:1.1rem;
	color:#AA0000;
	font-weight:600;
	margin:20px 0 10px 0;
}
#expl{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
	font-size:1.0rem;
}

#expl ul{
	width:100%;
	vertical-align: top;
}
#expl ul li{
	width:100%;
	margin:10px auto;
}
#expl ul li img{
	margin-right:5px;
	vertical-align: middle;
}
#expl ul li:nth-child(2n) img{
	vertical-align: top;
	margin:0 10px 0 35px;
}
#expl ul li p{
	vertical-align: middle;
	display:inline-block;
}


#panel_area .show {
  display: block;
}

#panel_area{
	width: 100%;
	max-width:1024px;
	margin: 0 auto;
}

/*法人向けのサービス*/
#panel1{
	width: 99%;
	margin: 0 auto;
}

ul.corps {
    width:100%;
    padding-top:30px;
	vertical-align: top;
}
ul.corps li {
	margin:0;
    display: inline-block;
    width: 48%;
    max-width:490px;
    min-height:230px;
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
ul.corps li:nth-child(2n) {
	margin-left:3%;
}
ul.corps li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:490px;
}
#teishutu{
	width:85%;
	margin:0 auto 10px;
	line-height:1.5rem;
	padding:10px;
	border:2px solid #DDD;
	border-radius: 10px;
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
#teishutu img{
	width:95%;
	max-width:188px;
	margin:0 auto;
	line-height:1.5rem;
}
.btn:hover{
	cursor:pointer;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
	transition:ease 0.2s opacity;
}
#teishutu #date{
	font-weight:600;
	color:#F00;
	font-size:2.0rem;
	line-height:2.0rem;
}
#mark{
	width:90%;
	max-width:433px;
	margin:0 auto;
	display:block;
}
.menu_txt{
	width:90%;
	display:block;
	margin:0 auto;
}
.menu_txt p{
	line-height: 1.5em;
	margin: 1% 0;
}
.menu_txt .listmark{
	margin:0 5px 0 0;
	max-width:14px;
}

/*個人向けのサービス*/
#panel2{
	width: 98%;
	margin: 0 auto;
}
ul.psn {
    width:100%;
	padding-top:30px;
}
ul.psn li {
    display: inline-block;
    width: 48%;
    max-width:490px;
    min-height:310px;
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
/*
ul.psn li:nth-child(1), li:nth-child(2){
	margin-top:30px;
}
*/
ul.psn li:nth-child(2n) {
	margin-left:3%;
}
ul.psn li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:490px;
}

/*その他のサービス*/
#panel3{
	width: 98%;
	margin: 0 auto;
}


ul.other {
    width:100%;
	padding-top:30px;
}
ul.other li {
    display: inline-block;
    width: 48%;
    max-width:490px;
    min-height:310px;
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
/*
ul.other li:nth-child(1), li:nth-child(2){
	margin-top:30px;
}
*/
ul.other li:nth-child(2n) {
	margin-left:3%;
}
ul.other li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:490px;
}
.s-txt{
	font-size: 11px;
	margin: 0 0 0 20px;
}
.in1{
	padding-left: 20px;
}
#notice{
	width: 80%;
	margin: 2% auto;
	max-width:1024px;
}
#notice_txt{
	width: 96%;
	border: #ccc 1px solid;
	padding: 2%;
	margin: 1% 0;
}
#notice_mem{
	width: 100%;
	margin:2% auto;
	max-width:1024px;
}
#notice_txt_mem{
	width: 96%;
	height:150px;
	border: #ccc 1px solid;
	padding: 2%;
	margin: 1% 0;
	overflow: scroll;
}
#notice_mem_txt ul{
	width:100%;
}
#notice_mem_txt ul lli{
	width:100%;
	padding:0;
}
span#date{
	font-weight:600;
	color:#08360F;
}
#ban{
	width: 80%;
	margin: 3% auto;
	max-width: 1024px;
}
#ban .mr5{
	margin: 0 1% 0 0;	
}
#ban ul{
	width:100%;
}
#ban li{
	width:24.4%;
	display:inline-block;
}
#ban li img{
	width:100%;
}
#footer{
	width: 100%;
	background-color: #dddddd;
	color: #666666;
}
#footer-in{
	width: 80%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 3% 0;
}
#footer-in img{
	width:100%;
	max-width:543px;
}
#footer-in a{
	text-decoration: none;
	color: #666;
}
#footer-in a:link ,a:visited{
	color:#666;
}
#footer-in a:hover{
	color:#666;
	font-weight:600;
}

.list_flex{
	width: 100%;
	margin: 3% auto;
	padding: 0;
	font-size: 14px;
	line-height: 1.5em;
}
.list_flex ul{
	display: flex;
	flex-wrap: wrap;
}
.list_flex li {
	box-sizing: border-box;
	margin: 0;
	padding:0px;
}
.list_flex_235 li:first-child {width: 25%;}
.list_flex_235 li:nth-child(2) {width: 30%;margin-top:0;}
.list_flex_235 li:last-child {width: 45%;}

.list_flex_55 li:first-child {width: 55%;}
.list_flex_55 li:last-child {width: 45%;}

#tab_cost{
	width:100%;
}
#tab_cost ul{
	width:100%;
	margin:0 auto;
}
#tab_cost ul li{
	width:49%;
	display:inline-block;
}
#cost{
	width:100%;
	font-size:0.8rem;
}
#cost th,td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:2px;
}

/*個人サービス*/
#sab_navi{
	width: 100%;
	margin: 0 auto;
}
ul.stk {
    width:100%;
}
ul.stk li {
    display: inline-block;
    width: 100%;
/*    min-height:400px; */
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
ul.stk li:nth-child(1){
	margin-top:30px;
}
ul.stk li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:1024px;
}


.txt_k01{
	width: 90%;
	margin: 0 auto;
}

.box_k01{
	width: 90%;
	border: 1px solid #ccc;
	padding: 2%;
	margin: 2% auto;
}

.mgntb_10{
	margin: 10px 0;
}

#tbl_k02{
	width:90%;
	font-size:0.8rem;
	margin: 0 auto;
}
#tbl_k02 th,td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
}
.bg_col_blue{ background-color: #394CDE;}

.ttl_k{
	width:100%;
	margin:20px auto;
}
.ttl_k img{
	width:100%;
}
.box_s01{
	border: 1px solid #ddd;
	width: 100%;
	text-align: center;
	padding: 2% 0;
}
.txt_s01{
	width: 90%;
	margin: 0 auto;
}


ul.sou {
    width:90%;
	margin: 0 auto;
}
ul.sou li {
    display: inline-block;
    width: 48%;
    max-width:490px;
    min-height:50px;
	text-align: center;
	vertical-align:top;
}
/*
ul.sou li:nth-child(1), li:nth-child(2){
	margin-top:30px;
}
*/
ul.sou li:nth-child(2n) {
	margin-left:3%;
}
ul.sou li img {
	width:100%;
	margin:4% auto;
}
.bg_col_blue{ background-color: #224C66;}
.bg_col_blue2{ background-color: #424C66;}
.bg_col_blue3{ background-color: #524C66;}
.bg_col_blue4{ background-color: #624C66;}
.bg_col_blue5{ background-color: #724C66;}
.bg_col_blue6{ background-color: #B1D0E4;}

.txt_col_blue{color: #224C66; font-weight: 600;}
.txt_col_blue2{color: #424C66; font-weight: 600;}
.txt_col_blue3{color: #524C66; font-weight: 600;}
.txt_col_blue4{color: #624C66; font-weight: 600;}
.txt_col_blue5{color: #724C66; font-weight: 600;}

.txt_dgray{color: #333333; font-weight: 600;}
.txt_red{color: red;}
.txt_darkred{color: #AA0000;}


#seizen ul{
	width:90%;
	vertical-align: top;
	margin: 3% auto;
}
#seizen ul li{
	width:100%;
	margin:10px auto;
}
#seizen ul li img{
	margin-right:5px;
	vertical-align: middle;
}
#seizen ul li p{
	vertical-align: middle;
	display:inline-block;
}
.txt_blue{
	color:#224C66;
}
.box_s02{
	width: 35%;
	border: 1px solid #ccc;
	text-align: left;
	padding: 3%;
	margin: 2% ;
}
.box_o01{
	width: 90%;
	border: 1px solid #ccc;
	text-align: left;
	padding: 3%;
	margin: 2% 0 8% ;
}

#tbl_o01{
	width:100%;
	font-size:0.8rem;
	margin: 10px auto;
}
#tbl_o01 th{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
}
#tbl_o01 td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
	width: 50%;
}
#tbl_o01 td.ccel{
	text-align: center;
}
#tbl_o02{
	width:100%;
	font-size:0.8rem;
	margin: 10px auto;
}
#tbl_o02 th{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
	width:30%;
}
#tbl_o02 td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
	width: 50%;
}
#tbl_o01 td.ccel{
	text-align: center;
}
.list_other{
	width: 100%;
	margin: 1% auto;
}
.list_other li{
	width: 90%;
	margin: 2% auto;
/*	text-indent: -1em; */
}
.list_other2{
	width: 100%;
	margin: 3% auto;
}
.list_other2 li{
	width: 90%;
	margin: 3% auto;
	text-indent: -1em;
}
#appli{
	margin: 0 auto;
	width: 100%;
}
#appli th{
	background-color:#08360F;
	color:#FFF;
	border:1px solid #DDD;
}
#appli td{
	border: none;
	padding: 3% 1%;
	border:1px solid #DDD;
}


/* ログイン画面 */
#loginbox{
	width:100%;
	max-width:600px;
	border:1px solid #08360F;
	margin:0 auto;
}
#entrybox{
	width:90%;
	margin:0 auto;
	padding:50px 20px 10px;
	text-align: center;
}
#entrybox ul{
	width:100%;
	margin:0 auto
}
#entrybox ul li{
	width:50%;
	display: inline-block;
	margin:10px auto;
}
#entrybox ul li:nth-child(1){
	width:20%;
}
#entrybox #entrybtn{
	margin:10px auto;
}
#entrybox ul li input::placeholder{
	font-size: 11pt;
	color: #808080;
}
#forget{
	width:50%;
	margin:10px auto;
	text-align:center;
}
#totop{
	width:15%;
	position:fixed;
	right:1%;
	bottom:0;	
}
#totop img{
	width:100%;
	max-width:60px;
	filter: drop-shadow(5px 5px 10px #AAA);
}

/* 会員ページ用　*/
#membermenu{
	width:30%;
	margin-bottom:50px;
	display:inline-block;
}
#membermenu ul{
	width:100%;
}
#membermenu ul li{
	position:relative;
	width:90%;
	margin:0;
	padding:3%;
	padding-left:5%;
	border-bottom:1px solid #666;
	vertical-align:top;
}
#membermenu ul li span{
	position:absolute;
	top:5;
	left:0;
}
#membermenu ul li:hover{
	cursor:pointer;
	background-color:#DeD;
}
#memberpanels{
	width:67%;
	display: inline-block;
	vertical-align: top;
}

.faq_list_1 {
	width: 100%;
	margin: 0 auto;
	padding-left: 8%;
	line-height: 1em;
}
.txt_mem_1{
	margin-left: 8%;
	margin-top: 3%;
	margin-bottom: 10%;
}
.txt_mem_2{
	margin-left: 8%;
	margin-top: 3%;
	margin-bottom: 5%;
}
.txt_mem_3{
	margin-left: 10%;
	margin-top: 1%;
	margin-bottom: 3%;
}
.tetuduki{
	width: 100%;
	margin: 2% auto 0%;
}

.w15{
	width: 15%;
}
.w18{
	width: 18%;
}
.w20{
	width: 20%;
}
.w30{
	width: 30%;
}
.w50{
	width: 50%;
}
.list_mem1 li{
	padding: 2% 0 2% 7%;
}


#com{
	width: 90%;
	max-width: 1024px;
	margin: 3% auto;
	padding: 0;
}
#com table{
	width: 100%;
	margin: 3% auto;
}
#com th{
	width: 30%;
	border: 1px solid #dddddd;
	margin: 3% auto;
}
#com td{
	width: 80%;
	border: 1px solid #dddddd;
	margin: 3% auto;
}

.img_w50{
	width: 50%;
	max-width: 500px;
	margin: 2% auto;
	padding: 0;
}


/* contact */
#contact{
	width:80%;
	margin:0 auto;
}
.yajirushi{
	width:100%;
	max-width:28px;
	margin:0 auto;
}

/* お申込み方法 */
#entry{
	width:100%;
}
#entry ul{
	width:80%;
	margin:0 auto;
}
#entry ul li{
	width:100%;
	text-align: center;
	margin:0;
}
}


@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/

.pc { display: none !important; }
.sp { display: block !important; }

body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.5rem;
	font-size:14px;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
a{
	text-decoration: none;
}
a:link ,a:visited{
	color:#333;
}
a:hover{
	color:#666;
	font-weight:600;
}
a img {
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden; 
}
table,th,td{
	border-collapse: collapse;
}
input{
/*    width: 100%;
    height: 30px;
*/
    font-size: 1.1rem;
    color: #08360F;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.all{
	width:100%;
/*	max-width: 1280px; */
/*	min-width:300px; */
	margin: 0 auto;
	overflow:hidden;
}
.mgnb_10{
	margin-bottom:10px !important;
}
.mgnb_15{
	margin-bottom:15px !important;
}
.algn_cntr{
	text-align: center;
}
.algn_right{
	text-align: right;
}

.bold{
	font-weight:600;
}
.strong{
	font-weight:600;
	font-size:1rem;
}
.txt_gray{
	color:#666;
}
.txt_green{
	color:#09360F;
}
.txt_dred{
	color:#AA0000;
}

.txt_white{
	color:#FFF;
}
.txt_small{
	font-size:0.8rem;
}
.line_height2{
	line-height:2rem;
}
.bg_col_green{ background-color: #08360F;}
.bg_col_green1{ background-color: #316F27;}
.bg_col_green2{ background-color: #336D2C;}
.bg_col_green3{ background-color: #12440F;}
.bg_col_green4{ background-color: #08360F;}
.bg_col_palegreen{ background-color: #C0DDBF;}
.w100p{width:100%;}
.brd_1{
	border:1px solid #000000;
	padding:2% 5%;
}

div{
	display: block;
}

#header{
	width:100%;
	max-width:1280px;
	margin:10px auto 0 auto;
	padding:0;
	vertical-align: top;
	height:67px;
	line-height:67px;
}
#logo{
	width: 70%;
	height:67px;
	display:inline-block;
	vertical-align:middle;
}
#logo img{
	width:80%;
	vertical-align: middle;
}
ul li{
	width:15%;
	list-style: none;
}

ul{
	margin: 0;
	padding: 0;
}

#gnav{
	width: 60%;
	margin: 0 auto;
	display:inline-block;
	vertical-align:middle;

}
#gnav-in{
	width:100%;
	vertical-align: middle;

}
#gnav-in ul{
	background-color: #fff;
	margin: 0 auto;
}
#gnav-in li{
	float:left;
	margin: 0 0px ;
	padding: 0;
	display:inline-block;
	text-align:center;
}
#gnav-in li img{
	width:100%;
	max-width:112px;
}

#login{
	width: 7%;
	height:67px;
	vertical-align: top;
	display:inline-block;
}
#login img{
	width:100%;
	vertical-align: middle;
	max-width:109px;
}
#login a:hover{opacity:0.5;}

#mainvisual{
	width: 100%;
/*	min-width:960px; */
	margin: auto 0px;
}
#mainvisual img{
	width:100%;
}
#mainvisual2{
	width: 100%;
/*	min-width:960px; */
	margin: 0 auto;
}
#mainvisual2 img{
	width: 100%;
	margin: 0 auto;
}
#main{
	width: 100%;
	margin: 0;
	padding: 0;
}
/*タブ切り替え*/
.tab_wrap{width:100%; margin:0 auto;}
.tab_areabg{
	float:left;
	margin:0px;
	background: url("../images/navi_bg.png") repeat-x;
	width: 100%;
}
.tab_area{
	width: 100%;
	max-width:1024px;
	margin: 0 auto;
	padding:0;
	background-color:#FFF;
}
.tab_area label{
	width:33%;
/*	max-width:341px; */
	margin:0 auto;
	padding:0;
	display:inline-block; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
.tab_area label:hover{
	opacity:0.5;
}
.tab_area label img{
	width:100%;
}
.tab_area label.half{
	width:49%;
	max-width:511px;
	margin:0 0 0 0;
	padding:0;
	display:inline-block; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
.tab_area label.half:hover{
	opacity:0.5;
}
.tab_area label.half img{
	width:100%;
}
.archives {
  display: none;
}
.acc{
  cursor:-moz-pointer;
  cursor:-webkit-pointer;
  cursor: pointer;
}
.accodions{
  display: none;
}
.show{
	display:block;
}
.block{
	width:100%;
	max-width:1024px;
	margin:0 auto;
}
.block30{
	width:29%;
	max-width:307px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block40{
	width:39%;
	max-width:409px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block50{
	width:90%;
	max-width:512px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block60{
	width:59%;
	max-width:614px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
.block70{
	width:69%;
	max-width:716px;
	margin:0 auto;
	display: inline-block;
	vertical-align: top;
}
#pankuzu{
	width:100%;
	margin:10px 0 10px;
	color:#6A6;
	font-size:0.8rem;
}
#ttl{
	width:100%;
	margin:20px auto;
}
#ttl img{
	width:100%;
}
.ttl2{
	text-align:center;
	margin:10px auto 0  auto;
	padding:0;
}
#subttl{
	width:100%;
	margin:20px 0 20px;
	border-bottom:2px solid #08360F;
}
#subttl img{
	width:100%;
}
#subttl2{
	width:100%;
	margin:20px 0 20px;
	border-bottom:2px solid #0D4C69;
}
#subttl2 img{
	width:100%;
}
#smallttl{
	font-size:1.1rem;
	color:#09360F;
	font-weight:600;
	margin:20px 0 10px 0;
}
#smallttl_dred{
	font-size:1.1rem;
	color:#AA0000;
	font-weight:600;
	margin:20px 0 10px 0;
}
#expl{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
}

#expl ul{
	width:100%;
	vertical-align: top;
}
#expl ul li{
	width:100%;
	margin:10px auto;
}
#expl ul li img{
	margin-right:5px;
	vertical-align: middle;
}
#expl ul li:nth-child(2n) img{
	vertical-align: top;
	margin:0 10px 0 5px;
	display:inline-block;
}
#expl ul li p{
	vertical-align: middle;
	display:inline-block;
}


#panel_area .show {
  display: block;
}

#panel_area{
	width: 100%;
	max-width:1024px;
	margin: 0 auto;
}

/*法人向けのサービス*/
#panel1{
	width: 99%;
	margin: 0 auto;
}

ul.corps {
    width:100%;
    padding-top:30px;
	vertical-align: top;
}
ul.corps li {
    width: 90%;
	margin:0 auto;
    max-width:490px;
    min-height:230px;
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
ul.corps li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:490px;
}
#teishutu{
	width:85%;
	margin:0 auto 10px;
	line-height:1.5rem;
	padding:10px;
	border:2px solid #DDD;
	border-radius: 10px;
	cursor:pointer; 
	transition:ease 0.2s opacity;
}
#teishutu img{
	width:95%;
	max-width:188px;
	margin:0 auto;
	line-height:1.5rem;
}
.btn:hover{
	cursor:pointer;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
	transition:ease 0.2s opacity;
}
#teishutu #date{
	font-weight:600;
	color:#F00;
	font-size:2.0rem;
	line-height:2.0rem;
}
#mark{
	width:90%;
	max-width:433px;
	margin:0 auto;
	display:block;
}
.menu_txt{
	width:90%;
	display:block;
	margin:0 auto;
}
.menu_txt p{
	line-height: 1.5em;
	margin: 1% 0;
}
.menu_txt .listmark{
	margin:0 5px 0 0;
	max-width:14px;
}

/*個人向けのサービス*/
#panel2{
	width: 98%;
	margin: 0 auto;
}
ul.psn {
    width:90%;
	padding-top:30px;
	margin:0 auto;
}
ul.psn li {
    display: inline-block;
    width: 100%;
/*    max-width:490px;*/
    min-height:310px;
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
/*
ul.psn li:nth-child(1), li:nth-child(2){
	margin-top:30px;
}
*/
ul.psn li:nth-child(2n) {
	margin-left:0%;
}
ul.psn li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:490px;
}

/*その他のサービス*/
#panel3{
	width: 98%;
	margin: 0 auto;
}


ul.other {
    width:90%;
	margin:0 auto;
}
ul.other li {
    display: inline-block;
    width: 100%;
    max-width:1016px;
    min-height:440px;
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
ul.other li:nth-child(1){
	margin-top:30px;
}
ul.other li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:1016px;
}
.s-txt{
	font-size: 11px;
	margin: 0 0 0 20px;
}
.in1{
	padding-left: 20px;
}
#notice{
	width: 80%;
	margin: 2% auto;
	max-width:1024px;
}
#notice_txt{
	width: 96%;
	border: #ccc 1px solid;
	padding: 2%;
	margin: 1% 0;
}
#notice_mem{
	width: 100%;
	margin:2% auto;
	max-width:1024px;
}
#notice_txt_mem{
	width: 96%;
	height:150px;
	border: #ccc 1px solid;
	padding: 2%;
	margin: 1% 0;
	overflow: scroll;
}
#notice_mem_txt ul{
	width:100%;
}
#notice_mem_txt ul lli{
	width:100%;
	padding:0;
}
span#date{
	font-weight:600;
	color:#08360F;
}
#ban{
	width: 80%;
	margin: 3% auto;
	max-width: 1024px;
}
#ban .mr5{
	margin: 0 1% 0 0;	
}
#ban ul{
	width:100%;
}
#ban li{
	width:49%;
	display:inline-block;
}
#ban li img{
	width:100%;
}
#footer{
	width: 100%;
	background-color: #dddddd;
	color: #666;
}
#footer-in{
	width: 80%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 3% 0;
}
#footer-in img{
	width:100%;
	max-width:543px;
}
.list_flex{
	width: 100%;
	margin: 3% auto;
	padding: 0;
	font-size: 14px;
	line-height: 1.5em;
}
.list_flex ul{
	display: flex;
	flex-wrap: wrap;
}
.list_flex li {
	box-sizing: border-box;
	width:100%;
	margin: 0;
	margin-bottom:10px;
	padding:0px;
}
/*
.list_flex_235 li:first-child {width: 25%;}
.list_flex_235 li:nth-child(2) {width: 30%;margin-top:0;}
.list_flex_235 li:last-child {width: 45%;}

.list_flex_55 li:first-child {width: 55%;}
.list_flex_55 li:last-child {width: 45%;}
*/
#tab_cost{
	width:100%;
}
#tab_cost ul{
	width:100%;
	margin:0 auto;
}
#tab_cost ul li{
	width:49%;
	display:inline-block;
}
#cost{
	width:100%;
	font-size:0.8rem;
}
#cost th,td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:2px;
}

/*個人サービス*/
#sab_navi{
	width: 100%;
	margin: 0 auto;
}
ul.stk {
    width:100%;
}
ul.stk li {
    display: inline-block;
    width: 100%;
/*    min-height:400px; */
	text-align: left;
	box-shadow: 2px 2px 4px #999999;
	vertical-align: top;
	margin-bottom:30px;
}
ul.stk li:nth-child(1){
	margin-top:30px;
}
ul.stk li img {
	width:100%;
	margin:0 auto;
	margin-bottom:8px;
	max-width:1024px;
}


.txt_k01{
	width: 90%;
	margin: 0 auto;
}

.box_k01{
	width: 90%;
	border: 1px solid #ccc;
	padding: 2%;
	margin: 2% auto;
}

.mgntb_10{
	margin: 10px 0;
}

#tbl_k02{
	width:90%;
	font-size:0.8rem;
	margin: 0 auto;
}
#tbl_k02 th,td:nth-child(1){
	width:30%;
}
#tbl_k02 th,td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
}
.bg_col_blue{ background-color: #394CDE;}

.ttl_k{
	width:100%;
	margin:20px auto;
}
.ttl_k img{
	width:100%;
}
.box_s01{
	border: 1px solid #ddd;
	width: 100%;
	text-align: center;
	padding: 2% 0;
}
.txt_s01{
	width: 90%;
	margin: 0 auto;
}


ul.sou {
    width:90%;
	margin: 0 auto;
}
ul.sou li {
    display: inline-block;
    width: 90%;
    max-width:490px;
    min-height:50px;
	text-align: center;
	vertical-align:top;
}
/*
ul.sou li:nth-child(1), li:nth-child(2){
	margin-top:30px;
}
*/
ul.sou li:nth-child(2n) {
	margin-left:3%;
}
ul.sou li img {
	width:100%;
	margin:4% auto;
}
.bg_col_blue{ background-color: #224C66;}
.bg_col_blue2{ background-color: #424C66;}
.bg_col_blue3{ background-color: #524C66;}
.bg_col_blue4{ background-color: #624C66;}
.bg_col_blue5{ background-color: #724C66;}
.bg_col_blue6{ background-color: #B1D0E4;}

.txt_col_blue{color: #224C66; font-weight: 600;}
.txt_col_blue2{color: #424C66; font-weight: 600;}
.txt_col_blue3{color: #524C66; font-weight: 600;}
.txt_col_blue4{color: #624C66; font-weight: 600;}
.txt_col_blue5{color: #724C66; font-weight: 600;}

.txt_dgray{color: #333333; font-weight: 600;}
.txt_red{color: red;}
.txt_darkred{color: #AA0000;}


#seizen ul{
	width:90%;
	vertical-align: top;
	margin: 3% auto;
}
#seizen ul li{
	width:100%;
	margin:10px auto;
}
#seizen ul li img{
	margin-right:5px;
	vertical-align: middle;
}
#seizen ul li p{
	vertical-align: middle;
	display:inline-block;
}
.txt_blue{
	color:#224C66;
}
.box_s02{
	width: 90%;
	border: 1px solid #ccc;
	text-align: left;
	padding: 3%;
	margin: 2% ;
}
.box_o01{
	width: 90%;
	border: 1px solid #ccc;
	text-align: left;
	padding: 3%;
	margin: 2% 0 8% ;
}

#tbl_o01{
	width:100%;
	font-size:0.8rem;
	margin: 10px auto;
}
#tbl_o01 th{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
}
#tbl_o01 td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
	width: 50%;
}
#tbl_o01 td.ccel{
	text-align: center;
}
#tbl_o02{
	width:100%;
	font-size:0.8rem;
	margin: 10px auto;
}
#tbl_o02 th{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
	width:30%;
}
#tbl_o02 td{
	border:1px solid #08360F;
	border:1px solid #DDD;
	padding:1%;
	width: 50%;
}
#tbl_o01 td.ccel{
	text-align: center;
}
.list_other{
	width: 100%;
	margin: 1% auto;
}
.list_other li{
	width: 90%;
	margin: 2% auto;
/*	text-indent: -1em; */
}
.list_other2{
	width: 100%;
	margin: 3% auto;
}
.list_other2 li{
	width: 90%;
	margin: 3% auto;
	text-indent: -1em;
}
#appli{
	margin: 0 auto;
	width: 100%;
}
#appli th{
	background-color:#08360F;
	color:#FFF;
	border:1px solid #DDD;
}
#appli td{
	border: none;
	padding: 3% 1%;
	border:1px solid #DDD;
}


/* ログイン画面 */
#loginbox{
	width:100%;
	max-width:600px;
	border:1px solid #08360F;
	margin:0 auto;
}
#entrybox{
	width:90%;
	margin:0 auto;
	padding:50px 5px 10px;
	text-align: center;
}
#entrybox ul{
	width:100%;
	margin:0 auto
}
#entrybox ul li{
	width:80%;
	display: inline-block;
	margin:10px auto;
	font-size: 11pt;
}
#entrybox ul li:nth-child(1){
	width:50%;
}
#entrybox #entrybtn{
	margin:10px auto;
}
#entrybox ul li input{
	width: 100%;
	font-size: 13pt;
	height: 30px;
}
#entrybox ul li input::placeholder{
	font-size: 10pt;
	color: #808080;
}
#forget{
	width:50%;
	margin:10px auto;
	text-align:center;
}
#totop{
	width:15%;
	position:fixed;
	right:1%;
	bottom:0;	
}
#totop img{
	width:100%;
	max-width:60px;
	filter: drop-shadow(5px 5px 10px #AAA);
}

/* 会員ページ用　*/
#membermenu{
	width:100%;
	margin-bottom:50px;
	display:inline-block;
}
#membermenu ul{
	width:100%;
}
#membermenu ul li{
	position:relative;
	width:90%;
	margin:0;
	padding:3%;
	padding-left:5%;
	border-bottom:1px solid #666;
	vertical-align:top;
}
#membermenu ul li span{
	position:absolute;
	top:5;
	left:0;
}
#membermenu ul li:hover{
	cursor:pointer;
	background-color:#DeD;
}
#memberpanels{
	width:100%;
	display: inline-block;
	vertical-align: top;
}

.faq_list_1 {
	width: 100%;
	margin: 0 auto;
	padding-left: 8%;
	line-height: 1em;
}
.txt_mem_1{
	margin-left: 8%;
	margin-top: 3%;
	margin-bottom: 10%;
}
.txt_mem_2{
	margin-left: 9.5%;
	margin-top: 3%;
	margin-bottom: 5%;
}
.txt_mem_3{
	margin-left: 10%;
	margin-top: 1%;
	margin-bottom: 3%;
}
.tetuduki{
	width: 100%;
	margin: 2% auto 8%;
}

.w15{
	width: 15%;
}
.w18{
	width: 18%;
}
.w20{
	width: 20%;
}
.w30{
	width: 30%;
}
.w50{
	width: 50%;
}
.list_mem1 li{
	padding: 2% 0 2% 7%;
}


#com{
	width: 90%;
	max-width: 1024px;
	margin: 3% auto;
	padding: 0;
}
#com table{
	width: 100%;
	margin: 3% auto;
}
#com th{
	width: 30%;
	border: 1px solid #dddddd;
	margin: 3% auto;
}
#com td{
	width: 80%;
	border: 1px solid #dddddd;
	margin: 3% auto;
}

.img_w50{
	width: 50%;
	max-width: 500px;
	margin: 2% auto;
	padding: 0;
}


/* contact */
#contact{
	width:80%;
	margin:0 auto;
}
.yajirushi{
	width:100%;
	max-width:28px;
	margin:0 auto;
}

/* お申込み方法 */
#entry{
	width:100%;
}
#entry ul{
	width:80%;
	margin:0 auto;
}
#entry ul li{
	width:100%;
	text-align: center;
	margin:0;
}

/* ハンバーガーメニューここから */
.navToggle{
	display: block;
	position: fixed;
	right: 1%;
	top: 12px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 9999;
	text-align: center;
}

.navToggle span:nth-child(1){
	top: 9px;
}

.navToggle span:nth-child(2){
	top: 18px;
}

.navToggle span:nth-child(3){
	top: 27px;
}

.navToggle span{
	display: block;
	position: absolute;
	width: 30px;
	border-top: solid 3px #333;
	transition: .3s;
	left: 6px;
}
#smt_menu_wrapper {
    position: fixed;
    z-index: 9001;
    top: 0;
    left: 0;
    background: #fff;
    color: #08360F;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}

#smt_menu_wrapper ul {
    background: #eeffee;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#smt_menu_wrapper ul li {
    font-size: 16px;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}

#smt_menu_wrapper ul li.red {
    font-size: 16px;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
		background-color: red;
}

#smt_menu_wrapper ul li.red a{
	color: #ffffff;
}

.cta_bg{
  background-image: url('../img/top/soccore-laf_03.png');
  width: 252px;
  height: 49px;
  text-align: center;
  line-height: 29px;
  margin: 5px 0 0 0;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;
}

.cta_bg:hover{
  background-image: url('../img/top/soccore-laf_03_h.png');
  color: #f5f5f5;
}

/* 最後はラインを描かない */
#smt_menu_wrapper ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    box-shadow: 0 10px 20px -12px rgba(0,0,0,.42), 0 3px 20px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2)
}

#smt_menu_wrapper ul li a {
    display: block;
    color: #08360F;
    padding: 2px 0;
    line-height:2.5rem;
}

/* このクラスを、jQueryで付与・削除する */
#smt_menu_wrapper.active {
    transform: translateY(0%);
}

/* 最初の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);
}
/* ハンバーガーメニューここまで */







}