@charset "UTF-8";

.content-01 .item-02,
.content-02 .content-items-01 .item-02 { font-size:18px;}
.button-01,
.content-06 .item-03 { font-size:24px;}
.content-03 .content-items-01 .item-01 { font-size:28px;}
.content-02 .title-01,
.content-06 .item-01 { font-size:44px;}
.content-04 .item-01 { font-size:49px;}
.content-03 .content-items-02 .item-01 strong,
.content-03 .content-items-02 .item-02 strong,
.content-03 .content-items-02 .item-03 strong,
.content-03 .content-items-02 .item-04 strong,
.content-04 .item-02 strong,
.content-04 .item-03 strong,
.content-04 .item-04 strong,
.content-05 .content-items-01 strong,
.content-05 .content-items-02 .item-01 strong,
.content-05 .content-items-02 .item-02 strong,
.content-05 .content-items-03 .item-01 strong,
.content-05 .content-items-03 .item-03 strong,
.content-05 .content-items-04 .item-01 strong,
.content-05 .content-items-04 .item-03 strong,
.content-05 .content-items-05 .item-01 strong { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
* { letter-spacing:0;}
.button-01 { width:90%; margin-right:auto; margin-left:auto; display:flex; flex-direction:column; align-items:center;}
.button-01 * { color:#fff; font-family:"M PLUS Rounded 1c";}
.button-01 a { border-radius:3.0833em; min-height:3.0833em; max-width:25.4167em; padding-top:.8em; padding-right:.8em; padding-bottom:.83em; padding-left:.8em; width:100%; display:flex; justify-content:center; align-items:center; background-color:#6ac4e3; text-decoration:none; transition:background-color 400ms;}
.button-01 a strong { display:block; text-decoration:none; letter-spacing:.03em;}
.button-01 a::after { margin-left:.6em; clip-path:polygon(0 0, 100% 50%, 0 100%); content:""; display:block; background-color:#fff; width:.65em; height:.8em;}
.button-01 a.active { background-color:#88d0e9;}
.pagelink-anchor { overflow:hidden; transform:translateY(-100%); width:0; height:10em; left:0; top:0; position:absolute;}
.pagelink-anchor.space-01 { margin-top:-2.214%;}
.content-01 { width:100%; padding-top:120px; padding-bottom:120px;}
.content-01 .content-wrap { max-width:1240px; width:90%; margin-left:auto; margin-right:auto;}
.content-01 .breadcrumb { width:100%; margin-bottom:4.8387%; font-size:14px; line-height:1.6; width:100%; display:flex; flex-wrap:wrap;}
.content-01 .breadcrumb>a { display:inline-block; color:#999;}
.content-01 .breadcrumb>strong { padding-left:1.5em; display:inline-block; color:#73be41;}
.content-01 .heading { display:flex; justify-content:space-between; width:100%; padding-bottom:60px;}
.content-01 .heading .title { font-size:28px; width:51.6129%; position:relative; padding-left:40px; box-sizing:border-box; display:flex; align-items:center;}
.content-01 .heading .title::before { content:""; display:block; background-color:#000; position:absolute; left:0; top:0; height:100%; width:4px;}
.content-01 .heading .title p { font-family:"M PLUS Rounded 1c"; font-weight:500; font-size:1em; line-height:1.8; letter-spacing:2px;}
.content-01 .heading .icon { width:45.1613%; display:flex; justify-content:flex-end;}
.content-01 .heading .icon .item-01 { width:21.4286%;}
.content-01 .heading .icon .item-01:nth-of-type(n+2) { margin-left:3.5714%;}
.content-01 .heading .icon .item-01 figure { width:100%; padding-top:100%; position:relative;}
.content-01 .heading .icon img { object-fit:cover; width:100%; height:100%; left:0; top:0; position:absolute;}
.content-01 .item-02 { font-family:"M PLUS Rounded 1c"; font-weight:500; width:100%; line-height:2.4; letter-spacing:.08em;}
.content-01 .item-02 * { font-family:"M PLUS Rounded 1c"; font-weight:500; font-size:1em;}
.content-01 .item-02 sub { line-height:1; display:inline-block; position:relative; left:.08em; top:-0.03em; transform:scale(0.75); transform-origin:bottom left;}
.content-outside-01,
.content-outside-02 { width:100%; background-color:#cdf0f0; position:relative;}
.content-outside-01.second,
.content-outside-02.second { background-color:#e6f5f5;}
.content-outside-01 { padding-top:200px; padding-bottom:200px;}
.content-outside-02 { padding-top:135px; padding-bottom:140px;}
.content-02 { max-width:1355px; width:90%; margin-left:auto; margin-right:auto;}
.content-02 .title-01 { margin-bottom:9.5941%; font-family:"M PLUS Rounded 1c"; font-weight:700; line-height:1.8; width:100%; letter-spacing:0;}
.content-02 .title-01 * { font-family:"M PLUS Rounded 1c"; font-weight:700;}
.content-02 .title-01 sub { line-height:1; display:inline-block; position:relative; left:.08em; top:-0.03em; transform:scale(0.7); transform-origin:bottom left; margin-right:-0.03em;}
.content-02 .content-items-01 { width:100%; position:relative; display:flex; justify-content:space-between; align-items:center;}
.content-02 .content-items-01+.content-items-01 { margin-top:5.1661%;}
.content-02 .content-items-01 .item-01 { width:300px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.content-02 .content-items-01 .item-01 figure { position:relative; overflow:hidden; width:76.6667%;}
.content-02 .content-items-01 .item-01 img { width:100%; height:auto; float:left;}
.content-02 .content-items-01 .item-01::before { width:116.6667%; content:""; display:block; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; background:radial-gradient(#fff, rgba(255, 255, 255, 0) 80%); aspect-ratio:5 / 3;}
.content-02 .content-items-01 .item-02 { width:calc(100% - 300px - 50px);}
.content-02 .content-items-01 .item-02 * { font-family:"M PLUS Rounded 1c"; font-weight:500;}
.content-02 .content-items-01 .item-02 sub,
.content-02 .content-items-01 .item-02 sup { font-weight:600;}
.content-02 .content-items-01 .item-02>p { line-height:2.3333; width:100%; text-align:justify; text-justify:inter-ideograph; word-break:break-all; letter-spacing:0;}
.content-02 .content-items-01 .item-02>p * { line-height:2.3333;}
.content-02 .content-items-01 .item-02>p.notes-01 { position:relative; padding-left:1.2em; margin-top:.9em;}
.content-02 .content-items-01 .item-02>p.notes-01::before { left:0; top:0; position:absolute; content:"※";}
.content-02 .content-items-01 .item-02>p strong { color:#e66c06;}
.content-02 .content-items-01 .item-02>p strong * { color:#e66c06;}
.content-02 .content-items-01 sub,
.content-02 .content-items-01 sup { font-weight:600; transform:scale(0.75); position:relative; line-height:1 !important; display:inline-block;}
.content-02 .content-items-01 sub { left:.08em; top:-0.03em; transform-origin:bottom left;}
.content-02 .content-items-01 sup { left:.13em; top:.02em; transform-origin:top left;}
.content-03 { width:100%; margin-top:180px;}
.content-03 .content-items-01 { max-width:1355px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:center;}
.content-03 .content-items-01 .item-01 { display:flex; justify-content:center; align-items:center; background-color:#fff; text-align:center; font-family:"M PLUS Rounded 1c"; font-weight:700; line-height:1.5; padding-top:.5em; padding-right:1em; padding-bottom:.5em; padding-left:1em; min-height:3em; max-width:1130px; width:100%; border-radius:0.5em; letter-spacing:.05em;}
.content-03 .content-items-01 .item-01 * { font-family:"M PLUS Rounded 1c"; font-weight:700;}
.content-03 .content-items-01 .item-01 strong { display:block;}
.content-03 .content-items-01 .item-01 sub { line-height:1; display:inline-block; position:relative; left:.05em; top:-0.04em; transform:scale(0.7); transform-origin:bottom left; margin-right:-0.1em;}
.content-03 .content-items-02 { max-width:1360px; width:90%; margin-left:auto; margin-right:auto; margin-top:66px; display:flex; justify-content:space-between;}
.content-03 .content-items-02 .item-01,
.content-03 .content-items-02 .item-02,
.content-03 .content-items-02 .item-03,
.content-03 .content-items-02 .item-04 { position:relative; overflow:hidden;}
.content-03 .content-items-02 .item-01 img,
.content-03 .content-items-02 .item-02 img,
.content-03 .content-items-02 .item-03 img,
.content-03 .content-items-02 .item-04 img { width:100%; height:auto; float:left;}
.content-03 .content-items-02 .item-01 { width:26.1566%;}
.content-03 .content-items-02 .item-02 { width:22.2816%;}
.content-03 .content-items-02 .item-03 { width:23.0757%;}
.content-03 .content-items-02 .item-04 { width:22.7662%; margin-left:.4411764706%;}
.content-04 { max-width:1355px; width:90%; margin-left:auto; margin-right:auto; margin-top:30px;}
.content-04 .item-01 { font-family:"M PLUS Rounded 1c"; font-weight:700; line-height:1.5; text-align:center; letter-spacing:0;}
.content-04 .item-01 * { font-family:"M PLUS Rounded 1c"; font-weight:700;}
.content-04 .item-01 sub { line-height:1; display:inline-block; position:relative; left:.03em; top:-0.04em; transform:scale(0.7); transform-origin:bottom left; margin-right:-0.06em;}
.content-04 .content-items-01 { margin-top:26px; max-width:1016px; width:100%; margin-left:auto; margin-right:auto;}
.content-04 .content-items-01::before { margin-right:auto; margin-left:auto; aspect-ratio:172 / 39; content:""; display:block; background-color:#fff; width:16.9291%; clip-path:polygon(0 0, 100% 0, 50% 100%);}
.content-04 .content-items-02 { margin-top:15px; margin-right:auto; margin-left:auto; display:flex; justify-content:space-between; max-width:1016px; width:98%; margin-left:auto; margin-right:auto;}
.content-04 .item-02 { width:41.7323%; margin-top:35px; margin-right:auto; margin-left:auto; position:relative; overflow:hidden; transform:translateX(2.3585%);}
.content-04 .item-02 img { width:100%; height:auto; float:left;}
.content-04 .item-03,
.content-04 .item-04 { width:47.3425%; position:relative;}
.content-04 .item-03 img,
.content-04 .item-04 img { width:100%; height:auto; float:left;}
.content-04 .item-03 .tail,
.content-04 .item-04 .tail { position:absolute; left:0; top:0; transform:translateY(-100%);}
.content-05 { max-width:1240px; width:90%; margin-left:auto; margin-right:auto; margin-top:180px; margin-bottom:200px;}
.content-05 .content-items-01 { overflow:hidden; position:relative; margin-left:.4483870968%; width:93.871%;}
.content-05 .content-items-01 img { width:100%; height:auto; float:left;}
.content-05 .content-items-02 { width:100%; margin-top:10.8065%;}
.content-05 .content-items-02 .item-01,
.content-05 .content-items-02 .item-02 { position:relative; overflow:hidden;}
.content-05 .content-items-02 .item-01 img,
.content-05 .content-items-02 .item-02 img { width:100%; height:auto; float:left;}
.content-05 .content-items-02 .item-01 { width:86.7008%;}
.content-05 .content-items-02 .item-02 { width:80.3379%; margin-top:-14.3548%; margin-left:auto;}
.content-05 .content-items-03 { width:100%; position:relative;}
.content-05 .content-items-03 .item-01,
.content-05 .content-items-03 .item-02,
.content-05 .content-items-03 .item-03 { overflow:hidden;}
.content-05 .content-items-03 .item-01 img,
.content-05 .content-items-03 .item-02 img,
.content-05 .content-items-03 .item-03 img { width:100%; height:auto; float:left;}
.content-05 .content-items-03 .item-01 { width:88.6306%; position:relative; margin-left:5.6802%;}
.content-05 .content-items-03 .item-02 { position:absolute; top:0; margin-top:-9.1613%; right:0; width:27.8363%; transform:translateX(46.0643%);}
.content-05 .content-items-03 .item-03 { width:33.4677%; margin-top:-7px; position:absolute; top:0; left:49.5968%;}
.content-05 .content-items-03 .item-03 picture { display:block; width:100%; float:left;}
.content-05 .content-items-04 { width:100%; position:relative;}
.content-05 .content-items-04 .item-01,
.content-05 .content-items-04 .item-02,
.content-05 .content-items-04 .item-03 { overflow:hidden;}
.content-05 .content-items-04 .item-01 img,
.content-05 .content-items-04 .item-02 img,
.content-05 .content-items-04 .item-03 img { width:100%; height:auto; float:left;}
.content-05 .content-items-04 .item-01 { width:86.7815%; position:relative;}
.content-05 .content-items-04 .item-02 { position:absolute; bottom:0; right:0; margin-bottom:-1.0185%; width:18.617%; transform:translateX(47.3797%);}
.content-05 .content-items-04 .item-03 { width:30.6273%; position:absolute; top:0; left:45.3875%;}
.content-05 .content-items-04 .item-03 picture { display:block; width:100%; float:left;}
.content-05 .content-items-05 { width:100%; position:relative;}
.content-05 .content-items-05 .item-01,
.content-05 .content-items-05 .item-02 { overflow:hidden;}
.content-05 .content-items-05 .item-01 img,
.content-05 .content-items-05 .item-02 img { width:100%; height:auto; float:left;}
.content-05 .content-items-05 .item-01 { width:87.1166%; position:relative; margin-left:-.5904059041%;}
.content-05 .content-items-05 .item-02 { width:19.7638%; position:absolute; bottom:0; right:0; margin-bottom:-3.9343%; transform:translateX(29.4996%);}
.content-06 { max-width:1355px; width:90%; margin-left:auto; margin-right:auto;}
.content-06 .item-01 { text-align:center; width:100%; font-family:"M PLUS Rounded 1c"; font-weight:700; line-height:1.8;}
.content-06 .item-01 * { font-family:"M PLUS Rounded 1c"; font-weight:700; line-height:1.8;}
.content-06 .content-items-01 { margin-top:3.69%; width:100%; display:flex; justify-content:center; align-items:center;}
.content-06 .item-02 { width:270px; display:flow-root; position:relative;}
.content-06 .item-02 figure { width:100%; float:left;}
.content-06 .item-02 img { position:relative; width:100%; height:auto; float:left;}
.content-06 .item-02::before { width:241.4815%; content:""; display:block; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; aspect-ratio:326 / 167; background:radial-gradient(#fff, rgba(255, 255, 255, 0) 80%);}
.content-06 .item-03 { padding-top:1.25em; padding-bottom:1.25em; background-color:#fff; border-radius:0.4167em; position:relative; margin-left:97px; width:22.0833em;}
.content-06 .item-03>p { margin-left:1.4583em; width:calc(100% - 1.875em); line-height:1.75; font-family:"M PLUS Rounded 1c"; font-weight:500; letter-spacing:0;}
.content-06 .item-03::before { clip-path:polygon(0 50%, 100% 0, 100% 100%); width:1.6667em; aspect-ratio:4 / 3; content:""; display:block; background-color:#fff; position:absolute; top:50%; left:0; transform:translate(-87.5%, -50%);}
.column h3.lead { width:1240px; font-size:28px; line-height:200%; letter-spacing:2px; text-align:center; padding-bottom:60px;}
.column h3.lead br { display:none;}
.column .overview { width:1240px; padding-bottom:60px; letter-spacing:-0.4em;}
.column .overview img { max-width:500px;}
.column .overview .block_01 { width:740px; display:inline-block; vertical-align:top;}
.column .overview .block_01 p { font-size:16px; line-height:240%; letter-spacing:2px; padding-bottom:20px;}
.column .overview .block_01 ul li { font-size:18px; line-height:240%; letter-spacing:2px; list-style-position:inside; list-style-type:none; color:#4bb941;}
.column .overview .block_01 ul li:before { content:""; width:16px; height:16px; display:inline-block; border-radius:100%; background:#4bb941; position:relative; left:-2px; top:1px;}
.column p.note { width:1240px; font-size:14px; line-height:180%; letter-spacing:2px; padding-bottom:40px;}
.column .illust { width:1240px; padding-bottom:80px;}
.column .illust.end { padding-bottom:0px;}
.column .illust img { max-width:1240px;}
.column .develop { width:1240px; letter-spacing:-0.4em;}
.column .develop h4 { width:1240px; font-size:18px; line-height:240%; letter-spacing:2px; color:#4bb941; padding-bottom:20px;}
.column .develop img { width:500px;}
.column .develop .block_01 { width:740px; display:inline-block; vertical-align:top;}
.column .develop .block_01 p { font-size:16px; line-height:240%; letter-spacing:2px; padding-bottom:20px;}
.links { background-color:#e6f5f5;}
.links .area { padding-top:80px; padding-bottom:80px;}
.links a { display:inline-block; height:60px; background:url(../images/index/links.png); background-size:1px 60px; background-repeat:no-repeat; position:relative; color:#000;}
.links a.one { width:184px;}
.links a.two { width:234px;}
.links a.three { width:360px;}
.links a span { font-size:14px; line-height:180%; letter-spacing:1px; margin-left:20px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.form_01::before { width:16px; height:16px; -webkit-border-radius:50%; border-radius:50%; background:#73be41;}
.form_01::after { left:7px; box-sizing:border-box; width:4px; height:4px; border:4px solid rgba(0,0,0,0); border-left:4px solid #fff;}
.arrow2 { position:relative; display:inline-block; padding:0 0 0 22px; vertical-align:middle; text-decoration:none;}
.arrow2::before,
.arrow2::after { position:absolute; top:0; bottom:4px; right:0; margin:auto; content:""; vertical-align:middle;}
.form_02 { position:relative;}
.form_02::before { content:""; display:block; position:absolute; top:.4em; left:.4em; width:.45em; height:.45em; border-top:1.4px solid #999; border-right:1.4px solid #999; transform:translateY(30%) rotate(45deg);}
.form_03::before { right:6px; box-sizing:border-box; width:6px; height:6px; border:6px solid rgba(0,0,0,0); border-left:6px solid #fff;}

@media all and (min-width:1025px) {
.block_01 .breadcrumb p a,
.links a { -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;}
.block_01 .breadcrumb p a:hover,
.links a:hover { opacity:.6;}
}

@media (max-width:1600px) {
.content-outside-01 { padding-top:12.5%; padding-bottom:12.5%;}
.content-outside-02 { padding-top:8.4375%; padding-bottom:8.75%;}
.content-03 { margin-top:11.25%;}
}

@media (max-width:1506px) {
.content-02 .content-items-01 .item-01 { width:22.1337%;}
.content-02 .content-items-01 .item-02 { font-size:14px; width:calc(100% - 22.1337% - 3.6889%);}
.content-03 .content-items-02 { margin-top:4.3825%;}
.content-05 { margin-top:11.9522%; margin-bottom:13.2802%;}
.content-06 { width:85%;}
.content-06 .item-02 { width:19.1391%;}
.content-06 .item-03 { margin-left:7.5775%;}
}

@media (max-width:1378px) {
.content-01 { padding-top:8.7083%; padding-bottom:8.7083%;}
.content-01 .heading { padding-bottom:4.8379%;}
.content-01 .item-02 { font-size:16px;}
}

@media (max-width:1000px) {
.content-05 .content-items-03 .item-03 { left:50%; transform:translateY(-90%); width:27.7778%;}
.content-05 .content-items-04 .item-03 { left:50.5556%; transform:translateY(-90%); width:27.7778%;}
.content-06 .item-02 { width:21.7647%;}
}

@media (max-width:986px) {
.content-06 .item-01 { width:calc(100% + 2em); margin-left:-1em;}
}

@media (max-width:850px) {
.content-02 .content-items-01 .item-02>p { line-height:2;}
.content-02 .content-items-01 .item-02>p * { line-height:2;}
}

@media (max-width:768px) {
.pagelink-anchor { height:5.625em;}
.content-01 .heading { padding-bottom:6.5104%; flex-direction:column; justify-content:flex-start;}
.content-01 .heading .title { width:100%;}
.content-01 .heading .title p { line-height:1.7;}
.content-01 .heading .icon { margin-top:4.3403%; width:100%; justify-content:flex-start;}
.content-01 .heading .icon .item-01 { width:20.2546%;}
.content-01 .heading .icon .item-01:nth-of-type(n+2) { margin-left:2.1701%;}
.content-01 .item-02 { line-height:2;}
.content-02 .title-01 { line-height:1.6;}
.content-03 .content-items-02 { flex-wrap:wrap;}
.content-03 .content-items-02 .item-01 { margin-left:-2.4595%; width:51.4656%;}
.content-03 .content-items-02 .item-02 { margin-right:3.1829%; width:43.8411%;}
.content-03 .content-items-02 .item-03 { margin-top:1.0127%; margin-left:2.3148%; width:45.4036%;}
.content-03 .content-items-02 .item-04 { margin-top:1.0127%; margin-right:2.4595%; width:44.7946%; margin-left:0;}
.content-04 { margin-top:3.9063%;}
.content-04 .content-items-02 { margin-top:3.6169%; align-items:center; flex-direction:column; justify-content:flex-start;}
.content-04 .item-03,
.content-04 .item-04 { max-width:500px; width:100%;}
.content-04 .item-03 .tail,
.content-04 .item-04 .tail { display:none;}
.content-04 .item-04 { margin-top:3.3275%;}
.content-05 .content-items-03 .item-02 { transform:translateX(17.3827%);}
.content-05 .content-items-03 .item-03 { transform:translateY(-85%); width:26.0417%;}
.content-05 .content-items-04 .item-03 { width:26.0417%; transform:translateY(-85%);}
.content-06 .item-01 { line-height:1.6;}
.content-06 .item-01 * { line-height:1.6;}
.content-06 .content-items-01 { margin-top:5.3615%;}
.content-06 .item-03 { padding-top:0.8333em; padding-bottom:0.8333em;}
.content-06 .item-03>p { margin-left:1.3889em; line-height:1.6;}
}

@media all and (max-width:767px) {
.block_01 .area { width:90%; padding-top:0px; padding-bottom:60px;}
.block_01 .breadcrumb p { width:100%; font-size:13px; letter-spacing:1px;}
.block_01 h3.heading { width:100%; height:160px;}
.block_01 h3.heading .title { width:80%; height:80px; padding-left:30px; margin-bottom:20px; background-size:2px 80px;}
.block_01 h3.heading .title p { font-size:20px;}
.block_01 p.text_01 { width:100%; font-size:14px; line-height:220%;}
.block_01 p.text_01 br { display:none;}
.column .area { padding-top:60px; padding-bottom:60px; width:90%; text-align:center;}
.column h3.lead { width:100%;}
.column .overview { width:100%;}
.column .overview img { width:100%;}
.column h3.lead { width:100%; font-size:18px; line-height:200%; padding-bottom:20px;}
.column h3.lead br { display:block;}
.column .overview { width:100%; padding-bottom:40px;}
.column .overview img { width:100%; max-width:500px; padding-bottom:20px;}
.column .overview .block_01 { width:100%; text-align:left;}
.column .overview .block_01 p { font-size:14px; line-height:200%;}
.column .overview .block_01 ul li { font-size:14px; letter-spacing:1px; line-height:200%;}
.column p.note { width:100%; text-align:left;}
.column p.note br { display:none;}
.column .illust { width:100%; padding-bottom:40px;}
.column .illust img { width:100%;}
.column .develop { width:100%;}
.column .develop h4 { width:100%; font-size:16px; line-height:200%;}
.column .develop img { width:100%; max-width:500px; padding-bottom:30px;}
.column .develop .block_01 { width:100%; display:block; text-align:left;}
.column .develop .block_01 p { font-size:14px; line-height:200%;}
.links .area { width:90%; padding-top:40px; padding-bottom:40px;}
.links a { height:40px;}
.links a span { font-size:12px; margin-left:16px;}
.links a.one,
.links a.two,
.links a.three { width:100%; margin-bottom:10px;}
.form_03::before { width:4px; height:4px; border:4px solid rgba(0,0,0,0); border-left:4px solid #fff;}
}

@media (max-width:600px) {
.content-01 .heading .title { padding-left:1.7857em;}
.content-01 .heading .title::before { width:3px;}
.content-05 .content-items-03 .item-02 { top:115%; transform:translateX(40.5597%);}
.content-05 .content-items-03 .item-03 { transform:translateY(-80%);}
.content-05 .content-items-04 .item-03 { transform:translateY(-80%);}
}

@media (max-width:550px) {
.content-02 .content-items-01 .item-02>p { line-height:1.8;}
.content-02 .content-items-01 .item-02>p * { line-height:1.8;}
}

@media (max-width:500px) {
.content-01 .heading .title p { line-height:1.6;}
.content-05 .content-items-02 .item-01 { width:100%;}
.content-05 .content-items-02 .item-02 { width:100%; margin-top:-11.1111%;}
.content-05 .content-items-03 .item-03 { transform:translateY(-73%);}
.content-05 .content-items-04 .item-03 { transform:translateY(-73%);}
}

@media (max-width:450px) {
.content-02 .content-items-01+.content-items-01 { margin-top:8.642%;}
.content-06 .item-03>p { margin-left:1.1111em;}
}

@media (max-width:400px) {
.content-01 .item-02 { line-height:1.8;}
.content-02 .content-items-01 { flex-direction:column; justify-content:flex-start;}
.content-02 .content-items-01 .item-01 { width:27.7778%;}
.content-02 .content-items-01 .item-02 { width:100%; margin-top:5.5556%;}
.content-05 .content-items-01 { transform:scale(1.1);}
.content-05 .content-items-02 { transform:scale(1.05); margin-top:15.2778%;}
.content-05 .content-items-03 { transform:scale(1.1);}
.content-05 .content-items-03 .item-02 { top:120%; transform:translateX(28.9712%);}
.content-05 .content-items-03 .item-03 { transform:translateY(-63%);}
.content-05 .content-items-04 { transform:scale(1.1);}
.content-05 .content-items-04 .item-03 { transform:translateY(-63%);}
.content-05 .content-items-05 { transform:scale(1.1);}
}

@media (max-width:320px) {
.content-02 .content-items-01 .item-02 { font-size:11px;}
.content-01 .item-02 { font-size:11px;}
.button-01 { font-size:12px;}
.content-03 .content-items-01 .item-01 { font-size:13px;}
.content-01 .heading .title { font-size:13px;}
.content-06 .item-01 { font-size:14px;}
.content-02 .title-01 { font-size:15px;}
.content-06 .item-03 { font-size:10px;}
.content-04 .item-01 { font-size:15px;}
}

@media (min-width:768.1px) and (max-width:1506px) {
.content-01 .item-02,
.content-02 .content-items-01 .item-02 { font-size:calc(12px + (1vw - 7.68px) * .813);}
.button-01,
.content-06 .item-03 { font-size:calc(16px + (1vw - 7.68px) * 1.084);}
.content-03 .content-items-01 .item-01 { font-size:calc(16px + (1vw - 7.68px) * 1.626);}
.content-02 .title-01,
.content-06 .item-01 { font-size:calc(22px + (1vw - 7.68px) * 2.981);}
.content-04 .item-01 { font-size:calc(25px + (1vw - 7.68px) * 3.252);}
}

@media (min-width:320.1px) and (max-width:768px) {
.content-02 .content-items-01 .item-02 { font-size:calc(11px + (1vw - 3.2px) * .6696);}
.content-01 .item-02 { font-size:calc(11px + (1vw - 3.2px) * 1.1161);}
.button-01 { font-size:calc(12px + (1vw - 3.2px) * 2.2321);}
.content-03 .content-items-01 .item-01 { font-size:calc(13px + (1vw - 3.2px) * 1.5625);}
.content-01 .heading .title { font-size:calc(13px + (1vw - 3.2px) * 3.3482);}
.content-06 .item-01 { font-size:calc(14px + (1vw - 3.2px) * 3.7946);}
.content-02 .title-01 { font-size:calc(15px + (1vw - 3.2px) * 3.5714);}
.content-06 .item-03 { font-size:calc(10px + (1vw - 3.2px) * 1.7857);}
.content-04 .item-01 { font-size:calc(15px + (1vw - 3.2px) * 4.4643);}
}

@media all and (min-width:768px) and (max-width:1279px) {
.block_01 .area { width:90%; padding-bottom:80px;}
.block_01 .breadcrumb { width:740px;}
.block_01 h3.heading { width:740px; height:280px; margin:auto;}
.block_01 h3.heading .title { margin-bottom:20px;}
.block_01 p.text_01 { width:740px; font-size:16px; margin:auto;}
.column .area { padding-top:80px; padding-bottom:80px; width:740px; margin:auto; text-align:center;}
.column h3.lead { width:740px; font-size:22px; padding-bottom:40px;}
.column h3.lead br { display:block;}
.column .overview { width:740px; padding-bottom:40px;}
.column .overview img { width:80%; max-width:500px; padding-bottom:30px;}
.column .overview .block_01 { display:block; text-align:left;}
.column .overview .block_01 ul li { font-size:14px; letter-spacing:1px;}
.column p.note { text-align:left;}
.column .illust { width:740px;}
.column .illust img { width:740px;}
.column .develop { width:740px;}
.column .develop h4 { width:740px;}
.column .develop img { width:80%; max-width:500px; padding-bottom:30px;}
.column .develop .block_01 { display:block; text-align:left;}
.links { background-color:#e6f5f5;}
.links .area { width:90%;}
.links a span { font-size:12px;}
.links a.one { width:164px;}
.links a.two { width:210px;}
.links a.three { width:320px;}
}

@media (hover:hover) and (pointer:fine) {
.button-01 a:hover { background-color:#88d0e9;}
}