@charset "utf-8";
/* --------------------------------------------------------- */
/* レイアウト
------------------------------------------------------------ */

#mainVisual {
	background: url(../img/bac_main02.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	overflow: hidden;
}
.overlay {
	background-image: url(../img/bac_overlay.png);
	background-repeat: repeat;
	background-position: top center;
	width: 100%;
	height: 540px;
}
#mainVisual .tit_logo {
	padding-top: 147px;
	width: 351px;
}
@media (max-width: 750px) {
	header {
		background-position: top center;
	}
	.overlay {
		height: 510px;
	}
	#mainVisual{
		height: 510px;
	}
	#mainVisual .tit_logo{
		width: 60%;
		max-width: 310px;
		margin: 0px auto;
		padding:85px 0 0 0;
	}
}


/* --------------------------------------------------------- */
/* トップイメージ＆ヘッダー
------------------------------------------------------------ */

#introWrap {
	padding-bottom: 60px;
}
#introWrap .inner {
	position: relative;
}
#introWrap .inner .chirashi_lang {
	width: 308px;
	margin: 42px auto 0;
}
#introWrap .inner .chirashi_lang a {
	color: #fff;
	font-size: 16px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	display: block;
	background: #38b0e5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	padding-left: 14px;
}
#introWrap .inner .chirashi_lang:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#introWrap .inner .chirashi_lang a:before {
	background: url(../img/icon_pdf.png) no-repeat left top 5px;
	background-size: 28px;
	display: block;
	width: 28px;
	height: 40px;
	content: '';
	position: absolute;
}
#introWrap .inner .en a:before {
	left: 24px;
}
#introWrap .inner .ko a:before {
	left: 30px;
}
#introWrap .inner .tw a:before {
	left: 50px;
}
#introWrap .inner .chirashi_lang a:hover {
	background: #64cdfb;
}

@media (max-width: 750px) {
	#introWrap .inner .chirashi_lang {
	width: 100%;
	}
	#introWrap .inner .chirashi_lang a {
		font-size: 15px;
		padding-left: 0;
	}
	#introWrap .inner .chirashi_lang a:before {
		display: none;
	}
}

#introWrap .img_readtxt {
	position: absolute;
	right: 0;
	top: 0;
	margin:-465px 55px 0 0;
}
#introWrap .img_mobile {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -315px;
	margin-right: -54px;
	width: 649px;
	height: 518px;
}

@media (max-width: 750px) {
	#introWrap {
		padding-bottom: 50px;
	}
	#introWrap .img_mobile {
		position:relative;
		margin-top: -190px !important;
		width:87%;
		max-width: 400px;
		height: auto;
		left: auto;
		right:auto;
		margin:0 auto;
	}
}
@media (max-width: 440px) {
	#introWrap .img_mobile {
		margin-top: -170px !important;
	}
}
@media (max-width: 340px) {
	#introWrap .img_mobile {
		margin-top: -130px !important;
	}
}
/* --------------------------------------------------------- */
/* ダウンロードボタン
------------------------------------------------------------ */

#introWrap .txt {
	width: 390px;
	text-align:center;
}
.btn ul {
	margin-top: 9px;
	padding: 14px 6px 14px 14px;
	background: #fff;
	border: 4px solid #ddd;
	display: inline-block;
	border-radius: 10px;
}
.btn ul li {
	display: inline-block;
	margin-right: 8px;
}
.btn ul li img {
	height: 50px;
}
#introWrap .btn {
	margin-top: 40px;
}
#introWrap .btn .dlBtn {
	margin-top: 17px;
	margin-right: 10px;
	display: inline-block;
	width: 458px;
	position: relative;
}
#introWrap .btn .dlBtn:after {
	display: inline-block;
	margin-left: 15px;
	content: "";
	width: 118px;
	height: 71px;
	background-image: url(../img/img_aplibtn.png);
	background-repeat: no-repeat;
	position: absolute;
}
.storeBtn {
	display: inline-block;
	width: 117px;
}

@media (max-width: 750px) {
	#introWrap .txt {
		width: 82%;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#introWrap .btn {
		margin-top: 30px;
		text-align: center;
	}
	#introWrap .btn ul {
		margin-top: 12px;
		margin: 0 auto;
		background-color: #FFFFFF;
		width: auto;
		padding: 15px 0px 15px 0px;
		border: 1px solid #e5e5e5;
		max-width:450px;
	}
	.btn ul {
		margin-top: 12px;
	}
	.btn ul li {
		display: inline-block;
		margin-right: 5px;
	}
	.btn ul li:last-child {
		margin-right: 0px;
	}
	.btn ul li.g_btn {
		height: auto;
		width: 41%;
	}
	.btn ul li.a_btn {
		width: 42%;
		height: auto;
	}
	.btn ul li img {
		height: auto;
	}
	#introWrap .btn .dlBtn {
		width: 95%;
		text-align: center;
	}
	#introWrap .btn .dlBtn:after {
		display: block;
		margin-left: none;
		margin: 0 auto !important;
		content: "";
		width: 190px;
		height: 40px;
		background-image: url(../img/img_aplibtn_smart.png);
		background-repeat: no-repeat;
		background-size: 190px 27px;
		background-position: center bottom;
		position: static;
	}
}

/* --------------------------------------------------------- */
/* 他言語
------------------------------------------------------------ */

/* -----[ readWrap-lang ]----- */

#introWrap .img_mobile_lang {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -480px;
	margin-right: -100px;
	width: 620px;
	height: 581px;
}
#readWrap-lang h2 {
	font-size: 35px;
	margin-top: 60px;
	margin-bottom: 7px;
	font-weight: bold;
	padding-top: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	border-top: 3px dotted #ddd;
}
#readWrap-lang h2 span {
	font-size: 28px;
	margin-left: 4px;
}
#readWrap-lang h2 span {
	margin-left: 0px !important;
	margin-right: 10px;
}
#readWrap-lang .txt-box {
	display: flex;
}
#readWrap-lang p {
	line-height: 1.75em;
	font-size: 16px;
	margin-bottom: 5px;
}
#readWrap-lang .img{
	flex-shrink: 0;
	width: 8%;
	margin-right: 20px;
}
#readWrap-lang .attention{
	font-size: 12px !Important;
	color: #8b8989;
	margin-top:20px;
}
@media (max-width: 750px) {
	#introWrap .img_mobile_lang {
		position:relative;
		margin-top: -230px !important;
		width:93%;
		max-width: 400px;
		height: auto;
		left: auto;
		right:auto;
		margin:0 auto;
	}
	#readWrap-lang h2 {
		font-size: 1.3rem;
		margin-top: 40px;
		padding-top: 20px;
		margin-bottom: 10px;
	}
	#readWrap-lang h2 span {
		font-size: 1.2rem;
	}
	#readWrap-lang p {
		line-height: 1.65em;
		font-size: 1.1rem;
	}
	#readWrap-lang .img{
		width: 19%;
	}
}
@media (max-width: 340px) {
	#introWrap .img_mobile_lang {
		margin-top: -170px !important;
	}
}

/* -----[ bousaiWrap ]----- */

#bousaiWrap-lang{
	display:flex;
	margin-top:30px;
}
#bousaiWrap-lang h3{
	margin:10px 0;
	font-size: 24px;
	font-weight:bold;
}
#bousaiWrap-lang .img{
	width:8%;
	margin-right:20px;
}
#bousaiWrap-lang .txt-box{
	flex:1;
	font-size:16px;
	overflow: hidden;
}

@media (max-width: 750px) {
	#bousaiWrap-lang h3{
		font-size: 1.3rem;
		margin:0 0 5px 0;
	}
	#bousaiWrap-lang .img {
		width: 19%;
		margin-right: 20px;
	}
	#bousaiWrap-lang .txt-box{
		font-size:1rem;
	}
}
/* --------------------------------------------------------- */
/*　告知
------------------------------------------------------------ */

