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

#line{
	width:95%;
	margin:40px auto 50px;
}
#line img{
	max-width:100%;
	border:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

#line ul, #line li{
	list-style:none;
	margin:0;
	padding:0;
}
#line h1{
	margin:0 auto 30px;
	font-size:19px;
	text-align:center;
	letter-spacing:0.08em;
}
#line .logo_line{
	text-align:center;
	margin:0 auto 30px;
}
#line h2{
	font-size:17px;
	text-align:center;
	letter-spacing:0.09em;
}
#line .main_lead{
	font-size:15px;
	line-height:24px;
	margin:40px auto;
}
#line .benefits{
	margin:30px auto 0;
	background:#f9f9f9;
	border-radius:10px;
	padding:15px;
}
#line .benefits01{
	display:block;
}
#line .benefits01 .benefits01_l{
	width:100%;
	margin:0 auto 20px;
}
#line .benefits01 .benefits01_r{
	width:100%;
	margin:0 auto;
}
#line .benefits_mds{
	text-align:center;
}
#line .benefits_mds h3{
	margin:15px auto;
	font-size:19px;
	line-height:1.7em;
}
#line .benefits_txt{
	margin:0 auto;
	font-size:15px;
	line-height:1.6em;
}
#line .benefits01_entry{
	display:flex;
	width:220px;
	margin:15px auto;
}
#line .benefits01_entry .benefits01_entry_qr{
	width:90px;
	margin:0 10px 0 0;
}
#line .benefits01_entry .benefits01_entry_id{
	width:100px;
	margin:auto;
}
#line .benefits01_entry .benefits01_entry_id .benefits01_entry_id_btn{
	margin:0 0 20px;
	padding:0;
}
#line .benefits01_entry .benefits01_entry_id .benefits01_entry_id_txt{
	width:120px;
	margin:0;
	padding:0;
	font-size:14px;
}
#line .benefits_howto{
	text-align:center;
}
#line .benefits_attention{
	margin:40px auto 0;
	font-size:15px;
	line-height:1.6em;
}
#line .merit{
	display:block;
}
#line .merit .benefits02{
	width:100%;
	margin:0 auto 30px;
}
#line .merit .benefits03{
	width:100%;
	margin:0 auto;
}
#line .benefits_inner{
	margin:0 auto;
	padding:15px;
	background:#f9f9f9;
	border-radius:10px;
}
#line .benefits02_img{
	margin:0 auto;
	text-align:center;
}
#line hr.hr900{
	height:0;
	margin:50px auto;
	padding:0;
	border:0;
	border-top:1px solid #999;
}
#line .photo_wrapper{
	margin:0 auto 30px;
}
#line .photo_mds_sub{
	position:relative;
	font-size:16px;
	text-align:center;
}
#line .photo_mds_sub:before{
	position:absolute;
	content:"";
	width:10px;
	height:1.8em;
	margin-left:-1.5em;
	border-left:1px solid #473933;
	-webkit-transform:skewX(30deg);
	-moz-transform:skewX(30deg);
	transform:skewX(30deg);
}
#line .photo_mds_sub:after{
	position:absolute;
	content:"";
	width:10px;
	height:1.8em;
	margin-left:1.5em;
	border-left:1px solid #473933;
	-webkit-transform:skewX(-30deg);
	-moz-transform:skewX(-30deg);
	transform:skewX(-30deg);
}
#line .photo_main{
	display:block;
}
#line .photo_main .photo_main_l{
	width:100%;
	margin:0 auto 10px;
}
#line .photo_main .photo_main_r{
	width:100%;
	margin:auto;
}
#line .photo_maintxt{
	font-size:15px;
	line-height:23px;
}
#line .photo_period{
	margin:30px auto;
	padding:20px 0;
	border-top:1px solid #473933;
	border-bottom:1px solid #473933;
	font-weight:bold;
	line-height:1em;
	text-align:center;
}
#line .photo_period_ttl{
	margin:0 auto 15px;
	font-size:15px;
	letter-spacing:0.1em;
}
#line .photo_period_info{
	margin:0 auto;
	font-size:17px;
}
#line .partition{
	margin:20px auto;
	text-align:center;
}
#line .partition:before{
	content:"＊　＊　＊";
}
#line .photo_subtxt{
	font-size:14px;
	line-height:21px;
}
#line .photo_howto_wrapper{
	margin:0 auto 60px;	
}
#line .photo_howto{
	margin:0;
	padding:0;
}
#line .photo_howto_li{
	margin:30px 0;
	padding:0;
}
#line .photo_howto_no{
	display:block;
	margin:0 auto 10px;
}
#line .photo_howto_txt{
	margin:0 auto 10px;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
}
#line .photo_howto_subtxt{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:21px;
	font-weight:normal;
}
#line .photo_howto_subtxt img{
	margin:0 auto 10px;
}
#line .photo_howto_img{
	margin:0 auto;
	text-align:center;
}
#line .photo_howto_id{
	width:148px;
	margin:0 auto 20px;
	text-align:center;
}
#line .photo_howto_lnk{
	margin:0 auto;
	text-align:center;
}
#line .photo_howto_subtxt_li{
	margin:0 0 0.5em 1.5em;
	padding:0;
	list-style:disc;
}
#line .photo_send_mds{
	text-align:center;
	margin:0 auto 10px;
}
#line .photo_send_mds_txt{
	margin:0;
	font-size:17px;
	font-weight:bold;
	line-height:19px;
}
#line .photo_send_mds_img{
	margin:0 10px 0 0;
	vertical-align:middle;
}
#line .photo_send_step{
	display:flex;
	flex-direction:column;
}
#line .photo_send_step li{
	width:90%;
	margin:0 auto 30px;
}
#line .contact_mds{
	margin:0 auto 10px;
	font-size:17px;
	text-align:center;
}
#line .contact_phone{
	width:90%;
	margin:0 auto;
	padding:20px 0;
	font-size:14px;
	line-height:23px;
	text-align:center;
	border-top:1px solid #473933;
	border-bottom:1px solid #473933;
}
#line .line_add_mds{
	margin:0 auto 10px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
