@charset "UTF-8";
#contents{
	font-family: 'Noto Sans JP',sans-serif!important;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	letter-spacing: 1px;
}
a{
	transition: all 0.4s;
}
.en{
	font-family: "Roboto", sans-serif;
}
h2{
	font-weight: 800;
	margin-bottom: 50px;
	text-align: center;
	font-size: 30px;
}
h2 span{
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	display: block;
	color: #1e787f;
	font-weight: 400;
	margin-bottom: 5px;
}
h3{
	font-size: 20px;
	font-weight: 700;
}
h4{
	font-size: 187.5%;/*30px*/
	
}
p{
/* 	font-size: 100%; */
	line-height: normal;
	font-size: 16px;
}

.pc{
	display: block!important;
}
.sp{
	display: none!important;
}
section{
	box-sizing: border-box;
	padding: 100px 0;
}
.container {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}
.btn{
	background-color:#e6a802;
	color: #ffffff;
	text-align: center;
	border-radius: 10px;
	font-weight: 700;
	font-size: 20px;
	display: block;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	border: 2px solid #d28b01;
	box-sizing: border-box;
}
.btn:hover{
	background-color: #d28b01;
}
ul.item_03{
	display: flex;
    justify-content: space-between;
}
ul.item_03 li{
	width: 32%;

}
/* mainimgArea */
.dxshindan_Page .mainimgArea{
	background-color: #33959d;
	padding: 0;
	height: 748px;
}
.dxshindan_Page .mainimgArea .bg_cover{
	background-image: url(../images/dx_shindan/main_bg.png);
	max-width: 1400px;
	background-position: left center;
	background-size:auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	height: 748px;
	box-sizing: border-box;
}

/* nav */
.dxshindan_Page .mainimgArea .nav{
	padding-top: 30px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul{
	background-color: #333333;
	height: 80px;
	border-radius: 5px;
	padding: 0 40px;
	display: flex;
    align-items: center;
    justify-content: space-between;

}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li{
	position: relative;
}

.dxshindan_Page .mainimgArea .nav .globalMenu ul li::after{
	content: "";
	background-color: #ffffff;
	width: 1px;
	height: 20px;
	position: absolute;
	top: 3px;
	right: -12px;
	pointer-events: none;
	opacity: inherit;
}
.dxshindan_Page .mainimgArea .nav .globalMenu  ul li:nth-last-child(2):after,.dxshindan_Page .mainimgArea .nav .globalMenu  ul li:last-child:after{
	content: none;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li a{
	color: #ffffff;
}
.dxshindan_Page .mainimgArea .nav .globalMenu a.btn{
	background-color: #ffffff;
	color: #33959d;
	border-radius: 100px;
	border: 2px solid #33959d;
	width: 245px;
	height: 50px;
	line-height: 46px;
	display: inline-block;
	font-size: 16px;
	margin: 0;
	font-weight: 700;
}
.dxshindan_Page .mainimgArea .nav .globalMenu a:hover{
	opacity: 0.8;
}
.dxshindan_Page .mainimgArea .nav .globalMenu a.btn:hover{
	opacity: unset;
	background-color: #33959d;
	color: #ffffff;
}

/* nav end*/

.dxshindan_Page .mainimgArea .main{
	display: flex;
    align-items: center;
    justify-content: space-between;
	max-width: 1400px;
	padding-top: 60px;
}
.dxshindan_Page .mainimgArea .main img{
	max-width: 700px;
}
.dxshindan_Page .mainimgArea .main .case{
	width: 50%;
	text-align: center;
}
.dxshindan_Page .mainimgArea .main .case .pack{
	color: #ffffff;
	text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6);
	margin-bottom: 60px;
}
.dxshindan_Page .mainimgArea .main .case .pack p{
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: 600;
}
.dxshindan_Page .mainimgArea .main .case .pack h2{
	font-size: 70px;
	margin-bottom: 0;
}
.dxshindan_Page .mainimgArea .main .case .btn{
	width: 400px;
}

/* sec_01 */
#sec_01{
	background-color: #f8f7f7;
}
#sec_01 .container ul li{
	padding: 0 30px;
	box-sizing: border-box;
}
#sec_01 .container ul li img{
	width: 100%;
	margin-bottom: 40px;
}
#sec_01 .container ul li p{
	font-size: 18px;
	text-align: center;
	font-weight: 600;
}