.notice h2{
	font-size:26px;
	text-align:center;
	font-weight:bold;
	margin:50px auto 0;
}
.notice .set{
	height:240px;
	overflow-y: scroll;
	background:rgba(238,238,238,0.6);
	border:1px solid #e5e5e5;
	padding:15px 2.5%;
	margin-top:15px;
	box-sizing:border-box;
	border-radius: 6px;
	line-height:1.5;
}
.notice dl{
	margin:15px 0 15px 0;
}
.notice dl:last-child{
	margin:25px 0 0px;
}
.notice dl dt{
	padding-bottom:3px;
	font-weight:bold;
	font-size:15px;
}
.notice dl dd{
	font-size:15px;
	margin-left:20px;
}
.notice dl dd a{
	word-break: break-all;
	text-decoration: underline;
}
.notice table{
	width:auto;
	margin:15px 0 20px;
}
.notice th,
.notice td{
	border: 1px solid #d9d8d5;
}
.notice td{
	padding: 13px 24px 12px 20px;
	width:710px;
	background:rgba(255,255,255,0.4);
}
.notice th{
	padding: 13px 20px 12px;
	font-weight: bold;
	line-height: 1;
	background:rgba(255,255,255,0.9);
}
.notice li{
	list-style: disc;
	margin:4px 0 4px 18px;
	text-indent: -2px;
}
@media (max-width: 750px) {
	.notice{
		margin-top:20px;
	}
	.notice h2{
		margin: 35px auto 0;
		font-size: 1.6rem;
	}
	.notice .set {
		height: 300px;
		margin-top: 10px;
		padding: 5px 4%;
	}
	.notice .set::-webkit-scrollbar {
		width: 4px;
	}
	.notice .set::-webkit-scrollbar-thumb{
		background: rgba(0,0,0,0.2);
		border-radius: 5px;
	}
	/*.notice .notice_ttl {
		font-size: 1.1rem;
	}
	.notice .notice_txt{
		font-size:1rem;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}*/
	.notice dl {
		margin: 15px 0 15px;
		width: 100%;
	}
	.notice dl dt {
		font-size: 1.1rem;
	}
	.notice dl dd {
		font-size: 1rem;
		margin-left: 0px;
	}
	.notice th,
	.notice td{
		display:block;
		border-bottom:none;
	}
	.notice td{
		padding: 13px 18px 12px;
		width:100%;
		box-sizing:border-box;
	}
	.notice tr:last-child{
		border-bottom:1px solid #ddd;
	}
}
@media (max-width: 440px) {
	.notice dl dt span{
		display:block;
		font-weight:bold;
		font-size: 1rem;
		margin:2px 0 2px 6px;
	}
}

/* --------------------------------------------------------- */
/* アプリ説明
------------------------------------------------------------ */

#readWrap{
	background:#fff;
	width:100%;
	height:auto;
	padding:65px 0;
}
#readWrap h2 {
	font-size: 36px;
	text-align:center;
	margin-bottom: 40px;
	padding-bottom:15px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	border-bottom: 3px dotted #ddd;
	position:relative;
}
#readWrap h2:after {
	position: absolute;
	background: url(../img/jp/ico_moni.png) no-repeat;
	background-size:auto 100%;
	width: 98px;
	height: 72px;
	display: block;
	content: '';
	bottom: 0;
	margin-bottom: -6px;
	left: 130px;
}
#readWrap h2 span {
	font-size: 28px;
	font-weight: bold;
	margin-left: 4px;
}
#readWrap .set{
	display:flex;
}
#readWrap .img{
	width:313px;
	margin-top:15px;
}
#readWrap .txt_box{
	flex:1;
	margin-left:40px;
}
#readWrap .txt_box h3{
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.8;
}
#readWrap .txt_box h3 span{
	font-size:15px;
	font-weight:bold;
}
#readWrap .txt_box p{
	margin-top:15px;
	font-size:16px;
	line-height:1.85;
}
#readWrap dl {
	margin-bottom: 24px;
	font-size: 16px;
}
#readWrap dt{

}
#introWrap #readWrap p {
	line-height: 1.7em;
	font-size: 15px;
	margin-bottom: 5px;
	width: 970px;
}
#readWrap .attention {
	font-size: 13px;
	line-height: 2em;
	color: #8b8989;
	margin: 35px 0 0;
}

@media (max-width: 750px) {
	#readWrap{
		padding:45px 0;
	}
	#readWrap h2 {
		font-size: 1.55rem;
		padding-bottom:10px;
		margin-bottom: 10px;
	}
	#readWrap h2 span {
		font-size: 1.2rem;
		margin-left:3px;
	}
	#readWrap h2:after {
		display:none;
	}
	#readWrap .set {
		display: block;
	}
	#readWrap .img {
		width: 70%;
		max-width:300px;
		margin: 30px auto;
	}
	#readWrap .txt_box {
		margin:10px auto 0;
	}
	#readWrap .txt_box p {
		margin-top: 5px;
		font-size: 1rem;
		line-height: 1.65;
	}
	#readWrap .txt_box h3 {
		font-size: 1.1rem;
		margin-bottom: 15px;
	}
	#readWrap .txt_box h3 span {
		font-size: 1rem;
		display:block;
	}
	#readWrap dl {
		margin-bottom: 20px;
		font-size: 14px;
	}
	#readWrap .attention {
		font-size: 0.9rem;
		line-height: 1.65em;
		margin: 15px 0 0;
	}
	footer .inner {
		text-align: center;
	}
	footer .inquiry dl dt {
		margin-bottom: 5px;
	}
	footer .inquiry dl dd .position {
		font-size: 1.2rem !important;
	}
	.rightBox {
		float: none;
	}
	.laBtn {
		display: none;
	}
	.sp {
		display: inline-block !important;
	}
}
@media (max-width: 440px) {
	#mainVisual {
		height: 460px;
	}
	#mainVisual .overlay{
		height: 460px;
	}
	#mainVisual h1 {
		padding: 77px 0 0 20px;
	}
}

@media (max-width: 340px) {
	#mainVisual {
		height: 380px;
	}
	#mainVisual .overlay{
		height: 380px;
	}
	#mainVisual h1 {
		padding: 75px 0 0 20px;
	}
}

/* --------------------------------------------------------- */
/*　機能紹介テンプレート
------------------------------------------------------------ */

/* ---------- タイトル -------- */