#line .line_add_mds:before{
	content:"●";
	margin-right:0.5em;
}
#line .line_add_mds:after{
	content:"●";
	margin-left:0.5em;
}
#line .line_add_txt{
	margin:0 auto 10px;
	font-size:14px;
	line-height:21px;
}
#line .line_add_lnk{
	margin:0 auto 30px;
	text-align:center;
}
#line .line_add_howto{
	display:flex;
	flex-direction:column;
}
#line .line_add_howto li{
	width:90%;
	margin:0 auto 30px;
	text-align:center;
}
#line .line_add_howto_ttl{
	margin:0 auto 10px;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
}
#line .line_add_howto_txt{
	margin:10px auto 0;
	font-size:14px;
	line-height:20px;
	text-align:left;
}



/******************************************
PC表示
******************************************/
@media screen and (min-width:768px){
#line{
	width:1000px;
}
#line h1{
	margin:0 auto 40px;
	font-size:27px;
}
#line .logo_line{
	margin:0 auto 40px;
}
#line h2{
	font-size:22px;
}
#line .main_lead{
	width:800px;
	margin:60px auto;
}
#line .benefits{
	width:800px;
	margin:40px auto 0;
	padding:0;
}
#line .benefits01{
	display:flex;
	padding:30px;
}
#line .benefits01 .benefits01_l{
	width:360px;
	margin:0 40px 0 auto;
}
#line .benefits01 .benefits01_r{
	width:360px;
	margin:0 auto;
}
#line .benefits_mds h3{
	font-size:18px;
	line-height:25px;
}
#line .benefits_attention{
	margin:0 20px;
	padding:0 0 20px;
}
#line .merit{
	display:flex;
	width:800px;
	margin:0 auto;
}
#line .merit .benefits02{
	width:380px;
	margin:0 40px 0 auto;
}
#line .merit .benefits03{
	width:380px;
	margin:0 auto;
}
#line .benefits_inner{
	padding:30px;
}
#line hr.hr900{
	width:900px;
	margin:100px auto;
}
#line .photo_wrapper{
	width:800px;
	margin:0 auto 40px;
}
#line .photo_main{
	display:flex;
}
#line .photo_main .photo_main_l{
	width:380px;
	margin:0 40px 0 auto;
}
#line .photo_main .photo_main_r{
	width:380px;
	margin:auto;
}
#line .photo_period_ttl{
	font-size:16px;
}
#line .photo_period_info{
	font-size:19px;
}
#line .photo_howto_wrapper{
	width:800px;
	margin:0 auto 60px;	
}
#line .photo_howto_li{
	position:relative;
}
#line .photo_howto_no{
	position:absolute;
}
#line .photo_howto_txt{
	margin:0 0 10px 45px;
	line-height:34px;
}
#line .photo_howto_subtxt{
	margin:0 0 40px 45px;
}
#line .photo_howto_img{
	margin:0;
	text-align:left;
}
#line .photo_howto_id{
	margin:0 0 20px;
	font-size:16px;
}
#line .photo_howto_lnk{
	margin:0;
	text-align:left;
}
#line .photo_send_wrapper{
	width:800px;
	margin:0 auto 40px;
}
#line .photo_send_mds{
	margin:0 auto 20px;
}
#line .photo_send_mds_txt{
	font-size:19px;
}
#line .photo_send_step{
	width:800px;
	margin:0 auto;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
