@charset "utf-8";

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

/* 回り込み解除 */
.clearfix::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* タブレット */
@media (max-width: 1024px) and (min-width: 768px) {
	.div_scll {
	    overflow: scroll;
	}
	table.table.table-bordered.settbl.settingtbl {
	    white-space: nowrap;
	}
}
/* タブレット 横*/
@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

}
/* SP */
@media (max-width: 768px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word;
	    height: auto;
		background: #fff;
	}
	img {
	  width: 100%;
	  display: block;
		object-fit: contain;
	}
	#Login {
	    width: 90%;
	    margin-top: 60px;
	    border: 1px solid #666666;
	    background: #FFFFFF;
	    margin-right: auto;
	    margin-left: auto;
	    padding: 10px;
	}
	#Login .mngtoolName {
	    font-size: 1em;
	}
	.login-form-body2 {
	    width: 100%;
	}
	.UserLogo.mainlogo {
	    width: 50%;
	}
	#Login h1 img {
	    display: inline;
	    width: auto;
	}
	.login-form-body2 table td {
	    width: 100%;
	    display: block;
	}
	.login-form-body2 table td input.textbox {
	    width: 90%;
	    height: 25px;
	}
	#Copyright {
	    font-size: 0.7em;
	}
	span.m_txt {
	    display: none;
	}
	#menu li {
	    width: 32.5%;
	}
	#menu li span i {
	    font-size: 2em;
	}
	#main {
	    padding: 1%;
	}
	table#tbl2 td._td1 {
	    width: 100%;
	    display: block;
	}
	table#tbl2 td {
	    width: 100%;
	    display: block;
	    font-size:1em;
	}
	table#tbl2.srh {
	    width: 90%;
	}
	.txt_date {
		margin: 1% 0;
	}
	#tbl1 th:nth-child(9),#tbl1 td:nth-child(9) {
/*    	display: none;*/
	}
	#tbl1 th:nth-child(10),#tbl1 td:nth-child(10) {
    	display: none;
	}
	#tbl1 th:nth-child(11),#tbl1 td:nth-child(11) {
/*	    display: none;*/
	}
	#tbl1 th:nth-child(12),#tbl1 td:nth-child(12) {
	    display: none;
	}
	#tbl1 th:last-child,#tbl1 td:last-child {
/*	    display: none;*/
	}
	table#tbl1.rate .sp_none {
	    display: none;
	}
.s_tbl {
    width: 100%;
    overflow-y: scroll;
}
	#menu h1 {
	    width: 90%;
	}
	table#tbl2.srh.fick2 {
	    display: none;
		white-space: nowrap;
	}
	table#tbl2.srh.fick {
	    display: block;
	}
	tr#dis_no {
	    display: none;
	}
	
	/** ハンバーガーメニュー */
	p.menu_btn {
		position: absolute;
		display: block;
		top:5%;
		right:20px;
		z-index:999;
		width:40px;
		height:40px;
		margin-top:-25px;
		text-align:center;
		line-height:0;
	}
	p.menu_btn span {
		border-radius: 10px;
		background: #1A62AA;
	    display: block;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 40px;
	    height: 4px;
	    margin-top: -1px;
	    margin-left: -12.5px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	p.menu_btn span:before,
	p.menu_btn span:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 40px;
		height: 4px;
		background: #1A62AA;
		border-radius: 10px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	p.menu_btn span:before {

	}
	table#tbl1 td i {
    font-size: 1.4em;
    color: #FF5C26;
    display: block;
}
	p.menu_btn span:after {
	
	}
	p.menu_btn span:before {
		top:-12px;
	}
	p.menu_btn span:after {
		top:12px;
	}
	p.menu_btn.active span {
		width:5px;
		background:none;
	}
	p.menu_btn.active span::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	p.menu_btn.active span::after {
		top: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	p.menu_btn.active {
		top:5%;
	}
	p.catch_txt {
	    position: absolute;
	    width: 50%;
	    left: 10%;
	    top: 25%;
	    bottom: 0;
	    margin: 0 auto;
	}
	#gnav {
		display:none;
		position:relative;
		top:99%;
		left:0;
		width:100%;
		z-index: 10000;
	    background: #0D224E;
	    border-top: 1px solid #ffffff;
	}
	#gnav div.contact {
		display:none;
	}
	#gnav li {
		margin:0;
		border-bottom: solid 1px #ffffff;
		float:none;
	}
	#gnav li:last-of-type {
		border-bottom:none;
	}
	#gnav li a {
		font-size: 120%;
		display:block;
		position:relative;
		padding:1em 1em 1em 1.5em;
		color:#fff;
	}
	#gnav li a::before {
		content:"";
		display:inline-block;
		margin:-2px 1em 0 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 6px solid #ffffff;
		vertical-align:middle;
	}
	ul.navi li a {
		border:none;
	}
	.n_navi li:first-child {
	}
	.n_navi li a {
		border-left:none;
	}
	.n_navi li:last-child { 
	}
	ul.n_navi {
	    padding: 0px 0 0px;
	}
	#gnav li:nth-child(10) {