.tit_mode{
	text-align:center;
}
.tit_mode h2{
	display:inline-block;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	position: relative;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

/* ---------- タブ -------- */

ul.tab li {
	height: 60px;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	margin:0px 12px 0 0;
	border-radius: 6px 6px 0 0;
	background: #fff;
	letter-spacing: normal;
	position:relative;
	transition-duration:0.5s;
}
ul.tab li a {
	vertical-align: middle;
	color: #afaaa5;
	height: 60px;
	display: table-cell;
}
ul.tab li a span {
	padding: 0px 36px;
	display: block;
	font-size: 25px;
}
ul.tab li.tab_kosodate a span {
	padding: 0px 36px;
}
ul.tab li.tab_marriage a span {
	padding: 0px 28px;
}
ul.tab li.tab_point a span {
	padding: 0px 28px;
}
li.tab_kenko a span{color:#ff9916;}
li.tab_kosodate a span{color:#fb96a8;}
li.tab_kanko a span{color:#00b5f4;}
li.tab_bousai a span{color:#f52e19;}
li.tab_marriage a span{color:#35B4AF;}
li.tab_point a span{color:#0370AE;}
.modeWrap ul.tab li.active a {
	color: #566079;
}
.modeWrap ul.tab li.active a span {
	color: #fff;
	font-weight:bold;
}
li.tab_kenko.active{background:#ff9916 !important;box-shadow: 0px -3px 0px 0px #ff9916 inset;}
li.tab_kosodate.active{background:#fb96a8 !important;box-shadow: 0px -3px 0px 0px #fb96a8 inset;}
li.tab_kanko.active{background:#00b5f4 !important;box-shadow: 0px -3px 0px 0px #00b5f4 inset;}
li.tab_bousai.active{background:#f52e19 !important;box-shadow: 0px -3px 0px 0px #f52e19 inset;}
li.tab_marriage.active{background:#35B4AF !important;box-shadow: 0px -3px 0px 0px #35B4AF inset;}
li.tab_point.active{background: linear-gradient(-60deg,#0370ae 0%,  #3ea26c 50.37%, #e69204 100%);}
i{
	display:block;
	position:absolute;
	background: #ffd800;
	border:2px solid #fff;
	top:-23px;
	left:-10px;
	border-radius: 30px;
	line-height: 30px;
	color: #333;
	width: 67px;
	font-size: 14px;
	font-weight: bold;
}
.modeWrap ul.tab{
	text-align:center;
	letter-spacing: -.40em;
}
@media (max-width: 750px) {
	i {
		top: -10px;
		left: -6px;
		line-height: 16px;
		width: 42px;
		font-size: .7rem;
	}
}

/* ---------- 各機能 -------- */

.modeBox {
	background: #fff;
	padding: 0 0 25px;
	border-radius: 8px;
	box-sizing: border-box;
	overflow: hidden;
}
.mode_set li h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 6px 0px 10px 43px;
	background-position: top 2px left !important;
	background-size: 31px auto !important;
}
.mode_set h3.is-left {
	padding: 6px 0px 10px 0;
	background: none !important;
}
.mode_kenko li:nth-child(1) h3 {background: url(../img/icon/ico_kenko1.png) no-repeat;}
.mode_kenko li:nth-child(2) h3 {background: url(../img/icon/ico_kenko2.png) no-repeat;}
.mode_kenko li:nth-child(3) h3 {background: url(../img/icon/ico_kenko3.png) no-repeat;}
.mode_kenko li:nth-child(4) h3 {background: url(../img/icon/ico_kenko4.png) no-repeat;}
.mode_kenko li:nth-child(5) h3 {background: url(../img/icon/ico_kenko5.png) no-repeat;}
.mode_kenko li:nth-child(6) h3 {background: url(../img/icon/ico_kenko6.png) no-repeat;}
.mode_kenko li:nth-child(7) h3 {background: url(../img/icon/ico_kenko7.png) no-repeat;}
.mode_kenko li:nth-child(8) h3 {background: url(../img/icon/ico_kenko8.png) no-repeat;}
.mode_kenko li:nth-child(9) h3 {background: url(../img/icon/ico_kenko9.png) no-repeat;}
.mode_kosodate li:nth-child(1) h3 {background: url(../img/icon/ico_kosodate1.png) no-repeat;}
.mode_kosodate li:nth-child(2) h3 {background: url(../img/icon/ico_kosodate2.png) no-repeat;}
.mode_kosodate li:nth-child(3) h3 {background: url(../img/icon/ico_kosodate3.png) no-repeat;}
.mode_kosodate li:nth-child(4) h3 {background: url(../img/icon/ico_kosodate4.png) no-repeat;}
.mode_kosodate li:nth-child(5) h3 {background: url(../img/icon/ico_kosodate5.png) no-repeat;}
.mode_kosodate li:nth-child(6) h3 {background: url(../img/icon/ico_kosodate6.png) no-repeat;}
.mode_kosodate li:nth-child(7) h3 {background: url(../img/icon/ico_kosodate7.png) no-repeat;}
.mode_kosodate li:nth-child(8) h3 {background: url(../img/icon/ico_kosodate8.png) no-repeat;}
.mode_kosodate li:nth-child(9) h3 {background: url(../img/icon/ico_kosodate9.png) no-repeat;}
.mode_kanko li:nth-child(1) h3 {background: url(../img/icon/ico_kanko_1.png) no-repeat;}
.mode_kanko li:nth-child(2) h3 {background: url(../img/icon/ico_kanko_2.png) no-repeat;}
.mode_kanko li:nth-child(3) h3 {background: url(../img/icon/ico_kanko_3.png) no-repeat;}
.mode_kanko li:nth-child(4) h3 {background: url(../img/icon/ico_kanko_4.png) no-repeat;}
.mode_kanko li:nth-child(5) h3 {background: url(../img/icon/ico_kanko_5.png) no-repeat;}
.mode_kanko li:nth-child(6) h3 {background: url(../img/icon/ico_kanko_6.png) no-repeat;}
.mode_kanko li:nth-child(7) h3 {background: url(../img/icon/ico_kanko_7.png) no-repeat;}
.mode_kanko li:nth-child(8) h3 {background: url(../img/icon/ico_kanko_8.png) no-repeat;}
.mode_kanko li:nth-child(9) h3 {background: url(../img/icon/ico_kanko_9.png) no-repeat;}
.mode_bousai li:nth-child(1) h3 {background: url(../img/icon/ico_bousai_1.png) no-repeat;}
.mode_bousai li:nth-child(2) h3 {background: url(../img/icon/ico_bousai_2.png) no-repeat;}
.mode_bousai li:nth-child(3) h3 {background: url(../img/icon/ico_bousai_3.png) no-repeat;}
.mode_bousai li:nth-child(4) h3 {background: url(../img/icon/ico_bousai_4.png) no-repeat;}
.mode_bousai li:nth-child(5) h3 {background: url(../img/icon/ico_bousai_5.png) no-repeat;}
.mode_bousai li:nth-child(6) h3 {background: url(../img/icon/ico_bousai_6.png) no-repeat;}
.mode_bousai li:nth-child(7) h3 {background: url(../img/icon/ico_bousai_7.png) no-repeat;}
.mode_bousai li:nth-child(8) h3 {background: url(../img/icon/ico_bousai_8.png) no-repeat;}
.mode_bousai li:nth-child(9) h3 {background: url(../img/icon/ico_bousai_9.png) no-repeat;}
.mode_bousai li:nth-child(10) h3 {background: url(../img/icon/ico_bousai_10.png) no-repeat;}
.mode_bousai li:nth-child(11) h3 {background: url(../img/icon/ico_bousai_11.png) no-repeat;}
.mode_bousai li:nth-child(12) h3 {background: url(../img/icon/ico_bousai_12.png) no-repeat;}
.mode_marriage li:nth-child(1) h3 {background: url(../img/icon/ico_marriage1.png) no-repeat;}
.mode_marriage li:nth-child(2) h3 {background: url(../img/icon/ico_marriage2.png) no-repeat;}
.mode_marriage li:nth-child(3) h3 {background: url(../img/icon/ico_marriage3.png) no-repeat;}
.mode_marriage li:nth-child(4) h3 {background: url(../img/icon/ico_marriage4.png) no-repeat;}
.mode_set li p.txt {
	padding-left: 43px;
	font-size: 14px;
	color: #373636;
	line-height: 1.75;
}
.mode_set li p.is-left {
	padding: 0;
}
.mode_set li p.txt span{
	display: block;
	color: #888;
	font-size: 12px;
	padding-top: 3px;
}
.mode_content {
  text-align: center;
  padding: 30px 0px 35px 0;
}
.mode_kenko {border-top: 10px solid #ff9916;}
.mode_kosodate {border-top: 10px solid #fb96a8;}
.mode_kanko {border-top: 10px solid #00b5f4;}
.mode_bousai {border-top: 10px solid #f52e19;}
.mode_marriage {border-top: 10px solid #35B4AF;}
.mode_point { 
	position:relative;
	/* border-top:10px solid linear-gradient(-60deg, #e69204 0%, #3ea26c 50.37%, #0370ae 100%); */
}
.mode_point::before {
	background:linear-gradient(-60deg,#0370ae 0%,  #3ea26c 50.37%, #e69204 100%);
	height: 10px;
	width: 100%;
	top:0;
	left:0;
	right:0;
	content:'';
	position:absolute;

}
.mode_set {
	letter-spacing: -.4em;
}
.mode_set li {
	width: 48%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 45px auto 0;
	padding: 0 0;
	position: relative;
	border-right: 1px solid #d4d7d9;
	box-sizing: border-box;
}
.mode_set li:nth-child(11){
	border-right:none;
}
li.set_1row-bottom {
	padding: 0 0 40px;
}
li.set_1row-bottom:last-child {
	border: none !important;
	padding: 0 0 140px;
}
li.set_1row-bottom:last-child::after {
	content: none;
}
li.set_1row-bottom .kanko-img {
	width: 16%;
	float: right;
  padding: 0 70px 0 0;
}
.mode_set li .txtBox {
	vertical-align: top;
	text-align: left;
	position: absolute;
	margin: 0 auto !important;
	top: 0;
	width: 85%;
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.modeBox .img {
	padding-top: 130px;
	width: 90%;
	max-width: 350px;
	margin: 0 auto;
	float: none;
	text-align: center;
}
#feature .mode_kenko li .mypage_box .img {
	padding-top: 150px;
}

#feature .mode_kenko li .mypage_box .img_kenko {
	padding-top: 232px !important;
}

#feature .mode_kenko li .mypage_box.set_1row .img {
	display: flex;
	padding-top: 0;
	align-items: flex-end;
}
#feature .mode_kosodate li:nth-child(2) .img,
#feature .mode_kosodate li:nth-child(3) .img,
#feature .mode_kosodate li:nth-child(4) .img,
#feature .mode_kosodate li:nth-child(5) .img,
#feature .mode_kosodate li:nth-child(6) .img,
#feature .mode_kosodate li:nth-child(7) .img {
	padding-top: 155px;
}
#feature .mode_kanko li:nth-child(4) .img,
#feature .mode_kanko li:nth-child(5) .img{
	padding-top: 155px;
}
#feature .mode_kanko li:nth-child(6) .img,
#feature .mode_kanko li:nth-child(7) .img {
	padding-top: 205px;
}
#feature .mode_bousai li .img.pt230,
#feature .mode_bousai li:nth-child(2) .img,
#feature .mode_bousai li:nth-child(3) .img,
#feature .mode_bousai li:nth-child(4) .img,
#feature .mode_bousai li:nth-child(5) .img
/*#feature .mode_bousai li:nth-child(10) .img,*/
/*#feature .mode_bousai li:nth-child(11) .img*/ {
	padding-top: 230px;
}
#feature .mode_bousai li:nth-child(6) .img {
	padding-top: 168px;
}
#feature .mode_bousai li .mypage_box:nth-child(3) .img {
	padding-top: 0;
}
#feature .mode_marriage li:nth-child(3) .img,
#feature .mode_marriage li:nth-child(4) .img {
	padding-top: 155px;
}

/* update */
#update .mode_kenko li .mypage_box .img {
	padding-top: 150px;
}
#update .mode_kenko li .mypage_box.set_1row .img {
	display: flex;
	padding-top: 0;
	align-items: flex-end;
}
#update .mode_kosodate li:nth-child(2) .img,
#update .mode_kosodate li:nth-child(3) .img,
#update .mode_kosodate li:nth-child(4) .img,
#update .mode_kosodate li:nth-child(5) .img,
#update .mode_kosodate li:nth-child(6) .img,
#update .mode_kosodate li:nth-child(7) .img {
	padding-top: 155px;
}
#update .mode_kanko li:nth-child(4) .img,
#update .mode_kanko li:nth-child(5) .img{
	padding-top: 155px;
}
#update .mode_kanko li:nth-child(6) .img,
#update .mode_kanko li:nth-child(7) .img {
	padding-top: 205px;
}
#update .mode_bousai li:nth-child(2) .img,
#update .mode_bousai li:nth-child(3) .img,
#update .mode_bousai li:nth-child(4) .img,
#update .mode_bousai li:nth-child(5) .img,
#update .mode_bousai li:nth-child(8) .img,
#update .mode_bousai li:nth-child(9) .img {
	padding-top: 230px;
}
#update .mode_bousai li:nth-child(6) .img {
	padding-top: 168px;
}
#update .mode_bousai li .mypage_box:nth-child(3) .img {
	padding-top: 0;
}
@media (max-width: 750px) {
	.featureWrap .mode_bousai li:nth-child(8) .img,
	.featureWrap .mode_bousai li:nth-child(9) .img	{
		max-width:260px;
	}
}

#update .mode_marriage li:nth-child(3) .img,
#update .mode_marriage li:nth-child(4) .img {
	padding-top: 155px;
}


.mode_set li:nth-child(1) .txtBox,
.mode_set li:nth-child(2) .txtBox {
	margin-top: 10px;
}
.mode_set li:nth-child(2),
.mode_set li:nth-child(4),
.mode_set li:nth-child(6) {
	border-right: none;
}
/* img-bousai5のサイズ指定 */
.mode_set li:nth-child(5) .img .img-bousai5 {
	height: 208px;
}
/* img-marriage4のサイズ指定 */
.mode_set li:nth-child(4) .img .img-marriage4 {
	height: 238px;
}
.mode_set li.set_1row-borderNone {
	border: none;
}
.mode_set li.set_1row-border {
	border-right: 1px solid #d4d7d9;
}
.mode_set li:after {
	display: block;
	width: 85%;
	position: absolute;
	bottom: 0px;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	background: #ced1d3;
	content: '';
}
@media (max-width: 750px) {
	li.set_1row-bottom .kanko-img {
		padding: 0;
	}
	/* img-marriage4のサイズ指定 */
	.mode_set li:nth-child(4) .img .img-marriage4 {
		height: 165px;
	}
}

/* ---------- 1行 -------- */

li.set_1row{
	width:88%;
	border-right:none;
	justify-content: space-around;
	overflow:hidden;
}
li.set_1row--small .img{
	padding-top:48px !important; 
}
li.set_2row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
} 
li.set_2row:after {
	content: none;
} 
.set_2row .set_2row__item {
	width: 48%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	padding: 0 0;
	position: relative;
	box-sizing: border-box;
} 
.set_2row .set_2row__item:first-child::after {
	display: block;
  width: 85%;
  position: absolute;
  bottom: 0px;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  background: #ced1d3;
  content: '';
} 
.set_2row .set_2row__item:first-child .img {
	padding-top: 307px;
} 
.set_2row .mypage_box {
	width: 93%;
	height: 100%;
	margin: 0 auto 0 0 !important;
}
@media (max-width: 750px) {
	.set_2row .mypage_box {
		width: 100%;
		margin: 20px 0 0 !important;
	}
	.set_2row .mypage_box .black {
		padding-top: 25px;
	}
}
.set_2row .mypage_box h4 {
	font-size: 22px;
}
.set_2row .mypage_box .img {
	padding-top: 164px;
	max-width: 280px;
}
.set_2row .txt--subtxt {
	font-size: 12px !important;
	margin-top: 1em;
}
.mode_set li.set_1row .txtBox {
	position:relative;
	vertical-align: top;
	margin-top:10px;
	width: 50%;
	float:left;
}
.mode_set li.set_1row .txtBox_second {
	width: 88%;
	text-align:left;
	margin-bottom: 45px;
}
li.set_1row .img {
	padding:0 30px 0 0;
	float:right;
}
li.set_1row:after{
	width:100%;
}

/* ---------- 観光タブ -------- */
.contents {
	display: flex;
	justify-content: space-between;
	width: 88%;
	border-right: none !important;
	padding: 0 0 40px;
	margin: 45px auto 0;
	padding: 6px 0px 32px 0;
	background: none !important;
	border-bottom: 1px solid #ced1d3;
}
.contents-second .contents-left-txt{
	margin: 0 110px 120px 0;
}
.contents:nth-child(2) {
	border: none;
}
.contents-left {
	margin: 0 40px 0 0;
	text-align: left;
}
.contents-left-group {
	display: flex;
	flex-direction: column;
}
.contents-left-group a {
	width: 331px;
	margin: 0;
}
.contents-left-group a:nth-child(1) {
	margin: 0 0 16px;
}
.contents-left-group a:nth-child(2) {
	margin: 0 0 16px;
}
.contents-left-ttl {
	margin: 0 0 12px;
	font-size: 22px;
  font-weight: bold;
  line-height: 1.3em;
	background: none !important;
	text-align: left;
}
.contents-left-ttl span {
	font-size: 18px;
	font-weight: bold;
}
.contents-left-txt {
	font-size: 14px;
	color: #373636;
	line-height: 1.75;
	margin: 0 0 140px;
	text-align: left;
}
.contents-left-text--point {
	margin: 0 0 40px;
}
.contents-right {
	width: 16%;
	flex-shrink: 0;
}
.contents-left-link {
	min-width: 331px;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px 30px;
	border: 2px solid #00b5f4;
	color: #00b5f4;
	margin: 0 0 0 -24px;
}
.contents-left-link--point {
	margin: 0 0 0 ;
	border: 2px solid #0370AE;
	color: #0370AE;
}
@media (max-width: 750px) {
	.contents {
		display: block;
	  position: relative;
		padding: 0 0px 100px 0;
		margin-top: 36px;
	}
	.contents-second {
		padding: 6px 0px 200px 0;
	}
	.contents-left {
		margin: 0;
	}
	.contents-left-txt {
		margin: 0 0 16px;
	}
	.contents-second .contents-left-txt {
		margin: 0 0 16px;
	}
	.contents-left-ttl {
		text-align:center;
	}
	.contents-left-link {
		position: absolute;
		left: 50%;
		bottom: 16px;
		transform: translateX(-45%);
		border: 1px solid #00b5f4;
		font-size: 1rem;
		min-width: 273px;
	}
	.contents-left-link--point{
		border:1px solid #0370AE;
		transform: translateX(-50%) !important;
		/* bottom:0; */
	}
	.contents-right {
		margin: 0 auto;
		width: 22%;
	}
	.contents-left-group a{
		width: 273px;
		min-width: 0;
    padding: 10px 20px;
		transform: translateX(-50%);
	}	
	.contents-left-group a:nth-child(1) {
		bottom: 117px;
	}
	.contents-left-group a:nth-child(2) {
		bottom: 58px;
	}
	.contents-left-group a:nth-child(3) {
		bottom: 16px;
	}
}
@media (max-width: 375px) {
	.contents-left-group a {
    padding: 10px 5px;
	}	
	.contents-left-link {
		padding: 10px 5px;
		min-width: 250px;
    transform: translateX(-41%);
	}
}

/* ---------- 子育て_マイページ -------- */

li.set_mypage{
	width:88%;
	border-right:none;
	justify-content: space-around;
	overflow:hidden;
}
li.set_mypage:after{
	display:none;
}
.mypage_head{
	text-align:left;
}
.mypage_wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 1%;
}
.mypage_box{
	position:relative;
	width:48.5%;
	background:#f3f3f3;
	border-radius:6px;
	margin:20px 0 0;
}
.mypage_box:nth-of-type(-n+2){
	margin: 15px 0 0;
}
.mypage_box.set_1row:nth-of-type(2) {
	margin: 20px 0 0;
}
.mypage_txtBox{
	position: absolute;
	width:85%;
	top:25px;
	left:0;
	right:0;
	margin:auto;
	text-align:left;
}
.mypage_box h4{
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
	color:#ff9916;
}
.mypage_box h4.black{
	color:#333;
} 
.mypage_box h4 span{
	background: #ff9916;
	padding: 2px 10px;
	border-radius: 20px;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
	font-size: 12px;
}
.mypage_box h4 span.red {
	background-color: #f52e19;
}
.mypage_box .txt{
	padding-left: 0 !important;
	width:100%;
	line-height:1.65;
	font-size:13px;
}
.mypage_box.set_1row{
	display: flex;
	width: 100%;
	padding-top: 25px;
}
.mypage_box.set_1row .mypage_txtBox {
	position: static;
	width: 42.5%;
	margin: 0 auto 20px;
}
.mypage_box.set_1row .img{
	padding-top: 0;
	width: 50%;
}