#line .photo_send_step li{
	width:240px;
	flex-grow:1;
	margin:0 40px 40px 0;
}
#line .photo_send_step li:nth-child(3n){
	margin:0 0 40px 0;
}
#line .contact{
	width:470px;
	margin:0 auto;
}
#line .contact_mds{
	font-size:18px;
}
#line .contact_phone{
	width:470px;
	font-size:16px;
	line-height:25px;
}
#line .line_add{
	width:800px;
	margin:0 auto 100px;
}
#line .line_add_mds{
	font-size:17px;
}
#line .line_add_txt{
	font-size:15px;
	line-height:22px;
	text-align:center;
}
#line .line_add_howto{
	width:800px;
	margin:0 auto;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
#line .line_add_howto li{
	width:240px;
	flex-grow:1;
	margin:0 40px 40px 0;
}
#line .line_add_howto li:nth-child(3n){
	margin:0 0 40px 0;
}
}



/******************************************
PC・SPの表示・非表示
******************************************/
/*------------------------------------- SPで非表示・PCで表示 */
#line .pc{display:none !important;}
@media screen and (min-width:768px){
#line .pc{display:block !important;}
}
/*------------------------------------- SPで表示・PCで非表示 */
#line .sp{display:block !important;}
@media screen and (min-width:768px){
#line .sp{display:none !important;}
}


/******************************************
PCで電話発信しない
******************************************/
@media screen and (min-width:768px){
a[href^="tel:"]{
    pointer-events:none;
}
}


/******************************************
border ボーダー
******************************************/
#line .bdr1cs{
	border:1px #ccc solid !important;
}


/******************************************
radius 角丸なし
******************************************/
#line .no_radius{
	border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
}

/******************************************
フォント・装飾
******************************************/
#line .Alegreya{
	font-family:'Alegreya', serif;
}
#line .AlegreyaSans{
	font-family:'Alegreya Sans SC', sans-serif;
}
#line .Mincho{
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:500 !important;
}
#line .Gothic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#line .white{
	color:#fff;
}
#line .red{
	color:#900;
}
#line .underline{
	text-decoration:underline;
}


/******************************************
フロート
******************************************/
#line .FL{float:left;}
#line .FR{float:right;}


/******************************************
clear fix
******************************************/
#line .clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}


/******************************************
margin・padding
******************************************/
#line .mrT0{margin-top:0 !important;}
#line .mrT10{margin-top:10px !important;}
#line .mrT20{margin-top:20px !important;}
#line .mrT30{margin-top:30px !important;}
#line .mrT40{margin-top:40px !important;}
#line .mrT50{margin-top:50px !important;}
#line .mrT60{margin-top:60px !important;}
#line .mrT70{margin-top:70px !important;}
#line .mrT80{margin-top:80px !important;}
#line .mrT90{margin-top:90px !important;}
#line .mrT100{margin-top:100px !important;}
#line .mrT110{margin-top:110px !important;}
#line .mrT120{margin-top:120px !important;}

#line .mrR0{margin-right:0 !important;}
#line .mrR10{margin-right:10px !important;}
#line .mrR20{margin-right:20px !important;}
#line .mrR30{margin-right:30px !important;}
#line .mrR40{margin-right:40px !important;}
#line .mrR50{margin-right:50px !important;}
#line .mrR60{margin-right:60px !important;}
#line .mrR70{margin-right:70px !important;}
#line .mrR80{margin-right:80px !important;}
#line .mrR90{margin-right:90px !important;}
#line .mrR100{margin-right:100px !important;}
#line .mrR110{margin-right:110px !important;}
#line .mrR120{margin-right:120px !important;}

