@charset "utf-8";
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
a img {
    -webkit-transition : all 0.5s;
    -moz-transition : all 0.5s;
    -o-transition : all 0.5s;
    -ms-transition : all 0.5s;
    transition : all 0.5s;
}
a:hover img {
    opacity: 0.5;
}
.text_red {
	color: #EC1C24;
}
.text_blue {
	color: #366C9A;
}
.marker-yellow {
    background: linear-gradient(transparent 80%, #FBED21 0%);
}
@media screen and (max-width:899px){
	img {
		vertical-align: middle;
	}
}


@media screen and (max-width:899px) {
    a:hover img {
        opacity: 1;
    }
}

.fillY {
    background-color: #FBED21;
}
.w100 {
    width: 100%;
}
.spBlock {
    display: none !important;
}
.pcBlock {
    display: block !important;
}
@media screen and (max-width:749px) {
    .spBlock {
        display: block !important;
    }
    .pcBlock {
        display: none !important;
    }
}

li {
	list-style: none;
}

img {
	max-width: 100%;
}

.flexbox {
   	display: -webkit-flex;
    display: flex;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;
   	flex-wrap: wrap;
}

.flexbox2 {
	display: -webkit-flex;
    display: flex;
	justify-content: flex-start;
    -webkit-flex-wrap: wrap;
   	flex-wrap: wrap;
}

.flexbox3 {
	display: -webkit-flex;
    display: flex;
	justify-content: space-around;
    -webkit-flex-wrap: wrap;
   	flex-wrap: wrap;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

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

.center-box {
	text-align:center;
}

.text-center {
	text-align:center;
}

.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.leftBox {
	float: left;
}
.rightBox {
	float: right;
}

/* ********************** 文字CSS ****************************** */

	.font-m {
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",  "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.underline {
	text-decoration: underline;
	}
	.big {
	font-size:1.3em;
	font-weight:bold;
	}
	.small {
	font-size:0.8em!important;
	margin-bottom:10px!important;
	}
	.bold {
	font-weight:bold;
	}
	.red {
	color:#ed1c24;
	}
	.white {
	color: #fff;
	}
	.green {
	color: #00A99D;
	}
	.cha {
	color: #8C4839;
	}

/* *********************************************************************************

PC用CSS

************************************************************************************ */


@media screen and (min-width:750px) {
	img {
		vertical-align: middle;
		width:
	}
	body {
		background-color: #efefef;
		font-size: 30px;
	}
	.allWrapper {
		width: 750px;
		margin: 0 auto;
		background-color: #fff;
	}
	#header .relative {
		position: relative;
	}
	#header .absolute {
		position: absolute;
		margin: 0 auto;
		top: 3%;
		right: 5%;
		text-align: right;
		font-size: 1.2vw;
	}
	/*
	#header .modal_btn,
	#soudan .modal_btn,
	#soudan2 .modal_btn,
	#soudan3 .modal_btn  {
		position: absolute;
		bottom: 20%;
		text-align: center;
		width: 100%;
	}
	#header .modal_btn p,
	#soudan .modal_btn p,
	#soudan2 .modal_btn p,
	#soudan3 .modal_btn p {
		cursor: pointer;
		position: relative;
		text-decoration: none;
		margin: 0 auto;
		padding: 1% 0;
		width: 50%;
		color: #555;
		border: solid 1.5px #aaa;
		border-radius: 3px;
	}
	#header .modal_btn p::after,
	#soudan .modal_btn p::after,
	#soudan2 .modal_btn p::after,
	#soudan3 .modal_btn p::after {
		position: absolute;
		right: 3%;
		padding: 1.5% 0 1%;
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
	}
	*/
	#soudan,
	#soudan2,
	#soudan3 {
		position: relative;
		text-align: center;
		padding: 0 15px;
	}
	#soudan .btn,
	#soudan2 .btn,
	#soudan3 .btn {
		position: absolute;
		margin: 0 auto;
		bottom: 5%;
		left: 0.5%;
		right: 0;
		width: 96%;
	}
	#soudan2 {
		margin: 90px 0;
	}
	#soudan3 {
		margin-bottom: 50px;
	}
	#soudan .relative {
		margin-top: -60px;
	}

	#jirei .link_btn,
	#soudan2 .link_btn,
	#soudan3 .link_btn {
		text-align: center;
	}
	#jirei .link_btn a,
	#soudan2 .link_btn a,
	#soudan3 .link_btn a {
		text-decoration: none;
		color: #333;
		font-size: 1.8vw;
	}
	#gengaku ul {
		padding: 5%;
	}
	#gengaku ul li h3 {
		/*
		border-radius: 4px;
		background-color: #DAE9F5;
		padding: 2%;
		color: #366C9A;
		font-size: 32px;
		*/
		padding: 5% 2%;
		width: 100%;
		background: rgb(54, 108, 154,.7);
		color: #fff;
		font-size: 32px;
	}
	#gengaku ul li:last-child h3 {
		padding: 1.4% 2%
	}
	#gengaku ul li h3 span {
		overflow: hidden;
    	display: block;
	}
	#gengaku ul li h3 img {
		width: 6%;
		margin-right: 2%;
		vertical-align: text-bottom;
		float: left;
	}
	#gengaku ul li figcaption {
		margin: 3% 0 7%;
	}
	#gengaku ul li p {
		padding: 3% 0 6%;
	}
	/*
	#caution ul {
		background-color: #FFE2C6;
		padding: 3% 4%;
	}
	#caution ul li {
		padding: 3%;
		background-color: #fff;
		margin-bottom: 3%;
	}
	#caution ul li:last-of-type {
		padding: 3%;
		background-color: #fff;
		margin-bottom: 3%;
	}
	#caution ul li h3 {
		width: 33%;
    	margin-bottom: 3%;
	}
	#caution ul li p {
		font-size: 30px;
	}
	#caution ul li p span {
		color: #EC1C24;
		font-size: 30px;
		font-weight: bold;
	}
	*/
	#caution ul {
		padding: 0 0 3%;
	}
	#caution ul li {
		padding: 3% 4%;
		background-color: #fff;
	}
	#caution ul li:last-of-type {
		padding: 3%;
		background-color: #fff;
		margin-bottom: 3%;
	}
	#caution ul li:nth-of-type(2n) {
		background-color: #fff0de;
	}
	#caution ul li h3,
	#caution ul li p {
    display: inline-block;
    vertical-align: middle;
		width: 49%;
	}
	#caution ul li p {
		padding-left: 3%;
		line-height: 40px;
		color: #8c6239;
		font-size: 2.5vw;
		font-weight: bold;
	}
	#caution ul li p span {
		display: block;
		line-height: 35px;
		color: #333;
		font-size: 2vw;
		font-weight: normal;
	}
	#mistake_avoid .hyougumi {
		/*border: 2px solid #ccc;*/
	}
	#mistake_avoid .hyougumi dl dt {
		width: 20%;
		float: left;
		padding: 3%;
		border: 2px solid #ccc;
    	border-bottom: none;
	}
	#mistake_avoid .hyougumi dl dt span {
		margin-top: 100%;
    	display: block;
	}
	#mistake_avoid .hyougumi dl dd {
		width: 40%;
		float: left;
		background-color: #F7F7F2;
		padding: 3%;
		border: 2px solid #ccc;
    	border-bottom: none;
		border-left: none;
	}
	#mistake_avoid .hyougumi dl dd:last-of-type {
		width: 40%;
		float: left;
		background-color: #EBF0F5;
	}
	#mistake_avoid .hyougumi dl:first-of-type dd:first-of-type {
		background-color: #BFAA48;
		color: #fff;
		font-size: 24px;
		text-align: center;
		border-top: none;
		font-weight: bold;
	}
	#mistake_avoid .hyougumi dl:first-of-type dd:last-of-type {
		background-color: #366C9A;
		color: #fff;
		font-size: 24px;
		text-align: center;
		border-top: none;
		border-right: none;
		font-weight: bold;
	}
	#mistake_avoid .hyougumi dl:last-of-type {
		border-bottom: 2px solid #ccc;
	}
	#mistake_avoid .wrapper {
		padding: 2%;
	}
	#futatsu {
		background-color: #FCE1E5;
		padding: 0 4%;
	}
	#futatsu .wrapper {
		background-color: #fff;
		padding: 5%;
	}
	#futatsu .wrapper ul {
		background-color: #FDF0F2;
	}
	#futatsu .wrapper ul .chui {
		width: 30%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) {
		background-color: #FDF0F2;
		padding: 0 5% 3%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div {
		background-color: #fff;
		padding: 5%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div h3 {
		font-size: 32px;
		text-align: center;
		color: #F0687D;
		padding: 4% 0;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div p {
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div p span {
		color: #F0687D;
	}
	#feature {
		background-color: #D7E2EB;
		padding: 4%;
	}
	#feature ul {
	}
	#feature ul li {
		background-color: #fff;
    	padding: 5%;
    	margin-bottom: 5%;
	}
	#feature ul li:last-of-type {
    	margin-bottom: 0;
	}
	#feature ul li h3 {
		padding: 3% 0;
	}
	#feature ul li .innerWrapper {
		background-color: #EBF0F5;
		padding: 5%;
	}
	#feature ul li .innerWrapper div {
		background-color: #fff;
		padding: 5%;
		margin-bottom: 5%;
	}
	#feature ul li .innerWrapper div:last-of-type {
		margin-bottom: 0;
	}
	#feature ul li .innerWrapper div h4 {
		color: #F0687D;
		font-weight: bold;
		text-align: center;
		font-size: 36px;
		padding-bottom: 3%;
	}
	#feature ul li .innerWrapper div p {

	}
	#danger {
		position: relative;
	}
	#danger p {
		position: absolute;
    	top: -8%;
	}
	#naze .wrapper{
		background-color: #B9CCDC;
		padding: 4%;
	}
	#naze .innerWrapper {
		background-color: #fff;
	}
	#naze .wrapper p {
		padding: 4%;
	}
	#flow h2 {
		width: 60%;
   		margin: 0 auto;
    	padding: 8% 0;
	}
	#flow ul {
		padding: 0 8% 0;
	}
	#flow ul li {
		border: 2px solid #F0687D;
		position: relative;
		margin-bottom: 10%;
	}
	#flow ul li h3 {
		background-color: #FFF0F2;
		padding: 5% 0;
		text-align: center;
	}
	#flow ul li h3 img {
		width: 80%;
	}
	#flow ul li:last-of-type h3 img {
		width: 30%;
	}
	#flow ul li p {
		padding: 5%;
	}
	#flow ul li .arrow1{
		width: 30px;
		height: 30px;
		border: 2px solid;
		border-color: transparent transparent #F0687D #F0687D;
		transform: rotate(-45deg);
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-color: #fff;
	}
	#case ul {

	}
	#case ul .woman {
		background-color: #F9C3CB;
		padding: 3%;
		margin-bottom: 3%;
	}
	#case ul .man {
		background-color: #AFC4D7;
		padding: 3%;
		margin-bottom: 3%;
	}
	#case ul li .zone {
		background-color: #fff;
	}
	#case ul li .zone p {
		padding: 3% 4%;
	}
	#case ul li .zone p .red {
		color: #EC1C24
	}
	#case ul li .zone h4 {
		border-bottom: 2px solid #808080;
		margin: 3% 5%;
		text-indent: -0.5rem;
	}

	/*折りたたみ*/

	/*ラベル*/
	.accbox label {
		display: block;
		margin: 1% auto 5%;
		padding: 6% 0;
		color: #ffba47;
		font-weight: bold;
		background-image: url(../img/img_readmore.svg);
		cursor: pointer;
		transition: all 0.5s;
		background-size: contain;
		width: 90%;
	}

	/*チェックは隠す*/
	.accbox input {
		display: none;
	}

	/*中身を非表示にしておく*/
	.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}

	/*クリックで中身表示*/
	.cssacc:checked + label + .accshow {
		height: auto;
		background: #fff;
		opacity: 1;
	}

	/*アイコンを入れ替える*/
	.woman .cssacc:checked + label {
		display: block;
		margin: 1% auto 0;
		padding: 6% 0;
		color: #ffba47;
		font-weight: bold;
		background-image: url(../img/img_oritatami_red.svg);
		cursor: pointer;
		transition: all 0.5s;
		background-size: contain;
		width: 90%;
	}
	.man .cssacc:checked + label {
		display: block;
		margin: 1% auto 0;
		padding: 6% 0;
		color: #ffba47;
		font-weight: bold;
		background-image: url(../img/img_oritatami_blue.svg);
		cursor: pointer;
		transition: all 0.5s;
		background-size: contain;
		width: 90%;
	}
	#henkin {
		border-bottom: 9px solid #6A3906;
	}
	#henkin .wrapper {
		text-align: center;
		padding-bottom: 30px;
	}
	/*
	#henkin .relative {
		display: none;
	}
	*/
	#henkin .henkin_comment {
		padding: 1% 4.5%;
		text-align: left;
		font-size: 1.2rem;
	}
	#saigoni {
		background-color: #F4F4EF;
		padding-bottom: 4%;
	}
	#saigoni p {
		color: #6A3906;
		padding: 4%;
	}
	#saigoni .obi {
		padding: 0;
		position: absolute;
		width: 750px;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}
	#saigoni h3 {
		width: 90%;
		margin: 0 auto;
		padding: 8% 0;
	}
	#saigoni .wrapper {
		width: 92.3%;
		background-color: #fff;
		margin: 0 auto;
		border-right: 1px solid #B3B3B3;
		border-left: 1px solid #B3B3B3;
	}
	#saigoni .wrapper .daihyo {
		padding: 0 4% 4%!important;
	}
	#saigoni .wrapper:first-of-type {
		border-top: 1px solid #B3B3B3;
	}
	#saigoni .wrapper:last-of-type {
		border-bottom: 1px solid #B3B3B3;
	}
	#saigoni .wrapper p:last-of-type {
		padding-bottom: 8%;
		font-size: 30px;
	}
	#saigoni .wrapper:last-of-type p span {
		font-size: 32px;
	}
	#saigoni .wrapper .shomei {
		width: 70%;
		float: right;
		padding-bottom: 4%!important;
		padding-top: 6%;
	}
	#saigoni .content {
		margin-top: 150px;
	}
	#saigoni.accbox label {
		position: relative;
		background-image: url("../img/img_readmore.png");
	}
	#saigoni.accbox label::after {
		position: absolute;
		content: "\f107";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		right: 10%;
		top: 30%;
		transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
		color: #666;
	}
	#saigoni.accbox input:checked + label::after {
		content: "\f106";
	}
	#risk {
		padding: 0 4% 4%;
	}
	/*
	#btnFix {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		background: rgb(242, 232, 219, .9);
		z-index: 99;
	}
	#btnFix .inner  {
		margin: 0 auto;
		width: 100%;
		max-width: 750px;
		background-image: url("../img/fixBg.png");
		background-size: cover;

	}
	#btnFix ul li {
		margin-top: 14%;
		float: left;
		width: 45%;
	}
	#btnFix ul li:nth-child(1) {
		text-align: right;

	}
	#btnFix .inner h3 {
		display: inline-block;
		float: none;
	}
	#btnFix .inner .pcBlock {
		display: inline-block!important;
		float: none;
	}
	#btnFix .close{
		position: absolute;
		cursor: pointer;
		top:0;
		right:0;
		width:30px;
		line-height:30px;
		color:#333;
		font-size:3vh;
	}
	#btnFix { display: none; }
	.modal_active {
		position: fixed;
		top: 0;
		left: 0;
		overflow-y: scroll;
		width: 100%;
		background: rgb(0, 0, 0, .6);
		z-index: 999;
	}
	*/

	#btnFix {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 8px;
		/*background-color: #f2e8db;*/
		background: #44bee4;
    background: -moz-linear-gradient(left, #44bee4 0%, #2d61ac 100%);
    background: -webkit-linear-gradient(left, #44bee4 0%,#2d61ac 100%);
    background: linear-gradient(to right, #44bee4 0%,#2d61ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44bee4', endColorstr='#2d61ac',GradientType=1 );
		z-index: 99;
	}
	#btnFix ul  {
		width: 30%;
    	margin: 0 auto;
	}
	#btnFix ul li {
		float: left;
		width: 46%;
		margin-left: 3%;
	}
	#btnFix ul li:last-of-type {
	}
	#btnFix .inner {
		text-align: center;
		padding: 0;
	}
	#btnFix .inner h3 {
		display: inline-block;
		float: none;
	}
	#btnFix .inner .pcBlock {
		display: inline-block!important;
		float: none;
	}
	#btnFix .close{
		position: absolute;
		cursor: pointer;
		top:0;
		right:0;
		width:30px;
		line-height:30px;
		/*color:#333;*/
		color: #fff;
		font-size:3vh;
	}
	#btnFix { display: none; }
	.modal_active {
		position: fixed;
		top: 0;
		left: 0;
		overflow-y: scroll;
		width: 100%;
		background: rgb(0, 0, 0, .6);
		z-index: 999;
	}
	.modal-close {
		cursor: pointer;
    position: fixed;
    padding: 0 10px;
    color: #fff;
    background-color: #333;
    font-weight: bold;
    border-radius: 50%;
  }

