@charset "utf-8";

/*common*/
/*----------------------------*/
*{ margin:0; padding:0; box-sizing: border-box;}
body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
img { border: none; max-width: 100%; height: auto; }
ul { list-style-type: none; }
/*----------------------------*/

/*削除不可*/
/*----------------------------*/
.switch { visibility: hidden;}
/*----------------------------*/


/*PC・スマホ共通設定*/
/*----------------------------*/

body { background: url(images/bg07.png) repeat; }
h1, h2, h3, h4, h5, h6, p, td, th, a, li { font-size: 100%; line-height: 150%; font-weight: normal; color: #292929; }
table { border-collapse: collapse; }
table th { text-align: left; vertical-align: top; }
img { vertical-align: middle; }
a { text-decoration: none; }
strong { font-weight: bold; }
button { cursor: pointer; }

.clearfix:after { content: ""; display: block; clear: both; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-underline { text-decoration: underline; }
.hidden { display: none; }

.text-water { color: #11acbf; }
.text-pink { color: #cb326a; }

.underline01 { background: url(images/underline01.png) repeat-x center; }

.box01 { background: #fff; border: 2px solid #d3386b; padding: 3px; }
.box01 > .box-inner { border: 5px solid #d3386b; }
.box02 { background: #fff; border: 2px solid #11acbf; padding: 3px; }
.box02 > .box-inner { border: 5px solid #11acbf; }
.box03 { background: #f3f3f3; border-radius: 20px; padding: 20px; }
.box03 > .box-inner { background: #fff; }
.box04 { border: 5px solid #c7a568; }
.box05 { background: rgba(255,255,255,0.8); }
.box06 { background: #fff; border: 5px solid #c7a568; border-radius: 10px; }
.box07 { background: #fff; border: 3px solid #c7a568; border-radius: 4px; }
.box08 { background: #fff; }
.box09 { background: #fff; box-shadow: 0 0 4px 4px rgba(0,0,0,0.2); border-radius: 10px; }
.box10 { background: #eeeeee; }

.list01 li { position: relative; margin-left: 20px; }
.list01 li:before { content: "※"; position: absolute; left: -20px; }
.list02 li { position: relative; margin-left: 30px; counter-increment: list02; }
.list02 li:before { content: "※" counter(list02); position: absolute; left: -30px; }
.list03 { list-style-type: disc; margin-left: 20px; }
.list04 li { position: relative; margin-left: 40px; }
.list04 li:before { content: url(images/icon01.png); position: absolute; left: -40px; }

#page { max-width: 1060px; margin: 0 auto; background: #fff; box-shadow: 0 -4px 4px 4px rgba(0,0,0,0.2); }

#footer { background: #11acbf; }
#footer .sitemap a { font-size: 87.5%; color: #fff; }
#footer .information p { font-size: 87.5%; color: #fff; }

.section01 .wrapper { max-width: 960px; margin: 0 auto; }
.section01 .box01 .box-inner { padding-bottom: 2%; background: url(images/s01_img01_pc_bg.png); }
.section01 ul li { font-size: 87.5%; }

.section04 { padding: 8% 0; }

.section05 .wrapper { max-width: 800px; margin: 0 auto; }
.section05 .box02 .box-inner { background: url(images/s05_bg01.png) no-repeat top; background-size: 100%; padding-bottom: 10%; }
.section05 p { margin-bottom: 5%; }

.section06 { padding-bottom: 10%; }
.section06 .arrow { max-width: 80%; margin: 0 auto; }
.section06 .arrow.upper { margin-bottom: 5%; }
.section06 .arrow.upper img { display: inline; margin-top: -8%; }
.section06 h2 { margin-bottom: 8%; }

.section07 { margin-top: -7%; }

.section08 {
	padding: 8% 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1eaec+0,f3fcfe+50,b6bfc1+100 */
	background: rgb(225,234,236); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(225,234,236,1) 0%, rgba(243,252,254,1) 50%, rgba(182,191,193,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(225,234,236,1) 0%,rgba(243,252,254,1) 50%,rgba(182,191,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(225,234,236,1) 0%,rgba(243,252,254,1) 50%,rgba(182,191,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1eaec', endColorstr='#b6bfc1',GradientType=0 ); /* IE6-9 */
}
.section08 .wrapper { max-width: 900px; margin: 0 auto; }
.section08 .box03 .box-inner { padding-bottom: 3%; } 
.section08 .box03 .box-content { padding: 0 5%; }
.section08 ul li { margin-bottom: 3%; }
.section08 .text { margin-bottom: 3%; }
.section08 .picture { margin-bottom: 3%; }

.section10 .wrapper { max-width: 900px; margin: 0 auto; }
.section10 .box04 { border-top: none; padding-bottom: 3%; }
.section10 h2 { margin-bottom: 3%; }
.section10 .text { margin-bottom: 3%; }
.section10 .picture { margin-bottom: 3%; }
.section10 p { margin-bottom: 3%; }
.section10 ul li { font-size: 81.25%; }

.section11 .wrapper { max-width: 800px; margin: 0 auto; }
.section11 .caption { margin-bottom: 3%; }
.section11 .text { margin-bottom: 3%; }
.section11 .box05 { padding: 3%; }
.section11 .picture p { font-size: 87.5%; }

.section13 { padding: 5% 0; }
.section13 h2 { margin-bottom: 5%; }
.section13 .wrapper { max-width: 900px; margin: 0 auto; }
.section13 .box03 { margin-bottom: 3%; }
.section13 .box03 .box-inner { padding-bottom: 3%; } 
.section13 .box03 .box-content { padding: 0 5%; }
.section13 ul li:nth-child(1) ul.list02 li { font-size: 75%; }
.section13 ul li:nth-child(1) .text p { margin-bottom: 5%; }
.section13 ul li:nth-child(2) p { margin-bottom: 5%; }
.section13 ul li:nth-child(2) ul.list02 li { font-size: 81.25%; }
.section13 ul li:nth-child(4) p { margin-bottom: 8%; }
.section13 ul li:nth-child(4) .image01 { margin-bottom: 8%; }
.section13 ul li:nth-child(4) .image02 img { display: block; width: 100%; }
.section13 ul li:nth-child(4) .box03 .box-inner { padding-bottom: 0; } 

.section14 { padding: 8% 0 0; }
.section14 .wrapper { max-width: 800px; margin: 0 auto; }
.section14 h2 { margin-bottom: 8%; }
.section14 p { margin-bottom: 5%; }
.section14 .button { padding: 5% 0; margin-bottom: 5%; }

.section15 { padding: 5% 0; }
.section15 .box02 { max-width: 960px; margin: 0 auto; }
.section15 .box02 .box-inner { padding: 3% 0; }
.section15 h2 { margin-bottom: 5%; }
.section15 .wrapper { max-width: 800px; margin: 0 auto; }
.section15 p { margin-bottom: 3%; }
.section15 ul { padding: 3% 0; margin-bottom: 3%; }
.section15 ul li { font-weight: bold; }

.section16 { padding: 10% 0 5%; }
.section16 .box06 { max-width: 960px; margin: 0 auto; }
.section16 .wrapper { max-width: 800px; margin: 0 auto; }
.section16 .block01 { margin-bottom: 5%; }
.section16 h3 { margin-bottom: 3%; }

.section17 .wrapper { max-width: 900px; margin: 0 auto; }
.section17 h2 { margin-bottom: 10%; }
.section17 ul li { font-size: 112.5%; margin-bottom: 10px; }

.section18 { padding: 5% 0; }
.section18 .box08 { max-width: 960px; padding: 3% 0; margin: 0 auto; }
.section18 .wrapper { max-width: 900px; margin: 0 auto; }
.section18 h2 { margin-bottom: 5%; }

.section19 { padding: 5% 0 10%; }
.section19 .wrapper { max-width: 960px; margin: 0 auto; }
.section19 h2 { margin-bottom: 5%; }
.section19 h3 { position: relative; margin-left: 90px; margin-top: 20px; margin-bottom: 30px; }
.section19 h3:before { content: ""; background: url(images/s19_img01.png); background-size: 100% 100%; width: 70px; height: 70px; position: absolute; left: -90px; top: -20px; }
.section19 p { font-size: 125%; position: relative; margin-left: 80px; }
.section19 p:before { content: ""; background: url(images/s19_img02.png); background-size: 100% 100%; width: 40px; height: 39px; position: absolute; left: -60px; top: 0px; }
.section19 .box09 { padding: 3%; }
.section19 ul li { margin-bottom: 3%; }
.section19 ul li:last-child { margin-bottom: 0; }

.section20 { padding: 3% 10px; }
.section20 .box10 { max-width: 960px;  margin: 0 auto; }
.section20 .wrapper { max-width: 900px; margin: 0 auto; }
.section20 p { font-size: 87.5%; padding: 3% 0; }




/*スマホ専用設定*/
/*----------------------------*/
@media screen and (max-width: 640px) {

img { display: block; margin: 0 auto; }

h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br { display: none; }

.for-pc{ display: none;}
.for-pc-inline{ display: none;}
.for-sp{ display: block;}

.wrapper { padding: 0 10px; }

#page { overflow: hidden; }

#header { padding-bottom: 10%; }

#footer .sitemap { background: #7ee4f0; padding: 10px 0; }
#footer .sitemap ul li a { display: block; text-align: center; color: #000; padding: 10px 0; }
#footer .information { padding: 3% 0; }

.section01 h2 { margin-top: -7%; margin-bottom: 5%; }
.section01 .box01 .box-inner { padding-bottom: 5%; background: url(images/s01_img01_pc_bg.png); background-size: 100% 100%;}
.section01 .button { margin-bottom: 3%; }
.section01 ul { max-width: 540px; margin: 0 auto;}

.section04 { background: url(images/bg01_sp.gif); background-size: 100% 100%; }
.section04 h2 { margin-bottom: 5%; }
.section04 ul li { margin-bottom: 3%; }

.section05 .wrapper { max-width: 560px; }
.section05 .box02 .box-inner { padding-top: 18%; }
.section05 h2 { margin-bottom: 5%; }
.section05 ul li { margin-bottom: 3%; }

.section06 { background: url(images/s06_bg01_sp.png) no-repeat top; background-size: cover; }

.section08 h2 { margin-left: -20px; margin-bottom: 3%; }
.section08 h2 img { display: inline; margin-top: -20px; }

.section09 { background: url(images/s09_bg01_sp.png) no-repeat top; background-size: cover; }
.section09 h2 { padding: 10% 0; }

.section10 .wrapper { max-width: 560px; }

.section11 { padding: 20% 0 0; }
.section11 { background: url(images/s11_bg01_sp.png) no-repeat top; background-size: cover; }
.section11 .caption h2 { margin-bottom: 2%; }
.section11 .caption p { text-align: right; margin-right: 10%; }
.section11 .picture { margin-bottom: 2%; }
.section11 .picture p { text-align: right; margin-right: 15%; }
.section11 .picture-sp img { display: inline; position: relative; z-index: 10; max-width: 50%; }

.section12 img { margin-top: -10%; }

.section13 { background: url(images/bg02_sp.png); background-size: 100% 100%; }
.section13 h3 { padding-right: 10px; margin-left: -20px; margin-bottom: 3%; }
.section13 h3 img { display: inline; margin-top: -20px; }
.section13 ul li:nth-child(1) .text { margin-bottom: 5%; }
.section13 ul li:nth-child(2) .box-inner { background: #fff url(images/s13_bg01_sp.png) no-repeat bottom; background-size: 100%; padding-bottom: 50%; }
.section13 ul li:nth-child(3) .text { margin-bottom: 5%; }
.section13 ul li:nth-child(4) .box-inner { background: #fff url(images/s13_bg02_sp.png) no-repeat bottom; background-size: 100%; }
.section13 ul li:nth-child(4) .image02 { margin-left: -6%; margin-right: -6%; }

.section14 .wrapper { max-width: 560px; }

.section15 { background: url(images/bg03_sp.gif) no-repeat; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }
.section15 .wrapper { max-width: 560px; }
.section15 h2 { margin-left: -20px; margin-right: -20px; }
.section15 .picture { margin-bottom: 3%; }
.section15 .name { padding: 3% 0; }
.section15 .name img { display: inline; }

.section16 { background: url(images/bg04_sp.png) no-repeat top; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }
.section16 h2 { margin-left: -15px; margin-right: -15px; }
.section16 h2 img { margin-top: -5%; }
.section16 h3 { background: url(images/s16_bg01_sp.png) no-repeat center; background-size: 100% 100%; padding: 10px 0; margin-bottom: 8%; }
.section16 .row { margin-bottom: 8%; }
.section16 .row .column.box { position: relative; }
.section16 .row .column.arrow { text-align: center; padding: 3% 0; }
.section16 .box .no { position: absolute; left: -20px; top: -20px; z-index: 10; max-width: 30%; }
.section16 .block { padding: 0 20px; }
.section16 .block02 .box .picture img { max-width: 95%; }
.section16 .block02 .box p {max-width: 380px;padding: 3% 10px;margin: 0 auto; }
.section16 .block03 .box .picture { padding: 10% 0 0; }
.section16 .block03 .box p { max-width: 380px; padding: 3% 10px; margin: 0 auto; }

.section17 { padding: 5% 0 0; }
.section17 .picture { text-align: right; }
.section17 .picture img { display: inline; }
.section17 .text { max-width: 540px; margin: 0 auto; }

.section18 { background: url(images/bg05_sp.gif) no-repeat top; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }
.section18 .wrapper { max-width: 560px; }

.section19 { background: url(images/bg06_sp.png) no-repeat top; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }
.section19 h3 { margin-left: 50px; margin-top: 5px; margin-bottom: 10px; min-height: 35px; }
.section19 h3:before { width: 35px; height: 35px; left: -50px; top: -5px; }
.section19 p { margin-left: 50px; }
.section19 p:before { width: 20px; height: 20px; left: -40px; top: 0px; }

}

/*スマホ以外 共通設定*/
/*----------------------------*/
@media screen and (min-width: 641px) {

.for-pc{ display: block;}
.for-pc-inline{ display: inline;}
.for-sp{ display: none;}

.wrapper { padding: 0 10px; }
.pull-left { float: left; }
.pull-right { float: right; }
.center-block { display: block; margin: 0 auto; }

#page { overflow: hidden; }

#header .image { margin-top: -8%; }

#footer .sitemap { padding: 3% 0 0; }
#footer .sitemap ul { text-align: center; }
#footer .sitemap ul li { display: inline-block; }
#footer .sitemap a:after { content: "/"; margin: 0 20px; }
#footer .sitemap ul li:last-child a:after { content: none; }
#footer .information { padding: 3% 0; }

.section01 h2 { margin-top: -5%; }

.section04 { background: url(images/bg01_pc.gif); background-size: 100% 100%; }
.section04 h2 { margin-bottom: 3%; }
.section04 ul { overflow: hidden; margin-bottom: 5%; }
.section04 ul li { float: left; width: 50%; text-align: center; }
.section04 ul li img { max-width: 98%; }

.section05 .box02 .box-inner { padding-top: 15%; }
.section05 h2 { margin-bottom: 8%; }
.section05 ul { overflow: hidden; }
.section05 ul li { float: left; width: 50%; text-align: center; }
.section05 ul li img { max-width: 98%; }

.section06 { background: url(images/s06_bg01_pc.png) no-repeat top; background-size: cover; }

.section08 h2 { margin-left: -40px; margin-bottom: 3%; }
.section08 h2 img { margin-top: -10px; }
.section08 .picture img { max-width: 95%; }
.section08 ul li:nth-child(1) .text { width: 50%; }
.section08 ul li:nth-child(1) .picture { width: 50%; text-align: right; }
.section08 ul li:nth-child(2) .text { width: 62%; }
.section08 ul li:nth-child(2) .picture { width: 38%; text-align: right; margin-top: -3%; }

.section09 { background: url(images/s09_bg01_pc.png) no-repeat top; background-size: cover; }
.section09 h2 { padding: 8% 0; }
.section10 .picture { width: 40%; }
.section10 .picture img { max-width: 95%; }
.section10 .text { width: 60%; }
.section10 ul li { display: inline-block; margin-right: 5%; }

.section11 { padding: 10% 0; }
.section11 { background: url(images/s11_bg01_pc.png) no-repeat top; background-size: cover; }
.section11 .picture img { margin-right: -10%; }
.section11 .picture p { text-align: right; margin-right: 25%; }

.section13 { background: url(images/bg02_pc.png); background-size: 100% 100%; }
.section13 h3 { margin-left: -40px; margin-bottom: 3%; }
.section13 h3 img { margin-top: -10px; }
.section13 ul li:nth-child(1) .text { width: 50%; }
.section13 ul li:nth-child(1) .picture { width: 50%; text-align: right; }
.section13 ul li:nth-child(1) .picture img { max-width: 95%; }
.section13 ul li:nth-child(2) .box-inner { background: #fff url(images/s13_bg01_pc.png) no-repeat bottom; background-size: 100%; padding-bottom: 45%; }
.section13 ul li:nth-child(3) .text { width: 75%; }
.section13 ul li:nth-child(3) .picture { width: 25%; }
.section13 ul li:nth-child(3) .picture img { max-width: 95%; margin-top: -10%; }

.section15 { background: url(images/bg03_pc.gif) no-repeat top; background-size: 100% 100%; }
.section15 h2 { margin-left: -20px; margin-right: -20px; }
.section15 .picture  { margin-left: 10px; margin-bottom: 10px; }

.section16 { background: url(images/bg04_pc.png) no-repeat top; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }
.section16 h2 { margin-left: -10px; margin-right: -10px; }
.section16 h2 img { margin-top: -5%; }
.section16 h3 { background: url(images/s16_bg01_pc.png) no-repeat center; background-size: 100% 100%; padding: 10px 0; }
.section16 .row { display: table; table-layout: fixed; width: 100%; margin-bottom: 8%; }
.section16 .row .column { display: table-cell; }
.section16 .row .column.box { position: relative; }
.section16 .row .column.arrow { vertical-align: middle; text-align: center; }
.section16 .row .column.arrow img { max-width: 95%; }
.section16 .box .no { position: absolute; left: -20px; top: -20px; }
.section16 .box .picture { padding: 10px 0; }
.section16 .box .picture img { max-width: 95%; }
.section16 .box p { padding: 10px; }
.section16 .block02 .row .column.box { width: 28%; }
.section16 .block03 .row .column.box { width: 46%; }

.section17 { position: relative; overflow: hidden; padding: 10% 0; }
.section17 .picture { position: absolute; right: 0; bottom: 0; max-width: 60%; }
.section17 .text { position: relative; z-index: 10; padding-right: 40%; }

.section18 { background: url(images/bg05_pc.gif) no-repeat top; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }

.section19 { background: url(images/bg06_pc.png) no-repeat top; background-size: 100% 100%; padding-left: 10px; padding-right: 10px; }

}

/*PC専用設定*/
/*----------------------------*/
@media screen and (min-width: 1126px) {

a:hover img{ opacity: 0.7; }
a[name]:hover img{ opacity: 1; }
button:hover img { opacity: 0.7; }

.wrapper { max-width: 1060px; margin: 0 auto; padding: 0; }

#page { overflow: visible; }

#header .image { margin-right: -20px; }

.section04 h2 { margin-left: -25px; margin-right: -25px; }
.section04 ul { max-width: 1000px; margin-left: auto; margin-right: auto; }

.section05 .box02 .box-inner { padding-top: 10%; }

.section11 .picture img { margin-right: -15%; }

.section16 h2 { margin-left: -50px; margin-right: -50px; }

}

/*高解像度PC専用設定*/
/*----------------------------*/

@media screen and (min-width: 1200px) {



}