/* ---------- 機能紹介 -------- */
#feature {
	padding:35px 0 70px;
}
.tit_feature h2 span {
	font-size:68px;
	vertical-align: sub;
	font-weight: bold;
	padding: 0 5px;
}
.tit_feature h2:before,
.tit_feature h2:after {
	content: '';
	position: absolute;
	top: 60%;
	display: inline-block;
	width: 40px;
	height: 3px;
	background-color: #999895;
}
.tit_feature h2:before {
	left:-60px;
	-moz-transform: rotate(65deg);
	-webkit-transform: rotate(65deg);
	transform: rotate(65deg);
}
.tit_feature h2:after {
	right: -60px;
	-moz-transform: rotate(-65deg);
	-webkit-transform: rotate(-65deg);
	transform: rotate(-65deg);
}
.tit_sup span {
	display:inline-block;
	margin-top:-5px;
	padding-bottom:5px;
	font-size:21px;
	border-bottom:3px dotted #dddddd;
}
.featureWrap {
	margin-top:55px;
}
.featureWrap .mode_kenko li:nth-child(4),
.featureWrap .mode_kosodate li:nth-child(2),
.featureWrap .mode_kosodate li:nth-child(4),
.featureWrap .mode_kosodate li:nth-child(6),
.featureWrap .mode_kanko li:nth-child(2),
.featureWrap .mode_kanko li:nth-child(4),
.featureWrap .mode_kanko li:nth-child(6),
.featureWrap .mode_bousai li:nth-child(3),
.featureWrap .mode_bousai li:nth-child(5),
.featureWrap .mode_bousai li:nth-child(8) {
	border-right: 1px solid #d4d7d9;
}
.featureWrap .mode_kenko li:nth-child(5),
.featureWrap .mode_kosodate li:nth-child(3),
.featureWrap .mode_kosodate li:nth-child(5),
.featureWrap .mode_kosodate li:nth-child(7),
.featureWrap .mode_kanko li:nth-child(3),
.featureWrap .mode_kanko li:nth-child(5),
.featureWrap .mode_kanko li:nth-child(7),
.featureWrap .mode_bousai li:nth-child(2),
.featureWrap .mode_bousai li:nth-child(6),
.featureWrap .mode_bousai li:nth-child(7),
.featureWrap .mode_bousai li:nth-child(9),
.featureWrap .mode_bousai li:nth-child(12) {
	border-right: none;
}
.feature_desc {
	width:80%;
	margin:20px auto;
	font-size:15px;
	text-align:left;
	line-height:1.65;
}
.feature_desc--point,
.feature_desc--kanko {
	text-align:center;
}
.feature_tit {
	font-size:25px;
	font-weight:bold;
	margin:10px 0 0;
}