/* ********************** 文字CSS ****************************** */

	.font12{font-size: 12px;}
	.font16{font-size: 16px;}
	.font20{font-size: 20px;}
	.font24{font-size: 24px;}
	.font28{font-size: 28px;}
	.font32{font-size: 32px;}
	.font36{font-size: 36px;}
	.font40{font-size: 40px;}
	.font44{font-size: 44px;}
	.font48{font-size: 48px;}
	.font52{font-size: 52px;}
	.font56{font-size: 56px;}
	.font60{font-size: 60px;}
	.font64{font-size: 64px;}
	.font68{font-size: 68px;}
	.font72{font-size: 72px;}

/* ********************** 間隔CSS ****************************** */

	.mt10 { margin-top:10px ; }
	.mt20 { margin-top:20px ; }
	.mt30 { margin-top:30px ; }
	.mt40 { margin-top:40px ; }
	.mt50 { margin-top:50px ; }
	.mt60 { margin-top:60px ; }
	.mt70 { margin-top:70px ; }
	.mt80 { margin-top:80px ; }
	.mt90 { margin-top:90px ; }
	.mt100 { margin-top:100px ; }

	.mb10 { margin-bottom:10px; }
	.mb20 { margin-bottom:20px; }
	.mb30 { margin-bottom:30px; }
	.mb40 { margin-bottom:40px; }
	.mb50 { margin-bottom:50px; }
	.mb60 { margin-bottom:60px; }
	.mb70 { margin-bottom:70px; }
	.mb80 { margin-bottom:80px; }
	.mb90 { margin-bottom:90px; }
	.mb100 { margin-bottom:100px; }

	.mt-50 {margin-top:-50px;}
	.mt-130 {margin-top:-130px;}
    .pw10 {
        padding-left: 10px;
        padding-right: 10px;
    }

