@charset "UTF-8";

#ins-wrapper #ins-containerB {
    width: 996px;
	background: #fff;
	color: #191919;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.62;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	word-break: normal;
}
#ins-wrapper #ins-containerB .clearfix:after {
    clear: both;
    content: "";
    display: block;
}
#ins-wrapper #ins-containerB a img {
	border:none;
}
#ins-wrapper #ins-containerB a:hover img {
	opacity:0.7;
}
#ins-wrapper #ins-containerB img {
	vertical-align:bottom;
}

#ins-wrapper #ins-containerB li {
	list-style:none;
}

#ins-wrapper #ins-Topvisual {
	margin: 0 0 30px;
}
#ins-wrapper #ins-readbox {
	margin: 30px 0 0;
}
#ins-wrapper #ins-readbox h2 {
	margin: 0;
	padding: 0 0 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.7em;
	font-weight: normal;
	color: #173690;
	text-align: center;
	border-bottom: #000 double 3px;
}
#ins-wrapper #ins-readbox h2 span{
	font-size:1.4em;
}
#ins-wrapper #ins-reasonbox {
	padding-top: 30px;
	margin-bottom: 50px;
	background:url(../images/box_back.jpg) top center no-repeat;
}
#ins-wrapper #ins-reasonbox .reasonbox-txt{
	text-align:center;
	margin-bottom:40px;
	font-weight:bold;
	font-size:1.1em;
}
#ins-wrapper #ins-reasonbox h2 span {
	display:inline-block;
	font-size: 0.7em;
	margin:0 10px;
}
#ins-wrapper #ins-reasonbox h3 {
	margin: 0 0 40px;
	padding:0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2.5em;
	line-height: 1.4;
	font-weight:normal;
	color:#173690;
	background-repeat:no-repeat;
	box-sizing:border-box;
}
#ins-wrapper #ins-reasonbox h3 span {
	font-size: 0.7em;
	color: #191919;
}
#ins-wrapper #ins-reasonbox .ins-columnAL {
	margin: 0 0 0 20px;
	float:left;
}
#ins-wrapper #ins-reasonbox .ins-columnAR {
	margin: 0 20px 0 0;
	float:right;
}
#ins-wrapper #ins-reasonbox p {
	margin:0px 0px 20px;
}

#ins-wrapper #ins-reasonbox .ins-01,
#ins-wrapper #ins-reasonbox .ins-02,
#ins-wrapper #ins-reasonbox .ins-03 {
	margin-bottom:60px;
}

#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAL {
	width : 454px;
	text-align:left;
}
#ins-wrapper #ins-reasonbox .ins-01 .ins-columnAR {
	width: 470px;
}
#ins-wrapper #ins-reasonbox .ins-01 h3 {
	padding-top:60px;
	padding-right:120px;
	text-align:right;
	background-image:url(../images/reasonbox_point01_number.png);
	background-position:right center;
	min-height:121px;
}
#ins-wrapper #ins-reasonbox .ins-02 .ins-columnAL {
	width: 560px;
}
#ins-wrapper #ins-reasonbox .ins-02 .ins-columnAR {
	width : 383px;
	text-align:left;
}
#ins-wrapper #ins-reasonbox .ins-02 h3 {
	padding-top:40px;
	padding-left:120px;
	text-align:left;
	background-image:url(../images/reasonbox_point02_number.png);
	background-position:left center;
	min-height:111px;
}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAL {
	width : 390px;
	text-align:left;
}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAR {
	width: 550px;
}
#ins-wrapper #ins-reasonbox .ins-03 h3 {
	padding-top:10px;
	padding-right:120px;
	text-align:right;
	background-image:url(../images/reasonbox_point03_number.png);
	background-position:right center;
	min-height:121px;
}
#ins-wrapper #ins-reasonbox .ins-03 .ins-columnAR p{
	margin-left:80px;
}