.btn_more {
	display: inline-block;
	border-radius: 5px;
	padding: 0px 0px 0px 19px;
	margin-top: 5px;
	color: #ff9916;
	text-decoration: underline;
	background: url(../img/icon_arrow2.png) no-repeat left center;
	background-size: 14px auto;
}

/* ---------- 災害の備え・うわじま歩ポ取扱店 -------- */

#prevention,
#arupo {
	padding: 35px 0 50px 0;
	background: #000;
}
.tit_prevention h2,
.tit_arupo h2 {
	display: block;
	font-size: 28px;
	color: #FFFFFF;
}
.tit_prevention h2 span,
.tit_arupo h2 span {
	display: block;
	margin: 0 0 -6px 0;
	font-size: 20px;
}
.preventionWrap,
.arupoWrap {
	margin: 18px 0 0 0;
}
.preventionList,
.arupoList {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -20px;
}
.preventionList .preventionListItem,
.arupoList .arupoListItem {
	padding: 20px;
	box-sizing: border-box;
}
.preventionList .preventionListItem a,
.arupoList .arupoListItem a {
	padding: 20px;
	background: #FFFFFF;
	border-radius: 8px;
	box-sizing: border-box;
}
.preventionList .preventionListItem a:hover,
.arupoList .arupoListItem a:hover {
	color: #333333;
}
.preventionList .preventionListItem a .txt,
.arupoList .arupoListItem a p.txt {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
.preventionList .preventionListItem a .img,
.arupoList .arupoListItem a p.img {
	overflow: hidden;
	border-radius: 6px;
}
.preventionList .preventionListItem a dl dt,
.arupoList .arupoListItem a dl dt {
	margin: 0 0 5px 0;
	font-size: 19px;
	font-weight: bold;
}
.preventionList .preventionListItem a dl dd,
.arupoList .arupoListItem a dl dd {
	font-size: 14.5px;
	line-height: 1.5;
}

/* 災害の備え */
#prevention {
	background: #F32F17;
}
.preventionList .preventionListItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 33.33%;
}
.preventionList .preventionListItem a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 118px;
}