/* ********************** ヘッダー・メイン画像 ************************ */
/* ********************** 無料相談 ************************ */



/* ********************** よくあるご質問 ************************ */

	#faq {
		padding: 50px 0 0;
	}

	.faq-title {
		padding: 30px 0;
		background: #366C9A;
		margin-bottom: 50px;
	}
	#faq .inner {
		padding: 30px;
	}
	.question {
		background-repeat: no-repeat;
		background-position: left center;
		padding: 30px 30px 30px 130px;
		background-size: 100px;
		border :1px solid #366C9A;
		font-size: 24px;
		font-weight: bold;
		color: #366C9A;
		margin-bottom: 20px;
	}

	.answer {
		background-repeat: no-repeat;
		background-position: left top;
		background-image:url(../img/answer.png);
		padding: 30px 30px 30px 130px;
		background-size: 100px;
		border :1px solid #ffa400;
		margin-bottom: 40px;
	}

	.q1 {background-image:url(../img/q1.png);}
	.q2 {background-image:url(../img/q2.png);}
	.q3 {background-image:url(../img/q3.png);}
	.q4 {background-image:url(../img/q4.png);}
	.q5 {background-image:url(../img/q5.png);}
	.q6 {background-image:url(../img/q6.png);}


	section.jikou {
		padding: 0 0 20px;
	}

/* ********************** 相談・お問い合わせ ************************ */

	.soudan {
		width: 100%;
		padding: 30px;
		background-color: #29abe2;
		text-align: center;

	}
	#caselist .inner {
		padding: 60px 0 0;
	}
	#bengoshi .bengshi-in {
		padding: 30px 0;
	}



/* ********************** 弁護士の紹介 ************************ */

	#introduction {
		font-size: 26px;

	}

	#introduction .inner {
	}

	#introduction .inner .introduction-in {
		width: 100%;
		padding: 50px 30px 20px;
		background-color: #fff;
	}

    #introduction .font-m.underline {
		text-decoration: none;
        position: relative;
		margin-bottom: 40px;
	}

    #introduction .font-m.underline:after {
		position: absolute;
        content: "";
        display: block;
        left: 50%;
        margin-left: -135px;
        width: 270px;
        height: 1px;
        background-color: #000;
        bottom: -10px;
	}
	#introduction .flexbox {
		display: block;
	}

	.int-l {
		width: 100%;
	}

	.int-r {
		width: 45%;
		padding-left: 5%;
	}

	.int-l ul li {
		padding: 10px 0;
		border-bottom: 1px dotted #C8C8C8;
		font-size: 26px;
	}

	#introduction .textArea {
		margin-top: 30px;
	}

	#introduction .textArea p {
		margin-bottom: 30px;
	}

	.about {
		width: 750px;
		margin: 40px auto;
		display: block;
	}

	.about table {
		width: 94%;
		margin: 0 auto;
		border-collapse: collapse;
		margin-top: 20px;
	}

	.about th {
		width: 25%;
		padding: 20px 10px;
		text-align: center;
		background-color: #F5F5F0;
		border-bottom: 1px solid #fff;
	}

	.about td {
		width: 75%;
		padding: 20px 40px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #F5F5F0;
	}

