@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/


/*　productionin　*/
/* -----------------------------------------------*/
div#productionin {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
z-index:9999;
}
div#productionin .inner {
width:100%;
height:100%;
display:table;
background:#ffffff;
}
div#productionin .inner p {
padding:0px 50px;
display:table-cell;
color:#333333;
font-size:13px;
font-weight:500;
line-height:2.0;
text-align:center;
vertical-align:middle;
}
div#productionin .inner p strong {
padding-top:20px;
display:block;
color:#333333;
font-size:15px;
font-weight:500;
line-height:2.0;
}

div.preview {
text-align:center;
}

@media screen and (max-width:1200px) {
/*div#productionin {
display:block;
}*/
}

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#333333;
font-size:14px;
letter-spacing:0.5px;
}
*:not(br) {
line-height:1.85;
}
*:focus {
outline:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
font-weight:400;
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"],select {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}

::selection {
background-color:#333333;
color:#ffffff;
}
::-moz-selection {
background-color:#333333;
color:#ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#bebebe;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#bebebe;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
::placeholder { /* Others */
color:#bebebe;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

@media screen and (max-width:650px) {
input[type="text"],
input[type="email"],
input[type="password"] {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
select {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:400;
line-height:1.65;
letter-spacing:0.5px;
overflow-y:scroll;
background-color:#ffffff;
}
body.fixed {
position:fixed;
width:100%;
}

@media screen and (max-width:1000px) {
body {
min-width:inherit;
-webkit-text-size-adjust:100%;
font-weight:normal;
}
}

img {
border:none;
pointer-events:none;
}
a { color:#333333; }
a {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
a:hover { color:#505050; }

@media screen and (max-width:1000px) {
a {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
}

/*　Clearfix　*/
/* -----------------------------------------------*/
.clearfix:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
.clearfix {
display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

.clear_br {
overflow: hidden;
}  
* html .clear_br {  
height: 1%;
}

/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/
.pc_only { display:block; line-height:1px; }
.sp_only { display:none; line-height:1px; }

.title, .lead {
word-break:normal;
word-wrap:break-word;
}

.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;';
}
.fitImg {
position:absolute;
}

.imgset, .eyecatch {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}

@media screen and (max-width:1200px) {
.pc_only { display:none; }
.sp_only { display:block; }
}

/*　loading　*/
/* -----------------------------------------------*/
body::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#ffffff;
z-index:8888;
pointer-events:none;
opacity:0;
-webkit-transition:opacity 0.8s ease;
transition:opacity 0.8s ease;
transition-delay:0.8s;
}
body.loading::after {
opacity:1;
}
body #loadanimation::after {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
z-index:9999;
pointer-events:none;
opacity:0;
-ms-filter:blur(6px);
filter:blur(6px);
-webkit-transition:opacity 0.8s ease;
transition:opacity 0.8s ease;
}
body.loading #loadanimation::after {
opacity:1;
-ms-filter:blur(0px);
filter:blur(0px);
}

.svg body #loadanimation::after {
background-image:url(../images/logo.svg);
background-size:160px 56px;
background-attachment:fixed;
}
.no-svg body #loadanimation::after {
background-image:url(../images/logo.png);
background-size:160px 56px;
}

@media screen and (max-width:900px) {
.svg body #loadanimation::after {
background-image:url(../images/logo.svg);
background-size:140px 49px;
}
.no-svg body #loadanimation::after {
background-image:url(../images/logo.png);
background-size:140px 49px;
}
}
@media screen and (max-width:350px) {
.svg body #loadanimation::after {
background-image:url(../images/logo.svg);
background-size:120px 42px;
}
.no-svg body #loadanimation::after {
background-image:url(../images/logo.png);
background-size:120px 42px;
}
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
overflow:hidden;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}
div#Wrapper .contents_inner {
margin:0px auto;
width:100%;
text-align:center;
position:relative;
-webkit-transition:all 0.8s ease-in;
-moz-transition:all 0.8s ease-in;
-o-transition:all 0.8s ease-in;
transition:all 0.8s ease-in;
}

