@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }

body { font-size: 62.5%; font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; }

table, input, textarea, select, option { font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

img { vertical-align: top; }

a { color: #00b7ee; text-decoration: underline; }
a:link, a:visited { color: #00b7ee; text-decoration: underline; }
a:hover, a:active { color: #00b7ee; text-decoration: none; }

.pc { visibility: visible; display: inherit; }
@media (max-width: 767px) { .pc { visibility: hidden; display: none; } }

.sp { visibility: hidden; display: none; }
@media (max-width: 767px) { .sp { visibility: visible; display: inherit; } }

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body { color: #000; font-size: 13px; line-height: 1.5; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; min-width: 1100px; -webkit-text-size-adjust: none; background-color: #FFF; }
@media (max-width: 767px) { body { min-width: inherit; font-size: 10px; } }

#container { text-align: left; }

#main { margin-bottom: 11px; }

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader { padding: 10px 0 11px; margin: 0 auto; width: 980px; }
#gHeader h1 { float: left; }
#gHeader .imgUl { margin-top: 2px; float: right; width: 400px; text-align: right; }
#gHeader .imgUl li { margin-left: 4px; display: inline; }
#gHeader a:hover img { filter: alpha(opacity=70); opacity: 0.7; }
@media (max-width: 767px) { #gHeader { padding: 10px; width: auto; }
  #gHeader .imgUl { width: 50%; } }

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi { margin-bottom: 24px; }
#gNavi li { padding-left: 13px; float: left; list-style: none; }
#gNavi li a:hover img { opacity: 0.7; filter: alpha(opacity=70); }
#gNavi li:first-child { padding: 0; }
@media (max-width: 767px) { #gNavi { margin: -8px 0 12px; }
  #gNavi li { margin-top: 8px; padding: 0; height: 25px; width: 50%; text-align: center; }
  #gNavi li:nth-child(2n) { float: right; }
  #gNavi li img { height: 100%; } }

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter { padding: 12px 0 36px; color: #fff; font-size: 14px; text-align: center; background-color: #0A6BBC; }
@media (max-width: 767px) { #gFooter { padding: 10px; font-size: 11px; } }

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }

.taCenter { text-align: center !important; }

.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }

.fsP2 { font-size: 1.16em !important; }

.fsP3 { font-size: 1.24em !important; }

.fsP4 { font-size: 1.32em !important; }

.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }

.fsM2 { font-size: 0.84em !important; }

.fsM3 { font-size: 0.76em !important; }

.fsM4 { font-size: 0.68em !important; }

.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }

.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

* html .clearfix, * + html .clearfix { zoom: 1; }

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

#main .mainBox { margin: 0 auto; width: 980px; }
#main h2 { margin-bottom: 50px; text-align: center; }
#main .topBox { padding: 24px 0 49px; background: #00B1DD url(image/index/top_bg.jpg) no-repeat center top; }
#main .topBox .mainBox { width: 1100px; }
#main .topBox .mainImg { margin-bottom: 37px; text-align: center; }
#main .topBox .greenBox { padding: 25px 45px 164px; text-align: center; background: url(image/index/green_bg.jpg) no-repeat center bottom; }
#main .topBox .greenBox .textImg { margin-bottom: 18px; }
#main .mainBox h3 { margin-bottom: 17px; }
#main .mainBox .ulList { margin: 0 0 15px 80px; }
#main .mainBox .ulList li { margin-right: 17px; padding: 60px 10px 0 75px; float: left; width: 315px; letter-spacing: 2px; background: url(image/index/bg01.gif) repeat left top; border-bottom: 1px solid #B4B6B9; border-left: 1px solid #B4B6B9; }
#main .mainBox .ulList li p { padding-bottom: 26px; font-size: 21px; line-height: 1.3; }
#main .mainBox .ulList li .ttl { padding: 0; margin: 0 0 16px; }
#main .mainBox .ulList li:first-child { padding: 27px 10px 0 40px; border-right: 1px solid #B4B6B9; border-left: none; width: 350px; }
#main .mainBox .note { margin: 0 133px 37px; }
#main .photoList { margin: -41px -49px 48px 5px; overflow: hidden; zoom: 1; width: 1024px; }
@media (max-width: 767px) { #main .photoList { width: 96%; margin: 0 auto; } }
#main .photoList li { margin: 41px 49px 0 0; float: left; width: 460px; text-align: center; }
#main .photoList li span { margin-bottom: 16px; display: block; }
#main .photoList li:first-child { padding: 0; }
@media (max-width: 767px) { #main .photoList li { width: 100%; float: none; } }
#main .photoList li.notxt { margin-top: 117px; }
@media (max-width: 767px) { #main .photoList li.notxt { margin-top: 0; } }
#main .photoList01 { margin-bottom: 83px; }
@media (max-width: 767px) { #main .photoList01 { margin-left: 0; margin-right: 0; margin-bottom: 13px; width: 100%; position: relative; } }
@media (max-width: 767px) { #main .photoList01 li { display: inline-block; padding: 0; width: 40%; text-align: center; margin: 0 4% 20px; }
  #main .photoList01 li img { width: 100%; text-align: center; margin: 0 auto; display: inline; padding-left: 7px; } }
#main .mainBox .h2Ttl { margin-bottom: 25px; }
#main .mainBox .h2Ttl01 { margin-bottom: 39px; }
#main .mainBox .h2Ttl02 { margin-bottom: 33px; }
#main .mainBox .link { margin-bottom: 89px; text-align: center; }
#main .mainBox .link a:hover img { opacity: 0.7; filter: alpha(opacity=70); }

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.borBox { padding: 23px 22px 27px; margin: 0 2px 62px 1px; border: 10px solid #01CFE4; width: 980px; margin: 83px auto; }
.borBox .title { margin-bottom: 29px; text-align: center; }
.borBox .photo { margin: 4px 25px 0 0; float: left; }
.borBox .inner p { font-size: 17px; line-height: 1.75; word-break: break-all; }
.borBox .inner .text { margin: 7px 0 55px; }

#main .blueBox { margin-bottom: 40px; padding: 63px 0 82px; background-color: #C3F1FD; }
#main .blueBox .mainBox { min-height: inherit; }
#main .blueBox h2 { margin-bottom: 54px; }
#main .blueBox01 { padding: 52px 0 56px; margin-bottom: 72px; }
#main .blueBox01 h3 { margin-bottom: 35px; }
#main .blueBox .photoList { margin-bottom: 0; }
#main .mainBox .methodDl { margin: 0 auto 10px; width: 783px; display: table; line-height: 1.55; border: 1px solid #0A6BBC; }
#main .mainBox .methodDl01 { margin-bottom: 69px; }
#main .mainBox .methodDl dt { color: #fff; display: table-cell; font-size: 23px; width: 6.3%; text-align: center; vertical-align: middle; background-color: #0A6BBC; }
#main .mainBox .methodDl dd { padding: 12px 25px 7px; display: table-cell; width: 93.7%; font-size: 19px; text-align: left; vertical-align: middle; }
#main .mainBox .methodDl dd span { color: #0a6bbc; font-weight: bold; }
#main .mainBox .arrow { margin-bottom: 9px; text-align: center; }
#main .blueBox .txtBox { padding: 25px 30px; height: 243px; overflow-y: scroll; background-color: #AAF4FB; }
#main .blueBox .txtBox p { font-size: 17px; line-height: 1.6; }
#main .mainBox .imgBox { margin: 0 142px 30px; }
#main .mainBox .imgBox .photo { float: left; }
#main .mainBox .imgBox .textBox { margin-top: 47px; float: right; width: 335px; }
#main .mainBox .imgBox .textBox .ttl { margin: 0 0 20px; color: #146fbd; font-size: 25px; font-weight: bold; }
#main .mainBox .imgBox .textBox p { font-size: 19px; line-height: 1.55; }
#main .mainBox .imgBox .textBox p sup { font-size: 11px; }
#main .mainBox .imgBox .textBox .text { margin-bottom: 30px; }
#main .mainBox .link01 { margin-bottom: 50px; }
#main .mainBox .blueTxt { margin-bottom: 30px; text-align: center; color: #146fbd; }
#main .copyright { margin: 0 auto; color: #b5b5b5; font-size: 14px; width: 1100px; }
#main .pinkBox { padding: 38px 0 67px; background-color: #FCDAE1; }
#main .pinkBox h2 { margin-bottom: 33px; text-align: center; }
#main .pinkBox .mainBox { width: 664px; }
#main .pinkBox .title { margin-bottom: 15px; color: #cf183d; font-size: 33px; font-weight: bold; }
#main .pinkBox .txtDl dd { margin-bottom: 14px; padding: 4px 0 1px 9em; display: block; font-size: 19px; background-color: #fff; }
#main .pinkBox .txtDl .ddStyle { margin: 0; }
#main .pinkBox .txtDl dt { padding: 1px 0 1px; display: block; color: #fff; clear: both; font-size: 21px; float: left; text-align: center; width: 140px; position: relative; background-color: #0A6BBC; }
#main .pinkBox .txtDl dt:before { margin-top: -7px; width: 9px; height: 14px; background: url(image/index/arrow02.gif) no-repeat left top; -webkit-background-size: 9px 14px; -moz-background-size: 9px 14px; background-size: 9px 14px; position: absolute; top: 50%; right: -9px; content: ""; }
#main .qaDl { margin: 0 100px 110px 111px; font-size: 21px; line-height: 1.4; }
#main .qaDl dt { margin-top: 17px; padding: 2px 0 15px 45px; color: #e5004f; background: url(image/index/img01.gif) no-repeat left top; }
#main .qaDl dd { padding: 2px 0 25px 45px; color: #00a0e9; background: url(image/index/img02.gif) no-repeat left top; border-bottom: 1px solid #A0A0A0; }
#main .formBox { padding: 55px 0; margin-bottom: 83px; background-color: #F6F6F3; }
#main .formBox .whiteBox { padding: 62px 50px 35px; margin: 0 auto; width: 1000px; background-color: #fff; -moz-border-radius: 8px; border-radius: 8px; position: relative; behavior: url(js/pie.htc); }
#main .formBox .whiteBox h2 { margin-bottom: 40px; }
#main .formBox dl { margin-bottom: 48px; font-size: 25px; }
#main .formBox dt { padding: 40px 100px 0 0; float: left; }
#main .formBox dt span { padding: 3px 0; margin-left: 23px; color: #fff; display: inline-block; font-size: 13px; width: 66px; text-align: center; vertical-align: middle; background-color: #E60012; }
#main .formBox dd { padding: 25px 0 25px 14.5em; }
#main .formBox dd input[type="text"] { padding: 0; height: 65px; width: 635px; line-height: 5; border: none; background-color: #F0EEEF; -moz-border-radius: 8px; border-radius: 8px; position: relative; behavior: url(js/pie.htc); }
#main .formBox dd .wid01[type="text"] { width: 86px; }
#main .formBox .whiteBox dd span { margin-left: 20px; font-size: 33px; vertical-align: bottom; }
#main .formBox .ddStyle { padding-top: 40px; }
#main .formBox .whiteBox dd .radioUl li { margin-right: 100px; display: inline; }
#main .formBox .whiteBox dd .radioUl li input { margin: 0 20px 5px 0; vertical-align: middle; }
#main .formBox .whiteBox h3 { margin-bottom: 30px; text-align: center; }
#main .formBox .whiteBox .textarea { margin: 0 10px 40px; padding: 25px 30px; height: 243px; overflow-y: scroll; background-color: #F6F6F3; }
#main .formBox .whiteBox .textarea p { font-size: 17px; line-height: 1.6; }
#main .formBox .whiteBox .agreeTxt { margin-bottom: 27px; text-align: center; font-size: 25px; cursor: pointer; }
#main .formBox .whiteBox .agreeTxt input { margin-bottom: 10px; vertical-align: middle; }
@media (max-width: 767px) { #main .formBox .whiteBox .agreeTxt { margin-bottom: 15px; font-size: 15px; zoom: 1.7; }
  #main .formBox .whiteBox .agreeTxt input { margin-bottom: 2px; } }

.submit { display: block; text-align: center; margin: 0 auto 3em; }
.submit a { display: inline-block; min-height: 80px; }
@media (max-width: 767px) { .submit a { min-height: 60px; } }
.submit button, .submit a { margin: 0 auto; outline: none; border: 0 none; cursor: pointer; background: url("image/index/btn_bg.png") repeat-x left top; overflow: hidden; }
.submit button:hover, .submit a:hover { opacity: 0.7; filter: alpha(opacity=70); }
.submit button.disabled, .submit a.disabled { background: url("image/index/btn_bg_disabled.png") repeat-x left top; pointer-events: none; }
.submit button.disabled:hover, .submit a.disabled:hover { opacity: 1; filter: alpha(opacity=100); }
@media (max-width: 767px) { .submit button, .submit a { width: 100%; }
  .submit button img, .submit a img { max-height: 60px; } }

@media all and (min-width: 0) and (max-width: 767px) { #main { /*
.photoList { margin: -10px 0 20px; width: auto; li { margin: 10px 2% 0 0; width: 49%; &:nth-child(2n) { margin-right: 0; } span { margin-bottom: 8px; img { width: 70%; } } img { width: 100%; } }
}
*/ }
  #main .mainBox { margin: 0 10px; min-height: inherit; width: auto; }
  #main .topBox { padding: 20px 10px; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
  #main .topBox .mainBox { margin: 0; width: auto; }
  #main .topBox .mainImg { margin-bottom: 20px; }
  #main .topBox .mainImg img { width: 100%; }
  #main .topBox .greenBox { padding: 20px 10px 60px; padding-bottom: 17%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
  #main .topBox .greenBox .textImg { margin-bottom: 10px; }
  #main .topBox .greenBox img { width: 100%; }
  #main h2 { margin-bottom: 20px; }
  #main h2 img { width: 90%; }
  #main .blueBox01 h3, #main h3 { margin-bottom: 10px; }
  #main .mainBox h3 img { width: 100%; }
  #main .mainBox .ulList { margin: 0 0 15px; }
  #main .mainBox .ulList li { padding: 20px !important; margin: 20px 0 0; float: none !important; height: auto !important; letter-spacing: 1px; width: auto !important; -webkit-background-size: 7px 7px; -moz-background-size: 7px 7px; background-size: 7px 7px; border: 1px solid #b4b6b9 !important; }
  #main .mainBox .ulList li p { padding-bottom: 13px; font-size: 13px; }
  #main .mainBox .ulList li .ttl img { width: 80%; }
  #main .mainBox .ulList li p:last-child { padding: 0; }
  #main .mainBox .ulList li:first-child { margin: 0; }
  #main .mainBox .note { margin: 0 20px 15px; }
  #main .mainBox .h2Ttl { margin-bottom: 15px; }
  #main .mainBox .h2Ttl01 { margin-bottom: 20px; }
  #main .mainBox .link { margin-bottom: 25px; }
  #main .mainBox .link img { width: 100%; }
  .borBox { margin: 0 0 20px; padding: 15px; border-width: 5px; width: auto; }
  .borBox .title { margin: 0 auto 10px; width: 80%; }
  .borBox .title img { width: 100%; }
  .borBox .photo { margin: 0 auto 10px; float: none; width: 80%; }
  .borBox .photo img { width: 100%; }
  .borBox .inner p { font-size: 13px; }
  .borBox .inner .text { margin: 5px 0 15px; }
  #main .blueBox { margin-bottom: 25px; padding: 20px 15px; }
  #main .blueBox .mainBox { margin: 0; }
  #main .blueBox h2 { margin-bottom: 20px; }
  #main .blueBox .mainBox .photoList { margin-bottom: 0; }
  #main .blueBox .txtBox { padding: 15px; height: 150px; }
  #main .blueBox .txtBox p { font-size: 12px; }
  #main .mainBox .imgBox { margin: 0 10px 20px; }
  #main .mainBox .imgBox .photo { margin: 0 auto; float: none; width: 60%; }
  #main .mainBox .imgBox .photo img { width: 100%; }
  #main .mainBox .imgBox .textBox { margin-top: 20px; width: auto; float: none; }
  #main .mainBox .imgBox .textBox .ttl { margin-bottom: 10px; font-size: 15px; }
  #main .mainBox .imgBox .textBox p { font-size: 13px; }
  #main .mainBox .imgBox .textBox .text { margin-bottom: 10px; }
  #main .mainBox .blueTxt { margin-bottom: 15px; }
  #main .copyright { margin: 0 10px; font-size: 11px; width: auto; }
  #main .mainBox .methodDl { width: auto; }
  #main .mainBox .methodDl dt { font-size: 14px; width: 10%; }
  #main .mainBox .methodDl dd { padding: 6px 13px 4px; font-size: 13px; width: 90%; }
  #main .mainBox .methodDl dd a { white-space: normal; word-break: break-all; }
  #main .mainBox .arrow img { width: 26px; }
  #main .mainBox .methodDl01 { margin-bottom: 20px; }
  #main .pinkBox { padding: 20px 0 35px; }
  #main .pinkBox .mainBox { width: auto; }
  #main .pinkBox h2 { margin-bottom: 20px; }
  #main .pinkBox .txtDl dt { width: 100px; font-size: 13px; vertical-align: middle; }
  #main .pinkBox .txtDl dd { margin-bottom: 8px; padding: 4px 3px 1px 9em; font-size: 13px; }
  #main .pinkBox .title { font-size: 15px; }
  #main .qaDl { margin: 0 0 20px; font-size: 13px; }
  #main .qaDl dd, #main .qaDl dt { padding-left: 25px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; }
  #main .qaDl dd { padding-bottom: 15px; }
  #main .formBox { margin-bottom: 30px; padding: 10px; }
  #main .formBox .whiteBox { width: auto; padding: 10px; }
  #main .formBox .whiteBox h2 { margin-bottom: 20px; }
  #main .formBox dl { margin-bottom: 20px; font-size: 15px; }
  #main .formBox dt { padding: 0 0 10px; float: none; }
  #main .formBox dd { padding: 0 0 10px; }
  #main .formBox dt span { padding: 1px; margin-left: 15px; font-size: 10px; width: 50px; }
  #main .formBox dd input[type="text"] { width: 100%; height: 25px; }
  #main .formBox .whiteBox dd span { margin-left: 10px; font-size: 15px; }
  #main .formBox dd .wid01[type="text"] { width: 50%; }
  #main .formBox .ddStyle { padding-top: 0; }
  #main .formBox .whiteBox dd .radioUl li { margin-right: 30px; }
  #main .formBox .whiteBox dd .radioUl li input { margin: 0 5px 2px 0; }
  #main .formBox .whiteBox h3 img { width: 30%; }
  #main .formBox .whiteBox .textarea { margin: 0 0 20px; padding: 15px; height: 150px; }
  #main .formBox .whiteBox .textarea p { font-size: 12px; line-height: 1.5; } }
.movie-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.smp-menu { position: absolute; display: inline-block; top: 4px; right: 4px; }
.smp-menu a { display: inline-block; background-color: #e9cd00; }
.smp-menu a img { display: inline-block; height: 40px; width: auto; }
.smp-menu a.disabled { display: none !important; }

#smpNavi { display: block; position: absolute; width: 100%; background-color: #f5e301; padding: 8px 0; display: block; top: 48px; opacity: 1; -webkit-transition: top 0.1s ease-in-out, opacity 0.4s ease-in-out 0.1s; transition: top 0.1s ease-in-out, opacity 0.4s ease-in-out 0.1s; }
#smpNavi.disabled { top: -1000px !important; opacity: 0 !important; pointer-events: none; -webkit-transition: top 0.1s ease-in-out 0.4s, opacity 0.4s ease-in-out !important; transition: top 0.1s ease-in-out 0.4s, opacity 0.4s ease-in-out !important; }
#smpNavi.disabled a { pointer-events: none; }
#smpNavi ul { display: block; width: 100%; }
#smpNavi ul li { width: 100%; display: block; vertical-align: top; text-align: center; }
#smpNavi ul li a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90%; margin: 5px auto; padding: 6px 6px; padding-left: 1.4em; text-indent: -1.1em; font-size: 16px; text-align: left; text-decoration: none; color: #f5e301; border: 1px solid #000; background-color: #342f01; -moz-border-radius: 10px; border-radius: 10px; }
#smpNavi ul li a:before { content: '>'; font-weight: bold; margin-top: -2px; margin-right: 4px; padding-left: 0.4em; }