/* ********************** 時効 ************************ */

	.jikou {
		padding: 50px 0 20px;
		text-align: center;
	}

/* ********************** フッター ************************ */
	footer {
		padding: 20px 0 125px;
		background-color: #004E6B;
	}

	.to-top {
		position: fixed;
		bottom: 10px ;
		right: 10px;
        z-index: 100;
	}

/* ********************** メニュー ****************************** */

	#slide_menu{
		position: fixed;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		background: rgba(54,108,154,0.95);
		padding: 150px 20px 0;
		z-index: 9998;
	}

	#slide_menu li a {
		width: 100%;
		padding: 30px 0;
		color: #fff;
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		display: block;
		font-size: 16px;
	}

	#slide_menu li a.first {
		border-top: 1px dotted #fff;

	}
	#slide_bg {
		display: none;
	}
	#slide_bg:hover {
		cursor: pointer;
	}
	#slide_bg.open {
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
		position: fixed;
		z-index: 999;
	}

	#button {
		position:fixed;
		top: 20px;
		right: 30px;
		z-index: 9999;
	}

	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 50px;
	  height: 44px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 8px;
	  border: 2px solid #fff;
	  background-color: #000;
	  border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 3px;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 20px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}

	.menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(14px) rotate(-45deg);
	  transform: translateY(14px) rotate(-45deg);
	  background-color: #fff;

	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  -webkit-transform: translateY(-20px) rotate(45deg);
	  transform: translateY(-20px) rotate(45deg);
		background-color: #fff;
	}
	#slide_menu h1 {
		display: none;
	}

}



/* *********************************************************************************

SP用CSS

************************************************************************************ */


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

	.pcImg {
		display: none;
	}

body {
	font-size: 15px;
}

p {
	line-height: 1.8;
}

	#mainContents {
		margin: auto;
	}

	.inner {
		width:100%;
		padding: 0 10px;

	}


	.inner1100 {
		width:100%;
		padding: 0 10px;
		display: block;
		margin: auto;
	}
	.w50 {
		width:50%;
	}

/* ********************** スマホメニュー ****************************** */

/* ********************** 文字CSS ****************************** */

	.font12{font-size: 9px;}
	.font16{font-size: 12px;}
	.font20{font-size: 15px;}
	.font24{font-size: 18px;}
	.font28{font-size: 21px;}
	.font32{font-size: 24px;}
	.font36{font-size: 27px;}
	.font40{font-size: 30px;}
	.font44{font-size: 33px;}
	.font48{font-size: 36px;}
	.font52{font-size: 39px;}
	.font56{font-size: 42px;}
	.font60{font-size: 45px;}
	.font64{font-size: 48px;}
	.font68{font-size: 51px;}
	.font72{font-size: 54px;}

/* ********************** 間隔CSS ****************************** */

	.mt10 { margin-top:5px ; }
	.mt20 { margin-top:10px ; }
	.mt30 { margin-top:15px ; }
	.mt40 { margin-top:20px ; }
	.mt50 { margin-top:25px ; }
	.mt60 { margin-top:30px ; }
	.mt70 { margin-top:35px ; }
	.mt80 { margin-top:40px ; }
	.mt90 { margin-top:45px ; }
	.mt100 { margin-top:50px ; }

	.mb10 { margin-bottom:5px; }
	.mb20 { margin-bottom:10px; }
	.mb30 { margin-bottom:15px; }
	.mb40 { margin-bottom:20px; }
	.mb50 { margin-bottom:25px; }
	.mb60 { margin-bottom:30px; }
	.mb70 { margin-bottom:35px; }
	.mb80 { margin-bottom:40px; }
	.mb90 { margin-bottom:45px; }
	.mb100 { margin-bottom:50px; }

	.mt-50 {margin-top:-25px;}
    .pw10 {
        padding-left: 10px;
        padding-right: 10px;
    }
/* ********************** ヘッダー・メイン画像 ************************ */
  #header .relative {
	  position: relative;
  }
  #header .absolute {
	  position: absolute;
  	margin: 0 auto;
	  top: 3%;
  	right: 5%;
	  text-align: right;
	  font-size: 3vw;
  }
  /*
  #header .modal_btn,
	#soudan .modal_btn,
	#soudan2 .modal_btn,
	#soudan3 .modal_btn {
	  position: absolute;
  	bottom: 12%;
	  text-align: center;
  	width: 100%;
  }
  #header .modal_btn p,
	#soudan .modal_btn p,
	#soudan2 .modal_btn p,
	#soudan3 .modal_btn p {
		cursor: pointer;
	  position: relative;
  	text-decoration: none;
		margin: 0 auto;
	  padding: 1% 0;
		width: 50%;
  	color: #555;
	  border: solid 1.5px #aaa;
  	border-radius: 3px;
  }
  #header .modal_btn p::after,
	#soudan .modal_btn p::after,
	#soudan2 .modal_btn p::after,
	#soudan3 .modal_btn p::after {
	  position: absolute;
  	right: 3%;
	  padding: 0 0 1%;
  	content: "\f105";
	  font-family: "Font Awesome 5 Free";
  	font-weight: 600;
  }
	*/

/* ********************** 無料相談 ************************ */
  #header .relative {
	  position: relative;
  }
  #header .absolute {
	  position: absolute;
	  margin: 0 auto;
  	top: 3%;
	  right: 5%;
  	text-align: right;
	  font-size: 3vw;
  }
	#soudan,
	#soudan2,
	#soudan3 {
		position: relative;
		padding: 0 15px;
	}
	#soudan .btn,
	#soudan2 .btn,
	#soudan3 .btn {
		position: absolute;
		margin: 0 auto;
		bottom: 5.5%;
		left: 0.5%;
		right: 0;
		width: 84%;
	}
	#soudan2 {
		margin: 50px 0;
	}
	#soudan3 {
		margin-bottom: 20px;
	}
	#soudan .relative {
		margin-top: -40px;
	}

	#jirei .link_btn,
	#soudan2 .link_btn,
	#soudan3 .link_btn {
		text-align: center;
	}
	#jirei .link_btn a,
	#soudan2 .link_btn a,
	#soudan3 .link_btn a {
		text-decoration: none;
		color: #333;
		font-size: 3.5vw;
	}

/* ********************** 慰謝料は減額・免除できる？ ************************ */
	#gengaku ul {
		padding: 5%;
	}
	#gengaku ul li h3 {
		/*
		border-radius: 4px;
		background-color: #DAE9F5;
		padding: 2%;
		color: #366C9A;
		font-size: 16px;
		*/
		padding: 5% 2%;
		width: 100%;
		background: rgb(54, 108, 154,.7);
		color: #fff;
		font-size: 16px;
	}
	#gengaku ul li:last-child h3 {
		padding: 1.4% 2%
	}
	#gengaku ul li h3 span {
		overflow: hidden;
    	display: block;
	}
	#gengaku ul li h3 img {
		width: 6%;
		margin-right: 2%;
		vertical-align: middle;
		float: left;
		margin-top: 0.6%;
	}
	#gengaku ul li figcaption {
		margin: 3% 0 7%;
	}
	#gengaku ul li p {
		padding: 3% 0 6%;
	}