/* sec_02 */
#sec_02{
	background-color: #33959d;
	padding: 120px 0 60px;
	background-image: url(../images/dx_shindan/sec_02_arrow.svg);
	background-size: 300px;
	background-position: top center;
	background-repeat: no-repeat;
}
#sec_02 .container h2{
	color: #ffffff;
	margin-bottom: 0;
}

/* sec_03 */
#sec_03{
	background-color: #f3fdfe;
}
#sec_03 .container ul li{
	background-color: #ffffff;
}
#sec_03 .container ul li img{
	width: 100%;
}
#sec_03 .container ul li .case{
	padding: 40px 20px;
	box-sizing: border-box;
}
#sec_03 .container ul li .case h3{
	margin-bottom: 15px;
	text-align: center;
	color: #1e787f;
}
#sec_03 .container ul li:first-child h3{
	padding-top: 12px;
	margin-bottom: 30px;
}

/* sec_04 */
#sec_04 .container .case{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
#sec_04 .container .case img{
	width: 55%;
}
#sec_04 .container .case ul{
	width: 40%;
}
#sec_04 .container .case ul li{
	margin-bottom: 20px;
}
#sec_04 .container .case ul li:last-child{
	margin-bottom: 0;
}
#sec_04 .container .case ul h3{
	color: #1e787f;
	font-size: 25px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #1e787f;
}
#sec_04 .container .case ul h3 span{
	font-weight: 800;
	font-size: 120%;
	padding-right: 5px;
}

/* sec_05 */
#sec_05{
	background-color: #f3fdfe;
}
#sec_05 .container h2{
	margin-bottom: 20px;
}
#sec_05 .container .title_text{
	text-align: center;
	margin-bottom: 50px;
	font-size: 22px;
}
#sec_05 .container .title_text span{
	font-weight: 800;
	color: #1e787f;
}
#sec_05 .container .case{
	display: flex;
    justify-content: space-between;	
	align-items: flex-start;
	margin-bottom: 60px;
}

#sec_05 .container .case img{
	width: 55%;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
}
#sec_05 .container .case .pack{
	width: 42%;
	padding-top: 50px;
}
#sec_05 .container .case .pack .en{
	font-weight: 600;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 10px;
	color: #1e787f;
	position: relative;
	display: block;
}
#sec_05 .container .case .pack .en::before {
  content: '';
  width: 30px;
  height: 2px;
  display: inline-block;
  background-color: #1e787f;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
}
#sec_05 .container .case .pack h3{
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 25px;
}
#sec_05 .container .btn{
	width: 500px;
}

/* sec_06 */
#sec_06{
	background-color: #33959d;
}
#sec_06 .container h2,#sec_06 .container h2 span{
	color: #ffffff;
} 
#sec_06 .container ul li{
	border-radius: 10px;
	background-color: #ffffff;
}
#sec_06 .container ul li .img_case{
	background-color: #f3fdfe;
	padding: 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#sec_06 .container ul li .en{
	font-weight: 700;
	font-size: 40px;
	color: #1e787f;
	margin-bottom: 20px;
	display: block;
	line-height: 1;
}
#sec_06 .container ul li img{
	width: 80%;
	display: block;
	margin: 0 auto 30px;
}
#sec_06 .container ul li .text_case{
	text-align: center;
	padding: 30px 0;
}
#sec_06 .container ul li .text_case h3 span{
	color: #1e787f;
}

/* sec_07 */
#sec_07 .container{
	max-width: 900px;
}
#sec_07 .container .case{
	padding-bottom: 90px;
	background-image: url(../images/dx_shindan/sec_07_arrow.svg);
	background-size: 120px;
	background-repeat: no-repeat;
	background-position: center bottom 20px;
}
#sec_07 .container .case:last-child{
	padding-bottom: 0;
	background-image: none;
}

