@charset "utf-8";
/*.design-bg{ width: 1200px; height: 7629px; background: url('../index.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1200px; }*/

.mainImage 				{ background: #f3f2ed url('../img/user-support/main-image.jpg') 50% 0 no-repeat; background-size: 1200px; }

#main section:first-of-type{ /*width: 100%; margin-top: 0;*/ }

/*#productIntroduction 	{ padding: 65px 0 82px; }
#productIntroduction h3 { margin-top: 25px; font-size: 30px; font-weight: 500; text-align: center; line-height: 1.5; }
#productIntroduction h3 small{ font-size: 18px; vertical-align: super; }
#productIntroduction .text{ width: 840px; margin: 9px auto 0; line-height: 1.7; text-align: justify; font-weight: 300; }
#productIntroduction ul { width: 960px; margin: 35px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#productIntroduction ul li{ width: 300px; height: 300px; margin-right: 30px; padding-top: 23px; text-align: center; background-color: #fdf7e5; border-radius: 50% }
#productIntroduction ul li:nth-of-type(3n){ margin-right: 0; }
#productIntroduction ul li p{ padding-top: 25px; font-size: 18px; font-weight: 500; }
#productIntroduction ul li .asterisk{ font-size: 12px; font-weight: 400; line-height: 1.7; }*/

#functionIntroduction 	{ padding: 85px 0 74px; /*background: url('../img/top/stripe-bg.png') 0 0 repeat;*/ }
#functionIntroduction .first{ width: 880px; margin: 40px auto 0; padding: 10px 90px 27px; background-color: #FCF6E5; }
#functionIntroduction .first .title{ padding: 25px 0 7px 9px; font-size: 20px; }
#functionIntroduction .first .comment{ padding: 11px 9px 7px 9px; font-size: 15px; text-align: justify; font-weight: 300; }
#functionIntroduction .first .comment span{ vertical-align: super; }
#functionIntroduction ul{ width: 960px; margin: 30px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
#functionIntroduction ul li{ width: 472px; padding-bottom: 27px; background-color: #FCF6E5; }
#functionIntroduction ul li:nth-of-type(2n){ margin-left: auto; }
#functionIntroduction ul li:nth-of-type(n+3){ margin-top: 27px; }
#functionIntroduction ul li .title{ padding: 17px 0 6px 22px; font-size: 20px; border-left: 4px solid #e7b200; }
#functionIntroduction ul li div{ padding: 10px 28px 0 27px; }
#functionIntroduction ul li .comment{ padding: 18px 28px 7px 27px; font-size: 15px; text-align: justify; font-weight: 300; }

#recordingContents 		{ width: 960px; margin: 0 auto; padding: 25px 0 78px; }
#recordingContents .subTitle{ margin-top: 30px; padding: 2px 0 2px 15px; border-left: 4px solid #e7b200; font-size: 1.2rem; font-weight: 500; }
#recordingContents .text{ margin-top: 14px; font-size: 20px; text-align: center; }
#recordingContents .box { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#recordingContents .box>div:nth-of-type(1){ width: 323px; margin-right: 24px; }
#recordingContents .box>div:nth-of-type(2){ width: 294px; margin-right: 24px; }
#recordingContents .box>div:nth-of-type(3){ width: 294px; }
#recordingContents .box h3{ padding: 15px 0 15px; font-size: 1.1rem; font-weight: 400; border-top: 1px dotted #999; /*background: url('../img/top/arrow-icon.svg') 100% 13px no-repeat; cursor: pointer;*/ line-height: 1.3; }
#recordingContents .box h3:last-of-type{ /*border-bottom: 1px dotted #999;*/ }
#recordingContents .box h3.active:last-of-type{ border-bottom: 0; }
#recordingContents .box h3 span{ font-size: .83rem; }
#recordingContents .box h3 span.br{ display: block; text-align: right;}
#recordingContents .box ul{ padding: 0 0 0 20px; }
#recordingContents .box ul li{ font-size: .83rem; line-height: 1.7; font-weight: 300; }
#recordingContents .box ul li:last-of-type{ padding-bottom: 15px; }
#recordingContents .box>div ul:last-of-type{ border-bottom: 1px dotted #999; }
#recordingContents .box div p{ padding: 10px 0 0 5px; font-size: .83rem; font-weight: 300; }

#spec 					{ padding: 80px 0 80px; background: url('../img/top/stripe-bg.png') 0 0 repeat; }
#spec .master 			{ max-width: 800px; }
#spec h3 				{ height: 60px; margin-bottom: 7px; padding-left: 20px; line-height: 60px; font-size: 24px; font-weight: 400; color: #fff; background-color: #e6a600; border-radius: 10px; }
#spec #ipad 			{ margin-top: -160px; padding-top: 203px; }
#spec .ipad 			{  }
#spec .windows 			{ margin-top: 67px; }
#spec dl 				{  }
#spec dl div 			{ padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 2px dotted #999; font-size: 15px; font-weight: 300; line-height: 1.7; }
#spec dl div.red 		{ color: #f00!important; }
#spec dl div dt 		{ width: 120px; }
#spec dl div dd 		{ width: calc(100% - 120px); }
#spec dl #ipadDousa 	{ margin-top: -160px; padding-top: 170px; }
#spec .bnr 				{ width: 560px; height: 110px; margin: 55px auto 0; padding-top: 20px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.4; background: #fff url('../img/common/bnr-arrow.svg') 97% 30px no-repeat; }
#spec #taikenban 		{ margin-top: -160px; padding-top: 160px; }
#spec .note 			{ margin-top: 30px; padding: 25px 35px 15px; border: 1px solid #e6a600; font-weight: 300; }
#spec .note p:first-of-type{ margin-bottom: 5px; font-size: 18px; font-weight: 500; color: #c58900; }
#spec .note .sub 		{ margin-bottom: 3px; }
#spec .note p:nth-of-type(n+2){ font-size: 15px; line-height: 1.5; text-align: justify }
#spec .note ul li 		{ font-size: 15px; line-height: 1.7; }
#spec .note .small 		{ margin-top: 14px; }
#spec .note .small li 	{ font-size: 12px; line-height: 1.45; }

#personal 				{ padding: 100px 0 100px; border-bottom: 1px dotted #999; }
#personal .bnr 			{ width: 936px; margin: 45px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#personal .bnr a:nth-of-type(2){ margin-left: auto; }
#personal .bnr a 		{ width: 460px; height: 230px; padding-top: 92px; margin: 0 auto 20px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.4; }
#personal .bnr a:nth-of-type(1){ background: url('../img/method/degital-nursingraphicus.svg') 50% 30px no-repeat,url('../img/common/bnr-arrow.svg') 96% 87% no-repeat,url('../img/common/apple.svg') 50% 85% no-repeat,#fff; }
#personal .bnr a:nth-of-type(2){ background: url('../img/method/degital-nursingraphicus.svg') 50% 30px no-repeat,url('../img/common/bnr-arrow.svg') 96% 87% no-repeat,url('../img/common/windows.svg') 50% 88% no-repeat,#fff; }
#personal .link 			{ margin-top: 40px; font-size: 32px; font-weight: 400; color: #e6a600; text-align: center }
#personal .link a 		{ text-decoration: underline; }

.nursingraphicusBnr 	{ margin-bottom: 80px; text-align: center; }
.nursingraphicusBnr img { width: 800px; }

#flow 					{ margin-top: 0; padding-top: 65px; padding-bottom: 100px; }
#flow .master 			{ width: 960px; }
#flow .dottedTitle 		{ margin-top: 35px; }
/*#flow h3 				{ margin-top: 12px; font-size: 30px; font-weight: 500; text-align: center; line-height: 1.5; }*/
#flow .master 			{ max-width: 960px; }
#flow .text 			{ margin-top: 33px; font-weight: 300; text-align: center; letter-spacing: -.1rem; }
/*#flow ol 				{ margin-top: 28px; padding: 0 60px 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#flow ol li 			{ width: 218px; list-style: none; position: relative; text-align: center; }
#flow ol li:after 		{ content: ''; width: 19px; height: 38px; background: url('../img/guide/flow-arrow.svg') 0 0 no-repeat; display: block; position: absolute; top: 141px; right: -26px; }
#flow ol li:last-of-type:after{ display: none; }
#flow ol li figure 		{ width: 197px; display: inline-block; }
#flow ol li p 			{ margin-top: 14px; }*/
#flow .bnr 				{ width: 936px; margin: 44px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#flow .bnr li:nth-of-type(2){ margin-left: auto; }
#flow .bnr li a 		{ width: 460px; height: 120px; padding-top: 40px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.6; }
#flow .bnr li:nth-of-type(1) a 		{ background: url('../img/common/bnr-arrow.svg') 96% 50px no-repeat,url('../img/common/apple.svg') 41px 39px no-repeat,#fff; }
#flow .bnr li:nth-of-type(2) a 		{ background: url('../img/common/bnr-arrow.svg') 96% 50px no-repeat,url('../img/common/windows.svg') 27px 37px no-repeat,#fff; }

hr 						{ border-top: 1px dotted #999; background-color: transparent; }

#ios 					{ margin-top: -100px; padding: 220px 0 100px; }
#ios .master 			{ max-width: 960px; }
.toc 					{ margin-top: 41px; }
.toc div 				{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.toc div:nth-of-type(n+2){ margin-top: 10px; }
.toc div dt 			{ width: 60px; }
.toc div dd 			{ width: calc(100% - 60px); height: 50px; padding-left: 20px; font-size: 24px; line-height: 50px; background: url('../img/common/checkered-bg.png') 0 0 repeat; border-radius: 10px; }
#ios .text 				{ margin-top: 25px; font-weight: 300; text-align: justify; line-height: 1.7; }
.flowList 				{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flowList01 			{ margin-top: 54px; }
.flowList02 			{ margin-top: 47px; }
.flowList03 			{ margin-top: 15px; }
.flowList li 			{ width: 301px; margin-right: 28px; }
.flowList li:nth-of-type(3n){ margin-right: 0; }
.flowList li:nth-of-type(n+4){ margin-top: 26px; }
#ios .flowList li:nth-of-type(n+4){ margin-top: 38px; }
#ios .flowList li:nth-of-type(n+7){ margin-top: 58px; }
.flowList li div 		{ font-size: 24px; }
.flowList li figure 	{ margin-top: 9px; }
.flowList li p 			{ margin-top: 10px; font-size: 14px; font-weight: 300; line-height: 1.4; }
.flowList li p a 		{ text-decoration: underline; }
.flowList li .red 		{ margin-top: 0; color: #f00; }
.asterisk 				{ margin-top: 10px; }
.asterisk p 			{ line-height: 1.7; }
#ios h3 				{ margin-top: 42px; font-size: 32px; font-weight: 400; color: #e6a600; }
#ios .box 				{ margin: 41px 0 0; padding: 28px 40px 38px; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #b4b4b4; }
#ios .box div 			{ width: 580px; font-size: 14px; text-align: justify; }
#ios .box div h4 		{ font-size: 20px; font-weight: 400; }
#ios .box div p 		{ margin-top: 12px; }
#ios .box div p a 		{ text-decoration: underline; }
#ios .box figure 		{ width: 261px; margin-top: 6px; margin-left: auto; }
/*#ios .bnr 				{ width: 700px; height: 100px; margin: 10px auto 0; padding-top: 30px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.6; background: #fff url('../img/common/bnr-arrow.svg') 96.3% 36px no-repeat; }*/

#versionUp 				{ margin-top: -160px; padding: 260px 0 95px; }
#versionUp .master 		{ max-width: 960px; }
#versionUp .bnr 		{ width: 700px; height: 100px; margin: 10px auto 0; padding-top: 30px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.6; background: #fff url('../img/common/bnr-arrow.svg') 96.3% 36px no-repeat; }
#versionUp .bnr:first-of-type{ margin-top: 40px; }

#windows 				{ margin-top: -160px; padding: 260px 0 95px; }
#windows .master 		{ max-width: 960px; }
#windows .bnr 			{ width: 700px; height: 100px; margin: 37px auto 0; padding-top: 20px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.3; background: #fff url('../img/common/bnr-arrow.svg') 98% 41px no-repeat; position: relative; }
#windows .bnr span 		{ color: #4d4d4d; position: absolute; top: 50%; left: 30px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
#windows .toc 			{ margin-top: 47px; }
#windows .flow-w 		{ margin-top: 29px; }
#windows .flow-w>div 	{ font-size: 24px; }
#windows .flow-w p 		{ margin-top: 5px; line-height: 1.7; }
#windows .flow-w ul 	{ margin-top: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#windows .flow-w ul li 	{ width: 301px; margin-right: 28px; position: relative; }
#windows .flow-w ul li:before{ content: ''; width: 19px; height: 38px; background: url('../img/guide/w-arrow.svg') 0 0 no-repeat; display: block; position: absolute; top: 100px;; left: -24px; }
#windows .flow-w ul li:first-of-type:before{ display: none; }
#windows .flow-w ul li:nth-of-type(3n){ margin-right: 0; }
#windows .flow-w ul li:nth-of-type(n+4){ margin-top: 28px; }
#windows .flowList02 	{ margin-top: 50px; }
#windows .flowList li:nth-of-type(n+4){ margin-top: 0; }

#modelChange 			{ margin-top: -100px; padding: 220px 0 100px; }
#modelChange .master 	{ max-width: 960px; }
#modelChange .text 		{ margin-top: 33px; }
#modelChange p 			{ padding-left: 1.5rem; }
#modelChange .text p 	{ padding-left: 0; }
#modelChange h3 a,#modelChange p a{ text-decoration: underline; }
#modelChange h3 		{ margin: 23px 0 10px; padding-top: 23px; border-top: 1px dotted #4b4b4b; color: #c58900; font-size: 18px; font-weight: 500; line-height: 1.5; }
#modelChange ol 		{ margin: 0; padding: 0 0 0 2.5rem; }
#modelChange ol li 		{ line-height: 1.5; }
/*#modelChange .bnr 		{ width: 700px; height: 100px; margin: 30px auto 0; padding-top: 20px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.3; background: #fff url('../img/common/bnr-arrow.svg') 98% 41px no-repeat; }*/


#dng 					{ margin-top: 100px; padding-top: 100px; border-top: 1px dotted #999; }
#dng h3 				{ margin-top: 25px; font-size: 30px; font-weight: 500; text-align: center; line-height: 1.5; }
#dng .box 				{ width: 960px; margin: 70px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#dng .box h4 			{ padding-bottom: 8px; font-size: 26px; font-weight: 400; color: #c58900; border-bottom: 1px solid #c58900; }
#dng .box>div:nth-of-type(1){ width: 400px; }
#dng .box>div:nth-of-type(1) div{ margin-top: 22px; }
#dng .box>div:nth-of-type(1) div a{ padding: 10px 0 25px 55px; background: url('../img/common/pdf-icon.svg') 0 8px no-repeat; display: inline-block; line-height: 1.5; font-weight: 300; }
#dng .box>div:nth-of-type(2){ width: 490px; margin-left: auto; }
#dng .box>div:nth-of-type(2) div{ border-bottom: 1px dotted #999; }
#dng .box>div:nth-of-type(2) div:first-of-type{ margin-top: 10px; }
#dng .box>div:nth-of-type(2) div a{ padding: 20px 0 25px 48px; background: url('../img/common/pdf-icon.svg') 0 18px no-repeat; display: inline-block; line-height: 1.5; font-weight: 300; }
#dng .box>div:nth-of-type(2) p{ margin-top: 25px; padding-right: 10px; text-align: right; }
#dng .box>div:nth-of-type(2) p a{ padding: 10px 27px 10px 0; background: url('../img/common/back-number-arrow.svg') 100% 50% no-repeat; font-weight: 300; }



#usefulExamples .dottedTitle{ margin-top: 85px; line-height: 1.3; }
#usefulExamples .dottedTitle>span>span{ margin-top: 7px; }
#usefulExamples .dottedTitle>span:before{ top: 24px; left: -70px; }
#usefulExamples .dottedTitle>span:after{ top: 24px; right: -70px; }
#usefulExamples .text 	{ margin-top: 9px; font-weight: 300; text-align: center; }
#usefulExamples .flex 	{ width: 960px; margin: 43px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#usefulExamples .flex figure{ width: 310px; }
#usefulExamples .box 	{ width: 960px; margin: 45px auto 0; }
#usefulExamples .box h3 { margin: 32px 0 5px; font-size: 26px; font-weight: 400; color: #c58900; }
#usefulExamples .box p 	{ line-height: 1.7; }
#usefulExamples .bnr 	{ width: 900px; height: 150px; margin: 75px auto 0; padding-top: 20px; display: block; border: 1px solid #e6a600; border-radius: 10px; text-align: center; font-size: 24px; color: #e6a600; line-height: 1.6; background: #fff url('../img/common/bnr-arrow.svg') 98% 60px no-repeat; }
#usefulExamples .bnr span{ margin-top: 9px; display: block; color: #4b4b4b; font-size: 16px; line-height: 1.7; }
#usefulExamples h4 		{ margin-top: 100px; font-size: 30px; font-weight: 500; text-align: center; }
#usefulExamples .movie 	{ width: 960px; margin: 40px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#usefulExamples .movie>div{ width: 460px; padding: 22px 30px 32px; background: url('../img/common/checkered-bg.png') 0 0 repeat; }
#usefulExamples .movie>div h5{ margin-bottom: 23px; font-size: 20px; font-weight: 400; }
#usefulExamples .movie>div p{ margin-top: 23px; font-size: 15px; font-weight: 300; }
#usefulExamples .movie>div:nth-of-type(2){ margin: auto; }

#image 					{ padding: 0 0 96px; border-top: 1px dotted #999; }
#image h2 				{ margin-top: 100px; }
#image h3 				{ margin-top: 32px; font-size: 30px; font-weight: 500; text-align: center; }
#image div 				{ width: 960px; margin: 36px auto 0; }