/* ********************** 注意 ************************ */
  /*
  #caution ul {
	  background-color: #FFE2C6;
	  padding: 3% 4%;
  }
  #caution ul li {
	 padding: 3%;
  	background-color: #fff;
	  margin-bottom: 3%;
  }
  #caution ul li:last-of-type {
	  padding: 3%;
	  background-color: #fff;
	  margin-bottom: 3%;
  }
  #caution ul li h3 {
	  width: 33%;
		margin-bottom: 3%;
  }
  #caution ul li p {
	  font-size: 15px;
  }
  #caution ul li p span {
	  color: #EC1C24;
  	font-size: 16px;
	  font-weight: bold;
  }
  */
	#caution ul {
		padding: 0 0 3%;
	}
	#caution ul li {
		padding: 3% 4%;
		background-color: #fff;
	}
	#caution ul li:last-of-type {
		padding: 3%;
		background-color: #fff;
		margin-bottom: 3%;
	}
	#caution ul li:nth-of-type(2n) {
		background-color: #fff0de;
	}
	#caution ul li h3,
	#caution ul li p {
    display: inline-block;
    vertical-align: middle;
		width: 49%;
	}
	#caution ul li p {
		padding-left: 3%;
		line-height: 20px;
		color: #8c6239;
		font-size: 15px;
		font-weight: bold;
	}
	#caution ul li p span {
		display: block;
		line-height: 20px;
		color: #333;
		font-size: 14px;
		font-weight: normal;
	}

/* ********************** 表組み ************************ */
	#mistake_avoid .hyougumi {
		/*border: 2px solid #ccc;*/
	}
	#mistake_avoid .hyougumi dl dt {
		width: 20%;
		float: left;
		padding: 3%;
		border: 2px solid #ccc;
    	border-bottom: none;
	}
	#mistake_avoid .hyougumi dl dt span {
		margin-top: 100%;
    	display: block;
	}
	#mistake_avoid .hyougumi dl dd {
		width: 40%;
		float: left;
		background-color: #F7F7F2;
		padding: 3%;
		border: 2px solid #ccc;
    	border-bottom: none;
		border-left: none;
	}
	#mistake_avoid .hyougumi dl dd:last-of-type {
		width: 40%;
		float: left;
		background-color: #EBF0F5;
	}
	#mistake_avoid .hyougumi dl:first-of-type dd:first-of-type {
		background-color: #BFAA48;
		color: #fff;
		font-size: 13px;
		text-align: center;
		padding: 4% 0;
		border-top: none;
		font-weight: bold;
	}
	#mistake_avoid .hyougumi dl:first-of-type dd:last-of-type {
		background-color: #366C9A;
		color: #fff;
		font-size: 13px;
		text-align: center;
		padding: 4% 0;
		border-top: none;
		border-right: none;
		font-weight: bold;
	}
	#mistake_avoid .hyougumi dl:last-of-type {
		border-bottom: 2px solid #ccc;
	}
	#mistake_avoid .wrapper {
		padding: 2%;
	}
/* ********************** 2つの注意点 ************************ */
	#futatsu {
		background-color: #FCE1E5;
		padding: 0 4%;
	}
	#futatsu .wrapper {
		background-color: #fff;
		padding: 5%;
	}
	#futatsu .wrapper ul {
		background-color: #FDF0F2;
	}
	#futatsu .wrapper ul .chui {
		width: 30%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) {
		background-color: #FDF0F2;
		padding: 0 5% 3%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div {
		background-color: #fff;
		padding: 5%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div h3 {
		font-size: 16px;
		text-align: center;
		color: #F0687D;
		padding: 4% 0;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div p {
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div p span {
		color: #F0687D;
	}
/* ********************** 3つの特徴 ************************ */
	#feature {
		background-color: #D7E2EB;
		padding: 4%;
	}
	#feature ul {
	}
	#feature ul li {
		background-color: #fff;
    	padding: 5%;
    	margin-bottom: 5%;
	}
	#feature ul li:last-of-type {
    	margin-bottom: 0;
	}
	#feature ul li h3 {
		padding: 3% 0;
	}
	#feature ul li .innerWrapper {
		background-color: #EBF0F5;
		padding: 5%;
	}
	#feature ul li .innerWrapper div {
		background-color: #fff;
		padding: 5%;
		margin-bottom: 5%;
	}
	#feature ul li .innerWrapper div:last-of-type {
		margin-bottom: 0;
	}
	#feature ul li .innerWrapper div h4 {
		color: #F0687D;
		font-weight: bold;
		text-align: center;
		font-size: 18px;
		padding-bottom: 3%;
	}
	#feature ul li .innerWrapper div p {

	}
/* ********************** 危険 ************************ */
	#danger {
		position: relative;
	}
	#danger p {
		position: absolute;
    	top: -8%;
	}
/* ********************** なぜ減額できるか？ ************************ */
	#naze .wrapper{
		background-color: #B9CCDC;
		padding: 4%;
	}
	#naze .innerWrapper {
		background-color: #fff;
	}
	#naze .wrapper p {
		padding: 4%;
	}
/* ********************** ご相談の流れ ************************ */
	#flow h2 {
		width: 60%;
   		margin: 0 auto;
    	padding: 8% 0;
	}
	#flow ul {
		padding: 0 8% 0;
	}
	#flow ul li {
		border: 2px solid #F0687D;
		position: relative;
		margin-bottom: 10%;
	}
	#flow ul li h3 {
		background-color: #FFF0F2;
		padding: 5% 0;
		text-align: center;
	}
	#flow ul li h3 img {
		width: 80%;
	}
	#flow ul li:last-of-type h3 img {
		width: 30%;
	}
	#flow ul li p {
		padding: 5%;
	}
	#flow ul li .arrow1{
		width: 30px;
		height: 30px;
		border: 2px solid;
		border-color: transparent transparent #F0687D #F0687D;
		transform: rotate(-45deg);
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-color: #fff;
	}
/* ********************** 解決事例 ************************ */
	#case ul {

	}
	#case ul .woman {
		background-color: #F9C3CB;
		padding: 3%;
		margin-bottom: 3%;
	}
	#case ul .man {
		background-color: #AFC4D7;
		padding: 3%;
		margin-bottom: 3%;
	}
	#case ul li .zone {
		background-color: #fff;
	}
	#case ul li .zone p {
		padding: 3% 4%;
	}
	#case ul li .zone p .red {
		color: #EC1C24
	}
	#case ul li .zone h4 {
		border-bottom: 2px solid #808080;
		margin: 3% 5%;
		text-indent: -0.5rem;
	}

	/*折りたたみ*/

	/*ラベル*/
	.accbox label {
		display: block;
		margin: 1% auto 5%;
		padding: 6% 0;
		color: #ffba47;
		font-weight: bold;
		background-image: url(../img/img_readmore.svg);
		cursor: pointer;
		/*transition: all 0.5s;*/
		background-size: contain;
		width: 90%;
	}

	/*チェックは隠す*/
	.accbox input {
		display: none;
	}

	/*中身を非表示にしておく*/
	.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		/*transition: 0.8s;*/
	}

	/*クリックで中身表示*/
	.cssacc:checked + label + .accshow {
		height: auto;
		background: #fff;
		opacity: 1;
	}

	/*アイコンを入れ替える*/
	.woman .cssacc:checked + label {
		display: block;
		margin: 1% auto 0;
		padding: 6% 0;
		color: #ffba47;
		font-weight: bold;
		background-image: url(../img/img_oritatami_red.svg);
		cursor: pointer;
		/*transition: all 0.5s;*/
		background-size: contain;
		width: 90%;
	}
	.man .cssacc:checked + label {
		display: block;
		margin: 1% auto 0;
		padding: 6% 0;
		color: #ffba47;
		font-weight: bold;
		background-image: url(../img/img_oritatami_blue.svg);
		cursor: pointer;
		/*transition: all 0.5s;*/
		background-size: contain;
		width: 90%;
	}