#sec_07 .container .case h3{
	height: 60px;
	line-height: 56px;
	border: 2px solid #1e787f;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#sec_07 .container .case h3 .en{
	background-color: #1e787f;
	width: 150px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
	left: -2px;
	font-size: 25px;
	font-weight: 400;
}
#sec_07 .container .case h3 .ja{
	padding-left: 30px;
	font-weight: 800;
}
#sec_07 .container .case .pack{
	padding-left: 180px;
	box-sizing: border-box;
}
#sec_07 .container .case ul li{
	margin-bottom: 20px;
	display: flex;
    align-items: flex-start;
	
}
#sec_07 .container .case ul li .title{
	width: 18%;
	font-weight: 700;
	margin-right: 25px;
	box-sizing: border-box;
}
#sec_07 .container .case ul:first-child{
	margin-bottom: 20px;
	border-bottom: 1px dashed #cccccc;
}
#sec_07 .container .case ul:first-child li .title{
	border: 1px solid #cccccc;
	box-sizing: border-box;
	text-align: center;
	padding: 3px 0;
}
#sec_07 .container .case ul:last-child li:last-child{
	margin-bottom: 0;
}
#sec_07 .container .case ul li p{
	width: 82%;
}
#sec_07 .container .case ul li p span{
	display: block;
	margin-top: 10px;
}
#sec_07 .banner{
	display: block;
	max-width: 900px;
	margin: 100px auto 0;
}
#sec_07 .banner img{
	width: 100%;
}
#sec_07 .banner:hover{
	opacity: 0.8;
}
/* sec_08 */
#sec_08{
	background-color: #f3fdfe;
}
#sec_08 .container{
	box-sizing: border-box;
	background-color: #ffffff;
	padding: 100px 60px;
}
#sec_08 .btn{
	width: 500px;
	margin-top: 80px;

}
.inner-content ul {
    margin: 0 auto;
}
.inner-content ul li {
	margin-bottom: 20px;
}
.inner-content ul li:last-child{
	margin-bottom: 0;
}
.inner-content ul li p{
	margin-bottom: 0;
}
.inner-content ul li .answer::before {
    position: absolute;
    left: 25px;
    top: 10px;
    content: "A";
    width: 51px;
    height: 51px;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
    font-weight: 500;
    color: #e6a802;
}
.inner-content ul li .question::before {
    position: absolute;
    left: 25px;
    top: 10px;
    content: "Q";
    width: 51px;
    height: 51px;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
    font-weight: 500;
    color: #1e787f;
}
.inner-content ul li .open-icon {
    position: absolute;
    right: 60px;
 /*   top: calc(50% - 5px);*/
}
.inner-content ul li .answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s ease-out;
    height: auto;
	font-weight: 500;
}
.inner-content ul li .question {
    position: relative;
    height: 60px;
    padding: 0 70px 0 75px;
    display: flex;
    align-items: center;
	/*margin-bottom: -10px;*/
	border: 1px solid #eeeeee;
	margin-bottom: 5px;
}
.inner-content ul li .answer {
    position: relative;
    /* height: 112px;*/
    padding: 10px 70px 0 75px;
    /*	 display: flex;*/
    align-items: center;
}
.inner-content ul li .open-icon .vertical {
    transform: rotate(-90deg);
    transition: 0.2s ease;
}
.inner-content ul li .open-icon .vertical,
.inner-content ul li .open-icon .horizontal {
    position: absolute;
    height: 3px;
    width: 25px;
    background-color: #1e787f;
}
.inner-content ul li .open-icon.is-open .vertical {
    transform: rotate(0deg);
}
.inner-content ul li .open-icon .vertical {
    transform: rotate(-90deg);
    transition: 0.2s ease;
}
.inner-content ul li .answer.is-open {
    max-height: 450px;
    opacity: 1;
    padding-bottom: 30px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape){
.container{
	width: 94%;
}
h3{
	font-size: 18px;
}
.dxshindan_Page .mainimgArea ,.dxshindan_Page .mainimgArea .bg_cover{
	height: 90vh;
}
.dxshindan_Page .mainimgArea .main{
	overflow: hidden;
	width: 100%;
}
.dxshindan_Page .mainimgArea .main img{
	position: relative;
	right: -80px;
}
.dxshindan_Page .mainimgArea .main .case{
	position: relative;
	left: 5%;
}
.dxshindan_Page .mainimgArea .main .case .pack p{
	font-size: 23px;
}
.dxshindan_Page .mainimgArea .main .case .pack h2{
	font-size: 55px;
}
#sec_01 .container ul li p{
	font-size: 16px;
}
#sec_01 .container ul li{
	padding: 0;
}
#sec_01 .container ul li img{
	width: 80%;
	display: block;
	margin: 0 auto 40px;
}
#sec_04 .container .case img,#sec_05 .container .case img {
	width: 45%;
}
#sec_04 .container .case ul,#sec_05 .container .case .pack{
	width: 50%;
}
#sec_05 .container .case .pack{
	padding-top: 0;
}