/* うわじま歩ポ取扱店 */
#arupo {
	background: #FFAB33;
}
.arupoList .arupoListItem {
	width: 50%;
}
.arupoList .arupoListItem a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.arupoList .arupoListItem a .img {
	width: 124px;
}
.arupoList .arupoListItem a dl {
	width: calc(100% - 124px);
	padding: 0 0 0 17px;
	box-sizing: border-box;
}

/* ---------- バージョンアップ -------- */

#update{
	margin:45px 0 60px;
}
.updateWrap{
	margin-top:20px;
	background:#fff;
	border-radius:8px;
	border:1px solid #d8dbdd;
}
.js_updateWrap .mode_kenko li:nth-child(4),
.js_updateWrap .mode_kosodate li:nth-child(2),
.js_updateWrap .mode_kosodate li:nth-child(4),
.js_updateWrap .mode_kosodate li:nth-child(6),
.js_updateWrap .mode_kanko li:nth-child(2),
.js_updateWrap .mode_kanko li:nth-child(4),
.js_updateWrap .mode_kanko li:nth-child(6),
.js_updateWrap .mode_bousai li:nth-child(3),
.js_updateWrap .mode_bousai li:nth-child(5),
.js_updateWrap .mode_bousai li:nth-child(8) {
	border-right: 1px solid #d4d7d9;
}
.js_updateWrap .mode_kenko li:nth-child(5),
.js_updateWrap .mode_kosodate li:nth-child(3),
.js_updateWrap .mode_kosodate li:nth-child(5),
.js_updateWrap .mode_kosodate li:nth-child(7),
.js_updateWrap .mode_kanko li:nth-child(3),
.js_updateWrap .mode_kanko li:nth-child(5),
.js_updateWrap .mode_kanko li:nth-child(7),
.js_updateWrap .mode_bousai li:nth-child(2),
.js_updateWrap .mode_bousai li:nth-child(6),
.js_updateWrap .mode_bousai li:nth-child(7),
.js_updateWrap .mode_bousai li:nth-child(9),
.js_updateWrap .mode_bousai li:nth-child(12) {
	border-right: none;
}
#update .ico_detail{
	display: inline-block;
	margin-top: 4px;
	font-weight: bold;
	border: 1px solid #d8dbdd;
	border-radius: 5px;
	vertical-align: top;
}
#update .ico_detail span:after{
	display:inline-block;
	content:'＋';
	color:#aaa;
}
#update .btn_update.active .ico_detail span:after{
	content:'ー';
}
#update .ico_detail span{
	padding: 4px 10px 4px 10px;
	font-size: 13px;
	display: block;
	color: #b0b0b0;
}
#update .btn_update.active{
	border:none;
	background:none;
	position: relative;
	border-radius: 5px;
	text-align: center;
}
#update .modeWrap{
	display:none;
	margin-top:10px;
}
#update .modeBox{
	border-radius:0;
}
.btn_update{
	background: #fff;
	position: relative;
	padding: 20px 0;
	border-radius: 8px;
	text-align:center;
	cursor: pointer;
}
.btn_update .tit {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	background:url(../img/icon_arrow2.png) no-repeat left center;
	padding:0px 10px 0px 30px;
	font-size: 25px !important;
	cursor:pointer;
	font-weight:bold;
}
.btn_update p.tit{
	display:inline;
}
.tit_update h2{
	font-size:25px;
}
#update ul.tab li{
	background:#f2f2f2;
}

/* ---------- うわじま歩ポ -------- */