/* ********************** 返金制度 ************************ */
	#henkin {
		border-bottom: 9px solid #6A3906;
	}
	#henkin .wrapper {
		padding: 5% 3%;
	}
	#henkin .henkin_comment {
		font-size: .8rem;
		padding: 1% 0;
	}
/* ********************** 最後に伝えたい ************************ */
	#saigoni {
		background-color: #F4F4EF;
		padding-bottom: 4%;
	}
	#saigoni p {
		color: #6A3906;
		padding: 4%;
	}
	#saigoni .obi {
		padding: 0;
		position: absolute;
		width: 100%;
		left: 0;
	}
	#saigoni h3 {
		width: 90%;
		margin: 0 auto;
		padding: 8% 0;
	}
	#saigoni .wrapper {
		width: 92.5%;
		background-color: #fff;
		margin: 0 auto;
		border-right: 1px solid #B3B3B3;
		border-left: 1px solid #B3B3B3;
	}
	#saigoni .wrapper .daihyo {
		padding: 0 4% 4%!important;
	}
	#saigoni .wrapper:first-of-type {
		border-top: 1px solid #B3B3B3;
	}
	#saigoni .wrapper:last-of-type {
		border-bottom: 1px solid #B3B3B3;
	}
	#saigoni .wrapper p:last-of-type {
		padding-bottom: 8%;
		font-size: 14px;
	}
	#saigoni .wrapper:last-of-type p span {
		font-size: 16px;
	}
	#saigoni .wrapper .shomei {
		width: 70%;
		float: right;
		padding-bottom: 4%!important;
		padding-top: 6%;
	}
	#saigoni .content {
		margin-top: 75px;
	}
	#saigoni.accbox label {
		position: relative;
		background-image: url("../img/img_readmore.png");
	}
	#saigoni.accbox label::after {
		position: absolute;
		content: "\f107";
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		right: 10%;
		top: 30%;
		transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
		color: #666;
	}
	#saigoni.accbox input:checked + label::after {
		content: "\f106";
	}

/* ********************** リスク ************************ */
	#risk {
		padding: 0 4% 4%;
	}
/* ********************** よくあるご質問 ************************ */

	#faq {
		padding: 25px 0 5px;;
	}

	.faq-title {
		padding: 15px 0;
		text-align: center;
		font-size: 20px;
		color: #fff;
		background: #2e3191;
		margin-bottom: 25px;
	}

	.question {
		background-repeat: no-repeat;
		background-position: left center;
		padding: 15px 15px 15px 70px;
		background-size: 50px;
		border :1px solid #2e3192;
		font-size: 18px;
		font-weight: bold;
		color: #2e3192;
		margin-bottom: 20px;
	}

	.answer {
		background-repeat: no-repeat;
		background-position: left top;
		background-image:url(../img/answer.png);
		padding: 15px 15px 15px 70px;
		background-size: 50px;
		border :1px solid #ffa400;
		margin-bottom: 20px;
	}

	.q1 {background-image:url(../img/q1.png);}
	.q2 {background-image:url(../img/q2.png);}
	.q3 {background-image:url(../img/q3.png);}
	.q4 {background-image:url(../img/q4.png);}
	.q5 {background-image:url(../img/q5.png);}
	.q6 {background-image:url(../img/q6.png);}

		.faq-title {
			padding: 3% 0;
			text-align: center;
			font-size: 20px;
			color: #fff;
			background: #366C9A;
			margin-bottom: 25px;
		}
			.question {
			background-repeat: no-repeat;
			background-position: left center;
			padding: 15px 15px 15px 70px;
			background-size: 50px;
			border :1px solid #366C9A;
			font-size: 15px;
			font-weight: bold;
			color: #366C9A;
			margin-bottom: 10px;
		}
			.answer {
			background-repeat: no-repeat;
			background-position: left top;
			background-image:url(../img/answer.png);
			padding: 45px 15px 15px 15px;
			background-size: 50px;
			border :1px solid #ffa400;
			margin-bottom: 20px;
		}
		.pcInlineBlock {
			display: none!important;
		}


/* ********************** 相談・お問い合わせ ************************ */


/* ********************** 弁護士の紹介 ************************ */

	#introduction {
		padding: 30px 0;
	}
	#introduction .inner {
		padding: 20px 10px;
	}
	#introduction .inner .introduction-in {
		width: 100%;
		padding: 10px;
		background-color: #fff;
	}
    #introduction .font-m.underline {
		text-decoration: none;
        position: relative;
	}
    #introduction .font-m.underline:after {
		position: absolute;
        content: "";
        display: block;
        width: 170px;
        margin-left: -85px;
        left: 50%;
        height: 1px;
        background-color: #000;
        bottom: 5px;
	}
	#introduction .flexbox {
		display: block;
	}
	.int-l {
		width: 100%;
	}
	.int-r {
		width: 35%;
	}
	.int-l ul li {
		padding: 5px 0;
		border-bottom: 1px dotted #C8C8C8;
		font-size: 13px;
	}
	#introduction .textArea {
		margin-top: 30px;
	}
	#introduction .textArea p {
		margin-bottom: 30px;
	}
	.about {
		width: 100%;
		margin: 15px auto;
		display: block;
		padding: 10px;
	}
	.about table {
		width: 100%;
		border-collapse: collapse;
		margin-top: 15px;
	}
	.about th {
		width: 20%;
		padding: 10px;
		text-align: center;
		background-color: #F5F5F0;
		border-bottom: 1px solid #fff;
	}
	.about td {
		width: 80%;
		padding: 10px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #F5F5F0;
	}

		#introduction .inner {
			padding: 10px 10px;
		}
		#introduction .flexbox {
			display: block;
		}
		.int-l {
			width: 100%;
		}
		.int-r {
			width: 40%;
		}
		 #introduction .font-m.underline {
			text-decoration: none;
			position: relative;
			 margin-bottom: 4%;
		}
		#introduction .textArea p:last-child {
			margin-bottom: 10px;
		}
		.about .font36 {
			font-size: 16px;
		}
		.about th {
			width: 30%;
			padding: 10px;
			text-align: center;
			background-color: #F5F5F0;
			border-bottom: 1px solid #fff;
		}
		.about td {
			width: 70%;
			padding: 10px;
			text-align: left;
			background-color: #fff;
			border: 1px solid #F5F5F0;
		}
		.about td a {
			color: #000;
			text-decoration: none;
		}
		#introduction {
			padding: 0 0 10px;
		}
		.jikou .inner {
			width: 95%;
			margin: 0 auto;
		}
		.jikou {
			margin-bottom: 10px;
		}