/* コース一覧 */
#ins-wrapper #ins-catlist{
	margin-bottom:60px;
}
#ins-wrapper #ins-catlist h2 {
	text-align: center;
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2em;
	font-weight: normal;
	color: #191919;
	text-align: center;
	line-height: 1;
}
#ins-wrapper #ins-catlist ul {
	text-align:center;
}
#ins-wrapper #ins-catlist li {
	width: 240px;
	padding: 25px 20px;
	margin: 20px 10px 0;
	border:#CCC 1px solid;
	display:inline-block;
	box-sizing:border-box;
}
#ins-wrapper #ins-catlist li p {
	margin:0px;
	text-align:left;
}
#ins-wrapper #ins-catlist li .img {
	text-align:center;
	margin-bottom:10px;
}
#ins-wrapper #ins-catlist li .img img {
	max-width:100%;
	height:auto;
}
#ins-wrapper #ins-catlist li .name {
	color:#0654ba;
	font-weight: bold;
	text-decoration:none;
}
#ins-wrapper #ins-catlist li .name span {
	display:inline-block;
	font-size:0.7em;
	margin-left:5px;
}
#ins-wrapper #ins-catlist li .price {
	color: #b30000;
}
#ins-wrapper #ins-catlist li .price span{
	font-size:1.3em;
	font-weight:bold;
	margin-right:3px;
}
#ins-wrapper #ins-catlist li .btn {
	margin: 10px 0 0 0;
}
#ins-wrapper #ins-catlist li .btn a {
	display:block;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:93%;
	line-height:1;
	text-decoration:none;
}
#ins-wrapper #ins-catlist li .btn.btn-order a{
	background:url(../images/arrow01.png) no-repeat 93% center #333;
}
#ins-wrapper #ins-catlist li .btn.btn-order a:hover{
	background:url(../images/arrow01.png) no-repeat 93% center #555;
}
#ins-wrapper #ins-catlist li .btn.btn-catalog a{
	background:url(../images/arrow02.png) no-repeat 93% center #fff;
	border:1px solid #0087d2;
	color:#0087d2;
	padding-right:23px;
}
#ins-wrapper #ins-catlist li .btn.btn-catalog a:hover{
	opacity:0.7;
}
#ins-wrapper #ins-catlist .catlist-pop{
	width:770px;
	margin:25px auto;
	padding:30px;
	background:#f1f1f1;
	text-align:center;
	box-sizing:border-box;
	position:relative;
}
#ins-wrapper #ins-catlist .catlist-pop:before{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #f1f1f1;
}
#ins-wrapper #ins-catlist .catlist-pop .note{
	color:#777;
	margin-top:10px;
}

/* ご利用方法 */
#ins-wrapper #ins-flow h2 {
	text-align: center;
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2em;
	font-weight: normal;
	color: #191919;
	text-align: center;
	line-height: 1;
}
#ins-wrapper #ins-flow ul.flowbox{
	width:996px;
	height:368px;
	background:url(../images/flow_back.png) no-repeat center top;
	margin:auto;
}
#ins-wrapper #ins-flow ul.flowbox li{
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
#ins-wrapper #ins-flow ul.flowbox li.flow01{
	padding:20px 0 0 10px;
}
#ins-wrapper #ins-flow ul.flowbox li.flow02{
	padding:20px 0 0 40px;
}
#ins-wrapper #ins-flow ul.flowbox li.flow03{
	padding:20px 0 0 30px;
}
#ins-wrapper #ins-flow ul.flowbox li .txt{
	background:#fff;
	border-radius:50px;
	position:relative;
	margin-top:10px;
	padding-right:15px;
	height:74px;
	box-sizing:border-box;
}
#ins-wrapper #ins-flow ul.flowbox li .txt .charge01,
#ins-wrapper #ins-flow ul.flowbox li .txt .charge02{
	display:block;
	width:74px;
	height:74px;
	color:#fff;
	text-align:center;
	padding-top:27px;
	box-sizing:border-box;
	border-radius:50px;
	float:left;
}
#ins-wrapper #ins-flow ul.flowbox li .txt .charge01{
	background:#1c3ea7;
}
#ins-wrapper #ins-flow ul.flowbox li .txt .charge02{
	background:#b83e98;
}
#ins-wrapper #ins-flow ul.flowbox li p{
	text-align:center;
	padding-top:10px;
	font-size:1.2em;
}
#ins-wrapper #ins-flow ul.flowbox li .txt .note{
	font-weight:bold;
	color:#1c3ea7;
	position:absolute;
	right:15px;
	bottom:-30px;
}
#ins-wrapper #ins-flow ul.notelist{
	width:996px;
	margin:30px 0 0;
	padding-left:50px;
	box-sizing:border-box;
}
#ins-wrapper #ins-flow ul.notelist li{
	position:relative;
	margin-bottom:20px;
}
#ins-wrapper #ins-flow ul.notelist li span{
	color:#1c3ea7;
	font-weight:bold;
	position:absolute;
	top:0;
	left:-38px;
}