/*　header　*/
/* -----------------------------------------------*/
#headset {
width:100%;
position:fixed;
background-color:rgba(255,255,255,0);
top:70px;
left:0px;
z-index:30;
transition:all 0.3s ease;
}
#headset .inner {
margin:0px auto;
width:90%;
height:120px;
overflow:hidden;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#ffffff;
position:relative;
}
#headset .logoset {
width:160px;
height:56px;
position:absolute;
top:20px;
left:30px;
z-index:40;
transition:all 0.3s ease;
}
#headset .logoset a {
display:inline-block;
text-decoration:none;
}
#headset .logoset .logo {
width:160px;
height:75px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
background-color:#ffffff;
}
#headset .linkset {
width:600px;
height:50px;
position:absolute;
top:20px;
right:0px;
z-index:40;
transition:all 0.3s ease;
}
#headset .linkset a {
width:210px;
height:50px;
display:contents;
color:#6798d0;
font-size:16px;
font-weight:700;
line-height:46px;
text-align:center;
letter-spacing:0px;
position:relative;
line-height: 2;
}
@media all and (-ms-high-contrast: none){
#headset .linkset a {
line-height:50px;
}
}
/*#headset .linkset a:after {
content:"";
width:160px;
height:2px;
display:block;
background-color:#f0841a;
position:absolute;
bottom:12px;
left:40px;
}*/

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:160px 56px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:160px 56px;
}

/* #####個別 */
/* #####アニメーション */
#headset.scroll {
top:0px !important ;
background-color:rgba(255,255,255,1.0);
}
#headset.scroll .logoset {
left:0px;
}
#headset.scroll .linkset {
right:0px;
}
body#page #headset {
top:0px !important ;
background-color:rgba(255,255,255,1.0);
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
body#page #headset .logoset {
left:0px;
}
body#page #headset .linkset {
right:0px;
}
#headset .linkset a:hover {
color:#6798d0;
background-color:#ffffff;
}

@media screen and (max-width:900px) {

#headset {
top:20px;
}
#headset .inner {
height:70px;
}
#headset .logoset {
width:140px;
height:49px;
top:15px;
left:20px;
}
#headset .logoset .logo {
width:140px;
height:49px;
}
#headset .linkset {
width:180px;
height:50px;
top:10px;
right:15px;
}
#headset .linkset a {
width:180px;
height:50px;
font-size:14px;
}

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:140px 49px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:140px 49px;
}

}

@media screen and (max-width:550px) {

#headset .logoset {
width:100px;
height:35px;
top:20px;
left:15px;
}
#headset .logoset .logo {
width:100px;
height:35px;
}
#headset .linkset {
width:150px;
height:50px;
top:10px;
right:10px;
}
#headset .linkset a {
width:150px;
height:50px;
font-size:12px;
letter-spacing:0px;
}

.svg #headset .logoset .logo {
background-image:url(../images/logo.svg);
background-size:100px 35px;
}
.no-svg #headset .logoset .logo {
background-image:url(../images/logo.png);
background-size:100px 35px;
}

}

/*　Globalmenu　*/
/* -----------------------------------------------*/
div#Globalmenu {
height:90px;
position:absolute;
top:0px;
right:30px;
z-index:20;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
transition:all 0.3s ease;
}
div#Globalmenu .naviposi {
width:100%;
height:100%;
display:table;
}
div#Globalmenu .naviposi .vermidle {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div#Globalmenu ul.navi {
width:100%;
text-align:right;
letter-spacing:-.4em;
}
div#Globalmenu ul.navi > li {
margin-right:30px;
display:inline-block;
text-align:center;
vertical-align:top;
}
div#Globalmenu ul.navi > li:last-child {
margin-right:0px;
}
div#Globalmenu ul.navi > li a {
display:inline-block;
text-decoration:none;
position:relative;
}
div#Globalmenu ul.navi > li a:after {
content:"";
width:100%;
height:3px;
display:block;
background-color:#f0831a;
position:absolute;
bottom:-36px;
left:0px;
transition:all 0.3s ease;
}
div#Globalmenu ul.navi > li a p {
position:relative;
}
div#Globalmenu ul.navi > li a p span {
display:block;
color:#6798d0;
font-size:10px;
font-weight:700;
letter-spacing:0px;
}
div#Globalmenu ul.navi > li a p strong {
display:block;
color:#6798d0;
font-size:13px;
font-weight:700;
}