/* header_nav 共通 */ 
.dxshindan_Page .mainimgArea .nav .globalMenu a.btn {
	width: 150px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li a{
	font-size: 14px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul {
	padding: 0 30px;
}
#fix_nav .globalMenu a.btn{
	width: 150px!important;
}
#fix_nav .globalMenu ul li a{
	font-size: 14px;
}
#fix_nav .globalMenu ul {
	padding: 0 30px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait){
.dxshindan_Page .mainimgArea,.dxshindan_Page .mainimgArea .bg_cover{
	height: 90vh!important;
}
.dxshindan_Page .mainimgArea .bg_cover{
	background-size: cover;
}
.dxshindan_Page .mainimgArea .main{
	display: block;
	padding-top: 70px;

}
.dxshindan_Page .mainimgArea .main .case{
	width: 100%!important;
	margin-bottom: 50px;
}
.dxshindan_Page .mainimgArea .main .case .pack{
	margin-bottom: 30px;
}
.dxshindan_Page .mainimgArea .main img{
	width: 90%!important;
	display: block;
	margin: 0 auto;
}
#sec_01 .container ul.item_03{
	display: block;
}
#sec_01 .container ul li{
	display: flex;
	width: 100%;
	margin-bottom: 50px;
	align-items: center;
}
#sec_01 .container ul li:last-child{
	margin-bottom: 0;
}
#sec_01 .container ul li img{
	width: 40%;
	margin-bottom: 0;
}
#sec_01 .container ul li p{
	width: 60%;
}
#sec_03 .container ul.item_03,#sec_06 .container ul.item_03{
	flex-wrap: wrap;
	justify-content: center;
}
#sec_03 .container ul.item_03 li,#sec_06 .container ul.item_03 li{
	width: 48%;
}
#sec_03 .container ul.item_03 li:first-child,#sec_06 .container ul.item_03 li:first-child{
	margin-right:4%;
}
#sec_03 .container ul.item_03 li:last-child,#sec_06 .container ul.item_03 li:last-child{
	margin-top: 4%;
}
#sec_04 .container .case{
	display: block;
}
#sec_04 .container .case img{
	width: 60%;
	display: block;
	margin: 0 auto 50px;
}
#sec_04 .container .case ul{
	width: 100%;
}
#sec_05 .container .case .pack{
	padding-top: 0;
}
#sec_07 .container .case .pack{
	padding-left: 0;
}
#sec_07 .banner{
	width: 90%;
}
#sec_08 .container{
	padding: 80px 40px;
}
/* header_nav 共通 */ 
.dxshindan_Page .mainimgArea .nav{
	width: 100%;
	padding-top: 0;
	border-radius: 0;
}
.dxshindan_Page .mainimgArea .nav .globalMenu a.btn {
	width: 100px;
	font-size: 15px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li a{
	font-size: 13px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul {
	padding: 0 10px;
	border-radius: 0;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li::after{
	content: none;
}
#fix_nav.is-show{
	top:0!important;
}
#fix_nav{
	width: 100%!important;
}
#fix_nav .globalMenu a.btn{
	width: 100px!important;
	font-size: 15px!important;
}