/* ********************** フッター ************************ */

	footer {
		padding: 1px 0 80px;
		background-color: #004E6B;
	}

	.to-top {
		display: none;
	}
	/*
	#btnFix {
    width: 100%;
    position: fixed;
    bottom: 0;

    background-color: #f2e8db;
		background: rgb(242, 232, 219,.9);
    z-index: 99;
	}
	#btnFix .inner  {
		margin: 0 auto;
		width: 100%;
		background-image: url("../img/fixBg.png");
		background-size: cover;

	}
	#btnFix ul li {
		float: left;
		margin-top: 16%;
		width: 43%;
	}
	#btnFix ul li:nth-child(1) {
		text-align: right;
	}
	#btnFix .inner h3 {
		display: inline-block;
		float: none;
	}
	#btnFix .inner .pcBlock {
		display: inline-block!important;
		float: none;
	}
	#btnFix .close{
		position: absolute;
		cursor: pointer;
		top:0;
		right:0;
		width:30px;
		line-height:30px;
		color:#333;
		font-size:3vh;
	}
	#btnFix img { width: 90%; }
	#btnFix { display: none; }
	.modal_active {
		position: fixed;
		top: 0;
		left: 0;
		overflow-y: scroll;
		width: 100%;
		background: rgb(0, 0, 0, .6);
		z-index: 999;
	}
	*/
	#btnFix {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 1.5%;
    /*background-color: #f2e8db;*/
		background: #44bee4;
    background: -moz-linear-gradient(left, #44bee4 0%, #2d61ac 100%);
    background: -webkit-linear-gradient(left, #44bee4 0%,#2d61ac 100%);
    background: linear-gradient(to right, #44bee4 0%,#2d61ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44bee4', endColorstr='#2d61ac',GradientType=1 );
    z-index: 99;
	}
	#btnFix ul li {
		float: left;
		width: 46%;
		margin-left: 1.5%;
	}
	#btnFix .inner {
		text-align: center;
		padding: 0;
	}
	#btnFix .inner h3 {
		display: inline-block;
		float: none;
	}
	#btnFix .inner .pcBlock {
		display: inline-block!important;
		float: none;
	}
	#btnFix .close{
		position: absolute;
		cursor: pointer;
		top:0;
		right:0;
		width:30px;
		line-height:30px;
		/*color:#333;*/
		color: #fff;
		font-size:3vh;
	}
	#btnFix img { width: 90%; }
	#btnFix { display: none; }
	.modal_active {
		position: fixed;
		top: 0;
		left: 0;
		overflow-y: scroll;
		width: 100%;
		background: rgb(0, 0, 0, .6);
		z-index: 999;
	}
	.modal-close {
		cursor: pointer;
		position: fixed;
	  padding: 0 6px;
		color: #fff;
	  background-color: #333;
		font-weight: bold;
		border-radius: 50%;
  }

/* ********************** スマホメニュー ****************************** */

    #slide_menu{
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: rgba(54,108,154,0.95);
        padding:0;
        z-index: 9999;
				overflow-y:auto;

    }

    /*#slide_menu #header {
        margin-bottom: 40px;
    }*/

    #slide_menu li a {
        width: 100%;
        padding: 20px 20px;
        color: #fff;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #fff;
    }

        #slide_menu li a.first{
                border-bottom: 1px solid #fff;
        }

    #slide_menu li:first-child {
        border-top: 1px solid #fff;

    }

    #button {
        position:fixed;
        top: 10px;
        right: 10px;
        z-index: 9999;
    }

    .menu-trigger,
    .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
    }
    .menu-trigger {
      position: relative;
      width: 36px;
      height: 32px;
    }
    .menu-trigger span {
        box-sizing: border-box;
      position: absolute;
      left: 0;
      width: 100%;
      height: 6px;
        border: 2px solid #fff;
      background-color: #333;
      border-radius: 4px;
    }
    .menu-trigger span:nth-of-type(1) {
      top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
      top: 14px;
    }
    .menu-trigger span:nth-of-type(3) {
      bottom: 0;
    }

    .menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(13px) rotate(-45deg);
      transform: translateY(13px) rotate(-45deg);
      background-color: #fff;

    }
    .menu-trigger.active span:nth-of-type(2) {
      opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
      -webkit-transform: translateY(-13px) rotate(45deg);
      transform: translateY(-13px) rotate(45deg);
        background-color: #fff;
    }

	#slide_menu h1 {
    	color: #fff;
		font-size: 16px;
    	padding: 4%;
	}
	.fixed {
	  position: fixed;
	  width: 100%;
	  height: 100%;
	}
	#button {
		/*display: none;*/
		opacity: 0;
		transition: 0.5s;
	}
	#button.fadeIn {
		/*display: block;*/
		opacity: 1;
		transition: 0.5s;
	}
	#button.fadeInMenu {
		/*display: block;*/
		opacity: 1;
		transition: 0.5s;
	}

}
@media screen and (max-width:350px){
	#mistake_avoid .hyougumi {
		/*border: 2px solid #ccc;*/
	}
	#mistake_avoid .hyougumi dl dt {
		width: 20%;
		float: left;
		padding: 1%;
		border: 2px solid #ccc;
    	border-bottom: none;
	}
	#mistake_avoid .hyougumi dl dt span {
		margin-top: 150%;
		display: block;
	}
	#mistake_avoid .hyougumi dl dd {
		width: 40%;
		float: left;
		background-color: #F7F7F2;
		padding: 5% 1%;
		border: 2px solid #ccc;
    	border-bottom: none;
		border-left: none;
	}
	#mistake_avoid .hyougumi dl dd span {
		color: #EC1C24;
		font-weight: bold;
	}
	#mistake_avoid .hyougumi dl dd:last-of-type {
		width: 40%;
		float: left;
		background-color: #EBF0F5;
	}
	#mistake_avoid .hyougumi dl:first-of-type dd:first-of-type {
		background-color: #BFAA48;
		color: #fff;
		font-size: 13px;
		text-align: center;
		padding: 4% 0;
		border-top: none;
	}
	#mistake_avoid .hyougumi dl:first-of-type dd:last-of-type {
		background-color: #366C9A;
		color: #fff;
		font-size: 11px;
		text-align: center;
		padding: 4% 0;
		border-top: none;
		border-right: none;
	}
	#mistake_avoid .hyougumi dl:last-of-type {
		border-bottom: 2px solid #ccc;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) div h3 {
		font-size: 15px;
		text-align: center;
		color: #F0687D;
		padding: 4% 0;
	}
	#futatsu .wrapper ul li {
		font-size: 14px;
	}
	#feature {
		padding: 3%;
	}
	#feature ul {
	}
	#feature ul li {
		background-color: #fff;
    	padding: 3%;
    	margin-bottom: 3%;
	}
	#feature ul li:last-of-type {
    	margin-bottom: 0;
	}
	#feature ul li h3 {
		padding: 4% 0;
	}
	#feature ul li .innerWrapper {
		background-color: #D9E6F4;
		padding: 3%;
	}
	#feature ul li .innerWrapper div {
		background-color: #fff;
		padding: 3%;
		margin-bottom: 3%;
	}
	#feature ul li .innerWrapper div:last-of-type {
		margin-bottom: 0;
	}
	#feature ul li .innerWrapper div h4 {
		color: #F0687D;
		font-weight: bold;
		text-align: center;
		font-size: 16px;
		padding-bottom: 3%;
    	padding-top: 3%;
	}
	#danger {
		position: relative;
	}
	#danger p {
		position: absolute;
    	top: -6%;
	}
	#gengaku ul li h3 img {
		width: 6%;
		margin-right: 2%;
		vertical-align: middle;
		float: left;
		margin-top: 1.3%;
	}
	#futatsu {
		background-color: #F2C5CC!important;
		padding: 0 4%;
	}
	#futatsu .wrapper ul li:nth-of-type(2n) {
		background-color: #FCE1E5!important;
		padding: 0 5% 3%;
	}
	#futatsu .wrapper ul {

		background-color: #FCE1E5!important;
	}
	#slide_menu h1 {
    	color: #fff;
		font-size: 14px;
    	padding: 5%;
	}
	#slide_menu li a {
        width: 100%;
        padding: 20px 20px;
        color: #fff;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #fff;
    }
}