/*	    border-bottom: none;*/
	}
	/* ハンバーガーメニュー **/
	.navi span.m_txt {
	    display: initial;
	}
	.area_search ul li {
	    width: 19%;
	}
	#main .area_search ul li a {
	    padding: 7% 0%;
	}
	textarea.sendmemo{
	    width: 100%;
	    height: 10vh;
	    padding: 1%;
	}
	.ButtonRight {
		display:none;
	}
	.div_scll {
	    overflow: scroll;
	}
	.ent_tblbox table#border textarea.textarea {
	    width: 100%;
	}
	table#tbl1 {

	}
	#main td a {
	    display: block;
	    margin: 15px 0;
	    font-size: 1.2em;
	}
	table.table.table-bordered.settbl.settingtbl {
	    white-space: nowrap;
	}
	.fixtotal {
	    width: 90%;
	}
	td.heads.trp10 {
	    width: 30%;
	}
	.box {
	    width: 90%;
	    margin: 0 auto;
	}
	ul.date_box {
	    display: block;
	    width: 100%;
	}
	ul.date_box li{
	    width: 100%;
	}
	table#border.entry th {
	    width: 100%;
	    display: block;
	    text-align: left;
	}
	table#border.entry td {
	    width: 100%;
	    display: block;
	}
	table#border {
	    font-size: 1.2em;
	}
	table#border.entry th {
	    width: 100%;
	    display: block;
	    text-align: left;
	    font-weight: bold;
	    font-size: 110%;
	    margin: 10px 0;
	}
	table#border.entry th.prefth {
	    width: 100%;
	}
	table#border.entry th.prefth {
	    width: 100%;
	}
	table#border.entry td.pref {
	    width: 100%;
	}
	table#border.entry td.pref span {
	    font-size: 0.8em;
	}
	table#border.entry td.marrige_history,table#border.entry td.to_marry,table#border.entry td.partner {
	    width: 100%;
	}
	table#border.entry ul.chklist li:last-child {
	    width: 70%;
	}
	table#border.entry ul.chklist input.now_job_etc {
	    width: 80%;
	}
	ul.chklist.wex li {
	    width: 50%;
	}
	ul.chklist.wex li:nth-last-child(2) {
	    width: 50%;
	}
	table#border.entry ul.chklist.wex li:last-child {
	    width: 50%;
	}
	table#border.entry th, table#border.entry td {
	    width: 100%!important;
	}
	ul.chklist.motex li {
	    width: 95%;
	}
	ul.chklist.motex li:nth-last-child(2) {
	    width: 30%;
	}
	table#border.entry.motivation textarea.textarea {
	    width: 100%;
	}
	table#border {
	    font-size: 16px;
	}
	#Login .fontCaution {
	    display: block;
	}
}

/* iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 568px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}

@media only screen
 and (min-device-width: 375px)
 and (max-device-width: 480px)
 and (-webkit-min-device-pixel-ratio: 2) {
	html{
		font-size: 50.5%;
	}
	body {
		font-size: 1.4rem;
	}
}


/* iPhone6 */
@media only screen and (device-height: 667px),
only screen and (device-width: 667px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}
}
/* iPhone6 plus */
@media only screen  and (device-height: 736px),
only screen  and (device-width: 736px) {
	html{
		font-size: 62.5%;
	}
	body {
		width:100%;
		font-size: 1.4rem;
		overflow-x: hidden;
		-webkit-text-size-adjust:100%;
		word-wrap:break-word
	}

}
.table.caltbl thead th {
    width: 14.2%;
}
.timetree p.name {
    font-size: 10px;
}