#fix_nav .globalMenu ul li a{
	font-size: 13px!important;
}
#fix_nav .globalMenu ul {
	padding: 0 10px!important;
	border-radius: 0!important;
}
#fix_nav .globalMenu ul li::after{
	content: none!important;
}
}

@media only screen and (min-device-width: 1024px) and (orientation: portrait){

.dxshindan_Page .mainimgArea .main{
	overflow: hidden;
	width: 100%;
}
.dxshindan_Page .mainimgArea .main img{
	position: relative;
	right: -80px;
}
.dxshindan_Page .mainimgArea .main .case{
	position: relative;
	left: 5%;
}
.dxshindan_Page .mainimgArea .main .case .pack p{
	font-size: 23px;
}
.dxshindan_Page .mainimgArea .main .case .pack h2{
	font-size: 55px;
}
/* header_nav 共通 */ 
.dxshindan_Page .mainimgArea .nav{
	width: 96%;
}
.dxshindan_Page .mainimgArea .nav .globalMenu a.btn {
	width: 150px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li a{
	font-size: 14px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul {
	padding: 0 30px;
}
#fix_nav{
	width: 96%!important;	
}
#fix_nav .globalMenu a.btn{
	width: 150px!important;
}
#fix_nav .globalMenu ul li a{
	font-size: 14px;
}
#fix_nav .globalMenu ul {
	padding: 0 30px;
}

}

@media screen and (max-width: 1350px) {
.dxshindan_Page .mainimgArea .main{
	overflow:unset;
	width: 96%;
}
.dxshindan_Page .mainimgArea .main img{
	position:static;
	width: 55%;
}
.dxshindan_Page .mainimgArea .main .case{
	position:static;
	width: 45%;
}
.dxshindan_Page .mainimgArea .main .case .pack p{
	font-size: 22px;
}
.dxshindan_Page .mainimgArea .main .case .pack h2{
	font-size: 55px;
}	
}
@media screen and (max-width: 1000px) {
.dxshindan_Page .mainimgArea,.dxshindan_Page .mainimgArea .bg_cover{
	height: 650px;
}
.dxshindan_Page .mainimgArea .main img{
	width: 45%;
}
.dxshindan_Page .mainimgArea .main .case{
	width: 55%;
}
/* header_nav 共通 */ 
.dxshindan_Page .mainimgArea .nav{
	width: 100%;
	padding-top: 0;
	border-radius: 0;
}
.dxshindan_Page .mainimgArea .nav .globalMenu a.btn {
	width: 100px;
	font-size: 15px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li a{
	font-size: 13px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul {
	padding: 0 10px;
	border-radius: 0;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li::after{
	content: none;
}
#fix_nav.is-show{
	top:0!important;
}
#fix_nav{
	width: 100%!important;
}
#fix_nav .globalMenu a.btn{
	width: 100px!important;
	font-size: 15px!important;
}

#fix_nav .globalMenu ul li a{
	font-size: 13px!important;
}
#fix_nav .globalMenu ul {
	padding: 0 10px!important;
	border-radius: 0!important;
}
#fix_nav .globalMenu ul li::after{
	content: none!important;
}	
}

@media screen and (max-width: 767px) {
#contents{
	font-size: 14px;
}
p{
	font-size: 14px;
}
.pc{
	display: none!important;
}
.sp{
	display: block!important;
}
body{
}
h2{
	margin-bottom: 30px;
	font-size:20px;
}
h2 span{
	font-size: 15px;
}
h3{
	font-size: 18px;
}

