@charset "utf-8";/* -- 無料メルマガCSS -- */
#main-image .cont-area{ background: none !important; }
#top{ height: 38px; }
/*#main-image{ background: url(../images/main-image/mail-mag10-bg2.png) center bottom no-repeat; }*/

#main-image .cont-area{ max-width: 1200px; }

#main-image #catch{ padding: 0; text-align: right; }
#main-image #catch img{ margin: 45px 0 110px; }
.sptop{display:none;}

.worry{
	height: 510px;
	margin: 0 0 10px 45px;
	padding: 1px 0;
	background: url(../images/mail-mag/worry/bg.png) 0 0 no-repeat;
}
.worry .li01{ margin: 10px 0 0 85px; }
.worry .li02{ margin: 28px 0 0 127px; }
.worry .li03{ margin: 32px 0 0 166px; }
.worry .li04{ margin: 30px 0 0 209px; }
.worry .li05{ margin: 18px 0 0 251px; }
.worry .li06{ margin: 20px 0 0 301px; }
.worry .li07{ margin: 27px 0 0 343px; }
.worry .li08{ margin: 24px 0 0 373px; }

table.case{ margin: 0 0 20px 3%; }
table.case td{
	padding: 15px 0 0 15px;
	border-bottom: 2px dotted #ccc;
	vertical-align: top;
}
*:first-child+html table.case td{ width: 450px; }

table.case td:first-child{ border-right: 2px dotted #ccc; padding: 15px 20px 0 0; }
table.case tr.last td{ border-bottom: 0 none; }
table.case .case01, table.case .case02, table.case .case03, table.case .case04, table.case .case05, table.case .case06{ background: url(../images/mail-mag/case/up.png) no-repeat; }
table.case .case01{ background-position: 95% 45%; }
table.case .case02{ background-position: 90% 27%; }
table.case .case03{ background-position: 97% 45%; }
table.case .case04{ background-position: 95% 46%; }
table.case .case05{ background-position: 95% 46%; }
table.case .case06{ background-position: 95% 47%; }

table.case td span.img,
table.case td span.text{ display: block; }
table.case td span.img{ float: left; width: 42%; }
table.case td span.text{ float: left; width: 56%; margin: 12% 0 0 2%; }

.bullet{
	margin: 20px 0 2%;
	padding: 1px;
	background-color: #f3f8ff;
}
.bullet ul{ margin: 35px 0 35px 3.76344%; }
.bullet ul li{
	min-height: 51px;
	margin-bottom: 28px;
	padding: 0 0 0 70px;
	background: url(../images/icon/check.png) 0 0 no-repeat;
}
.bullet ul li.line1{ min-height: 25px; padding: 11px 0 15px 70px; }
.bullet ul li img{ vertical-align: middle; }

.form-area{
	position: relative;
	margin: 25px 3%;
	padding: 30px 2.8%;
	border: 5px solid #fda204;
	background-color: #fefdef;
}
.form-area .title .fl-l{ width: 34%; margin: 0; }
.form-area .title .fl-r{ width: 66%; margin: 20px 0 0 0; }

.mail-mag dl{
	margin: 0 2.86041%;
	padding: 34px 6.67475% 20px;
	box-shadow: 0 0 4px #ccc;
	background-color: #fff;
}
.mail-mag dt{
	clear: both;
	float: left;
	width: 28%;
	margin-right: 5%;
	padding-top: 4px;
}
.mail-mag dd{
	float: left;
	width: 64%;
}
.mail-mag dt:first-child, .mail-mag dd:first-child{ margin-bottom: 40px; }
.mail-mag dd input{
	width: 100%;
	padding: 4px 3px;
	font-size: 12pt;
	border: 1px solid #ccd1d6;
	background-color: #eef0f3;
}
.mail-mag .form-btn{
	margin: 30px 0;
	text-align: center;
}

.mail-mag .ssl{
	margin: 0 2%;
	padding: 15px 2% 1px;
	background-color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6em;
}
.mail-mag .ssl .al-c{ margin-bottom: 10px; }
.mail-mag .form-btn input:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

.schedule{
	margin: 0 0 30px 33px;
	padding: 0 0 0 87px;
	background: url(../images/mail-mag/schedule/bg.png) 0 12px no-repeat;
}
.schedule p{ margin-bottom: 10px; line-height: 1.4em; }
.step01, .step02, .step03, .step04, .step05{ margin-bottom: 18px; padding: 20px 0 4px 9px; }
.step01{ background: url(../images/mail-mag/schedule/01.png) 0 0 no-repeat; }
.step02{ background: url(../images/mail-mag/schedule/02.png) 0 0 no-repeat; }
.step03{ background: url(../images/mail-mag/schedule/03.png) 0 0 no-repeat; }
.step04{ margin-bottom: 36px; background: url(../images/mail-mag/schedule/04.png) 0 0 no-repeat; }
.step05{ padding-top: 8px; background: url(../images/mail-mag/schedule/05.png) 0 0 no-repeat; }

.sc{ margin: 0 0 0 12%; width: 85%; }
.sc h3{ width: 85%; margin-bottom: 20px; }
.sc .fl-l{ margin-right: 0; width: 24.35294%; }
.sc .fl-r{ margin-left: 0; width: 74%; }
.sc .title{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px dotted #ccc;
}

.voice{
	margin: 0 3% 30px;
	padding-top: 20px;
	border-top: 2px dotted #ccc;
}
.voice .img{ display: none; }
.voice01{ background: url(../images/mail-mag/voice/01-img.png) right 54px no-repeat; }
.voice02{ background: url(../images/mail-mag/voice/02-img.png) right 54px no-repeat; }
.voice03{ background: url(../images/mail-mag/voice/03-img.png) right 54px no-repeat; }
.voice-text{ width: 70%; margin: 40px 0 0 97px; }
.voice-text2{ margin: 40px 0 40px 127px; }

.message{ margin: 0 2.2%; }
.message .fl-l{ width: 26.74943%; margin-right: 0; }
.message .fl-r{ width: 70%; padding-top: 35px; }

.question{ margin: 20px 3%; }
.q1{
	padding: 16px 0 44px 106px;
	background: url(../images/mail-mag/question/bg01.png) 0 0 no-repeat;
}
.q2{
	padding: 22px 0 24px 106px;
	background: url(../images/mail-mag/question/bg02-1.png) 20px 0 no-repeat;
}
.q3{
	padding: 22px 0 24px 106px;
	background: url(../images/mail-mag/question/bg02-2.png) 20px 0 no-repeat;
}
.question-text{
	margin: 0 0 20px 106px;
}
.comment {

  width: 95%;

  height: 500px;
  margin:auto;

  overflow: scroll;

  border: #dddddd 1px solid;
	

}
.comment::-webkit-scrollbar {
    width: 16px;
    background: white;
}
.comment::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #07A7F3;
}
.review{
	margin-left:20px;
	margin-top:20px;
	margin-right:20px;
	border-bottom: #DDDDDD 1px dotted;
}
.yellow{
	color: #FF9000;
}
.title{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:120%;
	font-weight:bold;
}
.book{
	font-size:80%;
	color:#808080;
}
.w9{
	width:65%;
}
.w91{
	width:70%;
	margin:auto;
	font-size:16px;
	line-height:30px;
}

