body
{margin:0; padding:0; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; color:#000; font-size:13px; overflow-x:hidden !important; -webkit-font-smoothing: antialiased; letter-spacing:0px;}

input
{outline:none; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}

select
{outline:none; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}

textarea
{outline:none; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}

button
{outline:none; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}

select
{outline:none; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}

textarea
{outline:none; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;  transition: .4s cubic-bezier(.4,.47,.17,.98);}

button
{outline:none !important; border:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition: .4s cubic-bezier(.4,.47,.17,.98); cursor:pointer;}

div
{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

img
{outline:none !important; border:none !important; max-width: 100%;}

a
{color:#3080b5; outline:none !important; text-decoration:none !important; transition: .4s cubic-bezier(.4,.47,.17,.98);}

ul
{padding:0; margin:0; list-style:none;}

label
{font-size:15px; font-weight:normal;}

h1
{padding:0; margin:0; font-size: 45px;}

h2
{padding:0; margin:0; font-size: 28px;}

h3
{padding:0; margin:0; font-size: 18px; font-weight: bold;}

h4
{padding:0; margin:0; font-size: 16px; line-height: 1.4em;}

h5
{padding:0; margin:0; font-size: 14px; font-weight: bold; line-height: 1.4em;}

h6
{padding:0; margin:0;}

p
{padding:0; margin:0; line-height: 1.7em;}

.close
{outline:none !important; border:none !important;}

.no_pad
{padding:0 !important;}

.no_marg
{margin:0 !important;}

.input
{width:100%; height:40px; border:1px solid #e1e1e1; font-size:14px; padding:0 15px 0 15px ;
transition: .4s cubic-bezier(.4,.47,.17,.98); border-radius: 5px;
}

.input:focus
{border:1px solid #0066cc ;}

.textarea
{width:100%; padding:15px; border:1px solid #e1e1e1; font-size:15px; height:200px;
transition: .4s cubic-bezier(.4,.47,.17,.98); border-radius: 5px;
}

.textarea:focus
{border:1px solid #0066cc ;}

.select
{width:100%; height:50px; padding:0 15px 0 15px; border:1px solid #e1e1e1; background:#fff;
-webkit-appearance: none; border-radius: 5px;
-moz-appearance: none;
cursor: pointer;
background: url(../images/select_arrow.png) no-repeat #fff;
background-position: right 15px center;
 -webkit-transition:cubic-bezier(0.77, 0, 0.175, 1) 100ms;
transition: 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
transition: 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
transition: 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms, -webkit- 650ms cubic-bezier(0.77, 0, 0.175, 1) 100ms;
}

.select:focus
{border:1px solid #e74c3c;}

.modal.fade .modal-dialog {
-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal.fade.show .modal-dialog {
   -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.modal-open .modal
{padding:0 !important; z-index:99999999; background: rgba(0,0,0,0.7);}

.modal-dialog
{width:100% !important; max-width:100% !important; height:100vh; display:flex; position:relative; padding:50px 0 50px 0; overflow:auto;
 margin:0;
}

.modal-content
{border:none; border-radius:0; width:460px; max-width:initial;  box-shadow:0 19px 50px rgba(0, 0, 0, 0.10); border-radius:0; margin:auto;}

.modal-backdrop
{display:none;}

.primaryHead
{border: none;text-align: center;padding: 15px;text-align: center;position: relative;box-shadow: inset 0px -5px 6px rgba(0, 0, 0, 0.5);}

.primaryHead .primaryHeadBg
{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.primaryHead .primaryHeadBg img
{width: 100%; height: 100%; object-fit: cover;}

.primaryHead h2
{color: #fff; font-size: 20px; font-weight: bold;}

.primaryHead p
{padding: 5px 0 0 0; color: #fff;}

.secondaryHead
{margin: 0 -15px 0 -15px;}

.secondaryHead h3
{background: #eee; padding: 12px 15px 10px 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.secondaryHead2
{margin: 0 -15px 0 -15px;}

.secondaryHead2 h3
{background: #fff; padding: 12px 15px 10px 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

.thirdHead
{width: 100%; position: relative;}

.thirdHead h2
{font-size: 18px; font-weight: bold; font-style: italic; letter-spacing: 2px; color: #0a162d; line-height: 0.7em;}

.primaryBtn
{display: inline-block; height: 50px; padding: 0 25px 0 25px; text-align: center; color: #fff !important; font-weight: 600; line-height: 3.5em; font-size: 14px; background: #02091b; border: 1px solid #fff; position: relative; letter-spacing: 2px; cursor: pointer; transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.51, -0.42, 0.51, 1.64);}

.primaryBtn span
{display: block; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.51, -0.42, 0.51, 1.64);}

.primaryBtn img
{width: 22px; height: 22px; position: relative; top: -1px;}

.primaryBtn.Big
{height: 55px; line-height: 3.8em;}

.primaryBtn:hover span
{width: 15px; height: 15px; transform: rotate(-180deg);}

.primaryBtn.disabled
{background: #bbb; pointer-events: none;}

.primaryBtn.disabled span
{display: none;}

.secondaryBtn
{display: inline-block; color: #0066cc !important; font-weight: bold;}

.secondaryBtn img
{width: 18px; height: 18px; position: relative; top: -1px; transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.51, -0.42, 0.51, 1.64);}

.secondaryBtn:hover img
{transform: translateX(5px);}

.thirdBtn
{display: block; color: #0066cc; border-top: 2px solid #0066cc; border-bottom: 2px solid #0066cc; padding: 10px 0 10px 0; font-weight: bold; font-size: 16px;}

.thirdBtn img
{width: 18px; height: 18px; position: relative; top: -1px; transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.51, -0.42, 0.51, 1.64);}

.thirdBtn:hover img
{transform: translateX(5px);}

.thirdBtn2
{display: block; color: #0066cc; border-bottom: 2px solid #0066cc; padding-top:0; padding-bottom:10px; font-weight: bold; font-size: 16px;}

.thirdBtn2 img
{width: 18px; height: 18px; position: relative; top: -1px; transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.51, -0.42, 0.51, 1.64);}

.thirdBtn2:hover img
{transform: translateX(5px);}

.wrapper
{max-width: 767px; margin: 0 auto;}



.header
{width: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 9999; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.10);}

.headerLogo
{float: left;}

.headerLogo a
{display: block; padding: 7px 15px 7px 15px;}

.headerMenu
{float: right;}

.headerMenuCntn
{width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: url(../images/blueBg.jpg) repeat; background-size: cover; overflow-y: auto; opacity: 0; visibility: hidden; transform: scale(0.8); transition: .4s cubic-bezier(.4,.47,.17,.98);}

.headerMenuCntnActive
{opacity: 1; visibility: visible; transform: scale(1);}

.headerMenuCntn::-webkit-scrollbar {
    width:0;
  height:0;
}

.headerMenuCntnBx
{width: 100%; padding: 25px 0 25px 0; text-align: center; color: #fff; display: none;}

.headerMenuCntnBx .fadeInUp
{animation-delay: 0.5s;}

.headerMenuCntnSec1
{width: 100%;}

.headerMenuCntnSec1Row
{width: 100%; padding: 10px 30px 10px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.headerMenuCntnSec1Row a
{display: block; color: #fff; font-weight: bold;}

.headerMenuCntnSec1Row a span
{display: block; font-weight: bold; font-size: 15px; border: 1px solid #8c8c8c; padding: 10px;}

.headerMenuCntnSec1Row a img
{width: 18px; height: 18px; position: relative; top: -1px;}

.headerMenuCntnSec1Row a span.headerMenuCntnSec1RowHd
{display: inline-block; font-style: italic;  color: #ffffff; margin: 0 0 5px 0; font-size: 12px; border: none; padding: 0;}

.headerMenuCntnSec1Row a.headerMenuCntnSec1RowBtm
{margin: 10px 0 0 0; font-size: 12px; border: none; padding: 5px; background: rgba(128, 128, 128, 0.6196078431372549); display: block;}

.headerMenuCntnSec1Row a.headerMenuCntnSec1RowBtm img
{width: 18px; height: 18px; position: relative; top: -1px;}

.headerMenuCntnSec1Row a:hover
{opacity: 0.8;}

.headerMenuCntnSec2
{width: 100%; padding: 20px 0 0 0;}

.headerMenuCntnSec2Row1
{width: 100%;}

.headerMenuCntnSec2Row1 .primaryBtn
{line-height: 3.5em;}

.headerMenuCntnSec2Row2
{width: 100%; padding: 15px 0 0 0;}

.headerMenuCntnSec2Row2 a
{color: #fff;}

.headerMenuCntnSec2Row2 a:hover
{opacity: 0.8;}

.headerMenuCntnSec3
{width: 100%; padding: 20px 0 0 0;}

.topPgHeader
{background: none; box-shadow: none; transition: .4s cubic-bezier(.4,.47,.17,.98);}

.topPgHeader .wrapper
{border-bottom: 1px solid #fff;}

.topPgHeader.sticky
{background: #0a162d;}

.topPgHeader .clear-menu-btn
{background: none; right: 10px;}

.topPgHeader .headerLogo img
{width: auto;}

.masterHead
{width: 100%; background-repeat: no-repeat !important; background-size: cover !important; padding: 60px 0 25px 0;}

.masterHeadSec1
{width: 100%; text-align: center;}

.masterHeadSec2
{width: 100%; padding: 10px 0 0 0;}

.masterHeadSec3
{width: 100%; padding: 15px 0 0 0;}

.masterHeadSec3 img
{width: 100%;}

.masterHeadSec4
{width: 100%; padding: 25px 0 0 0;}

.masterHeadSec4 .primaryBtn
{padding-top:10px; width: 100%; font-size: 18px; height: 78px; font-weight: normal; letter-spacing: 3px; line-height: 1.5em; background: rgba(188, 20, 28, 0.425);}

.masterHeadSec4 .primaryBtn:hover
{background: rgba(20, 123, 188, 0.5);}

/*　追加コンテンツ */
.newsection1{
	border:3px solid #000;
	padding: 20px;
  margin-top: 2px;
}
.newsection1_ttl p{
	font-size:18px;
	font-weight:bold;
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
	width:418px;
}
/* 新規追加分 02/15 */
.newsection1_ttl2 p{
	font-size:18px;
	font-weight:bold;
	background: linear-gradient(transparent 70%, #a7d6ff 70%);
	width:486px;
}
@media screen and (max-width: 525px) {
	.newsection1_ttl p{
		font-size:14px;
		background: none;
		width:100%;
	}
	.newsection1_ttl2 p{
		font-size:14px;
		background: none;
		width:100%;
	}
}
/* 新規追加分 02/15 ここまで*/
@media screen and (max-width: 480px) {
	.newsection1_ttl p{
		font-size:14px;
		width:325px;
	}
}
.newsection1_txt p{
	margin-top:10px;
}
.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
  color: #fff;
  background: #2196f3;
	transition: .4s;
	margin-top: 15px;
}
.btn-flat-simple:hover {
  background: #fff;
  color: #2196f3;
}
.hmBlock1
{width: 100%; padding: 2px 0 0 0;}

.hmBlock1Pic
{width: 100%;}

.hmBlock1Pic img
{width: 100%;}

.hmBlock1Intro
{width: 100%; margin-top: -160px;}

.hmBlock1IntroBx
{width: 100%;}

.hmBlock1IntroCntnt
{width: 100%; padding: 30px 30px; background: rgba(2, 9, 27, 0.95); position: relative; color: #fff;}

.hmBlock1IntroCntntRow1
{width: 100%;}

.hmBlock1IntroCntntRow1 h3
{font-size: 14px; font-weight: bold; letter-spacing: 2px;}

.hmBlock1IntroCntntRow1 p
{padding: 8px 0 0 0; font-size: 11px;}

.hmBlock1IntroCntntRow2
{width: 100%; padding: 15px 0 0 0;}

.hmBlock1IntroCntntRow2 .primaryBtn
{width: 100%;}

.hmBlock1IntroCntntLbl
{width: 95px; height: 95px; background: #0066cc; color: #fff; text-align: center; border-radius: 50%; position: absolute; top: -13px; right: 15px; display: flex; align-items: center; justify-content: center; transform: rotate(-10deg);}

.hmBlock1IntroCntntLbl h4
{font-size: 10px; font-weight: bold; text-align: center; letter-spacing: 1px; margin: 5px 0 0 6px; white-space: nowrap; line-height: 1.5em;}

.hmBlock2
{width: 100%; padding: 2px 0 0 0;}

.hmBlock2Pic
{width: 100%;}

.hmBlock2Pic img
{width: 100%;}

.hmBlock2Intro
{width: 100%; margin-top: -130px;}

.hmBlock2IntroBx
{width: 100%;}

.hmBlock2IntroCntnt
{width: 100%; padding: 30px 30px; background: rgba(2, 9, 27, 0.95); position: relative; color: #fff;}

.hmBlock2IntroCntntSec1
{width: 100%;}

.hmBlock2IntroCntntSec1Head
{width: 100%;}

.hmBlock2IntroCntntSec1Head h3
{font-size: 14px; font-weight: bold; letter-spacing: 2px;}

.hmBlock2IntroCntntSec1Row
{width: 100%; margin: 18px 0 0 0; padding: 0 0 18px 0; border-bottom: 1px solid #fff;}

.hmBlock2IntroCntntSec1Row:last-child
{padding: 0; border: none;}

.hmBlock2IntroCntntSec1Row p+p
{margin: 18px 0 0 0;}

.hmBlock2IntroCntntSec2
{width: 100%; padding: 18px 0 0 0;}

.hmBlock2IntroCntntSec2 .primaryBtn
{width: 100%;}

.hmBlock2IntroCntntSec3
{width: 100%; padding: 18px 0 0 0;}

.hmBlock2IntroCntntSec3 img
{width: 100%;}

.hmBlock3
{width: 100%; margin: 15px 0 15px 0;}

.hmBlock3Bx
{width: 100%; padding: 15px 10px; border: 2px solid #02091b;}

.hmBlock3Head
{width: 100%; text-align: center;}

.hmBlock3Head h2
{font-size: 14px; font-weight: bold; letter-spacing: 2px;}

.hmBlock3Intro
{width: 100%; padding: 20px 0 0 0; display: flex;}

.hmBlock3IntroCntnt
{flex: 1; padding: 0 12px 0 0;}

.hmBlock3IntroCntntRow1
{width: 100%;}

.hmBlock3IntroCntntRow1 h2
{font-size: 16px; font-weight: bold; color: #0a162d; letter-spacing: 2px;}

.hmBlock3IntroCntntRow2
{width: 100%; padding: 5px 0 0 0;}

.hmBlock3IntroCntntRow2 .primaryBtn
{width: 100%; font-size: 12px; padding: 0 10px 0 10px; line-height: 0; display: flex; align-items: center;}

.hmBlock3IntroCntntRow2 .primaryBtn b
{width: 100%; text-align: center; font-weight: normal; line-height: 1.2em;}

.hmBlock3IntroCntntRow3
{width: 100%; padding: 12px 0 0 0;}

.hmBlock3IntroCntntRow3 .secondaryBtn
{font-size: 11px;}

.hmBlock3IntroCntntRow3 .secondaryBtn img
{width: 15px; height: 15px; top: -2px;}

.hmBlock3IntroPic
{width: 75px;}



/*login page start*/
.inrPg
{width: 100%; min-height: 100vh; padding: 80px 0 40px 0; background: #f0f2f7;}

.loginPg
{width: 100%; min-height: 100vh; padding: 100px 0 40px 0; display: flex; align-items: center; background: #f0f2f7;}

.loginPgInr
{width: 100%;}

.loginPgBlock1
{width: 100%; text-align: center;}

.loginPgBlock1Row1
{width: 100%;}

.loginPgBlock1Row1 h1
{font-size: 22px; font-weight: bold;}

.loginPgBlock1Row1 p
{padding: 10px 0 0 0;}

.loginPgBlock1Row2
{width: 100%; padding: 20px 0 0 0;}

.loginPgBlock1Row2 .primaryBtn
{min-width: 200px;}

.loginPgBlock2
{width: 100%; padding: 40px 0 0 0;}

.loginPgBx
{width: 340px; margin: 0 auto; padding: 40px 20px; background: #02091b; border-top: 4px solid #fed810;}

.loginPgSec1
{width: 100%; text-align: center;}

.loginPgSec1 h3
{font-size: 16px; font-weight: bold; color: #fff;}

.loginPgSec1 p
{color: red; padding: 4px 0 0 0;}

.loginPgSec2
{width: 100%; padding: 25px 0 0 0;}

.loginPgSec2Row
{width: 100%; position: relative;}

.loginPgSec2Row+.loginPgSec2Row
{margin: 15px 0 0 0;}

.loginPgSec2Row p
{color: #fff;}

.loginPgSec2RowIpt .input
{height: 45px; padding: 0 15px 0 45px;}

.loginPgSec2RowIpt .loginPgSec2RowIcon
{width: 20px; height: 20px; position: absolute; top: 40px; left: 15px; opacity: 0.8;}

.loginPgSec2Row .primaryBtn
{width: 100%;}

.loginPgSec2RowIpt
{width: 100%; position: relative;}

.loginPgSec2RowIpt p
{text-align: left !important; color: #fff; padding: 0 0 4px 0;}

.loginPgSec2Row p
{text-align: center;}

.loginPgSec2Row .secondaryBtn
{margin: 5px 0 0 0;}

.footer
{width: 100%;}

.footerSec1
{width: 100%;}

.footerSec1Row
{width: 100%; background: #ababab; border-bottom: 1px solid #02091b;}

.footerSec1Row a
{display: block; color: #fff; padding: 10px 0 10px 15px; position: relative;}

.footerSec1Row a:after
{content: ""; width: 4px; height: 18px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.footerSec1Row:last-child
{border: none;}

.footerSec2
{width: 100%; text-align: center; background: #02091b; color: #fff; padding: 20px 0 15px 0;}

.footerSec2 h4
{font-size: 14px; font-weight: bold; letter-spacing: 2px;}

.footerSec2 p
{color: #fff; padding: 2px 0 0 0;}



/*first-time page start*/
.firstTimePg .primaryHead h2
{font-size: 19px;}

.firstTimePgSec1
{width: 100%; padding: 30px 0 0 0;}

.firstTimePgSec2
{width: 100%; padding: 30px 0 0 0;}

.firstTimePgSec2Row
{width: 100%;}

.firstTimePgSec2Row+.firstTimePgSec2Row
{margin: 20px 0 0 0;}

.firstTimePgSec2Row p
{padding: 10px 0 0 0;}

.firstTimePgSec3
{width: 100%; padding: 20px 0 0 0;}



/*book-introduction page start*/
.bookDtlPgSec1
{width: 100%; margin: 20px 0 0 0; display: flex; padding: 10px; background: #fff; border: 2px solid #02091b;}

.bookDtlPgSec1Pic
{width: 100px;}

.bookDtlPgSec1Pic img
{width: 100%;}

.bookDtlPgSec1Intro
{flex: 1; padding: 0 0 0 15px;}

.bookDtlPgSec1IntroRow1
{width: 100%;}

.bookDtlPgSec1IntroRow1 h2
{font-size: 15px; font-weight: bold; padding: 4px 0 0 0; line-height: 1.3em; color: #02091b;}

.bookDtlPgSec1IntroRow2
{width: 100%; padding: 7px 0 0 0;}

.bookDtlPgSec1IntroRow2 p span
{font-weight: bold;}

.bookDtlPgSec1IntroRow3
{width: 100%; padding: 7px 0 0 0;}

.bookDtlPgSec1IntroRow3 a:hover
{opacity: 0.8;}

.ordertbl td
{border:solid 1px; padding:2px; text-align:center;}
.center
{text-align:center;}

.wd120
{width:170px;}
.wd60
{width:80px; text-align:center}

.bookDtlPgSec2
{width: 100%; padding: 30px 0 0 0;}

.bookDtlPgSec2Row
{width: 100%;}

.bookDtlPgSec2Row+.bookDtlPgSec2Row
{margin: 15px 0 0 0;}

.bookDtlPgSec2Row h4
{font-size: 15px; font-weight: bold;}

.bookDtlPgSec2Row .secondaryHead
{margin-bottom: 10px;}

.bookDtlPgSec2Row .secondaryHead2
{margin-bottom: 10px;}

.bookDtlPgSec2Row ul
{margin: 0 0 0 25px;}

.bookDtlPgSec2Row li
{list-style: disc; line-height: 1.7em;}

.sample_img{
	margin-top:30px;
	margin-bottom:30px;
}
.sample_txt{
	margin-top:10px;
}
.sample_txt p{
	font-weight: bold;
	text-decoration: underline;
}
.sample_img10{
	margin-left:5px;
}
@media screen and (max-width: 400px) {
	.sample_img10{
		margin-left:0;
		margin-top:5px;
	}
}
.new_img img{
	width:737px;
	margin-bottom:20px;
}
@media screen and (max-width: 767px) {
	.new_img img{
		width:100%;
	}
}

/*free-simple-diagnosis-4-1 page start*/
.diagnosisPg1Sec1
{width: 100%; padding: 20px 0 0 0;}

.diagnosisPg1Sec1Row1
{width: 100%;}

.diagnosisPg1Sec1Row2
{width: 100%; padding: 15px 0 0 0;}

.diagnosisPg1Sec2
{width: 100%; padding: 30px 0 0 0;}

.diagnosisPg1Sec2Head
{width: 100%; text-align: center;}

.diagnosisPg1Sec2Head h4
{font-weight: bold; font-size: 20px;display: inline-block; position: relative;}

.diagnosisPg1Sec2Head h4:after
{content: "";width: 115%; height: 8px; background: #ffcc00; background: -moz-linear-gradient(left, #ffcc00 63%, #d4aa01); background: -webkit-linear-gradient(left, #ffcc00 63%, #d4aa01); background: linear-gradient(to right, #ffcc00 63%, #d4aa01); position: absolute;bottom: 0px;left: -10px;z-index: -1;transform: skewX(-20deg); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);}

.diagnosisPg1Sec2Head p
{color: red; padding: 12px 0 0 0;}

.diagnosisPg1Sec2Intro
{width: 100%; padding: 15px 0 0 0; text-align: center;}

.diagnosisPg1Sec2IntroRow
{width: 100%;}

.diagnosisPg1Sec2IntroRow+.diagnosisPg1Sec2IntroRow
{margin: 10px 0 0 0;}

.diagnosisPg1Sec2IntroRowBx
{display: inline-block; vertical-align: middle;}

.diagnosisPg1Sec2IntroRowBx+.diagnosisPg1Sec2IntroRowBx
{margin: 0 0 0 15px;}

.diagnosisPg1Sec2IntroRowBx .loginPgSec2RowIpt .loginPgSec2RowIcon
{top: 13px;}

.diagnosisPg1Sec2IntroRowBx .loginPgSec2RowIpt .input
{width: 205px; padding: 0 15px 0 15px;}

.diagnosisPg1Sec2IntroRowCntnt
{width: 100%; height: 115px; overflow-y: auto; margin: 15px 0 20px 0; padding: 15px; background: #fff; border: 2px solid #02091b; text-align: left;}

.diagnosisPg1Sec2IntroRowCntnt p+p
{margin: 10px 0 0 0;}

.diagnosisPg1Sec2IntroRow .pure-checkbox
{margin: 15px 0 0 0;}

.diagnosisPg1Sec2IntroRow .primaryBtn
{width: 100%; margin: 5px 0 0 0;}

.diagnosisPg1Sec2 .loginPgBx
{max-width: 100%;}

.diagnosisPg1Sec2 .loginPgSec2RowIpt .input
{padding: 0 15px 0 15px;}

.diagnosisPg3Sec2
{width: 100%; padding: 30px 0 0 0;}

.diagnosisPg3Sec2
{width: 100%; padding: 30px 0 0 0;}

.diagnosisPg3Sec2Head
{width: 100%; text-align: center;}

.diagnosisPg3Sec2Head h4
{font-weight: bold; font-size: 18px;display: inline-block; position: relative;}

.diagnosisPg3Sec2Head h4:after
{content: "";width: 135%;height: 8px;background: #ffcc00; background: -moz-linear-gradient(left, #ffcc00 63%, #d4aa01); background: -webkit-linear-gradient(left, #ffcc00 63%, #d4aa01); background: linear-gradient(to right, #ffcc00 63%, #d4aa01);position: absolute;bottom: 0px;left: -6px;z-index: -1;transform: skewX(-20deg); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);}

.diagnosisPg3Sec2Head p
{color: red; padding: 12px 0 0 0;}

.diagnosisPg3Sec2
{width: 100%; padding: 20px 0 0 0;}

.diagnosisPg3Sec2Row
{width: 100%; background: #fff; border: 2px solid #02091b; border-radius: 22px; padding: 10px 15px; position: relative;}

.diagnosisPg3Sec2Row+.diagnosisPg3Sec2Row
{margin: 15px 0 0 0;}

.diagnosisPg3Sec2RowLbl
{display: block; position: absolute; top: 38px; left: 5px; font-size: 80px; line-height: 0; font-family: "Josefin Sans"; font-weight: 600; font-style: italic; opacity: 0.1; color: #02091b;}

.diagnosisPg3Sec2RowSec1
{width: 100%; position: relative; z-index: 1;}

.diagnosisPg3Sec2RowSec1 p
{font-weight: bold; color:#000; font-size: 16px;}

.diagnosisPg3Sec2RowSec2
{width: 100%; margin: 7px 0 0 0; position: relative; z-index: 1; background: #02091b; padding: 0 13px 7px 13px; border-radius: 12px;}

.diagnosisPg3Sec2RowSec2Row
{margin: 0 -8px 0 -8px;}

.diagnosisPg3Sec2RowSec2 .pure-radiobutton
{float: left; padding: 0 8px 0 8px; margin: 7px 0 0 0;}

.diagnosisPg3Sec2RowSec2 .pure-radiobutton input[type="radio"] + label
{color: #fff !important; padding: 0 0 0 24px; margin: 0; font-size: 16px;}

.diagnosisPg3Sec2RowSec2 .pure-radiobutton input[type="radio"] + label:before
{width: 16px; height: 16px; border: 1px solid #0066cc !important; margin-top: -10px;}

.diagnosisPg3Sec2RowSec2 .pure-radiobutton input[type="radio"] + label:after
{margin-top: -5px; left: 5px; width: 8px; height: 8px; background: #0066cc;}

.diagnosisPg3Sec3
{width: 100%; padding: 25px 0 0 0;}

.diagnosisPg3Sec3 .primaryBtn
{width: 100%;}

.diagnosisPg4Sec1
{width: 100%; padding: 30px 0 0 0; text-align: center;}

.diagnosisPg4Sec1 h4
{font-size: 20px; font-weight: bold; display: inline-block; position: relative;}

.diagnosisPg4Sec1 h4:after
{content: ""; width: 126%; height: 8px; background: #ffcc00; background: -moz-linear-gradient(left, #ffcc00 63%, #d4aa01); background: -webkit-linear-gradient(left, #ffcc00 63%, #d4aa01); background: linear-gradient(to right, #ffcc00 63%, #d4aa01); position: absolute; bottom: 0px; left: -10px; z-index: -1;  transform: skewX(-20deg); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);}

.diagnosisPg4Sec1 p
{padding: 12px 0 0 0; font-size: 13px; font-weight: bold;}

.diagnosisPg4Sec1 p span
{font-size: 24px;}

.diagnosisPg4Sec2
{width: 100%; padding: 15px 0 0 0; text-align: center;}

.diagnosisPg4Sec2 img
{max-width: 100%; border-radius: 5px;}

.diagnosisPg4Sec3
{width: 100%; padding: 20px 0 0 0; text-align: center;}

.diagnosisPg4Sec3Row
{width: 100%; background: #fff; border: 2px solid #02091b; border-radius: 20px; padding: 10px; position: relative;}

.diagnosisPg4Sec3Row+.diagnosisPg4Sec3Row
{margin: 15px 0 0 0;}

.diagnosisPg4Sec3Head
{width: 100%; background: url(../images/blueHeadBg.jpg) no-repeat center center; background-size: cover; padding: 7px 13px 7px 13px; border-radius: 30px; color: #fff;}

.diagnosisPg4Sec3Head h4
{font-weight: bold; font-size: 14px; line-height: 1.3em;}

.diagnosisPg4Sec3Intro
{width: 100%; padding: 10px 0 0 0;}

.diagnosisPg4Sec3Intro p
{font-size: 16px; font-weight: bold; line-height: 1.5em; color: #000;}

.diagnosisPg4SecTxt
{width: 100%; padding: 20px 0 0 0;}

.diagnosisPg4SecTxt p
{font-size: 12px;}

.diagnosisPg4Sec4
{width: 100%; padding: 15px 0 0 0; text-align: center;}

.diagnosisPg4Sec5
{width: 100%; padding: 20px 0 0 0; text-align: center;}

.diagnosisPg4Sec5Bx
{display: inline-block; vertical-align: middle;}

.diagnosisPg4Sec5Bx+.diagnosisPg4Sec5Bx
{margin: 0 0 0 10px;}

.diagnosisPg4Sec5Bx a:hover
{opacity: 0.8;}

.sns
{text-align:center; }

.sns div
{display: inline; }

.sns_link3
{padding:10px;margin:30px 0px;background-color:#FFFFFF; border: solid 1px gray;text-align:center;}


/*access-code page start*/
.accesscodePgSec1
{width: 100%; margin: 20px 0 0 0; background: #fff; padding: 15px; border: 2px solid #02091b;}

.accesscodePgSec1Row
{width: 100%;}

.accesscodePgSec1Row+.accesscodePgSec1Row
{margin: 15px 0 0 0;}

.accesscodePgSec1Row h5
{padding-bottom: 5px; font-size: 18px;}

.accesscodePgSec1RowBx
{width: 100%;}

.accesscodePgSec1RowBx+.accesscodePgSec1RowBx
{margin: 10px 0 0 0;}

.accesscodePgSec1RowBxBtn a:hover
{opacity: 0.8;}

.accesscodePgSec1RowBx2
{width: 100%;}

.accesscodePgSec1RowBx2+.accesscodePgSec1RowBx2
{margin: 5px 0 0 0;}

.accesscodePgSec1Row2
{margin: 10px 0 0 0;}

.accesscodePgSec1Scnd
{padding: 0; background: none; border: none;}

.accesscodePgSec1Scnd .primaryBtn
{width: 100%;}



/*privacy-policy page start*/
.privacypolicyPgIntro
{width: 100%; margin: 20px 0 0 0; background: #fff; padding: 15px; border: 2px solid #02091b;}

.privacypolicyPgIntroRow
{width: 100%; }

.privacypolicyPgIntroRow+.privacypolicyPgIntroRow
{margin: 15px 0 0 0;}

.privacypolicyPgIntroRow h5
{padding-bottom: 5px;}