@media only screen and (min-width: 460px) and (max-width: 889px) {
    #select4 li p.title {
        background-size:30px;
        background-position: left top 0px;
    }
}


	#president .wrapper {
		margin: 0 auto;
		width: 856px;
	}

@media screen and (min-width:890px){
	#president {
		background-image: url(img/bg_president_pc.png);
		background-repeat: repeat-x;
	}
}


/****** LINEボタン追加 ******/
#btnFix ul {
	width: 60%;
}
#btnFix ul li {
	width: 35%;
}
#btnFix ul li.sms {
	width: 13.5%;
	margin-top: 4px;
}
#btnFix ul li.sms img {
	border-radius: 5px;
}
@media screen and (max-width: 749px){
	#btnFix ul {
		width: 100%;
	}
	#btnFix ul li {
		width: 39%;
		margin-left: 0;
	}
	#btnFix ul li.sms {
		width: 15%;
		margin-top: 2px;
	}
}

/* lp */
.isharyo__content.lp {
	text-align: left;
	margin: 0 4%;
	padding: 50px 30px;
	background: #f2f2f2;
	background: linear-gradient(to top, #f2f2f2, #f6f6f6);
	border-left: solid 10px #cdcdcd;
	border-right: solid 10px #cdcdcd;
	border-image: linear-gradient(to top, #cdcdcd, #A49FA3) 1;
}
.isharyo__content.lp h3,
.isharyo__content.lp tr th,
.isharyo__content.lp tr td,
.isharyo__content.lp .comment { display: block; }
.isharyo__content.lp th,
.isharyo__content.lp td,
.isharyo__content.lp p {
	color: inherit;
	font-size: 22px;
}
.isharyo__content.lp h3 {
	text-align: center;
	margin-bottom: 30px;
	padding: 5px 5px 0;
	font-size: 30px;
	font-weight: 500;
	background: #fff;
	border: solid 3px #b3b3b3;
}
.isharyo__content.lp table {
	margin-bottom: 0;
	width: 100%;
	border: 0;
}
.isharyo__content.lp tr:nth-of-type(1) td,
.isharyo__content.lp tr:nth-of-type(2) td p:first-child { text-align: center; }
.isharyo__content.lp tr th {
	padding: 0;
	width: 100%;
	background: none;
}
.isharyo__content.lp tr th,
.isharyo__content.lp tr th p {
	font-size: 25px;
	font-weight: 500;
}
.isharyo__content.lp tr td {
	margin-bottom: 20px;
	background: #fff;
	border: solid 2px #b3b3b3;
}
.isharyo__content.lp tr:nth-of-type(1) td { padding: 10px 30px 0; }
.isharyo__content.lp tr:nth-of-type(2) td { padding: 7px 30px 20px; }
.isharyo__content.lp tr:nth-of-type(3) td { padding: 10px 30px 15px; }
.isharyo__content.lp tr td p { line-height: 1; }
.isharyo__content.lp tr:nth-of-type(2) td p:nth-of-type(2),
.isharyo__content.lp tr:nth-of-type(3) td p:nth-of-type(4) {
	margin: 20px 0 15px;
	padding-top: 20px;
}
.isharyo__content.lp tr:nth-of-type(3) td p,
.isharyo__content.lp .comment { line-height: 1.4; }
.isharyo__content.lp tr:nth-of-type(3) td p:nth-of-type(4) { margin-bottom: 0; }
.isharyo__content.lp span.span1 {
	letter-spacing: -13px;
	font-size: 50px;
	font-weight: bold;
}
.isharyo__content.lp span.span2 { font-size: 26px; }
.isharyo__content.lp span.span3 { font-size: 20px; }
.isharyo__content.lp tr:nth-of-type(1) span.span1,
.isharyo__content.lp tr:nth-of-type(2) p:first-child span.span1 {
	font-size: 70px;
	font-weight: bold;
}
.isharyo__content.lp tr:nth-of-type(1) span.span2,
.isharyo__content.lp tr:nth-of-type(2) p:first-child span.span2 { font-size: 35px; }

@media screen and (max-width: 960px) {
	.isharyo__content.lp {
		margin: 0;
		padding: 20px;
		border-left: solid 5px #cdcdcd;
    border-right: solid 5px #cdcdcd;
	}
	.isharyo__content.lp h3 {
		font-size: 20px;
		font-weight: bold;
		border: solid 2px #b3b3b3;
	}
	.isharyo__content.lp th,
	.isharyo__content.lp td,
	.isharyo__content.lp p,
	.isharyo__content.lp span.span2,
	.isharyo__content.lp tr:nth-of-type(1) span.span2,
	.isharyo__content.lp tr:nth-of-type(2) p:first-child span.span2 { font-size: 15px; }
	.isharyo__content.lp tr th {
		font-size: 19px;
		font-weight: bold;
	}
	.isharyo__content.lp tr:nth-of-type(1) td { padding: 5px 20px 5px; }
	.isharyo__content.lp tr:nth-of-type(2) td { padding: 7px 20px 13px; }
	.isharyo__content.lp tr:nth-of-type(3) td { padding: 7px 10px 10px; }
	.isharyo__content.lp tr:nth-of-type(3) td p { line-height: 1.6; }
	.isharyo__content.lp span.span1 {
		letter-spacing: -7px;
		font-size: 26px;
	}
	.isharyo__content.lp tr:nth-of-type(1) span.span1,
	.isharyo__content.lp tr:nth-of-type(2) p:first-child span.span1 { font-size: 40px; }
	.isharyo__content.lp span.span3 { font-size: 14px; }
}

/* hiseikyu */
.isharyo__content.lp.hiseikyu tr:nth-of-type(2) td {
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
.isharyo__content.lp.hiseikyu tr:nth-of-type(3) td:last-child { margin-bottom: 0; }
.isharyo__content.lp.hiseikyu tr:nth-of-type(2) p:first-child span.span1{ font-size: 50px; }
.isharyo__content.lp.hiseikyu tr:nth-of-type(2) p:first-child span.span2 { font-size: 26px; }
.isharyo__content.lp.hiseikyu tr:nth-of-type(3) p:nth-of-type(3) {
	margin-top: 0;
	padding-top: 0;
	text-decoration: none;
	border-top: 0;
}
.isharyo__content.lp.hiseikyu span.span1,
.isharyo__content.lp.hiseikyu span.span2 { color: #F0687D; }
@media screen and (max-width: 960px) {
	.isharyo__content.hiseikyu th {
		width: 81px;
		min-width: 81px;
	}
	.isharyo__content.lp.hiseikyu tr:nth-of-type(2) td {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.isharyo__content.lp.hiseikyu tr:nth-of-type(2) p:first-child span.span1{ font-size: 26px; }
	.isharyo__content.lp.hiseikyu tr:nth-of-type(2) p:first-child span.span2 { font-size: 16px; }
}