#line .mrB0{margin-bottom:0 !important;}
#line .mrB10{margin-bottom:10px !important;}
#line .mrB20{margin-bottom:20px !important;}
#line .mrB30{margin-bottom:30px !important;}
#line .mrB40{margin-bottom:40px !important;}
#line .mrB50{margin-bottom:50px !important;}
#line .mrB60{margin-bottom:60px !important;}
#line .mrB70{margin-bottom:70px !important;}
#line .mrB80{margin-bottom:80px !important;}
#line .mrB90{margin-bottom:90px !important;}
#line .mrB100{margin-bottom:100px !important;}
#line .mrB110{margin-bottom:110px !important;}
#line .mrB120{margin-bottom:120px !important;}

#line .mrL0{margin-left:0 !important;}
#line .mrL10{margin-left:10px !important;}
#line .mrL20{margin-left:20px !important;}
#line .mrL30{margin-left:30px !important;}
#line .mrL40{margin-left:40px !important;}
#line .mrL50{margin-left:50px !important;}
#line .mrL60{margin-left:60px !important;}
#line .mrL70{margin-left:70px !important;}
#line .mrL80{margin-left:80px !important;}
#line .mrL90{margin-left:90px !important;}
#line .mrL100{margin-left:100px !important;}
#line .mrL110{margin-left:110px !important;}
#line .mrL120{margin-left:120px !important;}


#line .pdT0{padding-top:0 !important;}
#line .pdT10{padding-top:10px !important;}
#line .pdT20{padding-top:20px !important;}
#line .pdT30{padding-top:30px !important;}
#line .pdT40{padding-top:40px !important;}
#line .pdT50{padding-top:50px !important;}
#line .pdT60{padding-top:60px !important;}
#line .pdT70{padding-top:70px !important;}
#line .pdT80{padding-top:80px !important;}
#line .pdT90{padding-top:90px !important;}
#line .pdT100{padding-top:100px !important;}
#line .pdT110{padding-top:110px !important;}
#line .pdT120{padding-top:120px !important;}

#line .pdR0{padding-right:0 !important;}
#line .pdR10{padding-right:10px !important;}
#line .pdR20{padding-right:20px !important;}
#line .pdR30{padding-right:30px !important;}
#line .pdR35{padding-right:35px !important;}
#line .pdR40{padding-right:40px !important;}
#line .pdR50{padding-right:50px !important;}
#line .pdR60{padding-right:60px !important;}
#line .pdR70{padding-right:70px !important;}
#line .pdR80{padding-right:80px !important;}
#line .pdR90{padding-right:90px !important;}
#line .pdR100{padding-right:100px !important;}
#line .pdR110{padding-right:110px !important;}
#line .pdR120{padding-right:120px !important;}

#line .pdB0{padding-bottom:0 !important;}
#line .pdB10{padding-bottom:10px !important;}
#line .pdB20{padding-bottom:20px !important;}
#line .pdB30{padding-bottom:30px !important;}
#line .pdB40{padding-bottom:40px !important;}
#line .pdB50{padding-bottom:50px !important;}
#line .pdB60{padding-bottom:60px !important;}
#line .pdB70{padding-bottom:70px !important;}
#line .pdB80{padding-bottom:80px !important;}
#line .pdB90{padding-bottom:90px !important;}
#line .pdB100{padding-bottom:100px !important;}
#line .pdB110{padding-bottom:110px !important;}
#line .pdB120{padding-bottom:120px !important;}

#line .pdL0{padding-left:0 !important;}
#line .pdL10{padding-left:10px !important;}
#line .pdL20{padding-left:20px !important;}
#line .pdL30{padding-left:30px !important;}
#line .pdL40{padding-left:40px !important;}
#line .pdL50{padding-left:50px !important;}
#line .pdL60{padding-left:60px !important;}
#line .pdL70{padding-left:70px !important;}
#line .pdL80{padding-left:80px !important;}
#line .pdL90{padding-left:90px !important;}
#line .pdL100{padding-left:100px !important;}
#line .pdL110{padding-left:110px !important;}
#line .pdL120{padding-left:120px !important;}