@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Noto+Sans+JP&display=swap')
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input {
    vertical-align:middle;
}
select {
    vertical-align:middle;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style:none;
}

html {
    overflow-x: hidden;
}

body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #000;
    font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont, sans-serif;
    font-weight: normal;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    line-height: 1.5;
    overflow-x: hidden;
    margin: 0;
}
figure{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
a {
    text-decoration:none;
    border:none;
    color: inherit;
}

a:hover {
    cursor: pointer;
    opacity: 0.6;
    transition: 2s;
}

img {
    width: 100%;
}

.pcnone {
    display: none !important;
}
@media only screen and (max-width:600px){
.pcnone {
    display: block !important;
}
}

.spnone {
    display: block !important;
}
@media only screen and (max-width:600px){
.spnone {
    display: none !important;
}
}

.spblock {
    display: inline-block;
}
@media only screen and (max-width:600px){
.spblock {
    display: block;
}
}

.spnoneinline {
    display: inline-block !important;
}
@media only screen and (max-width:600px){
.spnoneinline {
    display: none !important;
}
}


.spbtm {
    margin-bottom: 70px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.spbtm {
    margin-bottom: 3.645vw;
}
}
@media only screen and (max-width:600px){
.spbtm {
    margin-bottom: 48px;
}
}

.header__inner {
  position: relative;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.header__inner {
    width: 100%;
}
}
@media only screen and (max-width:600px){
.header__inner {
    width: 100%;
}
}

.header__logo {
    position: absolute;
    top: -324px;
    left: 535px;
    width: 1228px;
border-radius: 100%;
	 z-index: 0;
	overflow: hidden;
}

.main_img{
width: 100%;
	height: 1228px;
	background-image: url( "../images/img_top.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;

}
.zoomDown {
   animation: zoomDown 10s linear 0s 1 normal both;
}
@keyframes zoomDown{

  0% {
        opacity: 0;
	  	transform: scale(1.5);
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 1;
         z-index:9;
    }
	 50% {
        opacity: 1;
         z-index:9;
    }
	 75% {
        opacity: 1;
         z-index:9;
    }
    100% { opacity: 1 
 }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header__logo {
    position: absolute;
    top: -16.875vw;
    left: 34.635vw;
   width: 720px;
height: 720px;
}
	.main_img{
		height: 720px;
	}
}
@media only screen and (max-width: 767px) {
.header__logo {
    position: absolute;
    top: 24.065vw;
    left: 49px;
    width: 420px;
	height: 420px;
    overflow: hidden;
}
.main_img{
	height: 420px;
	background-image: url( "../images/img_top_sp.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;

}
}

.header__txt1 {
    position: absolute;
    top: 215px;
    left: 287px;
    width: 128px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.header__txt1 {
    top: 11.197vw;
    left: 14.947vw;
    width: 6.666vw;
}
}
@media only screen and (max-width:600px){
.header__txt1 {
    position: absolute;
    top: 11.915vw;
    left: 8.644vw;
    width: 25%;
}
}

.header__txt2 {
    font-size: 95px;
	letter-spacing: 0.8rem;
    line-height: 127px;
    padding: 795px 0 519px 35px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.header__txt2 {
    font-size: 4.947vw;
    line-height: 6.614vw;
    padding: 41.4vw 0 27.03vw 1.822vw;
}
}
@media only screen and (max-width:600px){
.header__txt2 {
    font-size: 10.514vw;
    line-height: 14.018vw;
    padding: 148.49vw 0 27.102vw 11.915vw;
	letter-spacing: 0.4rem;
}
}

.header__txt3{
	width: 100%;
	height: 100%;
	height: auto;
		font-family: futura-pt, sans-serif;
	font-weight: 700;
	letter-spacing: 0.5rem;

    color: rgb(0,0,0,0.07);
}
.load-txt{
		    position: absolute;
    top: -28px;
    left: -276px;
}
.header__txt3 .fo-01{
    font-size: 13.968vw;
    line-height: 13.968vw;
}
@media only screen and (min-width:601px) and (max-width:1940px){
	.load-txt{
    top: -1.458vw;
    left: -14.375vw;
}
/*	.header__txt3 .fo-01{
    font-size: 10.468vw;
    line-height: 10.468vw;
}*/
}
@media only screen and (max-width:600px){
.load-txt {
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(0,0,0,0.07);

}
		.header__txt3 .fo-01{
    font-size: 12.42vw;
    line-height: 15.42vw;
}
}

.header__txt3 .fo-02, 
.header__txt3 .fo-03{
    display: block;
    font-size: 100px;
    line-height: 170px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.header__txt3 .fo-02, 
.header__txt3 .fo-03{
    font-size: 3.906vw;
    line-height: 8.854vw;
}
}
@media only screen and (max-width:600px){
.header__txt3 .fo-02, 
.header__txt3 .fo-03{
    display: block;
    font-size: 5.841vw;
    line-height: 5.841vw;
}
}

.header__txt3 .fo-02 {
    line-height: 150px;
    margin-left: 560px;
}
.header__txt3 .fo-03 {
    margin-left: 360px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.header__txt3 .fo-02 {
    line-height: 7.812vw;
    margin-left: 29.166vw;
}
.header__txt3 .fo-03{
    margin-left: 18.75vw;
}
}
@media only screen and (max-width:600px){
.header__txt3 .fo-02{
    line-height: 7.71vw;
    margin-left: auto;
    text-align: center;
}
.header__txt3 .fo-03 {
    margin-left: auto;
    text-align: center;
}
}

.header__txt4 {
    line-height: 60px;
    padding-left: 158px;
    padding-bottom: 142px;
/*    width: 628px;*/
}
.header__txt4 .inner{
	display: inline-block;
	text-align: center;
}
.header__txt4 .inner .sub_ttl{
	font-family: futura-pt, sans-serif;
	    font-size: 31px;
	    text-align: center;
}
.header__txt4 .inner .main_ttl{
	font-family: futura-pt, sans-serif;
    font-size: 80px;
	font-weight: 400;
	letter-spacing: 1.3rem;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.header__txt4 {
    font-size: 4.166vw;
/*    line-height: 4.166vw;*/
    padding-left: 8.229vw;
    padding-bottom: 7.39vwm;
/*    width: 32.7vw;*/
}
}
@media only screen and (max-width:600px){
.header__txt4 {
    font-size: 18.691vw;
    font-weight: 600;
    line-height: 18.691vw;
    padding-left: 36.915vw;
    padding-bottom: 33.177vw;
    width: 146.728vw;
    display: none;
}
}


@media only screen and (min-width:601px) and (max-width:1940px){
.header__txt4 div:first-child {
    font-size: 1.614vw;
/*    line-height: 2.135vw;*/
}
}
@media only screen and (max-width:600px){
.header__txt4 div:first-child {
}
}

.conttop__inner {
    margin: 0 auto;
    width: 1920px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__inner {
    width: 100%;
}
}
@media only screen and (max-width:600px){
.conttop__inner {
    width: 100%;
}
}

.conttop__head {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 35px;
    line-height: 100px;
    margin-bottom: 207px;
    padding-left: 483px;
    padding-right: 140px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__head {
    font-size: 1.822vw;
    line-height: 5.208vw;
    margin-bottom: 10.781vw;
    padding-left: 25.156vw;
    padding-right: 7.291vw;
}
}
@media only screen and (max-width:600px){
.conttop__head {
    font-size: 3.738vw;
    line-height: 9.345vw;
    margin-bottom: 19.32vw;
    padding-left: 14.719vw;
    padding-right: 14.719vw;
}
}

.conttop__head span {
    display: block;
}

.conttop__head .nline {
    margin-bottom: 70px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__head .nline {
    margin-bottom: 3.645vw;
}
}
@media only screen and (max-width:600px){
.conttop__head .nline {
    margin-bottom: 0;
    display: inline-block !important;
}
}



.conttop__imghead{
	width: 100%;
	height: 735px;
	background-image: url("../images/img_head.png");
	background-attachment: fixed;
	 background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


@media only screen and (max-width:600px){
	.conttop__imghead{
	width: 100%;
	height: 735px;
	background-image: url("../images/img_head_sp.png");
	background-attachment: inherit;
	 background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
}


.conttop__imgbar{
		width: 100%;
	height: 735px;
	background-image: url( "../images/img_bar.png");
	background-attachment: fixed;
	 background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (max-width:600px){
	.conttop__imgbar{
	width: 100%;
	height: 735px;
	background-image: url( "../images/img_bar_sp.png");
	background-attachment: inherit;
	 background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
}


.conttop__fisherman {
    position: relative;
}

.conttop__fisherman__box {
    position: relative;
    font-size: 77px;
    letter-spacing: 0.2em;
    line-height: 102px;
    margin: 698px auto 114px 130px;
    padding: 30px 50px;
    width: 654px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__box {
    font-size: 4.01vw;
    line-height: 5.312vw;
    margin: 36.354vw auto 5.937vw 6.77vw;
    padding: 1.562vw 2.604vw;
    width: 34.065vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__box {
    position: relative;
    font-size: 8.411vw;
    letter-spacing: 0.2em;
    line-height: 11.214vw;
    margin: 24.065vw auto 13.55vw;
    padding: 7vw 3.504vw;
    text-align: center;
    width: 78.25vw;
}
}

.conttop__fisherman__box2 {
    margin: 203px auto 97px 130px;
    width: 949px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__box2 {
    margin: 10.572vw auto 5.052vw 6.77vw;
    width: 49.427vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__box2 {
    margin: 24.065vw auto 13.55vw;
    width: 78.25vw;
}
}

.conttop__fisherman__box-sp {
}
@media only screen and (max-width:600px){
.conttop__fisherman__box-sp {
    letter-spacing: normal;
    line-height: 11.682vw;
    margin: 23.831vw auto 7.476vw;
    padding: 5.841vw 0;
    width: 86.915vw;
}
}

.conttop__fisherman__box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/img_line1.png") no-repeat 0 0;
    background-size: contain;
    width: 68px;
    height: 68px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__box::before {
    width: 3.541vw;
    height: 3.541vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__box::before {
    width: 7.943vw;
    height: 7.943vw;
}
}

.conttop__fisherman__box::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/img_line1.png") no-repeat 0 0;
    background-size: contain;
    width: 68px;
    height: 68px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__box::after {
    width: 3.541vw;
    height: 3.541vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__box::after {
    width: 7.943vw;
    height: 7.943vw;
}
}

.conttop__fisherman__box div:first-child {
    font-size: 28px;
    letter-spacing: 0.25em;
    line-height: 37px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__box div:first-child {
    font-size: 1.458vw;
    line-height: 1.927vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__box div:first-child {
    font-size: 3.271vw;
    line-height: 4.439vw;
}
}

.conttop__fisherman__box div:last-child {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0;
    margin-top: 13px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__box div:last-child {
    font-size: 0.989vw;
    line-height: 1.354vw;
    margin-top: 0.677vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__box div:last-child {
    font-size: 2.102vw;
    line-height: 2.803vw;
    margin-top: 2.102vw;
}
}

.conttop__fisherman__box span {
}
@media only screen and (max-width:600px){
.conttop__fisherman__box span {
    display: block;
}
}

.conttop__fisherman__box-sp span {
}
@media only screen and (max-width:600px){
.conttop__fisherman__box-sp span {
    display: inline-block;
}
}

.conttop__fisherman__txt1 {
	font-family: futura-pt, sans-serif;
	font-weight: 700;
    position: absolute;
    top: -60px;
    left: 850px;
    color: rgb(0,0,0,0.1);
    font-size: 75px;
    line-height: 102px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__txt1 {
    top: -3.125vw;
    left: 44.27vw;
    font-size: 3.906vw;
    line-height: 5.312vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__txt1 {
    display: none;
}
}

.conttop__fisherman__txt1 span {
    display: block;
}

.conttop__fisherman__txt1 span:nth-child(1)  {
    font-size: 201px;
    letter-spacing: 0.25em;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__txt1 span:nth-child(1)  {
    font-size: 10.468vw;
}
}

.conttop__fisherman__txt1 span:nth-child(2)  {
    padding-top: 50px;
	  letter-spacing: 0.25em;
		
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__txt1 span:nth-child(2)  {
    padding-top: 2.604vw
}
}

.conttop__fisherman__txt1 span:nth-child(3)  {
	  letter-spacing: 0.25em;
		
}

.conttop__fisherman__txt2 {
    font-size: 28px;
    line-height: 80px;
    margin: 0 auto 198px;
    width: 1107px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fisherman__txt2 {
    font-size: 1.458vw;
    line-height: 4.166vw;
    margin: 0 auto 10.312vw;
    width: 52.968vw;
}
}
@media only screen and (max-width:600px){
.conttop__fisherman__txt2 {
    font-size: 3.738vw;
    line-height: 9.345vw;
    margin: 0 auto 37.149vw;
    width: 100%;
    padding: 0 14.018vw;
}
}

.conttop__topic {
    margin-bottom: 173px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic {
    margin-bottom: 9.01vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic {
    margin-bottom: 21.26vw;
}
}

.conttop__topic-last {
}
@media only screen and (max-width:600px){
.conttop__topic-last {
    margin-bottom: 14.018vw;
}
}

.conttop__topic__top {
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media only screen and (max-width:600px){
.conttop__topic__top {
    display: block;
}
}

.conttop__topic.reverse .conttop__topic__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/*.conttop__topic__left {
    width: 668px;
}*/
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__left {
    width: 34.79vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__left {
    width: 100%;
}
}

.conttop__topic.reverse .conttop__topic__top .conttop__topic__left {
    padding-left: 48px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic.reverse .conttop__topic__top .conttop__topic__left {
    padding-left: 2.5vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic.reverse .conttop__topic__top .conttop__topic__left {
    padding-left: 0;
}
}

.conttop__topic__right {
    width: 1082px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__right {
    width: 56.354vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__right {
    width: 100%;
}
}

.conttop__topic__inner {
  position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media only screen and (max-width:600px){
.conttop__topic__inner {
  display: block;
}
}

.conttop__topic__inner-pos.conttop__topic__inner {
    top: 150px;
    right: 0;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__inner-pos.conttop__topic__inner {
    top: 7.8125vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__inner-pos.conttop__topic__inner {
    top: 0;
}
}

.conttop__topic__head {
    font-size: 80px;
    line-height: 60px;
    letter-spacing: 0.28em;
    margin-left: 109px;
    margin-bottom: 40px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__head {
    font-size: 4.166vw;
    line-height: 3.125vw;
    margin-left: 5.677vw;
    margin-bottom: 2.083vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__head {
    font-size: 14.018vw;
    line-height: 14.018vw;
    letter-spacing: 0.25em;
    margin-left: auto;
    margin-bottom: 14.719vw;
    margin-right: auto;
    width: 74.532vw;
}
}

.conttop__topic__head-yoshoku {
}
@media only screen and (max-width:600px){
.conttop__topic__head-yoshoku {
    width: 50%!important;
}
}

.conttop__topic.reverse .conttop__topic__top .conttop__topic__head {
    margin-left: 54px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic.reverse .conttop__topic__top .conttop__topic__head {
    margin-left: 2.812vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic.reverse .conttop__topic__top .conttop__topic__head {
    margin-left: auto;
}
}

.conttop__topic__body1 {
    position: absolute;
    bottom: 0;
    left: 131px;
    font-size: 18px;
    line-height: 60px;
    width: 559px;
}

.my_conttop__topic_teichi{
	bottom: -20px;
}
.my_conttop__topic_yoshoku{
	bottom: -23px;
}

.my_conttop__topic {
    bottom:50px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__body1 {
    left: 6.822vw;
    font-size: 0.937vw;
    line-height: 3.125vw;
    width: 29.11vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__body1 {
    position: relative;
    bottom: 0;
    left: 0;
    font-size: 4.205vw;
    line-height: 9.345vw;
    width: 100%;
    padding: 0 14.719vw;
    margin-bottom: 35.514vw;
}
}

.conttop__topic.reverse .conttop__topic__top .conttop__topic__body1 {
    left: 76px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic.reverse .conttop__topic__top .conttop__topic__body1 {
    left: 3.958vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic.reverse .conttop__topic__top .conttop__topic__body1 {
    left: 0;
}
}

.conttop__topic__inner-pos .conttop__topic__body1 {
    bottom: 36px;
	z-index: 1;
}
@media only screen and (min-width:601px) and (max-width:1940px){
/*.conttop__topic__inner-pos .conttop__topic__body1 {
    bottom: 7.8125vw;
}*/
}
@media only screen and (max-width:600px){
.conttop__topic__inner-pos .conttop__topic__body1 {
    bottom: auto;
}
}
.conttop__topic__body2 {
    color: rgb(185,185,185,0.22);
	font-family: futura-pt, sans-serif;
	font-style: italic;
	font-weight: 700;
    font-size: 200px;
    line-height: 200px;
    padding-bottom: 22px;
	z-index: 1;

}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__body2 {
    font-size: 9.316vw;
    line-height: 9.316vw;
    padding-bottom: 1.145vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__body2 {
    position: absolute;
    top: 23.364vw;
    left: 0;
    right: 0;
    font-size: 30.607vw;
    line-height: 25.7vw;
    margin: auto;
}
}

.conttop__topic__body2 span {
    display: block;
}

.conttop__topic__fishimg {
    position: absolute;
    bottom: -216px;
    left: 400px;
    width: 212px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__fishimg {
    bottom: -11.25vw;
    left: 20.833vw;
    width: 11.041vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__fishimg {
    bottom: -34.112vw;
    left: 54.672vw;
    width: 36.448vw;
}
}

.conttop__topic__fishimg-fish04 {
    bottom: -80px;
    left: 300px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__fishimg-fish04 {
    bottom: -4.166vw;
    left: 15.625vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__fishimg-fish04 {
    bottom: -34.112vw;
    left: 54.672vw;
}
}

.conttop__topic__bottom {
    width: 1211px;
    margin: 0 auto;
    margin-right: 0;
    margin-top: 31px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__topic__bottom {
    width: 63.07vw;
    margin-top: 1.614vw;
}
}
@media only screen and (max-width:600px){
.conttop__topic__bottom {
    width: 94.626vw;
    margin-right: auto;
    margin-top: 4.205vw;
}
}

.conttop__topic.reverse .conttop__topic__bottom {
    margin-left: 0;
    margin-right: auto;
}

.conttop__fishing {
    position: relative;
    margin-bottom: 244px;
    padding-left: 72px;
    padding-right: 72px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing {
    margin-bottom: 12.7vw;
    padding-left: 3.75vw;
    padding-right: 3.75vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing {
    position: relative;
    margin-bottom: 30.841vw;
    padding-left: 0;
    padding-right: 0;
}
}

.conttop__fishing__box {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width:600px){
.conttop__fishing__box {
    display: block;
}
}

.conttop__fishing__box.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.conttop__fishing__box>div:last-child {
    padding-top: 70px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__box>div:last-child {
    padding-top: 3.645vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__box>div:last-child {
    padding-top: 3.971vw;
}
}

.conttop__fishing__left {
    width: 600px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__left {
    width: 31.25vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__left {
    width: 100%;
}
}

.conttop__fishing__right {
    width: 1019px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__right {
    width: 53.07vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__right {
    width: 100%;
}
}

.conttop__fishing__box img {
    padding-top: 70px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__box img {
    padding-top: 3.645vw;
}
}

.conttop__fishing__right .conttop__fishing__box img {
}
@media only screen and (max-width:600px){
.conttop__fishing__right .conttop__fishing__box img {
    padding-top: 0;
}
}

.conttop__fishing__inner {
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media only screen and (max-width:600px){
.conttop__fishing__inner {
    display: block;
}
}

.conttop__fishing__head {
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__head {
    font-size: 4.166vw;
    line-height: 5.208vw;
    margin-bottom: 2.083vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__head {
    margin-bottom: 23.364vw;
    padding-left: 4.672vw;
    padding-right: 4.672vw;
}
	.my_makiami_img{
		width: 70%!important;
	}
}

.conttop__fishing__head span {
    letter-spacing: 0;
}

.conttop__fishing__head-img9 {
}
@media only screen and (max-width:600px){
.conttop__fishing__head-img9 {
    margin-left: auto;
    margin-right: auto;
    width: 51.168vw;
}
}

.conttop__fishing__body1 {
    font-size: 16px;
    line-height: 60px;
    margin-top: 60px;
    width: 600px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__body1 {
    font-size: 0.833vw;
    line-height: 3.125vw;
    margin-top: 3.125vw;
    width: 31.25vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__body1 {
    line-height: 9.345vw;
    margin-top: 14.018vw;
    width: 100%;
    padding-left: 14.018vw;
    padding-right: 14.018vw;
}
}

.conttop__fishing__body2 {
    position: absolute;
    top: 300px;
    left: 0;
    color: rgb(185,185,185,0.22);
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: italic;
    font-size: 229px;
    line-height: 172px;
}

@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__body2 {
    top: 15.625vw;
    font-size: 11.927vw;
    line-height: 8.958vw;
}
	.my_conttop__fishing__body{
	font-size: 9.9vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__body2 {
    top: 70.093vw;
    left: 4.672vw;
    color: rgb(185,185,185,0.22);
    font-size: 30.607vw;
    line-height: 25.7vw;
}
}

.conttop__fishing__body2 span {
    display: block;
}

.conttop__fishing__body2-makiami {
    top: 250px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__body2-makiami {
    top: 13.02vw;
}
}
@media only screen and (max-width:600px){
.conttop__fishing__body2-makiami {
    top: 51.4vw;
}
}

.conttop__fishing__img1 {
    position: absolute;
    bottom: -156px;
    left: -8px;
    width: 100px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__img1 {
    bottom: -8.125vw;
    left: -0.416vw;
    width: 5.208vw;
}
}

.conttop__fishing__img2 {
    position: absolute;
    bottom: -100px;
    left: 721px;
/*    top: -140px;
    left: 1705px;
    width: 101px;*/
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__fishing__img2 {
/*    top: -7.291vw;
    left: 88.8vw;
    width: 5.26vw;*/
	width: 5.26vw;
    bottom: -5.208vw;
    left: 36.55vw;
}
}

.conttop__infomation {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 244px;
    padding-left: 118px;
    padding-right: 118px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation {
    margin-bottom: 12.7vw;
    padding-left: 6.145vw;
    padding-right: 6.145vw;
}
}
@media only screen and (max-width:600px){
.conttop__infomation {
    margin-bottom: 7.242vw;
    padding-left: 0;
    padding-right: 0;
}
}

.conttop__infomation__box {
    position: relative;
    background: #fff;
    width: 819px;
}

@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__box {
    width: 41.927vw;
}
}
@media only screen and (max-width:600px){
.conttop__infomation__box {
    width: 100%;
}
}

.conttop__infomation__box-wide {
    background: #cb0000;
    margin-bottom: 25px;
    width: 100%;
}

@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__box-wide {
    margin-bottom: 1.302vw;
}
}

.conttop__infomation>div.conttop__infomation__box:last-child {
    background: #ddd;
}

.conttop__infomation__txt {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.2em;
    padding-top: 98px;
    padding-bottom: 14px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__txt {
    font-size: 1.041vw;
    line-height: 1.041vw;
    padding-top: 5.104vw;
    padding-bottom: 0.729vw;
}
}
@media only screen and (max-width:600px){
.conttop__infomation__txt {
    font-size: 3.271vw;
    padding-top: 24.299vw;
}
}
.conttop__infomation__box-wide .conttop__infomation__txt {
    margin-bottom: 25px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__box-wide .conttop__infomation__txt {
    margin-bottom: 1.302vw;
}
}

.conttop__infomation__txt2 {
    color: #fff;
    font-size: 56px;
    letter-spacing: 0.2em;
    padding-bottom: 112px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__txt2 {
    font-size: 2.916vw;
    padding-bottom: 5.833vw;
}
}
@media only screen and (max-width:600px){
.conttop__infomation__txt2 {
    font-size: 10.28vw;
    padding-bottom: 31.542vw;
}
}

.banner02 .conttop__infomation__txt3 {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    color: rgb(4,22,98,0.07);
    font-size: 129px;
    letter-spacing: 0.2em;
    margin: auto;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner02 .conttop__infomation__txt3 {
    bottom: -1.562vw;
    font-size: 6.718vw;
}
}
@media only screen and (max-width:600px){
.banner02 .conttop__infomation__txt3 {
    bottom: auto;
    font-size: 23.364vw;
    line-height: 18.691vw;
    top: 31.3vw;
}
}

.conttop__infomation__txt3 span {
}
@media only screen and (max-width:600px){
.conttop__infomation__txt3 span {
    display: block;
}
}

.conttop__infomation__img1 {
    margin: 0 auto;
    padding-bottom: 151px;
    width: 577px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__img1 {
    padding-bottom: 7.864vw;
    width: 30.05vw;
}
}

.conttop__infomation__img2 {
    position: absolute;
    bottom: -5px;
    left: 1227px;
    width: 367px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__img2 {
    bottom: 1.74vw;
    left: 59.9vw;
    width: 14.114vw;
}
}

.conttop__infomation__img3 {
/*    position: absolute;*/
    bottom: -100px;
    left: 721px;
    width: 58px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infomation__img3 {
    bottom: -5.208vw;
    left: 37.55vw;
    width: 3.02vw;
}
}

.conttop__sidebar {
    margin-bottom: 145px;
    width: 108.437vw;
	height: 478px;

	display: flex;
}
.conttop__sidebar img{
	  width: auto;
  height: 100%;
}
.conttop__sidebar .loop1{
	animation: slide1 60s -30s linear infinite;
}
.conttop__sidebar .loop2{
	animation: slide2 60s linear infinite;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
 
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__sidebar {
    margin-bottom: 7.552vw;
    width: 108.437vw;
}
}
@media only screen and (max-width:600px){
.conttop__sidebar {
    margin-bottom: 10.98vw;
    width: 393.22vw;
	height: 100%;
    overflow-x: hidden;
}
	.conttop__sidebar img{
	  width: 100%;
  height: auto;
}
}

.conttop__contact {
    background: url("../images/back_contact.png") no-repeat 0 0;
    background-size: cover;
    width: 100%;
}
@media only screen and (max-width:600px){
.conttop__contact {
    background: url("../images/back_contact_sp.png") no-repeat 0 0;
    background-size: cover;
}
}

.conttop__contact__box {
    position: relative;
}

.conttop__contact__txt {
    color: #fff;
    font-size: 44px;
    line-height: 69px;
    letter-spacing: 0.2em;
    padding-top: 378px;
    padding-bottom: 69px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__contact__txt {
    font-size: 2.291vw;
    line-height: 3.593vw;
    padding-top: 19.687vw;
    padding-bottom: 3.593vw;
}
}
@media only screen and (max-width:600px){
.conttop__contact__txt {
    font-size: 3.738vw;
    line-height: 3.271vw;
    padding-top: 46.495vw;
    padding-bottom: 6.3vw;
}
}

.conttop__contact__link {
}
@media only screen and (max-width:600px){
.conttop__contact__link {
    padding-bottom: 6.3vw;
}
}

.conttop__contact__link a {
    display: block;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 44px;
    -moz-border-radius: 44px;
    -webkit-border-radius: 44px;
    color: #000;
    font-size: 30px;
    line-height: 88px;
    margin: 0 auto 91px;
    text-decoration: none;
    text-align: center;
    width: 268px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__contact__link a {
    border-radius: 2.291vw;
    -moz-border-radius: 2.291vw;
    -webkit-border-radius: 2.291vw;
    font-size: 1.562vw;
    line-height: 4.583vw;
    margin: 0 auto 4.739vw;
    width: 13.958vw;
}
}
@media only screen and (max-width:600px){
.conttop__contact__link a {
    font-size: 4.205vw;
    line-height: 9.112vw;
    text-decoration: none;
    width: 38.317vw;
}
}

.conttop__contact__link a:hover {
    background: 000;
    color: #fff;
    transition: 2s;
}

.conttop__contact__txt2 {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
    position: absolute;
    top: 220px;
    left: 392px;
    color: rgb(255,255,255,0.43);
    font-size: 200px;
    letter-spacing: 0.2em;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__contact__txt2 {
    top: 11.458vw;
    left: 20.416vw;
    font-size: 10.416vw;
}
}
@media only screen and (max-width:600px){
.conttop__contact__txt2 {
    top: 20.09vw;
    left: 0;
    font-size: 17.289vw;
}
}

.conttop__contact__txt3 {
    color: #585858;
    font-size: 12px;
    line-height: 20px;
    padding-left: 8px;
	padding-right: 8px;
    padding-bottom: 19px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__contact__txt3 {
    font-size: 0.625vw;
    line-height: 1.041vw;
    padding-left: 0.416vw;
    padding-bottom: 0.989vw;
}
}

.conttop__contact__txt3 span {
    display: block;
}

.conttop__infobar {
	position: fixed;
	/*  top: 300px;*/
	bottom: 0;
	 right: -3px;
	width: 99px;
}

@media only screen and (min-width:601px) and (max-width:1940px){
.conttop__infobar {
   /* top: 18.687vw;*/
    width: 5.156vw;
}
}
@media only screen and (max-width:600px){
.conttop__infobar {
    /* top: 102.687vw;*/
    width: 12.156vw;
}
}



/*-----------banner_area_top-------------*/
.banner_area{
    padding-left: 118px;
    padding-right: 118px;
	margin-bottom: 244px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_area {
    margin-bottom: 12.7vw;
    padding-left: 6.145vw;
    padding-right: 6.145vw;
}
}
@media only screen and (max-width:600px){
.banner_area {
    margin-bottom: 7.242vw;
    padding-left: 0;
    padding-right: 0;
}
}


.banner_area .banner_top{
	width: 100%;
	margin-bottom: 25px;
	background-color: #CB0000;
		position: relative;
}


.banner_area .banner_top .inner .banner_top_txt{
	    color: #fff;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.2em;
    padding-top: 98px;
    padding-bottom: 14px;
    text-align: center;
	margin-bottom: 25px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_area .banner_top .inner .banner_top_txt{
    font-size: 1.041vw;
    line-height: 1.041vw;
    padding-top: 5.104vw;
    padding-bottom: 0.729vw;
	margin-bottom: 1.302vw;
}
}
@media only screen and (max-width:600px){
.banner_area .banner_top .inner .banner_top_txt{
    font-size: 3.271vw;
    padding-top: 9.299vw;
	margin-bottom: 0;
}
}

.banner_area .banner_top .inner .banner_top_img{
	width: 577px;
	padding-bottom: 151px;
	 margin: 0 auto;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_area .banner_top .inner .banner_top_img {
    padding-bottom: 7.864vw;
    width: 30.05vw;
}
}
@media only screen and (max-width:600px){
	.banner_area .banner_top .inner .banner_top_img {
    width: 71.05vw;
	padding-bottom: 40.542vw;
}
}

.banner_area .banner_top .inner .banner_top_img02{
	    position: absolute;
    bottom:1.74vw;
    left:  45.9vw;
    width: 268px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_area .banner_top .inner .banner_top_img02 {
    bottom: 1.74vw;
    left: 59.9vw;
    width: 14.114vw;
}
}
@media only screen and (max-width:600px){
	.banner_area .banner_top .inner .banner_top_img02 {
    left: 50%;
		transform: translateX(-50%);
		    bottom: 3.74vw;
    width: 32.114vw;
}
}


/*-----------banner_area_flex-------------*/
.banner_area_flex{
    display: flex;
	justify-content: space-between;
}
@media only screen and (max-width:600px){
	.banner_area_flex{
    display: block;
	justify-content: space-between;
}
}
.banner_info{
	width: 819px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_info {
    width: 41.927vw;
	height: 100%;
}
}
@media only screen and (max-width:600px){
.banner_info {
    width: 100%;
}
}


/*-----------banner_area_left-------------*/
.banner_left{
	background-color: #fff;
	box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.16);
	position: relative;
}
@media only screen and (max-width:600px){
	.banner_left{
		box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.16);
		margin-bottom: 25px;
	}

}
.banner_left .inner .banner_left_txt{
	    color: #041662;
    font-size: 20px;
    line-height: 20px;
	letter-spacing: 0.2em;
	    padding-top: 98px;
    padding-bottom: 14px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_left .inner .banner_left_txt {
    font-size: 1.041vw;
    line-height: 1.041vw;
    padding-top: 5.104vw;
    padding-bottom: 0.729vw;
}
}
@media only screen and (max-width:600px){
.banner_left .inner .banner_left_txt {
    font-size: 3.271vw;
    padding-top: 9.299vw;
}
}

.banner_left .inner .banner_left_img{
    width: 181px;
	margin: 0 auto;
	padding-bottom: 36px;
	position: relative;
	z-index: 1;
}
.banner_left .inner .banner_left_img img{
	left: 50%;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_left .inner .banner_left_img {
        width: 10.02vw;
}
}
@media only screen and (max-width:600px){
	.banner_left .inner .banner_left_img{
    width: 128px;
		 padding-bottom: 21.299vw;
}
}

.banner_left .inner .banner_left_txt02{
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	color: rgb(4,22,98,0.07);
    font-size: 129px;
    letter-spacing: 0.2em;
	text-align: center;
	position: absolute;
	    bottom: -39px;
    left: 0;
    right: 0;
	z-index: 0;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_left .inner .banner_left_txt02 {
    bottom: -2.7vw;
    font-size: 6.718vw;
}
}
@media only screen and (max-width:600px){
.banner_left .inner .banner_left_txt02 {
    bottom: -5px;
    font-size: 23.364vw;
    line-height: 18.691vw;
}
}
@media only screen and (max-width:600px){
.banner_left .inner .banner_left_txt02 span {
    display: block;
}
}




/*-----------banner_area_right-------------*/
.banner_right{
	background-color: #041662;
	position: relative;
}
.banner_right .inner .banner_right_txt{
	    color: #fff;
    font-size: 20px;
    line-height: 20px;
	letter-spacing: 0.2em;
	    padding-top: 98px;
    padding-bottom: 14px;
    text-align: center;
}@media only screen and (min-width:601px) and (max-width:1940px){
.banner_right .inner .banner_right_txt{
    font-size: 1.041vw;
    line-height: 1.041vw;
    padding-top: 7.104vw;
    padding-bottom: 0.729vw;
}
}
@media only screen and (max-width:600px){
.banner_right .inner .banner_right_txt {
    font-size: 3.271vw;
    padding-top: 24.299vw;
}
}

.banner_right .inner .banner_right_txt02{
	    color: #fff;
    font-size: 56px;
    letter-spacing: 0.2em;
    padding-bottom: 112px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_right .inner .banner_right_txt02 {
    font-size: 2.916vw;
    padding-bottom: 6.533vw;
}
}
@media only screen and (max-width:600px){
.banner_right .inner .banner_right_txt02 {
    font-size: 7.28vw;
    padding-bottom: 31.542vw;
}
}

.banner_right .inner .banner_right_img{
	width: 143px;
	    position: absolute;
bottom: -5px;
    right: -24px;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.banner_right .inner .banner_right_img {
	width: 8.26vw;
}
}
@media only screen and (max-width:600px){
	.banner_right .inner .banner_right_img {
	    width: 20.26vw;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
}
}


/* footer */
footer {
    width: 100%;
}

.foot__copy {
    font-size: 16px;
    line-height: 47px;
    letter-spacing: 0.28em;
    margin-top: 18px;
    margin-bottom: 36px;
    text-align: center;
}
@media only screen and (min-width:601px) and (max-width:1940px){
.foot__copy {
    font-size: 0.833vw;
    line-height: 2.447vw;
    margin-top: 0.937vw;
    margin-bottom: 1.875vw;
}
}
@media only screen and (max-width:600px){
.foot__copy {
    font-size: 1.869vw;
    line-height: 2.102vw;
    letter-spacing: 0.2em;
    margin-top: 2.57vw;
    margin-bottom: 4.439vw;
    font-family: 'Josefin Sans';
}
}




/*========= 流れるテキスト ===============*/


.anime_wrap{
	width: 100%;
position: absolute;
 top: -28px;
	    left: -240px;
}
@media only screen and (max-width:600px){
	.anime_wrap{
	    left: -270px;
}
}
.my_anime{
	width: 300%;
			height: 440px;
	    -webkit-animation: loop 30s linear 7.5s infinite;
    -moz-animation: loop 30s linear 7.5s infinite;
    animation: loop 30s linear 7.5s infinite;
	-webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;

}
.my_anime{
	display: flex;
}
/*.my_anime li{
	width: 34%;
}*/
.my_anime li img{
	width: 95%;
}


@keyframes loop{

	0%{
		    transform: translateX(-55%);
	}
  100% {
    transform: translateX(0);
  }
}


@media only screen and (max-width:600px){
	.my_anime li{
	width: 34%;
}
	@keyframes loop{

	0%{
		    transform: translateX(-44%);
	}
  100% {
    transform: translateX(0);
  }
}
}




.my_anime02{
	width: 330%;
			height:200px;
	    -webkit-animation: loop02 30s linear infinite;
    -moz-animation: loop02 30s linear infinite;
    animation: loop02 30s linear infinite;
	-webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;

}
.my_anime02{
	display: flex;
}


@keyframes loop02{

	0%{
		    transform: translateX(-55%);
	}
  100% {
    transform: translateX(0);
  }
}

@media only screen and (max-width:600px){
	.my_anime02 li{
	width: 34%;
}
}


/*========= フェードイン ===============*/
.fadeIn{
animation-name:fadeInAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;

}
@keyframes fadeInAnime{
  from {
    opacity: 0;
	  		-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
  }

  to {
    opacity: 1;
  }
}


/*========= 下から ===============*/
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 0.8s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(10%);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}




/*========= 右から ===============*/
.fadeIn_right {
  opacity: 0;
  transform: translate(10%, 0);
  transition: 1.3s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn-Right{
animation-name:fadeIn-RightAnime;
animation-duration:1.3s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeIn-RightAnime{
  from {
    opacity: 0;
  transform: translateX(10%);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}


/*========= 左から ===============*/
.fadeIn_left {
  opacity: 0;
  transform: translate(-10%, 0);
  transition: 1.3s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn-Left{
animation-name:fadeIn-LeftAnime;
animation-duration:1.3s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeIn-LeftAnime{
  from {
    opacity: 0;
  transform: translateX(-10%);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}


.fadeInTrigger{
	opacity: 0;


}
.fadeUpTrigger{
	opacity: 0;
}
.fadeIn-RightTrigger{
	opacity: 0;
}
.fadeIn-LeftTrigger{
	opacity: 0;	
}




.lead-teichi01,.lead-teichi02,
.lead-yoshoku01,.lead-yoshoku02,
.lead-tsukin01,.lead-tsukin02,
.lead-oome01,.lead-oome02,.lead-oome03{
	opacity: 0;
}

.lead-haenawa01,.lead-haenawa02,
.lead-ippon01,.lead-ippon02,.lead-ippon03,
.lead-sanma01,.lead-sanma02,.lead-sanma03,
.lead-makiami01,.lead-makiami02{
	opacity: 0;
}

.img-box{
/*    width: auto;*/
    height: auto;
    position: relative;
    overflow: hidden;
}
.screen{
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 1.5s ;
}
.screen.show{
    transform: translateX(100%);
}

.screen-teichi,
.screen-yoshoku,
.screen-tsukin,
.screen-oome{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 1.5s ;
}
.screen-teichi.show,
.screen-yoshoku.show,
.screen-tsukin.show,
.screen-oome.show{
    transform: translateX(100%);
}

.screen-haenawa,
.screen-ippon,
.screen-sanma,
.screen-makiami{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 1.5s ;
	 transform: translateX(0);
}
.screen-haenawa.show,
.screen-ippon.show,
.screen-sanma.show,
.screen-makiami.show{
    transform: translateX(100%);
}



/*=========================
delay
==========================*/

.delay-time-0_3s{
		animation-delay: 0.3s;
}
.delay-time-1s{
		animation-delay: 1s;
}
.delay-time-1_5s{
		animation-delay: 1.5s;
}
.delay-time-2s{
		animation-delay: 2s;
}
.delay-time-2_5s{
		animation-delay: 2.5s;
}
.delay-time-3s{
		animation-delay: 3s;
}
.delay-time-3_5s{
	animation-delay: 3.5s;
}
.delay-time-4s{
	animation-delay: 4s;
}
.delay-time-4_5s{
	animation-delay: 4.5s;
}
.delay-time-5s{
	animation-delay: 5s;
}
.delay-time-5_5s{
	animation-delay: 5.5s;
}
.delay-time-6s{
	animation-delay: 6s;
}
.delay-time-6_5s{
	animation-delay: 6.5s;
}
.delay-time-7s{
	animation-delay: 7s;
}
.delay-time-7_5s{
	animation-delay: 7.5s;
}
.delay-time-8s{
	animation-delay: 8s;
}
.delay-time-8_5s{
	animation-delay: 8.5s;
}

@media only screen and (max-width:600px){
	.delay-time-0_3s{
		animation-delay: 0;
}
.delay-time-1s{
		animation-delay: 0;
}
.delay-time-1_5s{
		animation-delay: 0;
}
.delay-time-2s{
		animation-delay: 0;
}
.delay-time-2_5s{
		animation-delay: 0;
}
.delay-time-3s{
		animation-delay: 0;
}
.delay-time-3_5s{
	animation-delay: 0;
}
.delay-time-4s{
	animation-delay: 0;
}
.delay-time-4_5s{
	animation-delay: 0;
}
.delay-time-5s{
	animation-delay: 0;
}
.delay-time-5_5s{
	animation-delay: 0;
}
.delay-time-6s{
animation-delay: 0;
}
.delay-time-6_5s{
animation-delay: 0;
}
.delay-time-7s{
animation-delay: 0;
}
.delay-time-7_5s{
animation-delay: 0;
}
.delay-time-8s{
animation-delay: 0;
}
.delay-time-8_5s{
animation-delay: 0;
}
}