.arupoBox{
	width: 90%;
	border: 0px solid #ffa633;
	border-radius: 6px;
	padding: 0px 0 20px 0;
	margin: 35px auto 0px;
	background: #f3f3f3;
	position: relative;
}
.arupoBox:after{
	display:block;
	width:138px;
	height:158px;
	background:url(../img/jp/ico_musclemikan.png) no-repeat;
	content:'';
	position:absolute;
	right:30px;
	top:40px;
}
.arupoBox .titBox{
	width: 92%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 0;
	/* border-bottom: 1px solid #aaa; */
}
.arupoBox .titBox h3{
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.arupoBox .txtBox{
	width: 75%;
	margin-top: 20px;
	margin-left: 4%;
}
.arupoBox .contentBox {
	margin: 0 4%;
}

.arupoBox .contentBox p {
	text-align: left;
	line-height: 1.65em;
	font-size: 15px;
}

.arupoBox .txtBox p{
	margin-bottom: 5px;
	text-align: left;
	line-height: 1.65em;
	font-size: 15px;
}
.arupoBox .txtBox p span{
	color:#16ac02;
	font-weight:bold;
}
.arupoBox .attention_txt{
	color:#999;
	font-size:13px;
	text-align:left;
	margin-left:4%;
}
.arupoBox table{
	border: 1px solid #d5d2ce;
	width: 92%;
	margin: 20px auto 5px;
	background: #fff;
}
.arupoBox table tr{
	border-bottom:1px solid #d5d2ce;
}
.arupoBox table th{
	border-right:1px solid #d5d2ce;
	width:20%;
	background: #eaeaea;
	padding:16px 12px;
	font-weight:bold;
}
.arupoBox table td{
	padding:16px 12px;
	text-align:left;
}
.arupoBox table td .attention_txt{
		margin-left:0px;
}
.arupoBox table td .link_txt{
	margin-top:4px;
}
.arupoBox table td .link_txt a{
	color:#ff9916;
	text-decoration:underline;
	font-weight:bold;
}
.arupoBox p.btn {
	width: 360px;
	margin: 15px auto;
}
.arupoBox .btn a {
	font-size: 17px;
	text-align: center;
	height: 52px;
	line-height: 52px;
	border: 2px solid #ffa633;
	color: #ffa633;
	display: block;
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	padding-left: 20px;
}
.arupoBox .btn a:before {
	background: url(../img/icon_pdf.png) no-repeat left top 6px;
	background-size: 35px;
	display: block;
	width: 35px;
	height: 50px;
	content: '';
	position: absolute;
	left: 10px;
}


@media (max-width: 750px) {

	/* ---------- 機能共通 -------- */

	#feature,
	#update{
		padding:45px 0 45px;
	}
	#feature .inner,
	#update .inner {
		width: 92%;
	}
	#feature:after,
	#update:after {
		display: none;
	}
	#feature:before,
	#update:before {
		display: none;
	}
	.mode_kenko{border-top:4px solid #ff9916;}
	.mode_kosodate{border-top:4px solid #fb96a8;}
	.mode_kanko{border-top:4px solid #00b5f4;}
	.mode_bousai{border-top:4px solid #f52e19;}
	.mode_marriage{border-top:4px solid #35B4AF;}
	.mode_point:before{
		height:4px;
	}
	.mode_set li {
		display: block;
		width: 88%;
		margin: 0 auto 30px;
		padding: 0px 0px;
		border-right: none !important;
	}
	.mode_content {
		padding: 35px 0px 10px 0;
	}
	.mode_set li:after {
		width: 100%;
		left:0;
	}
	.mode_set li .txtBox {
		position: static;
		width: 100% !important;
		width: auto;
		margin-left: 0;
	}
	.tit_ver h2:before,
	.tit_ver h2:after {
		width: 12px;
		height: 24px;
		margin-top: -9px;
	}
	.tit_feature h2:before,
	.tit_feature h2:after{
		height: 2px;
	}
	.tit_ver h2:before {
		left: -17px;
	}
	.tit_ver h2:after {
		right: -17px;
	}
	.tit_ver {
		padding: 0px 0px 15px 0;
	}
	.tit_ver h2 {
		font-size: 1.55rem !important;
	}
	.tit_ver h2 span {
		font-size: 1.75rem !important;
	}
	.txt_new {
		height: 23px;
		line-height: 23px;
		margin-bottom: 0px;
		width: 50px;
		font-size: 11px;
	}
	.modeWrap ul.tab{
		margin-top:0px;
	}
	.modeWrap ul.tab li {
		height: 43px;
		margin-right: 4px;
	}
	.modeWrap ul.tab li:last-of-type{
		margin-right: 0px;
	}
	.modeWrap ul.tab li a {
		height: 43px;
	}
	.modeWrap ul.tab li a span {
		padding: 0px 8px;
		font-size: 1rem;
		letter-spacing:-0.1em;
	}
	.modeBox {
		border-left:none;
		border-right:none;
		border-radius: 6px;
		padding-bottom: 0px;
	}
	.modeWrap .img {
		width:80%;
		padding-top: 22px !important;
	}
	.modeWrap li:nth-child(1) .img{
		padding-top:15px;
	}
	.mode_set li.set_1row .txtBox {
		float: none;
	}
	li.set_1row .img {
		padding: 0;
		float: none;
	}
	.set_2row .set_2row__item {
		width: 100%;
	} 
	.mode_set li h3 {
		background-size:22px auto !important;
		background-position:left center !important;
		padding:6px 0 4px 28px;
		margin-bottom: 7px;
		font-size: 1.25rem;
	}
	.mode_set li p.txt {
		padding-left: 0px;
		font-size: 0.95rem;
		line-height:1.65;
	}

	/* ---------- 機能紹介 -------- */

	.featureWrap {
			margin-top: 35px;
	}
	.tit_mode h2{
		line-height:1.45;
		font-size:1.7rem;
	}
	.tit_mode h2 span{
		font-size:2.2rem;
		padding: 0 2px;
	}
	.tit_feature h2:before {
		left:-35px;
		height: 2px;
	}
	.tit_feature h2:after {
		right: -35px;
		height: 2px;
	}
	.tit_sup span {
		margin-top: 5px;
		padding-bottom: 5px;
		font-size: 1.1rem;
		border-bottom: 3px dotted #dddddd;
	}
	.feature_desc {
		width: 88%;
		margin: 0 auto 20px;
		font-size: 1rem;
	}
	.feature_tit {
		font-size: 1.4rem;
		margin: 0 0 25px;
	}

	/* ---------- 健康-マイページ関連 -------- */

	.mypage_box{
		width:100%;
		margin: 20px 0 0;
	}
	.mypage_txtBox {
		position:relative;
		width: 87%;
		top: 0;
		margin-top:20px;
	}
	.mypage_box h4{
		font-size:1.2rem;
	}
	.mypage_box h4 span {
		padding: 2px 9px;
		margin-right: 8px;
	}
	.mypage_box .img{
		width:75%;
		padding-top:15px !important;
	}
	.mypage_box.set_1row{
		display: block;
	}
	.mypage_box.set_1row .mypage_txtBox {
		width: 87%;
		margin: 0 auto 0;
	}
	.mypage_box.set_1row .img{
		width: 75%;
	}

	/* ---------- 災害の備え・うわじま歩ポ取扱店 -------- */

	#prevention,
	#arupo {
		padding: 42px 0 45px 0;
	}
	#prevention .inner,
	#arupo .inner {
		width: 92%;
	}
	.tit_prevention h2,
	.tit_arupo h2 {
		font-size: 22px;
	}
	.tit_prevention h2 span,
	.tit_arupo h2 span {
		margin: 0 0 1px 0;
		font-size: 15px;
	}
	.preventionWrap,
	.arupoWrap {
		margin: 15px 0 0 0;
	}
	.preventionList,
	.arupoList {
		margin: -8px;
	}
	.preventionList .preventionListItem,
	.arupoList .arupoListItem {
		padding: 8px;
	}
	.preventionList .preventionListItem a,
	.arupoList .arupoListItem a {
		padding: 2%;
		border-radius: 6px;
	}
	.preventionList .preventionListItem a .txt,
	.arupoList .arupoListItem a p.txt {
		font-size: 13px;
	}
	.preventionList .preventionListItem a dl dt,
	.arupoList .arupoListItem a dl dt {
		margin: 0 0 2px 0;
		font-size: 13px;
	}
	.preventionList .preventionListItem a dl dd,
	.arupoList .arupoListItem a dl dd {
		font-size: 12px;
	}

	/* 災害の備え */
	.preventionList .preventionListItem {
		width: 100%;
	}
	.preventionList .preventionListItem a {
		min-height: 72px;
	}

	/* うわじま歩ポ取扱店 */
	.arupoList .arupoListItem {
		width: 100%;
	}
	.arupoList .arupoListItem a .img {
		width: 31%;
		max-width: 125px;
	}
	.arupoList .arupoListItem a dl {
		width: calc(100% - 31%);
		min-width: calc(100% - 125px);
		padding: 3px 0 0 3%;
	}

	/* ---------- アップデート -------- */

	#update .mode_content {
			padding: 30px 0px 35px 0;
	}
	#update{
		margin:0 0 20px;
	}
	.updateWrap{
		margin-top:15px;
	}
	#update .tit_mode h2{
		font-size:1.6rem;
	}
	.btn_update {
		padding: 18px 0;
		border-radius: 6px;
	}
	.btn_update .tit {
		padding: 0px 10px 0px 30px;
		font-size: 1.5rem !important;
	}
	#update .ico_detail{
		margin-top: 2px;
	}
	#update .ico_detail span {
		padding: 4px 24px 4px 10px;
		font-size: 0.8rem;
	}
	#update .modeWrap ul.tab li a span{
		padding:0 20px;
	}
	/* ---------- うわじま歩ポとは -------- */

	.arupoBox{
		width: 92%;
		padding: 0px 0 10px 0;
		margin: 30px auto 10px;
	}
	.arupoBox:after{
		display:none;
	}
	.arupoBox .titBox{
		width:88%;
		padding:20px 0 0;
	}
	.arupoBox .titBox h3{
		font-size:1.25rem;
	}
	.arupoBox .txtBox {
		width: 88%;
		margin: 15px auto 0;
		box-sizing: border-box;
	}
	.arupoBox .txtBox p{
		font-size:0.93rem;
		line-height:1.6em;
	}
	.arupoBox table {
		width: 88%;
	}
	.arupoBox table th{
		border-right:none;
		border-bottom:1px solid #d5d2ce;
		width:100%;
		background:#eaeaea;
		padding:8px 12px 5px 12px;
		font-weight:bold;
		display:block;
		box-sizing:border-box;
	}
	.arupoBox table td{
		display:block;
		width:100%;
		box-sizing:border-box;
		padding:12px 12px;
		text-align:left;
	}
	.arupoBox table td p{
		font-size:0.93rem;
	}
	.arupoBox .attention_txt {
		font-size: 12px;
		margin-left: 6%;
	}
	.arupoBox p.btn {
		width: 88%;
		margin: 15px auto;
	}
	.arupoBox p.btn a {
		font-size:1rem;
		border: 1px solid #ffa633;
		height: 52px;
		line-height: 52px;
	}
}

