/*　画面サイズ 768pxまで適用　*/
@media screen and (max-width: 768px) {
    .nav_inner {
        display: none;
    }

    h2 {
        text-align: center;
        margin: 80px 10px 30px;
        font-size: 1.7rem;
    }

    h2.for_details {
        padding-top: 70px;
    }

    h3 {
        text-align: center;
        margin: 35px 10px 20px;
        font-size: 1.2rem;
    }

    h3.for_details {
        padding-top: 70px;
    }

    h4 {
        text-align: center;
        margin: 10px;
        font-size: 1.1rem;
    }

    h5 {
        text-align: center;
        margin: 20px 10px 40px;
        font-size: 1.1rem;
    }

    h6 {
        text-align: left;
        margin: 10px 50px;
        font-size: 1.1rem;
    }

    /*ここから　webpage本体*/
    /*ここから ヘッダー*/
    header {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 15px auto 5px;
        position: fixed;
        height: 70px;
        top: 0;
        left: 0;
        z-index: 10;
    }

    /*responsive
    h1 img {
        width: 75%;
    }*/

    /*respomsive end*/
    /*.g_nav {
		display: flex;
		width: 100%;
		max-width: 490px;
		justify-content: space-between;
		font-size: 1.2rem;
	}*/
    /*ここからdrop down menu*/
    #drop_minus li #drop_minus1 {
        opacity: 0;
        top: -200%;
        left: 30%;
        visibility: hidden;
        transition: 3s;
    }

    #drop_minus li:hover #drop_minus1 {
        top: -200%;
        left: 30%;
        visibility: visible;
        opacity: 1;
    }

    #drop_minus li #drop_minus2 {
        opacity: 0;
        top: -600%;
        left: 50%;
        visibility: hidden;
        transition: 3s;
    }

    #drop_minus li:hover #drop_minus2 {
        top: -550%;
        left: 50%;
        visibility: visible;
        opacity: 1;
    }

    /*ここまでdrop down menu*/
    /*ここから　hamburger menu*/
    nav.globalMenuSp {
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        background: #fff;
        color: #000;
        text-align: center;
        transform: translateY(-100%);
        transition: all 0.6s ease;
        width: 100%;
    }

    nav.globalMenuSp ul {
        background: #111;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    nav.globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        border-bottom: 1px dotted #ccc;
        font-size: 1.2rem;
        color: #111;
        margin-right: 10%;
        /*margin-top: 10px;*/
    }

    nav.globalMenuSp ul li:first-of-type {
        padding-top: 10px;
    }

    nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
        width: 100%;
    }

    /* 最後はラインを描かない */
    nav.globalMenuSp ul li a {
        display: block;
        color: #FFF;
        font-weight: 600;
        padding: 0.7rem 0;
        width: 100%;
    }

    .globalMenuSp.active {
        transform: translateY(0%);
        width: 100%;
    }

    /* このクラスを、jQueryで付与・削除する */
    .navToggle {
        display: block;
        position: fixed;
        /* bodyに対しての絶対位置指定*/
        right: 5%;
        top: 5px;
        width: 45px;
        height: 51px;
        cursor: pointer;
        z-index: 3;
        /*background: #666;*/
        text-align: center;
    }

    .navToggle span {
        display: block;
        position: absolute;
        /* .navToggleに対して */
        width: 35px;
        border-bottom: solid 3px #eee;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        left: 5px;
    }

    .navToggle span:nth-child(1) {
        top: 9px;
    }

    .navToggle span:nth-child(2) {
        top: 18px;
    }

    .navToggle span:nth-child(3) {
        top: 27px;
    }

    .navToggle span:nth-child(4) {
        border: none;
        color: #eee;
        font-size: 12px;
        font-weight: bold;
        top: 34px;
        left: 4px;
    }

    .navToggle.active span:nth-child(1) {
        top: 18px;
        left: 6px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* 最初のspanをマイナス45度に */
    .navToggle.active span:nth-child(2),
    .navToggle.active span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* 2番目と3番目のspanを45度に */
    /*ここまで　hamburger menu*/
    /*ここから　hamburger menu hover時*/
    .navToggle:not(.active):hover span:nth-child(1) {
        top: 6px;
    }

    .navToggle:not(.active):hover span:nth-child(2) {
        top: 12px;
    }

    .navToggle:not(.active):hover span:nth-child(3) {
        top: 18px;
    }

    /*ここまで　hamburger menu hover時*/
    /*ここから　hamburger menu 中身のhover時*/
    nav.globalMenuSp.active li a:hover {
        opacity: 0.5;
        color: #90d3fd;
    }

    /*ここまで　hamburger menu 中身のhover時*/
    /*ここまで ヘッダー*/
    /*ここから 本文*/
    /*.wrapper {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}*/
    section p {
        width: 90%;
        margin: 20px auto;
    }

    .article_ul {
        width: 90%;
        margin: 50px auto 80px;
    }

    .title_bar {
        width: 90%;
        max-width: 768px;
        margin: 0 auto;
        background-color: #212121;
        text-align: left;
        padding: 0.25rem;
    }

    div.title_bar {
        margin-top: 5rem auto 2rem;
        border-left: 8px solid #515151;
        border-bottom: 1px solid #515151;
    }

    .open {
        width: 95%;
        max-width: 768px;
        margin: 0 auto;
    }

    .hero video,
    .hero img {
        width: 100%;
        margin-top: 70px;
    }

    .top-layer {
        bottom: -450px;
    }

    /*トップレイヤーをつけないときは無効にする！
    .with_top-layer{
        margin-top: 500px;
    }*/

    .top-layer iframe {
        max-width: 560px;
        width: 100%;
        padding: 0 5px;
    }


    /*ここまで　動画*/
    /*ここから 記事パート1*/
    /*ここから　記事パート1　全ページ共通*/
    .first_part {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        line-height: 2;
    }

    /*ここまで　記事パート1　全ページ共通*/
    /*ここから　NEWS ARCHIVES・BREAKING NEWS button*/
    p.news {
        margin: 3rem auto 2rem;
        font-size: 1.3rem;
    }

    .news_archives button {
        margin: 1.5rem auto;
        padding: 2rem 3rem;
        text-decoration: none;
        color: #FFF;
        font-size: 1.2rem;
        background: #212121;
        /*ボタン色*/
        border-bottom: solid 4px #627295;
        border-radius: 6px;
    }

    .news_archives button:hover {
        opacity: 0.6;
    }

    /*.news_archives button:active {
		/*ボタンを押したとき*/
    /*-webkit-transform: translateY(4px);
		transform: translateY(4px);
		/*下に動く*/
    /*box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
		/*影を小さく*/
    /*border-bottom: none;
	}*/
    /*ここまで　NEWS ARCHIVES・BREAKING NEWS button*/

    /*.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {
		width: 400px;
		height: auto;
		padding: 30px;
    }*/

    /*ここから　topページのみ*/
    .contents_wrap {
        width: 100%;
        max-width: 900px;
        display: flex;
        justify-content: space-between;
        margin: 4rem auto;
        padding-left: 0.8rem;
    }

    .contents_wrap:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .contents_text {
        width: 55%;
    }

    .contents_text p {
        font: 1rem
    }

    .contents_img {
        width: 40%;
    }

    .contents_img img {
        display: block;
        width: 100%;
        height: auto;
    }

    .ss_results {
        max-width: 960px;
        width: 90%;
        margin: 15px auto 80px;
    }

    .ss_results1 {
        max-width: 960px;
        width: 100%;
        margin: 15px auto 80px;
    }

    .ss_results1 table {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        text-align: left;
        border: 1px solid #666;
        table-layout: fixed;
    }

    /*.ss_results1 table th {
    padding-bottom: 2.5rem;
}*/
    .ss_results1 th {
        width: 33%;
        max-width: 860px;
        /*margin: 0 auto;*/
        text-align: left;
        vertical-align: text-top;
        padding: 0.5rem;
        line-height: 2;
        border: 1px solid #666;
        overflow-wrap: break-word;
    }

    .ss_results1 td {
        width: 33%;
        max-width: 860px;
        font-weight: 500;
        vertical-align: text-top;
        padding: 0.5rem;
        border: 1px solid #666;
        overflow-wrap: break-word;
    }

    .ss_results1 td :nth-child(2) {
        color: #82ebfe;
        padding-top: 0.5rem;
    }

    .ss_results2 {
        max-width: 960px;
        width: 100%;
        margin: 15px auto 80px;
    }

    .ss_results2 table {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        text-align: left;
        border: 1px solid #666;
        table-layout: fixed;
    }

    .ss_results2 th {
        width: 25%;
        max-width: 860px;
        /*margin: 0 auto;*/
        text-align: left;
        vertical-align: middle;
        padding: 0.5rem;
        line-height: 2;
        border: 1px solid #666;
        overflow-wrap: break-word;
    }

    .ss_results2 th:nth-of-type(2) {
        width: 45%;
    }

    .ss_results2 th:nth-of-type(3) {
        width: 25%;
    }

    .ss_results2 td {
        width: 45%;
        max-width: 860px;
        font-weight: 500;
        vertical-align: middle;
        padding: 0.5rem;
        border: 1px solid #666;
        overflow-wrap: break-word;
    }

    .ss_results2 table td:nth-of-type(2) {
        width: 25%;
        padding-top: 0.5rem;
    }



    /*.event_time_table3 table {
	width: 80%;
	max-width: 860px;
	margin: 0 auto;
	text-align: left;
}*/
    /*.event_time_table3 th {
	width: 50%;
	max-width: 860px;
	margin: 0 auto;
	text-align: left;
	padding: 1rem 1rem;
	line-height: 2;
}*/
    /*.event_time_table3 td {
	width: 30%;
	max-width: 860px;
	font-weight: 600;
}*/
    /*ここから topページ read more button*/
    .cp_box *,
    .cp_box *:before,
    .cp_box *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cp_box {
        position: relative;
    }

    .cp_box label {
        position: absolute;
        z-index: 1;
        bottom: 0;
        width: 100%;
        height: 320px;
        /* グラデーションの高さ */
        cursor: pointer;
        text-align: center;
        /* 以下グラデーション設定 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -100%, rgba(255, 255, 255, 0.95) 70%);
    }

    .cp_box input:checked + label {
        background: inherit;
        /* 開いた時にグラデーションを消す */
    }

    .cp_box label:after {
        line-height: 2.5rem;
        position: absolute;
        z-index: 2;
        bottom: 20px;
        left: 50%;
        width: 16rem;
        content: 'Read More';
        transform: translate(-50%, 0);
        letter-spacing: 0.05em;
        color: #fff;
        border-radius: 6px;
        background-color: rgba(178, 178, 178, 1);
    }

    .cp_box label:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 1);
        opacity: 90%;
    }

    .cp_box input {
        display: none;
    }

    .cp_box .cp_container {
        overflow: hidden;
        height: 320px;
        /* 開く前に見えている部分の高さ */
        transition: all 0.5s;
        margin-bottom: 2rem;
    }

    /*.cp_box input:checked + label {
		display: none ;
		/*閉じるボタンを消す場合解放*/
    /*}*/
    .cp_box input:checked + label:after {
        content: ' Read Less';
    }

    .cp_box input:checked ~ .cp_container {
        height: auto;
        padding-bottom: 80px;
        /* 閉じるボタンのbottomからの位置 */
        transition: all 0.5s;
    }

    /*ここまで topページ read more button*/
    /*ここまで　topページのみ*/
    /*ここから　記事パート1　Aboutページのみ*/
    .about_hiroki table {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        text-align: left;
    }

    .about_hiroki th {
        width: 40%;
        max-width: 860px;
        margin: 0 auto;
        text-align: left;
        padding: 0 1rem;
        line-height: 2;
    }

    /*ここまで　記事パート1　Aboutページのみ*/
    /*ここから　記事パート1　highlightsページのみ*/
    .highlights h3 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .highlights table {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        text-align: left;
        border: 1px solid #222;
    }

    .highlights th {
        width: 28%;
        /*max-width: 860px;*/
        margin: 0 auto;
        text-align: left;
        padding: 0.8rem;
        line-height: 2;
        border: 1px solid #222;
        background-color: #222;
    }

    .highlights td {
        width: 33%;
        font-weight: 500;
        padding: 0.8rem;
        border: 1px solid #222;
        background-color: #222;
    }

    .highlights td:last-child {
        width: 20%;
        background-color: #222836;
    }

    /*ここまで　記事パート1　highlightsページのみ*/
    /*ここまで 記事パート1*/
    /*ここから　写真*/
    .main_img img,
    .second_img img {
        margin-top: 70px;
        width: 100%;
    }

    .third_img {
        position: relative;
        margin: 5rem auto;
    }

    .index_img {
        position: relative;
        margin: 0 auto;
    }

    .third_img img {
        width: 100%;
        max-width: 960px;
    }

    .third_img p {
        position: absolute;
        top: 15%;
        left: 50%;
        color: #fff;
        bottom: 50px;
        font-size: 1rem;
        font-weight: 500;
        text-align: center;
        -ms-transform: translate(-50%, -15%);
        -webkit-transform: translate(-50%, -15%);
        transform: translate(-50%, -15%);
        margin: 0;
        padding: 0;
    }

    .fifth_img img {
        width: 100%;
    }

    .index_img img {
        width: 100%;
        max-width: 766px;
        height: 100%;
    }

    .index_img a {
        display: block;
    }

    .index_img p {
        position: absolute;
        top: 80%;
        left: 50%;
        color: #fff;
        /*bottom: 50px;*/
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.2;
        text-align: center;
        -ms-transform: translate(-50%, -87%);
        -webkit-transform: translate(-50%, -87%);
        transform: translate(-50%, -87%);
        margin: 0;
        padding: 0;
        text-shadow: 2px 2px 1px #666,
            -2px 2px 1px #666,
            2px -2px 1px #666,
            -2px -2px 1px #666;
    }

    /*ここまで　写真*/
    /*ここから 記事パート2*/
    /*.second_part {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		line-height: 2;
	}*/
    /*ここから announcements*/
    .announcements_team th {
        width: 35%;
        max-width: 860px;
        /*margin: 0 auto;*/
        text-align: left;
        padding: 0 0.8rem;
        line-height: 2;
    }

    /*.article_ul li::before {
		content: '';
		border-left: 6px solid #666666;
		margin-right: 1rem;
	}*/
    /*.article_ul li {
		margin-bottom: 20px;
		text-indent: -1rem;
		padding-left: 2rem;
		margin-left: -1rem;
	}*/
    /*.event_table {
		border-collapse: collapse;
		border: 1px solid #666;
	}*/

    .event_table table tr th {
        width: 30%;
    }

    /*.event_table th,*/
    .event_table table tr td {
        width: 50%;
        vertical-align: middle;
    }

    .event_table table tr td:last-child {
        width: 20%;
    }

    /*ここまで announcements*/
    /*ここから follow Hiroki*/
    .sns {
        display: flex;
        justify-content: space-between;
        width: 85%;
        margin: 30px auto 40px;
    }

    /*responsive*/
    .sns img {
        width: 95%;
    }

    /*responsive end*/
    /*.sns img:nth-child(2) {
    margin: 0 100px;
}*/
    /*.sns a {
		transition: all ease 0.8s;
	}*/
    /*.sns a:hover {
		opacity: 0.6;
	}*/
    /*ここまで follow Hiroki*/
    /*ここから blogページ*/
    /*.cssgrid {
		width: 100%;
		max-width: 960px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-auto-rows: 1fr;
		grid-gap: 0.8rem;
		border: 1px solid #ddd;
		padding: 0.8rem;
		margin: 0 0 2rem;
	}*/
    .cssgrid > div {
        background: #666;
        overflow: auto;
        min-width: 0;
        padding: 2rem 1rem 1rem;
        height: 680px;
    }

    .cssgrid img {
        max-width: 250px;
        width: auto;
        max-height: 550px;
        margin-top: 2rem;
    }

    .cssgrid_item {
        text-align: center;
        font-size: 0.8rem;
        font-weight: 600;
        margin: 0.8rem;
    }

    ul.blog_ul {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 30px;
        font-size: 0px;
    }

    ul.blog_ul li {
        width: 40%;
        display: inline-block;
        /*text-align: center;*/
        font-size: 1.1rem;
    }

    .twitter {
        max-width: 650px;
        margin: 0 auto;
        width: 80%;
    }

    .twitter-timeline {
        width: 100%;
    }

    /*.facebook {
		max-width: 400px;
		margin: 0 auto;
		width: 100%;
	}*/
    .youtube {
        max-width: 560px;
        margin: 0 auto;
    }

    .youtube iframe {
        display: block;
        margin: 0 auto 50px;
        width: 100%;
        padding: 0 5px;
    }

    /*ここまで blogページ*/
    /*ここから partnersページ*/
    .partners_cssgrid {
        width: 100%;
        /*max-width: 960px;*/
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        grid-auto-rows: 1fr;
        grid-gap: 2px;
        border: 1px solid #ddd;
        padding: 5px;
        margin: 0 0 2rem;
        /*justify-content: center;*/
    }

    .partners_cssgrid > div {
        background: #888;
        overflow: auto;
        min-width: 0;
        padding: 0 5px;
        height: 231px;
        grid-gap: 2px;
    }

    .partners_cssgrid_item h3 {
        margin: 30px auto 20px;
        font-size: 95%;
    }

    .partners_cssgrid_item {
        width: 170px;
        /*text-align: center;*/
        /*margin: 0 auto;*/
    }

    .partners_cssgrid_item_title {
        width: 160px;
        height: 90px;
    }

    .partners_cssgrid_item_img {
        width: 160px;
        height: 101px;
        position: relative;
        margin: 0 auto 10px;
        /*text-align: center;*/
    }

    .partners_cssgrid_item_img img {
        width: 84%;
        position: absolute;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%)
    }

    /*ここから galleryページ*/
    .emphasis a > p {
        font-size: 1.5rem;
    }
    
    p.emphasis {
    width: 95%;
    margin: 12px auto;
}
    
    .article_box1 {
        width: 95%;
        text-align: center;
    }

    .center_article_box {
        width: 100%;
        padding-left: 1rem;
    }

    .center_article_box > p {
        margin-top: 2rem;
    }

    .center_article_box > p::before {
        content: '';
        border-left: 3px solid #888;
        margin-right: 0.5rem;
    }
    
     .center_article_box1 {
         display: block;
        width: 100%;
         margin: 0 auto;
        padding-left: 1rem;
    }

    .center_article_box1 > p {
        margin-top: 2rem;
    }
    
    .box1 {
         display: block;
        width: 100%;
        padding-left: 1rem;
    }

    .icon {
        display: flex;
        width: 100%;
        max-width: 960px;
        justify-content: space-around;
        font-size: 1rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }

    .icon h3 a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 1px;
        background-color: #666;
        width: 0;
        transition: .4s;
    }

    .icon h3 a:hover::after {
        width: 100%;
    }

    .icon h3 a {
        display: block;
    }

    .icon h3 {
        position: relative;
        line-height: 1;
    }

    .gallery section .full img {
        width: 100%;
        max-width: 960px;
    }

    .v_photos {
        display: flex;
        width: 77%;
        max-width: 960px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .v_photos img {
        width: 320px;
    }

    .photos {
        display: flex;
        /*width: 80%;*/
        /*max-width: 400px;*/
        width: 360px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .photos img {
        width: 180px;
    }

    .smallest_photos {
        display: flex;
        width: 360px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .smallest_photos img {
        width: 120px;
    }

    .grid {
        width: 100%;
        max-width: 960px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
        justify-content: center;
    }

    .items {
        margin: 0 auto;
    }

    .grid img {
        max-width: 100%;
        height: auto;
    }

    /*ここまで galleryページ*/
    /*ここまで 記事パート2*/
    /*ここまで　本文*/
    /***ここから　PAGE_TOP***/
    .page-top {
        margin: 0;
        padding: 0;
        display: none;
    }

    .page-top p {
        margin: 0;
        padding: 0;
        position: fixed;
        right: 5%;
        bottom: 20%;
    }

    .move-page-top {
        display: block;
        transition: all 0.3s;
    }

    .move-page-top:hover {
        opacity: 0.85;
    }

    /***ここまで　PAGE_TOP***/
    /*ここから　PARTNERS_FOOTER*/
    .partners_footer {
        width: 100%;
        background: linear-gradient(90deg, rgb(195, 195, 195) 0%, rgba(221, 221, 221, 1) 50%, rgba(195, 195, 195, 1) 100%);
    }

    .partners_footer_inner {
        max-width: 960px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        grid-auto-rows: 1fr;
        grid-gap: 0.8rem;
        padding: 3rem 0.8rem 0;
        margin: 0 auto;
    }

    /*ここまで　PARTNERS_FOOTER*/
    /*ここからfooter*/
    .footer {
        width: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(45, 45, 45, 1) 50%, rgba(0, 0, 0, 1) 100%);
        padding-top: 10px;
    }

    .footer a,
    .footer s {
        color: #eee;
    }

    .footer a {
        display: inline-block;
    }

    .footer_inner {
        width: 100%;
        max-width: 960px;
        display: flex;
        /*responsive*/
        flex-direction: column;
        /*responsive end*/
        justify-content: space-between;
        margin: 0 auto;
    }

    .footer_inner nav {
        width: 60%;
    }

    .footer_nav {
        display: flex;
        /*responsive*/
        flex-direction: column;
        /*responsive end*/
        justify-content: space-between;
    }

    .footer_nav li a {
        display: block;
        /*responsive*/
        padding: 1.8rem;
        /*responsive end*/
    }

    .footer_nav li {
        position: relative;
        line-height: 1;
        font-weight: 600;
        text-align: left;
    }

    .footer_nav li a::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -1px;
        height: 1px;
        background-color: #eee;
        width: 0;
        transition: .4s;
    }

    .footer_nav li a:hover::after {
        width: 100%;
    }

    /*ここから　footer sns*/
    .footer_sns {
        display: flex;
        width: 80%;
        justify-content: space-between;
        margin: 5rem auto;
    }

    .footer_sns a {
        transition: all ease 0.8s;
    }

    .footer_sns a:hover {
        opacity: 0.3;
    }

    /*ここまで　footer sns*/
    /*ここから　footer copyright*/
    .footer_p {
        width: 100%;
        margin: 20px auto 2px;
        text-align: right;
        font-size: 0.8rem;
    }

    /*ここまで　footer copyright*/
    /*ここまでfooter*/
    /*ここまで　webpage本体*/
    /* ここから新サイト */
header {
    display: none;
    height: 0;
}
.main_img img {
    margin: 0 auto;
}
.footer {
    display: none;
}
}