/* #####個別 */
/* #####アニメーション */
div#Globalmenu ul.navi > li a:hover:after {
bottom:-15px;
}

/*　layout　*/
/* -----------------------------------------------*/
div.Container {
margin:0px auto;
width:100%;
text-align:center;
}
div.Container .contents {
width:100%;
position:relative;
}
body#page div.Container .contents .contblock {
margin:0px auto;
padding-top:100px;
width:90%;
max-width:1200px;
}
div.Container .contents.bg_blue {
background-color:#f4f8fc;
}
div.Container .leadblock {
margin:0px auto;
width:100%;
max-width:900px;
}

/* メインビジュアル */
div.Container .mainvisual {
margin:0px auto;
width:100%;
height:100%;
min-height:870px;
overflow:hidden;
position:relative;
}
div.Container .mainvisual:before {
content:"";
width:75%;
height:100%;
display:block;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
top:0px;
left:-20%;
}
div.Container .mainvisual:after {
content:"";
width:75%;
height:100%;
display:block;
background-color:#6798d0;
transform:skewX(-15deg);
position:absolute;
top:0px;
right:-20%;
}
div.Container .mainvisual .copyset {
margin:0px auto;
width:90%;
max-width:1400px;
height:100%;
display:table;
z-index:2;
position:relative;
}
div.Container .mainvisual .copyset .inset {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.Container .mainvisual .copyset .maincopy {
margin-bottom:30px;
margin-top:130px;
color:#ffffff;
font-size:48px;
font-weight:700;
letter-spacing:0px;
}
div.Container .mainvisual .copyset .worries {
width:100%;
display:table;
}
div.Container .mainvisual .copyset .worries .iconimg {
width:30%;
display:table-cell;
text-align:center;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.Container .mainvisual .copyset .worries .iconimg img {
width:90%;
max-width:300px;
}
div.Container .mainvisual .copyset .worries .icontxt {
width:70%;
display:table-cell;
text-align:left;
vertical-align:middle;
}
div.Container .mainvisual .copyset .worries .icontxt p {
margin:10px 0px;
padding-bottom:3px;
padding-left:40px;
color:#ffffff;
font-size:26px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
background-image:url(../images/icon_fukidashi.png);
background-size:34px 34px;
background-position:0px 2px;
background-repeat:no-repeat;
}
div.Container .mainvisual .copyset .nexttxt {
margin-top:30px;
color:#ffffff;
font-size:48px;
font-weight:700;
letter-spacing:0px;
}
div.Container .mainvisual .copyset .nexttxt strong {
padding:10px 0px;
display:inline-block;
color:#ffffff;
font-size:48px;
font-weight:700;
letter-spacing:0px;
border-bottom:#ffffff solid 2px;
border-top:#ffffff solid 2px;
box-sizing:border-box;
position:relative;
}
div.Container .mainvisual .copyset .nexttxt strong:after {
margin-left:-20px;
content:"";
width:0;
height:0;
display:block;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid #ffffff;
position:absolute;
bottom:-65px;
left:50%;
}
/* #####アニメーション */

/* トップ：About us */
div.Container .topabout {
margin:0px auto;
padding:100px 0px;
width:90%;
max-width:1400px;
text-align:left;
position:relative;
}
div.Container .topabout .headcopy {
margin-bottom:50px;
color:#6798d0;
font-size:42px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
text-align:center;
}
div.Container .topabout .inner {
width:100%;
display:table;
}
div.Container .topabout .inner .imgset {
width:30%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.Container .topabout .inner .imgset img {
width:90%;
max-width:330px;
}
div.Container .topabout .inner .leadset {
width:70%;
display:table-cell;
text-align:left;
vertical-align:middle;
}
div.Container .topabout .inner .leadset .lead {
margin:10px 0px;
padding-left:35px;
font-size:22px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
background-image:url(../images/icon_point.png);
background-size:26px 26px;
background-position:0px 2px;
background-repeat:no-repeat;
}
div.Container .topabout .inner .leadset .endlead {
margin-top:30px;
color:#6798d0;
font-size:32px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
}
div.Container .topabout .inner .leadset .endlead strong {
margin-top:10px;
display:inline-block;
color:#f0841a;
font-size:32px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
position:relative;
}
div.Container .topabout .inner .leadset .endlead strong:last-child {
margin-right:5px;
}
div.Container .topabout .inner .leadset .endlead strong:before {
margin-left:-3px;
content:"";
width:6px;
height:6px;
display:block;
background-color:#f0841a;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position:absolute;
top:-3px;
left:50%;
}

/* フッターバナー */
div.Container .bannerset {
margin:0px auto;
padding:100px 0px 70px 0px;
width:100%;
background-color:#6c9cd0;
position:relative;
}
div.Container .bannerset:before {
content:"";
width:120px;
height:120px;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
top:0px;
left:-110px;
}
div.Container .bannerset:after {
content:"";
width:120px;
height:120px;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
bottom:0px;
right:-110px;
}
div.Container .bannerset .inner {
margin:0px auto;
width:90%;
max-width:1200px;
text-align:center;
position:relative;
}
div.Container .bannerset .title {
color:#ffffff;
font-size:38px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
}
div.Container .bannerset .title span {
display:inline-block;
color:#ffffff;
font-size:38px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
position:relative;
}
div.Container .bannerset .title span:after {
display:inline-block;
content:"";
width:100%;
height:2px;
display:block;
background-color:#f0841a;
position:absolute;
bottom:3px;
left:0px;
}
div.Container .bannerset .title strong {
margin:0px 3px;
padding:0px 2px;
display:inline-block;
color:#ffffff;
font-size:38px;
font-weight:700;
line-height:1.2;
letter-spacing:0px;
background-color:#f0841a;
}
div.Container .bannerset .linkset {
margin-top:20px;
width:100%;
display:table;
}
div.Container .bannerset .linkset .img {
width:30%;
display:table-cell;
text-align:center;
vertical-align:middle;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.Container .bannerset .linkset .img img {
width:95%;
max-width:380px;
}
div.Container .bannerset .linkset .link {
width:40%;
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.Container .bannerset .linkset .link p:nth-child(1) a {
width:400px;
height:80px;
display:inline-block;
color:#6798d0;
font-size:22px;
font-weight:700;
line-height:76px;
text-align:center;
text-decoration:none;
letter-spacing:0px;
overflow:hidden;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
border:#ffffff solid 2px;
box-sizing:border-box;
background-color:#ffffff;
position:relative;
}
div.Container .bannerset .linkset .link p:nth-child(2) a {
margin-top:10px;
width:400px;
height:80px;
display:inline-block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
background-color:#ffffff;
background-image:url(../images/logo.png);
background-position:center center;
background-repeat:no-repeat;
background-size:auto 50px;
position:relative;
}
@media all and (-ms-high-contrast: none){
div.Container .bannerset .linkset .link p:nth-child(1) a {
line-height:80px;
}
}
/* #####アニメーション */
div.Container .bannerset .linkset .link p:nth-child(1) a:hover {
color:#ffffff;
background-color:#6798d0;
}
div.Container .bannerset .linkset .link p:nth-child(2) a:hover {
background-color:#d2e0f1;
}

/* 共通 */
div.Container .align_left {
text-align:left;
}
div.Container .align_right {
text-align:right;
}
div.Container .align_center {
text-align:center;
}

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

body#page div.Container .contents .contblock {
padding-top:100px;
max-width:900px;
}
div.Container .leadblock {
max-width:900px;
}

/* メインビジュアル */
div.Container .mainvisual {
min-height:870px;
}
div.Container .mainvisual:before {
left:-25%;
}
div.Container .mainvisual:after {
right:-25%;
}
div.Container .mainvisual .copyset {
max-width:1400px;
}
div.Container .mainvisual .copyset .inset {
display:table-cell;
}
div.Container .mainvisual .copyset .maincopy {
margin-bottom:30px;
margin-top:130px;
font-size:40px;
}
div.Container .mainvisual .copyset .worries {
display:table;
}
div.Container .mainvisual .copyset .worries .iconimg {
width:30%;
display:table-cell;
}
div.Container .mainvisual .copyset .worries .iconimg img {
width:90%;
max-width:300px;
}
div.Container .mainvisual .copyset .worries .icontxt {
width:70%;
display:table-cell;
}
div.Container .mainvisual .copyset .worries .icontxt p {
margin:10px 0px;
padding-bottom:3px;
padding-left:30px;
color:#ffffff;
font-size:22px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
background-image:url(../images/icon_fukidashi.png);
background-size:24px 24px;
background-position:0px 4px;
background-repeat:no-repeat;
}
div.Container .mainvisual .copyset .nexttxt {
margin-top:20px;
font-size:40px;
}
div.Container .mainvisual .copyset .nexttxt strong {
padding:10px 0px;
font-size:30px;
}
div.Container .mainvisual .copyset .nexttxt strong:after {
bottom:-65px;
}
/* #####アニメーション */

/* トップ：About us */
div.Container .topabout {
padding:70px 0px;
max-width:700px;
}
div.Container .topabout .headcopy {
margin-bottom:30px;
font-size:32px;
}
div.Container .topabout .inner {
display:block;
}
div.Container .topabout .inner .imgset {
width:100%;
display:block;
}
div.Container .topabout .inner .imgset img {
width:90%;
}
div.Container .topabout .inner .leadset {
width:100%;
display:block;
}
div.Container .topabout .inner .leadset .lead {
font-size:20px;
background-position:0px 2px;
}
div.Container .topabout .inner .leadset .endlead {
margin-top:30px;
font-size:24px;
}
div.Container .topabout .inner .leadset .endlead strong {
margin-top:10px;
font-size:24px;
}

/* フッターバナー */
div.Container .bannerset {
padding:70px 0px 50px 0px;
}
div.Container .bannerset:before {
content:"";
width:120px;
height:120px;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
top:0px;
left:-110px;
}
div.Container .bannerset:after {
content:"";
width:120px;
height:120px;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
bottom:0px;
right:-110px;
}
div.Container .bannerset .inner {
max-width:700px;
}
div.Container .bannerset .title {
font-size:28px;
}
div.Container .bannerset .title span {
font-size:28px;
}
div.Container .bannerset .title strong {
font-size:28px;
}
div.Container .bannerset .linkset {
margin-top:20px;
}
div.Container .bannerset .linkset .img {
width:25%;
}
div.Container .bannerset .linkset .img img {
width:95%;
max-width:380px;
}
div.Container .bannerset .linkset .link {
width:50%;
}
div.Container .bannerset .linkset .link p:nth-child(1) a {
width:90%;
height:60px;
font-size:18px;
line-height:56px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
@media all and (-ms-high-contrast: none){
div.Container .bannerset .linkset .link p:nth-child(1) a {
line-height:60px;
}
}

/* 共通 */
div.Container .align_left {
text-align:left;
}
div.Container .align_right {
text-align:right;
}
div.Container .align_center {
text-align:center;
}

}

@media screen and (max-width:900px) {

/* メインビジュアル */
div.Container .mainvisual {
height:auto !important ;
min-height:inherit;
}
div.Container .mainvisual:before {
width:90%;
left:-40%;
}
div.Container .mainvisual:after {
width:90%;
right:-40%;
}
div.Container .mainvisual .copyset {
max-width:600px;
}
div.Container .mainvisual .copyset .inset {
width:100%;
display:block;
}
div.Container .mainvisual .copyset .maincopy {
margin-bottom:30px;
margin-top:120px;
font-size:30px;
}
div.Container .mainvisual .copyset .worries {
width:100%;
display:block;
}
div.Container .mainvisual .copyset .worries .iconimg {
width:100%;
display:block;
}
div.Container .mainvisual .copyset .worries .iconimg img {
width:90%;
max-width:300px;
}
div.Container .mainvisual .copyset .worries .icontxt {
width:100%;
display:block;
}
div.Container .mainvisual .copyset .worries .icontxt p {
margin:10px 0px;
padding-bottom:3px;
padding-left:30px;
color:#ffffff;
font-size:22px;
font-weight:700;
line-height:1.5;
letter-spacing:0px;
background-image:url(../images/icon_fukidashi.png);
background-size:24px 24px;
background-position:0px 4px;
background-repeat:no-repeat;
}
div.Container .mainvisual .copyset .nexttxt {
margin-top:20px;
margin-bottom:70px;
font-size:40px;
}
div.Container .mainvisual .copyset .nexttxt strong {
padding:10px 0px;
font-size:30px;
}
div.Container .mainvisual .copyset .nexttxt strong:after {
bottom:-45px;
}

}

@media screen and (max-width:700px) {

body#page div.Container .contents .contblock {
padding-top:70px;
}

/* トップ：About us */
div.Container .topabout {
padding:70px 0px;
max-width:700px;
}
div.Container .topabout .headcopy {
margin-bottom:30px;
font-size:32px;
}
div.Container .topabout .inner {
display:block;
}
div.Container .topabout .inner .imgset {
width:100%;
display:block;
}
div.Container .topabout .inner .imgset img {
width:90%;
}
div.Container .topabout .inner .leadset {
width:100%;
display:block;
}
div.Container .topabout .inner .leadset .lead {
font-size:20px;
background-position:0px 2px;
}
div.Container .topabout .inner .leadset .endlead {
margin-top:30px;
font-size:24px;
}
div.Container .topabout .inner .leadset .endlead strong {
margin-top:10px;
font-size:24px;
}

/* フッターバナー */
div.Container .bannerset {
padding:70px 0px 50px 0px;
}
div.Container .bannerset:before {
content:"";
width:120px;
height:120px;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
top:0px;
left:-110px;
}
div.Container .bannerset:after {
content:"";
width:120px;
height:120px;
background-color:#f0841a;
transform:skewX(-15deg);
position:absolute;
bottom:0px;
right:-110px;
}
div.Container .bannerset .inner {
max-width:700px;
}
div.Container .bannerset .title {
font-size:28px;
}
div.Container .bannerset .title span {
font-size:28px;
}
div.Container .bannerset .title strong {
font-size:28px;
}
div.Container .bannerset .linkset {
margin-top:20px;
}
div.Container .bannerset .linkset .img {
width:25%;
}
div.Container .bannerset .linkset .img img {
width:95%;
max-width:380px;
}
div.Container .bannerset .linkset .link {
width:50%;
}
div.Container .bannerset .linkset .link p:nth-child(1) a {
width:90%;
height:60px;
font-size:18px;
line-height:56px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
@media all and (-ms-high-contrast: none){
div.Container .bannerset .linkset .link p:nth-child(1) a {
line-height:60px;
}
}

/* 共通 */
div.Container .align_left {
text-align:left;
}
div.Container .align_right {
text-align:right;
}
div.Container .align_center {
text-align:center;
}

}

@media screen and (max-width:550px) {

body#page div.Container .contents .contblock {
padding-top:50px;
}

/* メインビジュアル */
div.Container .mainvisual .copyset .maincopy {
margin-bottom:20px;
font-size:28px;
line-height:1.5;
}
div.Container .mainvisual .copyset .worries .icontxt p {
margin:7px 0px;
font-size:20px;
}
div.Container .mainvisual .copyset .nexttxt {
margin-top:20px;
margin-bottom:70px;
font-size:32px;
}
div.Container .mainvisual .copyset .nexttxt strong {
padding:10px 0px;
font-size:24px;
}
div.Container .mainvisual .copyset .nexttxt strong:after {
bottom:-45px;
}

/* トップ：About us */
div.Container .topabout {
padding:30px 0px;
}
div.Container .topabout .headcopy {
margin-bottom:20px;
font-size:28px;
}
div.Container .topabout .inner .leadset .lead {
font-size:18px;
background-position:0px 2px;
}
div.Container .topabout .inner .leadset .endlead {
margin-top:20px;
font-size:22px;
}
div.Container .topabout .inner .leadset .endlead strong {
margin-top:10px;
font-size:22px;
}

/* フッターバナー */
div.Container .bannerset {
padding:30px 0px 20px 0px;
}
div.Container .bannerset .title {
font-size:22px;
}
div.Container .bannerset .title span {
font-size:22px;
}
div.Container .bannerset .title strong {
font-size:22px;
}
div.Container .bannerset .linkset {
margin-top:10px;
}
div.Container .bannerset .linkset .img {
width:25%;
}
div.Container .bannerset .linkset .img img {
width:95%;
max-width:380px;
}
div.Container .bannerset .linkset .link {
width:50%;
}
div.Container .bannerset .linkset .link p:nth-child(1) a {
width:90%;
height:60px;
font-size:12px;
line-height:56px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}

}

/*　footer　*/
/* -----------------------------------------------*/
#footerset {
width:100%;
text-align:center;
}
#footerset .inner {
margin:0px auto;
padding:50px 0px;
width:90%;
text-align:center;
position:relative;
}
#footerset ul {
margin:0px auto;
max-width:900px;
letter-spacing:-.4em;
}
#footerset ul li {
margin:3px 10px;
display:inline-block;
}
#footerset ul li a {
color:#6799cf;
font-size:13px;
text-decoration:none;
}
#footerset .logo {
margin:20px 0px 30px 0px;
width:100%;
height:49px;
background-position:center center;
background-repeat:no-repeat;
}
#footerset .logo a {
width:140px;
height:49px;
display:inline-block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#footerset .copy {
color:#dedede;
font-size:10px;
letter-spacing:0.5px;
}

.svg #footerset .logo {
background-image:url(../images/logo.svg);
background-size:140px 49px;
}
.no-svg #footerset .logo {
background-image:url(../images/logo.png);
background-size:140px 49px;
}

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

#footerset .inner {
padding:30px 0px;
}
#footerset .logo a {
width:140px;
height:49px;
display:inline-block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#footerset .copy {
color:#dedede;
font-size:10px;
letter-spacing:0.5px;
}

.svg #footerset .logo {
background-image:url(../images/logo.svg);
background-size:140px 49px;
}
.no-svg #footerset .logo {
background-image:url(../images/logo.png);
background-size:140px 49px;
}

}

@media screen and (max-width:550px) {

#footerset .logo {
margin:10px 0px 10px 0px;
}
#footerset .logo a {
width:100px;
height:35px;
}
#footerset .copy {
font-size:8px;
}

.svg #footerset .logo {
background-image:url(../images/logo.svg);
background-size:100px 35px;
}
.no-svg #footerset .logo {
background-image:url(../images/logo.png);
background-size:100px 35px;
}

}