body {
background-image: url(image/bg.jpg);
background-repeat: repeat-y;
background-position : center;

margin: 0;
padding: 0;
font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', メイリオ, Meiryo, sans-serif;
}

#outer {
margin:0px auto;
width:960px;
font-size:14px;
line-height:150%;
padding:0;
color:#000;
}

#header {
height:740px;
margin-top:40px;
}

#main {
margin-top:40px;
}


p {
text-align:center;
font-size:14px;
margin-top:1em;
margin-bottom:2em;
line-height:160%;
font-weight:bold;
}

img{
border:0;
}

hr {
border-width: 2px 0 0 0;
border-style: solid;
border-color: #000;
height: 1px;
}


h1 {
text-align:center;
font-size:16px;
}


h2 {
font-size:16px;
text-align:center;
margin:20px 0;
}

h3 {
text-align:center;
font-size:16px;
margin:2em 0;
line-height:180%;
}

h4 {
font-size:20px;
text-align:center;
margin:1em 0;
}

a {
text-decoration:none;
color: #fff;
}


/* フッター */

#footer {
background-color: rgb(41, 37, 33);
width: 100vw;
margin-left: calc(-50vw + 50%);
}

.footer-content {
height:550px;
}
.footer-content2 {
padding:3em 0;
}

.footer-img {
text-align:center;
margin:40px 0;
}

.footer-content2 p {
color:#fff;
}

.small-txt {
font-size:11px;
font-weight:normal;
}

.tel {
font-size:26px;
margin-left:10px;
}

.copy {
color:#999;
font-size:10px;
height:60px;
text-align:center;
padding:20px 0 0 0;
}




/* レスポンシブ */

@media screen and (max-device-width: 750px) {
.pc{display: none !important;}
#outer {width:100%;}
#header {width:100%;clear:both;height:300px;}
#header img {zoom:45%;}
#main {width:100%;clear:both;}
.content {clear:both;font-size:120%;padding:0 10px;}
#footer {width:100%;clear:both;}
#footer img  {zoom:60%;}
.section1 img {zoom:60%;}
.ph_1 img {zoom:50%;}
.mds_3clause_sp {zoom:60%;}
.mds_3clause-txt h4 {zoom:150%;}
.mds_3clause-txt p {zoom:150%;}
.mds_example {zoom:60%;}
.example_item img {zoom:45%;}
.mds_flow_sp {zoom:60%;}
.mds_flow-txt p {zoom:160%;margin-left:2em;}
.section5 img {zoom:80%;}
}

@media screen and (min-device-width: 751px) {
.sp{display: none !important;}
}



/* 動画 */

.movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
padding-left: 20px;
}


/* 各セクション調整 */

/* ヘッダー */

.header_1 {
position: absolute;
top: -10px;
left: 0;
right: 0;
margin:70px 0 0 0;
}

.video {
margin:210px 0 0 0;
}

.video_sp {
margin:130px 0 0 0;
}


/* セクション1 */

.ph_1 {
text-align:center;
padding:0 0 100px 0;
}

/* セクション2 */

.mds_3clause {
background-image: url(image/mds_3clause.png);
background-position: center;
background-repeat: no-repeat;
margin:0px auto;
padding:50px 0 100px 0;
width: 656px;
height: 676px;
}

.mds_3clause_sp {
background-image: url(image/mds_3clause_sp.png);
background-position: center;
background-repeat: no-repeat;
margin:0px auto;
padding:50px 0 100px 0;
width: 656px;
height: 931px;
}

.mds_3clause-txt {
margin-top:250px;
}

.mds_3clause-txt hr {
width: 450px;
margin:0px auto;
}


/* セクション3 */

.mds_example {
padding:50px 0 20px 0;
}

.example {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding:10px 0 100px 0;
}

.example_item {
width: calc(100% / 2);
text-align: center;
}



/* セクション4 */

.mds_flow {
background-image: url(image/mds_flow.png);
background-position: center;
background-repeat: no-repeat;
margin:0px auto;
padding:50px 0 0 0;
width: 656px;
height: 490px;
}

.mds_flow_sp {
background-image: url(image/mds_flow_sp.png);
background-position: center;
background-repeat: no-repeat;
margin:0px auto;
padding:50px 0 0 0;
width: 656px;
height: 769px;
}

.mds_flow-txt {
margin:0 auto;
width:27em;
margin-top:200px;
}

.mds_flow-txt p {
text-align:left;
margin-top:0;
margin-bottom:1em;
}


/* セクション5 */

.mitsumori {
padding:80px 0 60px 0;
}


/* スクロールアニメーション */

.bottom_to_top {
	transform: translate3d(0, 50px, 0);
	opacity: 0;
}

.bottom_to_top_fadeIn {
	transform: translate3d(0, 0, 0);
	transition: 0.5s ease .3s;
	opacity: 1;
}