@media (max-width: 350px) {
	.modeWrap ul.tab li {
		height: 40px;
		margin-right: 10px;
	}
	.modeWrap ul.tab li:last-child{
		margin-right:0px;
	}
	.modeWrap ul.tab li a {
		height: 40px;
	}
	.modeWrap ul.tab li a span {
		padding: 0px 13px;
		font-size: 1.02em;
	}
	.arupoBox .btn a{
		padding-left: 0;
	}
	.arupoBox .btn a:before {
		background: none;
	}
}


/* --------------------------------------------------------- */
/*　バージョンアップ情報
------------------------------------------------------------ */


@media (max-width: 750px) {
	#bottomBox {
		padding: 45px 0;
	}
	.fbBox {
		margin: 0 auto;
		float: none;
		width: auto !important;
	}
}

/* --------------------------------------------------------- */
/* 改行
------------------------------------------------------------ */

.spBr {
	display: none;
}

@media (max-width: 750px) {
	.spBr {
		display: block;
	}
}
/* --------------------------------------------------------- */
/* クリアフィックス
------------------------------------------------------------ */

.a {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* --------------------------------------------------------- */
/* アンカーリンク高さ調整
------------------------------------------------------------ */


@-webkit-keyframes modify{
		0% { padding-top: 45px; margin-top: -45px; }
	100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
		0% { padding-top: 45px; margin-top: -45px; }
	100% { padding-top: 0; margin-top: 0; }
}

#feature:target,
#readWrap:target,
#update:target,
#arupoBox:target{
		-webkit-animation: modify 0.05s;
		animation: modify 0.05s;
}


/* --------------------------------------------------------- */
/* チラシのリンクボタン
------------------------------------------------------------ */

/* -----[ 共通 ]----- */

.flyerBox p.btn {
	width: 360px;
	margin: 60px auto 0;
}
.flyerBox .btn a {
	font-size: 17px;
	text-align: center;
	height: 52px;
	line-height: 52px;
	display: block;
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	padding-left: 20px;
}
.flyerBox .btn a:before {
	background: url(../img/icon_pdf.png) no-repeat left top 6px;
	background-size: 35px;
	display: block;
	width: 35px;
	height: 50px;
	content: '';
	position: absolute;
	left: 10px;
}
@media (max-width: 750px) {
	.flyerBox p.btn {
		width: 88%;
		margin: 15px auto;
	}
	.flyerBox p.btn a {
		font-size:1rem;
		height: 52px;
		line-height: 52px;
	}
}
@media (max-width: 350px) {
	.flyerBox .btn a{
		padding-left: 0;
	}
	.flyerBox .btn a:before {
		background: none;
	}
}

/* --------------------------------------------------------- */
/* チラシのリンクボタン
------------------------------------------------------------ */
/* .linkBox {
	margin: 360px 0 0;
} */
.linkBox a{
	min-width: 331px;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	position: absolute;
	top: 230px;
	padding: 10px 30px;
	border: 2px solid #00b5f4;
	color: #00b5f4;
}
.link-group div:nth-child(2) a {
	top: 298px;
}
.link-group div:nth-child(3) a {
	top: 366px;
}

/* -----[ 子育て ]----- */

#feature_tab2 .flyerBox .btn a,
#update_tab2 .flyerBox .btn a {
	border: 2px solid #fb96a8;
	color: #fb96a8;
}
@media (max-width: 750px) {
	#feature_tab2 .flyerBox p.btn a,
	#update_tab2 .flyerBox p.btn a {
		border: 1px solid #fb96a8;
	}
}

/* -----[ 防災 ]----- */

#feature_tab4 .flyerBox .btn a,
#update_tab4 .flyerBox .btn a {
	border: 2px solid #f52e19;
	color: #f52e19;
}
@media (max-width: 750px) {
	#feature_tab4 .flyerBox p.btn a,
	#update_tab4 .flyerBox p.btn a {
		border: 1px solid #f52e19;
	}
}
.mode_set li.set_hazardmap {
	width:88%;
	border-right:none;
	justify-content: space-around;
	overflow:hidden;
}
.mode_set li.set_hazardmap:after {
	display: none;
}
.set_hazardmap .hazardmap_head {
	text-align: left;
}
.set_hazardmap .hazardmap_head .set_1row {
}
.set_hazardmap .hazardmap_head .set_1row .txtBox {
    position: relative;
    vertical-align: top;
    margin-top: 10px;
    width: 50%;
    float: left;
}
.set_hazardmap .hazardmap_head .set_1row .img {
	padding: 0 30px 0 0;
    float: right;
}
.set_hazardmap .hazardmap_wrap {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 1%;
}
.set_hazardmap .hazardmap_wrap .mypage_box {
	position: relative;
    width: 48.5%;
    background: #f3f3f3;
    border-radius: 6px;
    margin: 20px 0 0;
}
.set_hazardmap .hazardmap_wrap .mypage_box.set_1row {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding-top: 25px;
    padding-left: 3.5%;
    padding-right: 3.5%;
}
.set_hazardmap .hazardmap_wrap .mypage_box:nth-of-type(-n+2) {
/*    margin: 15px 0 0;*/
}
.set_hazardmap .hazardmap_wrap .mypage_box .mypage_txtBox {
	position: absolute;
    width: 85%;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
}
.set_hazardmap .hazardmap_wrap .mypage_box.set_1row .mypage_txtBox {
    position: static;
    width: 53%;
    margin: 0;
    padding-bottom: 25px;
}
.set_hazardmap .hazardmap_wrap .mypage_box .mypage_txtBox .black {
}
.set_hazardmap .hazardmap_wrap .mypage_box .mypage_txtBox .txt {
}
.set_hazardmap .hazardmap_wrap .mypage_box .mypage_txtBox .txt--subtxt {
}

@media (max-width: 750px) {
	.set_hazardmap .hazardmap_wrap .mypage_box {
	    width: 100%;
	}
	.set_hazardmap .hazardmap_wrap .mypage_box .mypage_txtBox {
		        position: relative;
        width: 87%;
        top: 0;
        margin-top: 20px;
	}
	.set_hazardmap .hazardmap_wrap .mypage_box.set_1row {
		display: block;
		padding-right: 6.5%;
		padding-left: 6.5%;
		padding-top: 20px;
	}
	.set_hazardmap .hazardmap_wrap .mypage_box.set_1row .mypage_txtBox {
		width: 100%;
		padding-bottom: 0;
	}
}