.bold2{font-weight:bold;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
       font-size:18px;}

.bold3{font-weight:bold;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
       font-size:15px;}
.yline{
	background:linear-gradient(transparent 0%, #FFFF00 0%);
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:bold;
}
.pline{
	background:linear-gradient(transparent 0%, #FFE8E8 0%);
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:bold;
}
.red{
	color:red;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:bold;
}

.voice07{
	padding-top:0px !important;
	border-top:none !important;
}
.gray{
	width:72%;
	margin:auto;
	background-color:#F2F2F2;
	margin-top:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	color:#000000;
}
.btarea{
	width:50%;
	margin:auto;
	text-align:center;
	margin-top:70px;
	margin-bottom:50px;
}

.btarea a:hover img
	{  
        filter:alpha(opacity=80);  
        -moz-opacity:0.8;  
        -khtml-opacity: 0.8;  
        opacity: 0.8;  
}  

.fd{margin-bottom:20px;}
.fl-r{float:right !important;     
    }
.form-area .title .fl-r{
	width:100%;
	
    text-align: center;}
.w99{width:100%;}
/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:1037px){
	
.worry{
	height: auto;
	margin: 0 0 10px 2%;
	padding-bottom: 120px;
	background: url(../images/mail-mag/worry/arrow.png) center bottom no-repeat;;
}
.worry .li01, .worry .li02, .worry .li03, .worry .li04, .worry .li05, .worry .li06, .worry .li07, .worry .li08{ min-height: 44px; margin: 0 0 10px; padding: 15px 0 0 65px; }
.worry .li01{ background: url(../images/mail-mag/worry/case01.png) left center no-repeat; }
.worry .li02{ background: url(../images/mail-mag/worry/case02.png) left center no-repeat; }
.worry .li03{ background: url(../images/mail-mag/worry/case03.png) left center no-repeat; }
.worry .li04{ background: url(../images/mail-mag/worry/case04.png) left center no-repeat; }
.worry .li05{ background: url(../images/mail-mag/worry/case05.png) left center no-repeat; }
.worry .li06{ background: url(../images/mail-mag/worry/case06.png) left center no-repeat; }
.worry .li07{ background: url(../images/mail-mag/worry/case07.png) left center no-repeat; }
	.worry .li08{ background: url(../images/mail-mag/worry/case08.png) left center no-repeat; }

table.case{ margin: 0 2% 20px; }

.profile .fl-l{ width: 28%; }
.profile .w630{ width: 69%; }
.profile .fl-r{ margin-left: 3%; }
.profile .fl-r .fl-l{ width: 40%; }
.profile .fl-r .fl-r{ width: 50%; }

.sp-block{ display: block; font-size: 1.3rem; line-height: 1.4em; }
.sem-img .fl-l,
.sem-img .fl-r{ width: 48%; }

.bullet ul{ margin: 25px 2.5%; }

.schedule{ margin-left: 3%; background-position: 0 0; }
.step01, .step02, .step03, .step04, .step05{ margin: 0 3% 35px 0; padding: 8px 0 1px 7px; background: none #d7e7fd; }

.voice .img{ display: block; float: right; margin-left: 2%; }
.voice01, .voice02, .voice03{ background: none; }
.voice-text{ width: 100%; margin: 40px 0 0; }
.voice-text2{ margin: 40px 0; }

.message{ margin: 0 1%; }
}
@media screen and (max-width:890px){
.mail-mag .form-btn input{ width: 100%; }
}
@media screen and (max-width:769px){
#main-image #catch img{ margin: 60px 0 20px; }
.worry .li01, .worry .li02, .worry .li03, .worry .li04, .worry .li05, .worry .li06, .worry .li07, .worry .li08{ min-height: 40px; padding: 12px 0 0 8%; }
.worry .li01, .worry .li02, .worry .li03, .worry .li04, .worry .li05, .worry .li06, .worry .li07, .worry .li08{ background-size: 7%; }

table.case{ width: 100%; }
table.case td{
	display: block;
	width: 100%;
	padding: 15px 0 0;
	border-bottom: 2px dotted #ccc;
	text-align: center;
}
table.case td:first-child{ border-right: 0 none; padding: 15px 0 0; }
table.case tr.last td:first-child{ border-bottom: 2px dotted #ccc; }
table.case td span.img{ float: left; width: 42%; }
table.case td span.text{ float: left; width: 56%; margin: 8% 0 0 2%; }

.profile .m120-t{ margin-top: 10px!important; margin-bottom: 20px; }

.bullet{ margin: 30px 0 1%; }
.bullet ul{ margin: 25px 2%; }
.bullet ul li{ min-height: 0; padding: 0 0 0 8%; margin-bottom: 17px; background-size: 6%; }
.bullet ul li.line1{ min-height: 0; padding: 0.5% 0 1.1% 8%; }

.form-area{
	margin: 10px 3%;
	padding: 30px 1.8%;
}
.form-area .title .fl-l,
.form-area .title .fl-r{ float: none; width: 100%; margin: 0 0 10px; text-align: center; }

.mail-mag dl{
	margin: 0 1.5%;
	padding: 20px 3% 10px;
}
.mail-mag dt{
	float: none;
	width: 100%;
	margin: 0 0 2px 0;
	padding-top: 0;
}
.mail-mag dd{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.mail-mag dt:first-child, .mail-mag dd:first-child{ margin-bottom: 2px; }
.mail-mag dd input{ width: 95%; }

.schedule{ margin: 0 3%; padding-left: 0; background: url(../images/icon/li02.png) center bottom repeat-y; }
.step01, .step02, .step03, .step04, .step05{ margin: 0 0 15px 0; }

.sc{ margin: 30px 2%; width: 96%; }
.sc h3{ width: 96%; margin-bottom: 20px; }

.message .fl-l,
.message .fl-r{ float: none; width: 100%; margin: 0; text-align: center; }
.message .fl-r{ margin-bottom: 20px; }

.question{ margin: 20px 1%; }
}
@media screen and (max-width:481px){

.sptop{display:block;}
#top{height:0px;}
/*#main-image{ background: url(../images/main-image/mail-mag10-bg3.png) left bottom no-repeat; background-size:auto 100%; }*/

.worry .li01, .worry .li02, .worry .li03, .worry .li04, .worry .li05, .worry .li06, .worry .li07, .worry .li08{ min-height: 35px; padding: 5px 0 0 8%; }

table.case td span.img,
table.case td span.text{ float: none; width: 100%; margin: 0; }
table.case td span.img{ margin-bottom: 5px; }

.profile .fl-l{ float: none; width: auto; text-align: center; }
.profile .w630{ width: auto; }
.profile .fl-r{ float: none; }
.profile .fl-r .fl-l{ width: auto; }
.profile .fl-r .fl-r{ width: auto; text-align: center; }

.sem-img .fl-l,
.sem-img .fl-r,
.repo .fl-r{ float: none; width: auto; margin-bottom: 10px; text-align: center; }

.bullet ul li{ padding: 0; background: none; }
.bullet ul li.line1{ padding: 0; }

.voice .img{ float: none; margin-left: 0; text-align: center; }
.voice-text{ margin: 20px 0 0; }
.voice-text2{ margin: 20px 0; }

.q1, .q2, .q3{ background: none; margin-top: 40px; padding: 0; }
.question-text{ margin: 20px 0; }
	
.comment {  width: 95%;  height: 300px;  margin:auto;  overflow: scroll;  border: #dddddd 1px solid;}
.w9{width:100%;}
	
	.fl-r{float:none !important;     
    }
.form-area .title .fl-r{
	width:100%	!important;
    text-align: center;}
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
	.w91{
	width:90%;
	margin:auto;
	font-size:16px;
	line-height:30px;
}
	.gray{
	width:88%;
	margin:auto;
	background-color:#F2F2F2;
	margin-top:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	color:#000000;
}
	.btarea{
	width:90%;
	margin:auto;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}
}




#footer{ 
	display:none;
}
.section{ 
	display:none;
}

.bullet li {
 list-style-type : none;
 padding:5px 10px;
 border-bottom:1px dotted #84b2e0;
}

@media screen and (max-width: 769px){
.bullet ul li {    min-height: 51px;
    margin-bottom: 15px;
    padding: 0 0 0 50px;
    background: url(../images/icon/check.png) 0 0 no-repeat;
	background-size: 10%;
}
.bullet ul li p{   
	 margin: 0 0 15px;
	}}



   

.liBold {
 
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: bold;
}





.bullet ul li {
    min-height: 70px;
	margin-bottom: 0px;
	background-position:left center;
	padding: 0px 25px 0px 70px;
	
	
    
}
.bullet ul li p{   
	 margin: 0 0 30px;
	vertical-align: middle;
	display: table-cell;
	vertical-align: middle;
	height:80px;
	}

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

.bullet ul li {
    min-height: 90px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 80px;
    background: url(../images/icon/check.png) 0px 0px / 10% no-repeat;
	background-position:left center;
}
.bullet ul li p{   
	 margin: 0 0 0px;
	vertical-align: middle;
	display: table-cell;
	vertical-align: middle;
	height:90px;
	}
	
}

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

.bullet ul li {
    min-height: 0px;
    margin-bottom: 0px;
    padding: 10px 0px 10px 50px;
    background: url(../images/icon/check.png) 0px 0px / 10% no-repeat;
	background-position:left center;
}
.bullet ul li p{   
	
	height:0px;
	}
	
h1{
	display:none;
	
}
}

.mail-mag dl {
    margin: 0 2.86041%;
    padding: 34px 6.67475% 20px;
    box-shadow: 0 0 4px #ccc;
    background-color: #d3e4f8;
}

.mail-mag dd input {
    width: 100%;
    padding: 4px 3px;
    font-size: 12pt;
    border: 1px solid #ccd1d6;
    background-color: #ffffff;
}


@-moz-document url-prefix() {
  body {
    display: block;
  }
	
}
.repo{
	    margin-top:10px;
		margin-bottom:30px;
	}

.surviceFont{
	width:80%;
	margin:auto;
	color:red;
}

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

.surviceFont{
	width:96%;
	margin:auto;
	color:red;
	font-size:0.8em;
}
}