.btn{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
}
.container {
	margin: 0 auto;
	width: 90%;
}
section{
	padding: 50px 0;
	box-sizing: border-box;
}
ul.item_03{
	display: block;
}
ul.item_03 li{
	width: 100%;
}
ul.item_03 li{
	margin-bottom: 30px;
}
ul.item_03 li:last-child{
	margin-bottom: 0;
}
.dxshindan_Page .mainimgArea{
	height: 85vh;
}
.dxshindan_Page .mainimgArea .bg_cover{
	background-position: center top;
	height: 85vh;
	padding-top: 60px;

}
.dxshindan_Page .mainimgArea .main{
	display: block;
	padding-top: 0;
}
.dxshindan_Page .mainimgArea .nav{
	padding-top: 0;
}
.dxshindan_Page .mainimgArea .main .case{
	width: 100%;
	margin-bottom: 20px;
}
.dxshindan_Page .mainimgArea .main .case .pack{
	margin-bottom: 20px;
}
.dxshindan_Page .mainimgArea .main .case .pack p{
	font-size: 18px;
	margin-bottom: 0;
}
.dxshindan_Page .mainimgArea .main .case .pack h2{
	font-size: 35px;
}
.dxshindan_Page .mainimgArea .main .case .btn{
	width: 100%;
}
.dxshindan_Page .mainimgArea .main img{
	width: 100%;
}
#sec_01 .container ul li{
	padding: 0;
}
#sec_01 .container ul li img{
	width: 55%;
	display: block;
	margin: 0 auto 20px;
}
#sec_01 .container ul li p{
	font-size: 14px;
}
#sec_02{
	background-size: 80px;
	padding: 50px 0 30px;
}
#sec_03 .container ul li .case{
	padding: 30px 20px;
}
#sec_03 .container ul li:first-child h3{
	padding-top: 0;
	margin-bottom: 15px;
}
#sec_04 .container .case{
	display: block;
}
#sec_04 .container .case img{
	width: 94%;
	display: block;
	margin:  0 auto 30px;
}
#sec_04 .container .case ul{
	width: 100%;
}
#sec_04 .container .case ul h3{
	font-size: 18px;
}
#sec_04 .container .case ul li{
	margin-bottom: 15px;
}
#sec_05 .container .title_text{
	font-size: 16px;
	margin-bottom: 30px;
}
#sec_05 .container .case{
	display: block;
	margin-bottom: 40px;
}
#sec_05 .container .case .pack{
	width: 100%;
	padding-top: 0;
	margin-bottom: 20px;
}
#sec_05 .container .case .pack .en{
	font-size: 15px;
	margin-bottom: 10px;
}
#sec_05 .container .case .pack h3{
	font-size: 18px;
	margin-bottom: 15px;
}
#sec_05 .container .case img{
	width: 100%;
}
#sec_05 .container .btn{
	width: 100%;
	font-size: 14px;
	letter-spacing: normal;
}
#sec_06 .container ul li .en {
	font-size: 30px;
	margin-bottom: 0;
}
#sec_06 .container ul li img{
	width: 60%;
	margin: 0 auto;
}
#sec_06 .container ul li .text_case{
	padding: 20px 0;
}
#sec_07 .container .case h3{
	line-height: normal;
	height: auto;
	border: none;
	text-align: center;
	margin-bottom: 10px;

}
#sec_07 .container .case h3 .en{
	display: block;
	width: 100%;
	font-size: 16px;
	padding: 5px 0;
	border-radius: 100px;
	margin-bottom: 20px;
}
#sec_07 .container .case h3 .ja{
	padding-left: 0;
}
#sec_07 .container .case .pack{
	padding-left: 0;
}
#sec_07 .container .case{
	background-size: 60px;
	padding-bottom: 55px;
}
#sec_07 .container .case ul li{
	display: block;
}
#sec_07 .container .case ul li .title{
	margin-right: 0;
	margin-bottom: 10px;
	display: inline-block;
	width: 50%;
}
#sec_07 .container .case ul li p{
	width: 100%;
}
#sec_07 .container .case ul:first-child li .title{
	width: 30%;
}
#sec_07 .banner{
	width: 90%;
	margin-top: 50px;
}
#sec_08 .container{
	padding: 50px 20px;
}
.inner-content ul li .answer.is-open{
	padding-bottom: 0;
}
.inner-content ul{
	width: 100%;
}
.inner-content ul li{
	margin-bottom: 15px;
}
.inner-content ul li .question,.inner-content ul li .answer{
	font-size: 13px;
}
.inner-content ul li .question {
    padding: 10px 40px;
	height: auto;
}
.inner-content ul li .answer {
    padding: 10px 10px 0 40px;
}
.inner-content ul li .question::before{
	left: 10px;
	font-size: 25px;
	top:20px;
}
.inner-content ul li .answer::before{
	left: 10px;
	font-size: 25px;
	top:20px;
}
.inner-content ul li .open-icon{
	right: 35px;
}
.inner-content ul li .answer.is-open{
	max-height: 2000px;
}
.inner-content ul li .open-icon .vertical, .inner-content ul li .open-icon .horizontal {
    position: absolute;
    height: 3px;
    width: 20px;
}
#sec_08 .btn{
	width: 90%;
	margin: 50px auto 0;
}

}



/* fix_nav */
#fix_nav {
  position: fixed;
  top: -100px;  
  transition: .5s;
  left: 0;
  right: 0;
  z-index: 100;
}
#fix_nav.is-show {
  top: 30px;
  left: 0;
  right: 0;
}
#fix_nav{
	max-width: 1200px;
	margin: 0 auto;
	width: 94%;
}
#fix_nav .globalMenu ul{
	background-color: #333333;
	height: 80px;
	border-radius: 5px;
	padding: 0 40px;
	display: flex;
    align-items: center;
    justify-content: space-between;

}
#fix_nav .globalMenu ul li{
	position: relative;
}

#fix_nav .globalMenu ul li::after{
	content: "";
	background-color: #ffffff;
	width: 1px;
	height: 20px;
	position: absolute;
	top: 3px;
	right: -12px;
	pointer-events: none;
	opacity: inherit;
}
#fix_nav .globalMenu  ul li:nth-last-child(2):after,#fix_nav .globalMenu  ul li:last-child:after{
	content: none;
}
#fix_nav .globalMenu ul li a{
	color: #ffffff;
}
#fix_nav .globalMenu a.btn{
	background-color: #ffffff;
	color: #33959d;
	border-radius: 100px;
	border: 2px solid #33959d;
	width: 245px;
	height: 50px;
	line-height: 46px;
	display: inline-block;
	font-size: 16px;
	margin: 0;
	font-weight: 700;
}
#fix_nav .globalMenu a:hover{
	opacity: 0.8;
}
#fix_nav .globalMenu a.btn:hover{
	opacity: unset;
	background-color: #33959d;
	color: #ffffff;
}

 /* ナビ */
.nav_toggle {
	display: none;
}
@media screen and (max-width: 767px) {
.nav_toggle {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 70px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.nav_toggle span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #333333;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.nav_toggle span:nth-child(1) {
  top: 10px;
}
.nav_toggle span:nth-child(2) {
  top: 20px;
}
.nav_toggle span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.nav_toggle.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#333333;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.nav_toggle.active span:nth-child(2),
.nav_toggle.active span:nth-child(3) {
  top: 16px;
  background :#333333;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenu {
  position: fixed;
  z-index : 2;
  top  : 110px;
  right : 5%;
  background-color: rgba( 255, 255, 255, 0.9 );
  text-align: center;
  width: 90%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  height: 70vh;
  display: none;
}

nav#menu a {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  display: block;
    color: #ffffff;
}
#menu{
    border-radius: 10px;
	background-color: #333333;
}
nav#menu a {
  display: block;
  text-decoration :none;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenu.active {
	opacity: 100;
	display: block;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul{
	background: none;
	display: block;
	height: auto;
	line-height: normal;
	padding: 20px;
}
.dxshindan_Page .mainimgArea .nav .globalMenu ul li::after{
	content: none;
}
.dxshindan_Page .mainimgArea .nav nav#menu a.btn{
	padding: 0;
	color: #33959d;
	margin-top: 20px;
}
}

