@charset "utf-8";


/**************************
PC用スタイル
**************************/
/* ボディー */
body {
    padding-top: 30px;
}
/* ヘッダ */
header{
    background-color: #FFF;
    width: 100%;
    padding-bottom: 10px;
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    padding-top: 30px;
    z-index: 1000;
}
.hed-bg{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}
.hed-bg h1,.hed-bg h2,.hed-bg h3{
    display: none;
}
/* ヘッダロゴ */
header .hed-logo{
    float: left;
}
/* ヘッダナビ */
header .hed-nav{
}
header .hed-nav ul{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
header .hed-nav ul li{
    margin-left: 25px;
}
header .hed-nav ul li a{
    margin-bottom: -5px;
    font-weight: bold;
}
/* 各ページパン */

/* 各ページセクション */
section{
    padding-top: 100px;
}
/* 各ページタイトル トップ画像とタイトル */

/* ページ共通 H1タイトル・コメント */
.Page-h1-title-bg{
    background-repeat: no-repeat;
    background-position: center center;
    height: 270px;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
.Page-h1-title1{
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
    padding-top: 100px;
}
.Page-h1-coment1{
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
}
.Page-h1-title2{
    position: relative;
    top: -25px;
}
.Page-h1-title2-2{
    position: relative;
    top: -30px;
}
.Page-h1-title2-ichi-l{
    text-align: left;
}
.Page-h1-title2-ichi-r{
    text-align: right;
}
.Page-h1-title2-ichi-c{
    text-align: center;
}
.Page-h1-title2-wv{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
/* ページ共通 タイトル背景 */
.Page-h1-title-bg-concept{
    background-image: url(../img/concept/title_bg.png);
}
.Page-h1-title-bg-cp{
    background-image: url(../img/cp/title_bg.png);
}
.Page-h1-title-bg-contact{
    background-image: url(../img/contact/title_bg.png);
}
.Page-h1-title-bg-flow{
    background-image: url(../img/flow/title_bg.png);
}
.Page-h1-title-bg-fp{
    background-image: url(../img/fp/title_bg.png);
}
.Page-h1-title-bg-menu{
    background-image: url(../img/menu/title_bg.png);
}
.Page-h1-title-bg-member{
    background-image: url(../img/profile/member_title_bg.png);
}
/* ページ共通 H2タイトル・コメント */
.Page-h2-title1{
    position: absolute;
}
.Page-h2-coment1{}
/* ページ共通 H3タイトル・コメント */
.Page-h3-title1{}
.Page-h3-coment1{}

/* ページTOP バナー */
.Top_bana1{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
    padding-bottom: 25px;
}
.Top_bana1 img{
    width: 100%;
}

/* ページ共通 パネルボックス　コンセプト */
.Page-panel1{
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
}
.Page-panel1 .panel-title{
    margin-bottom: 30px;
}
.Page-panel1 .panel-coment{
    line-height: 200%;
    font-weight: bold;
}
.Page_4point_bg{}
.Page_4point_title{
    font-size: 30px;
    color: #00168e;
    margin-bottom: 15px;
    font-weight: bold;
}
.Page_4point_coment{
    font-size: 18px;
    line-height: 168%;
    margin-bottom: 25px;
}
.Page_4point_bloc{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url(../img/concept/6point_bg.png);
    background-repeat: no-repeat;
    background-position: center 120px;

    padding-bottom: 130px;
}
.Page_4point_line{
    margin-bottom: 50px;
    text-align: center;
    width: 1px;
    margin-right: auto;
    margin-left: auto;
}
.Page_4point_line hr{
    height: 100px;
    border-right-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-color: #00168e;
    width: 1px;
}
.Page_4point_list1{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.Page_4point_up1{}
.Page_4point_up2{}
.Page_4point_list2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.Page_4point_down1{}
.Page_4point_down2{}
.Page_4point_item1{
    text-align: left;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-left-color: #00b8e7;
    padding-left: 20px;
    height: 100%;
}
.Page_4point_item2{
    text-align: right;
    border-right-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-color: #00b8e7;
    padding-right: 20px;
    height: 100%;
}
.Page_4point_item_title{
    font-size: 34px;
    font-weight: bold;
    color: #00168E;
    line-height: 120%;
    margin-bottom: 15px;
}
.Page_4point_item_subtitle{
    font-size: 24px;
    line-height: 120%;
    color: #b4b4b5;
     margin-bottom: 15px;
}
.Page_4point_item_coment{
    font-size: 22px;
    line-height: 148%;
}
.Page-panel2{
    margin-right: auto;
    margin-left: auto;
    background-color: #f0f1f0;
    padding-bottom: 50px;
}
.Page-panel2 .panel-bg{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel2 .panel-img{
    float: right;
    margin-bottom: 70px;
}
.Page-panel2 .panel-title{
    margin-bottom: 60px;
    font-size: 22px;
    font-weight: bold;
    color: #00178F;
    text-align: left;
}
.Page-panel2 ul{
    background-image: url(../img/concept/icon_03.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #00168e;
    text-align: left;
    margin-bottom: 60px;
}
.Page-panel2 ul li{
    padding-left: 220px;
    font-weight: bold;
    line-height: 200%;
    font-size: 20px;
}
.Page-panel2 .panel-coment{
    line-height: 200%;
    font-weight: bold;
    text-align: left;
}
.Page-panel3{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 150px;
}
.Page-panel3 .panel-img{
    float: left;
    padding-top: 100px;
}
.Page-panel3 .panel-title{
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #00178F;
    text-align: right;
}
.Page-panel3 .panel-coment{
    line-height: 250%;
    font-weight: bold;
    text-align: right;
}
.Page-panel4{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}
.Page-panel4-bg{
    background-color: #f0f1f0;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.Page-panel4-bg .panel-title{
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #00178F;
    text-align: left;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel4 input{
    display: none;
}

/* :::::: button :::::: */
.tabBtn {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 0 1px;
	padding: 0;
	text-align: center;
}
.tabBtn li {
	flex-basis: 33.3%;
}
.tabBtn label {
    display: block;
    cursor: pointer;
    padding: 10px 0;
    color: #000;
    transition: background .3s;
}
.tabBtn label:hover {
    background-color: rgba(185,185,255,0.5);
}

/* :::::: contents :::::: */
.tabContents section {
    padding: 8px;
}
.tabBtn dl {
    padding-top: 5px;
    padding-bottom: 25px;
}
.tabBtn dl dt{
    font-size: 16px;
    line-height: 148%;
    font-weight: bold;
}
.tabBtn dl dd{
    font-size: 28px;
    line-height: 148%;
    font-weight: bold;
}

/* :::::: mechanism :::::: */
.tabContents section {
    display: none;
}
.tabContents section {
	transition: opacity .3s;
}
#tab-1:checked ~ .tabBtn label[for="tab-1"],
#tab-2:checked ~ .tabBtn label[for="tab-2"],
#tab-3:checked ~ .tabBtn label[for="tab-3"],
#tab-4:checked ~ .tabBtn label[for="tab-4"],
#tab-5:checked ~ .tabBtn label[for="tab-5"],
#tab-6:checked ~ .tabBtn label[for="tab-6"],
#tab-7:checked ~ .tabBtn label[for="tab-7"],
#tab-8:checked ~ .tabBtn label[for="tab-8"],
#tab-9:checked ~ .tabBtn label[for="tab-9"],
#tab-10:checked ~ .tabBtn label[for="tab-10"] {
}
#tab-1:checked ~ .tabContents #section-1,
#tab-2:checked ~ .tabContents #section-2,
#tab-3:checked ~ .tabContents #section-3,
#tab-4:checked ~ .tabContents #section-4,
#tab-5:checked ~ .tabContents #section-5,
#tab-6:checked ~ .tabContents #section-6,
#tab-7:checked ~ .tabContents #section-7,
#tab-8:checked ~ .tabContents #section-8,
#tab-9:checked ~ .tabContents #section-9,
#tab-10:checked ~ .tabContents #section-10 {
    opacity: 1;
    display: block;
}
.tab-content {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    margin-bottom: 50px;
}
.tab-content-img {
    float: left;
    margin-right: 30px;
}
.tab-content-title {
    font-size: 28px;
    color: #00168e;
    margin-bottom: 20px;
    text-align: left;
    padding-top: 80px;
    font-weight: bold;
    line-height: 148%;
    padding-right: 20px;
}
.tab-content-yakusyoku {
    font-size: 16px;
    line-height: 160%;
    text-align: left;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tab-content-yakusyoku_icon_01 {
    background-image: url(../img/concept/icon_01.png);
    background-repeat: no-repeat;
    background-position: 75% center;
}
.tab-content-yakusyoku_icon_02 {
    background-image: url(../img/concept/icon_02.png);
    background-repeat: no-repeat;
    background-position: 65% center;
}
.tab-content-name {
    font-size: 28px;
    margin-bottom: 40px;
    text-align: left;
    font-weight: bold;
}
.tab-content-coment {
    font-size: 16px;
    line-height: 200%;
    text-align: left;
    font-weight: bold;
    padding-right: 20px;
}
.tab-l{
    float: left;
    display: block;
    padding: 3px;
}
.tab-r{
    float: right;
    display: block;
    padding: 3px;
}
/* ページ共通 パネルボックス　会社概要 */
.Page-panel5{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
.Page-panel5 .panel-img{
    float: right;
    margin-left: 20px;
}
.Page-panel5 .panel-img img{
    margin-bottom: 10px;
}
.Page-panel5 p.panel-img{
    line-height: 148%;
    font-weight: bold;
}
.Page-panel5 .panel-title{
    margin-bottom: 60px;
    font-size: 22px;
    font-weight: bold;
    color: #00178F;
}
.Page-panel5 .panel-coment{
    line-height: 300%;
    text-align: left;
}
.Page-panel5 .panel-coment p{
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 18px;
}
.Page-panel5 .panel-coment h3{
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 24px;
    text-align: right;
    width: 68%;
}
.Ceo_Profile_txtbox{}
.Ceo_Profile_title{
    background-image: url(../img/profile/title_icon.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.Ceo_Profile_title p{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    color: #00168e;
    font-weight: bold;
    padding-left: 35px;
    margin-bottom: 20px;
}
.Ceo_Profile_name_box{
    text-align: right;
    margin-top: -70px;
}
.Ceo_Profile_name_box_title_name{
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    margin-bottom: 20px;
}
.Ceo_Profile_name_box_name{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    margin-left: 15px;
    line-height: 148%;
}
.Ceo_Profile_box_coment{
    text-align: left;
}
.Ceo_Profile_box_coment p{
    font-size: 18px;
    line-height: 200%;
}
.Page_cp_sub_bloc{
    margin-bottom: 100px;
}
.Page_cp_sub_title_box{}
.Page_cp_sub_title{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    color: #727171;
    font-weight: bold;
    margin-bottom: 30px;
}
.Page_cp_sub_title2{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    color: #00168e;
    font-weight: bold;
    margin-bottom: 100px;
}
.Page_cp_sub_title3{
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    color: #00168e;
    font-weight: bold;
}
.Page_cp_sub_bloc ul{
    width: 860px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    line-height: 42px;
}
.Page_cp_sub_bloc ul li{
    font-weight: 700;
}
.Page-panel6-bg{
    background-color: #f0f1f0;
}
.Page-panel6{
    width: 880px;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel6 .panel-title{
    margin-bottom: 60px;
    font-size: 22px;
    font-weight: bold;
    color: #00178F;
}
.Page-panel6 dl{
    font-size: 18px;
    line-height: 250%;
    padding-bottom: 50px;
}
.Page-panel6 dl dt{
    clear: left;
    float: left;
    font-weight: bold;
}
.Page-panel6 dl dd{
    text-align: left;
    padding-left: 230px;
    font-weight: bold;
}
/* ページ共通 パネルボックス　会社概要 宣伝 */
.Page-panel6-2{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel6-2 .panel-obi-bloc{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 28px;
    font-weight: bold;
    background-color: #00168E;
    margin-bottom: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #FFF;
}
.Page-panel6-2 .panel-obi-subcoment{
    margin-bottom: 80px;
    line-height: 168%;
    font-weight: bold;
}
.Page-panel6-2 .panel-bloc{
    width: 880px;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel6-2 .panel-title{
    text-align: left;
    margin-bottom: 5px;
}
.Page-panel6-2 .panel-subtitle{
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
}
.Page-panel6-2 .panel-coment{
    line-height: 168%;
    text-align: left;
    margin-bottom: 80px;
}
.Page-panel6-2 p.panel-coment {
    font-weight: bold;
}
.Page-panel6-2 .panel-coment dl{
    counter-reset: count 0;
}
.Page-panel6-2 .panel-coment dl>dt:before {
counter-increment: count;
content: counter(count) ". ";
}
.Page-panel6-2 .panel-coment dl dt{
    font-weight: bold;
}
.Page-panel6-2 .panel-coment dl dd{
    margin-bottom: 40px;
    padding-left: 18px;
}
.Page-panel6-2 .panel-coment dl dd:last-of-type{
    margin-bottom: -40px;;
}
/* ページ共通 パネルボックス　お問い合わせ */
.Page-panel7{
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
.Page-panel7 .panel-coment{
    line-height: 168%;
    font-weight: bold;
    margin-bottom: 50px;
}
.Page-panel7 .panel-coment a{
    font-weight: bold;
}
.Page-panel7 input[type="text"]{
    width: 100%;
    font-size: 18px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.Page-panel7 .input-size1{
    width: 10% !important;
}
.Page-panel7 .input-size2{
    width: 86.5% !important;
}
.Page-panel7 textarea{
    width: 100%;
    font-size: 18px;
    padding: 5px;
    height: 200px;
}
textarea
.Page-panel7 .panel-coment{
    line-height: 168%;
    margin-bottom: 45px;
    font-weight: bold;
}
.Page-panel7 table{
    width: 100%;
}
.Page-panel7 table p{
    font-weight: bold;
}
.Page-panel7 table td{
    padding: 10px;
    text-align: left;
    line-height: 168%;
}
.Page-panel7 .panel-td-size01{
    width: 200px;
}
.Page-panel7 .panel-td-font-hg1{
    background-image: url(../img/contact/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    line-height: 148%;
}
.Page-panel7 .panel-txt-cal{
    color: #00b8e7;
    font-weight: bold;
}
/* ページ共通 パネルボックス　プライバシーポリシー */
.Page-panel8{
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    text-align: left;
}
.Page-panel8 .panel-title{
    font-size: 32px;
    margin-bottom: 30px;
    text-align: center;
}
.Page-panel8 .panel-coment{
    line-height: 168%;
    margin-bottom: 25px;
}
.Page-panel8 dl{
    line-height: 168%;
}
.Page-panel8 dl dt{
    font-weight: bold;
}
.Page-panel8 dl dd{
    padding-left: 10px;
    margin-bottom: 25px;
}
.Page-panel8 dl dd ul{
    padding-left: 15px;
    margin-bottom: 25px;
}
.Page-panel8 .panel-madoguchi-box{
    line-height: 168%;
    padding-top: 50px;
}
.Page-panel8 .panel-madoguchi-box-title{
    font-size: 24px;
    font-weight: bold;
}
.Page-panel8 .panel-madoguchi-box-coment{
    padding-left: 25px;
}
/* ページ共通 パネルボックス　FPとは */
.Page-panel9-bg{
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.Page-panel9{
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel9-bg.panel-cal1{
    background-color: #f0f1f0;
}
.Page-panel9 .panel-title{
    font-size: 26px;
    line-height: 168%;
    font-weight: bold;
    color: #00168e;
    margin-bottom: 15px;
}
.Page-panel9 .panel-coment{
    font-size: 18px;
    line-height: 250%;
    font-weight: bold;
    text-align: left;
}
.Page-panel9 ul{
    text-align: left;
    width: 880px;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    line-height: 250%;
    font-weight: bold;
}
.Page-panel9 ul li{
    background-image: url(../img/fp/icon_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-weight: bold;
}
/* ページ共通 パネルボックス　メニュー */
.Page_menu_flow_img_bg{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.Page_menu_flow_img_bloc1{
    width: 50%;
    background-color: #EAF6FD;
    text-align: center;
    padding-top: 70px;
    background-image: url(../img/menu/title_01.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    padding-bottom: 50px;
    background-size: 80% auto;
}
.Page_menu_flow_img_bloc2{
    width: 50%;
    background-color: #F0EFEC;
    text-align: center;
    padding-top: 70px;
    background-image: url(../img/menu/title_02.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    padding-bottom: 50px;
    background-size: 80% auto;
}
.Page_menu_flow_img_box1{
    max-width: 600px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.Page_menu_flow_img_box2{
    max-width: 600px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.Page_menu_flow_img_bg img{
    width: 100%;
}
.Page-panel10-bg{
    width: 100%;
}
.Page-panel10{
    width: 880px;
    margin-right: auto;
    margin-left: auto;
}
.Page-panel10 .panel-title{
    font-size: 26px;
    line-height: 148%;
    font-weight: bold;
    color: #00168e;
    margin-bottom: 30px;
}
.Page-panel10 dl{
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 148%;
}
.Page-panel10 dl dt{
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #00b8e7;
    font-weight: bold;
    background-image: url(../img/menu/icon_01.png);
    background-repeat: repeat-x;
    background-position: right center;
}
.Page-panel10 .panel-dt-size88{
    width: 88%;
}
.Page-panel10 .panel-dt-size78{
    width: 75%;
}
.Page-panel10 dl dd{
    font-weight: bold;
}
.Page-panel10 .panel-dt-bg{
    background-color: #FFF;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
}
.Page-panel10 .panel-dt-bg2{
    background-color: #F0F1F0;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
}
.Page-panel10 .panel-coment{
    font-size: 18px;
    line-height: 148%;
    text-align: left;
    margin-bottom: 80px;
}
.panel10-obi-bg{
    background-color: #f0f1f0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.Page-panel10_txt-bg{
    width: 100%;
    margin-bottom: 50px;
}
.Page-panel10_txt{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
}
/* ページ共通 パネルボックス　プロフィールボックス */
.Page-panel4-bg2{
    background-color: #e9f4fb;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.Page-panel4-bg2 .panel-title{
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #00168e;
    text-align: left;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Profile_page_bloc{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Profile_page_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Profile_page_box::before{
      content:"";
      display: block;
      width:19.5%;
      order:1;
}
.Profile_page_box::after{
      content:"";
      display: block;
      width:19.5%;
}
.Profile_page_box_item{
    width: 19.5%;
    margin-bottom: 50px;
}
.Profile_page_box_item_img img{
    width:100%;
}
.Profile_page_box_item_txtbox{
    text-align: left;
    margin-top: 25px;
}
.Profile_page_box_item_name{
    font-family: 'Noto Serif JP', serif;
    font-size: 26px;
    margin-bottom: 15px;
}
.Profile_page_box_item_name_title{
    font-family: 'Noto Serif JP', serif;
    line-height: 148%;
}
/* ページ共通 パネルボックス　メンバー */
.Page_menber_bg{}
.Page_menber_bloc{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Page_menber_profile_box{
    margin-bottom: 100px;
}
.Page_menber_profile_item{
    display: flex;
    justify-content: space-between;
    padding-top: 120px;
}
.Page_menber_profile_item_txt{
    width: 65%;
    text-align: left;
    padding-top: 60px;
}
.Page_menber_profile_item_img{
    width: 25%;
}
.Page_menber_profile_item_img img{
    width: 100%;
}
.Page_menber_profile_title{
    background-image: url(../img/profile/title_icon.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.Page_menber_profile_title p{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    color: #00168e;
    font-weight: bold;
    padding-left: 35px;
    margin-bottom: 20px;
}
.Page_menber_profile_box2{
    line-height: 168%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.Page_menber_profile_name_box{
    width: 70%;
}
.Page_menber_profile_icon_box{
    width: 30%;
}
.Page_menber_profile_box2_title_name{
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    margin-bottom: 20px;
}
.Page_menber_profile_box2_name{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
}
.Page_menber_profile_box2_icon{}
.Page_menber_profile_box_coment{
    margin-bottom: 10px;
}
.Page_menber_profile_box_coment p{
    font-size: 18px;
    line-height: 200%;
}
.Page_menber_profile_personal_info{
    background-image: url(../img/profile/personal_info_waku.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 630px;
}
.Page_menber_profile_personal_info ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 70px;
    line-height: 2em;
}
.Page_menber_profile_personal_info ul li{
    width: 50%;
    font-size: 14px;
}
.spacer {
  width: 100%;
}
/* ページ共通 パネルボックス　ボタン軍 */
.Profile_btm_box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Profile_btm_link a{
    display: block;
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    transition: background-color .2s;
    background-image: url(../img/profile/check_more.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: bold;
    margin-bottom: 25px;
}
.Profile_btm_link a:hover {
    color: #00168E;
    background-image: url(../img/profile/check_more2.png);
    background-repeat: repeat;
    background-position: center center;
}
/* ページ共通 パネルボックス*/
.Page-panel1-list{}
.Page-panel1{}
.Page-panel1 .panel-img{}
.Page-panel1 .panel-title{}
.Page-panel1 .panel-coment{}
.Page-panel1 .panel-btm{}
  /* 左3つ並びの場合(space-between指定時)
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}
  */
  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */

/* ページ共通 流れ */
.Page-flow1{}
.Page-flow1 .flow1-title{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #00178F;
}
.Page-flow1 .flow1-coment{
    margin-bottom: 60px;
    font-size: 18px;
    font-weight: bold;
    line-height: 168%;
}
.Page-flow1-bloc{

}
.Page-flow1-bloc.flow-cal1{
    background-color: #f0f1f0;
}
.Page-flow1-bloc.flow-next{
    background-image: url(../img/flow/next_icon.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.Page-flow1-bloc .flow-item{
    width: 880px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.Page-flow1-bloc .flow-item-bg1{
    background-image: url(../img/flow/bg_icon_01.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.Page-flow1-bloc .flow-item-bg2{
    background-image: url(../img/flow/bg_icon_02.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.Page-flow1-bloc .flow-item-bg3{
    background-image: url(../img/flow/bg_icon_03.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.Page-flow1-bloc .flow-item-bg4{
    background-image: url(../img/flow/bg_icon_04.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.Page-flow1-bloc .flow-title{
    font-size: 18px;
    font-weight: bold;
    color: #00168e;
    text-align: left;
    padding-left: 225px;
    line-height: 200%;
}
.Page-flow1-bloc .flow-coment{
    line-height: 168%;
    padding-left: 225px;
    text-align: left;
}
.Page-flow1-1-bloc{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}
/* 左3つ並びの場合(space-between指定時)
.Page-flow1::after{
    content:"";
    display: block;
    width:30%;
}
*/
/* 左4つ並びの場合(space-between指定時)
.Page-flow1::before{
    content:"";
    display: block;
    width:23%;
    order:1;
}
.Page-flow1::after{
    content:"";
    display: block;
    width:23%;
}
*/

/* ページ共通 contact */
input, button, textarea, select {}
.Page-contact1{}
.Page-contact1 .contact-form{}
.Page-contact1 .contact-form input{}
.Page-contact1 .contact-form textarea{}
.Page-contact1 .contact-form select{}
.Page-contact1 .contact-form button{}

/* ページ共通 テーブル構成 */
.Page-table1{}
.Page-table1 .table-hed ul li{}
.Page-table1 .table-cell ul li{}
.Page-table1 .table-foot ul li{}


/* ページ共通 ボタン */
.button01 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 45px;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button01 {
    background-color: #00168e;
    border: 2px solid #00168e;
    color: #fff;
    background-image: url(../img/icon/01.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: left;
}
.button01:link {
    color: #fff;
}
.button01:hover {
    background-color: #FFFFFF;
    color: #00168E;
    border-top-color: #00168e;
    border-right-color: #00168e;
    border-bottom-color: #00168e;
    border-left-color: #00168e;
    background-image: url(../img/icon/01_on.png);
}
.button02 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 30px;
    font-weight: bold;
    background-color: #9e9f9f;
}
.button02::before,
.button02::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button02,
.button02::before,
.button02::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button02 {
    border: 1px solid #FFFFFF;
    color: #fff;
    text-align: left;
}
.button02:link {
    color: #fff;
}
.button02:hover {
    background-color: #FFFFFF;
    color: #00168E;
    border-top-color: #00168e;
    border-right-color: #00168e;
    border-bottom-color: #00168e;
    border-left-color: #00168e;
}



.button03 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 5px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 30px;
    font-weight: bold;
}
.button03::before,
.button03::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button03,
.button03::before,
.button03::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button03 {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-align: left;
    background-color: #00168e;
}
.button03:link {
    color: #FFFFFF;
}
.button03:hover {
    background-color: #FFFFFF;
    color: #00168E;
    border-top-color: #00168e;
    border-right-color: #00168e;
    border-bottom-color: #00168e;
    border-left-color: #00168e;
}
/* フッター 共通 */
footer{
    background-color: #00168e;
    padding-top: 30px;
    padding-bottom: 55px;
}
.foot-bg{
    color: #FFF;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
footer .foot-logo{
    float: left;
}
footer .foot-nav{}
footer .foot-nav ul{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
footer .foot-nav ul li{
    margin-left: 25px;
}
footer a {
    color: #FFFFFF;
}
footer a:hover {
    color: #FF0000;
}
footer .foot-nav ul li a{
    font-weight: bold;
    display: block;
    margin-bottom: -25px;
}
/*　リストアイコン軍　*/

/* 非表示 */
.pc-hide{
    /*<br / class="pc-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
}
/*　パディング(内)・マージン(外)リセット　*/
.gap-reset-pc{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.mg-reset-pc{
    margin-bottom: 0px !important;
}
.pd-reset-pc{
    padding-bottom: 0px !important;
}

/* トップ ブロック コンセプト */
.top-bloc-consept-bg{
    background-image: url(../img/top/pic_01.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 941px;
    width: 1238px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
.top-consept-box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    color: #FFF;
}
/* トップ ブロック FPとは */
.top-bloc-fp-bg{
    margin-right: auto;
    margin-left: auto;
    background-color: #f0f1f0;
}
.top-fp-box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    color: #FFF;
    background-image: url(../img/top/fp_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 605px;
}
/* トップ ブロック コンセプト・FPとは 共通パネル */
.top-panel-txt-box{
    position: absolute;
    right: 150px;
    top: 500px;
    text-align: left;
    width: 430px;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-position: center center;
    background-color: #00168e;
    color: #FFF;
}
a .top-panel-txt-box {
    transition: background-color .2s;
}
a:hover .top-panel-txt-box {
    background-image: url(../img/top/consept_txt_box_bg02.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.top-panel-txt-box-btmtxt {
    border: 1px solid #FFF;
    width: 120px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top-panel-txt-box2{
    position: absolute;
    right: 33%;
    top: 32%;
    text-align: left;
    width: 430px;
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
    color: #FFF;
    background-color: #00168e;
}
a .top-panel-txt-box2 {
    transition: background-color .2s;
}
a:hover .top-panel-txt-box2 {
    background-image: url(../img/top/consept_txt_box_bg02.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.top-panel-title{
    font-size: 30px;
    line-height: 148%;
    margin-bottom: 10px;
}
.top-panel-subtitle{
    color: #00b8e7;
}
.top-panel-coment{
    line-height: 148%;
    margin-bottom: 15px;
}
/* トップ ブロック メニュー */
.top-bloc-bg{
    background-image: url(../img/top/menu_bg_01.png),url(../img/top/menu_bg_02.png);
    background-repeat: no-repeat,no-repeat;
    background-position: center top,center bottom;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 88px;
}
.top-bloc-box{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.top-bloc-box-bg{
    width: 1113px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/top/main_pic_menu/main_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 1282px;
}
.top-bloc-bg1{
    width: 100%;
    background-color: #eaf6fd;
    padding-top: 0px;
    padding-bottom: 100px;
}
.top-bloc-menutitle-bg1{
    width: 100%;
    background-image: url(../img/top/main_pic_menu/main_menu_bg1.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 244px;
    padding-top: 56px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -100px;
}
.top-bloc-box-bg1{
    width: 1114px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/top/main_pic_menu/main_bg1.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.top-bloc-bg2{
    width: 100%;
    background-color: #FFFFFF;
    padding-top: 100px;
    padding-bottom: 100px;
}
.top-bloc-menutitle-bg2{
    width: 100%;
    background-image: url(../img/top/main_pic_menu/main_menu_bg2.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 244px;
    padding-top: 56px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -100px;
}
.top-bloc-box-bg2{
    width: 1124px;
    height: 1188px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/top/main_pic_menu/main_bg2.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.top-bloc-title{
    padding-top: 50px;
    padding-bottom: 40px;
}
/* トップ ブロック ピックアップメニュー */
.top-bloc-pickup-bg{
    background-color: #f0f1f0;
    padding-bottom: 60px;
}
.top-bloc-pickup-bg2{
    padding-bottom: 60px;
    padding-top: 60px;
}
.top-bloc-pickup-box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    font-size: 0; /*←これだけでOK！*/
}
.top-bloc-pickup-title{
    padding-top: 70px;
    padding-bottom: 40px;
}
.top-bloc-pickup-pic-box1{
    background-image: url(../img/top/pick_up_menu_pic01.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 320px;
    width: 50%;
    display: inline-block;
    position: relative;
}
.top-bloc-pickup-pic-box2{
    background-image: url(../img/top/pick_up_menu_pic02.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 320px;
    width: 50%;
    display: inline-block;
    position: relative;
}
.top-bloc-pickup-pic-box3{
    background-image: url(../img/top/menu_bg_03.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 320px;
    width: 50%;
    display: inline-block;
    position: relative;
}
.top-bloc-pickup-pic-box4{
    background-image: url(../img/top/menu_bg_04.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 320px;
    width: 50%;
    display: inline-block;
    position: relative;
}
.top-bloc-pickup-txt-box1{
    font-size: 18px;
    background-image: url(../img/top/overlay_01.png);
    background-repeat: repeat;
    background-position: center center;
    color: #FFF;
    text-align: left;
    line-height: 128%;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}
a .top-bloc-pickup-txt-box1 {
    transition: background-color .2s;
}
a .top-bloc-pickup-txt-box1 h3 {
    font-weight: bold;
}
a .top-bloc-pickup-txt-box1 p {
    transition: color .2s;
}
a:hover .top-bloc-pickup-txt-box1 {
    background-image: url(../img/top/menu_btm_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
}
a:hover .top-bloc-pickup-txt-box1 h3 {
    color: #00b8e7;
}
a:hover .top-bloc-pickup-txt-box1 p {
    color: #ffffff;
}
.ichi01{
    position: absolute;
    left: 0px;
    top: 0px;
}
.ichi02{
    position: absolute;
    top: 0px;
    right: 0px;
}
.ichi03{
    position: absolute;
    bottom: 0;
    right: 0px;
}
.ichi04{
    position: absolute;
    bottom: 0;
    left: 0px;
}
/* トップ ブロック 流れ */
.top-bloc-flow-bg{
    padding-bottom: 60px;
    background-image: url(../img/top/flow/bg.jpg),url(../img/top/flow/bg2.jpg);
    background-repeat: no-repeat,repeat-x;
    background-position: center top,center bottom;
}
.top-bloc-flow-box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.top-bloc-flow-title{
    padding-top: 140px;
    padding-bottom: 40px;
}
.top-bloc-flow-img-box1{
    margin-bottom: 20px;
}
.top-bloc-flow-img-box2{
    margin-bottom: 40px;
}
.top-bloc-flow-img-coment{
    font-size: 20px;
    line-height: 148%;
    color: #00168e;
}
.top-bloc-flow-img-btm{
    padding-top: 20px;
    padding-bottom: 40px;
}
.top-bloc-flow-img-btmlist{}
.top-bloc-flow-img-btmlist ul{
    display: flex;
    justify-content: space-between ;
}
.top-bloc-flow-img-btmlist ul li{
    width: 49%;
}
.top-bloc-flow-img-btmlist ol{
    display: flex;
    justify-content: space-between ;
}
.top-bloc-flow-img-btmlist ol li{
    width: 100%;
}
.top-bloc-flow-link a{
    display: block;
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    transition: background-color .2s;
    border: 1px solid #FFF;
}
.bt-cal-01{
    background-color: #00b8e7;
}
.bt-cal-01 a:hover {
    background-color: #FFF;
    border: 1px solid #00b8e7;
    color: #00b8e7;
}
.bt-cal-02{
    background-color: #00168e;
}
.bt-cal-02 a:hover {
    background-color: #FFF;
    border: 1px solid #00168e;
    color: #00168e;
}
.icon-01{
    background-image: url(../img/icon/03.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 30px;
}
a:hover .icon-01{
    background-image: url(../img/icon/03_on.png);
}
.icon-02{
    background-image: url(../img/icon/01_02.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 35px;
}
a:hover .icon-02{
    background-image: url(../img/icon/01_02_on.png);
}
.top-bloc-produce{
    padding-top: 70px;
    padding-bottom: 70px;
}
.top-bloc-cp-bg{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../img/top/cp_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.top-bloc-cp-bg2{
    padding-top: 50px;
    padding-bottom: 50px;
}
.top-bloc-cp-box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: table;
}
.top-bloc-cp-img-box{
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 440px;
}
.top-bloc-cp-txt-box{
    display: table-cell;
    vertical-align: top;
    text-align: left;
}
.top-bloc-cp-txt-title{
    font-size: 24px;
    color: #00168e;
    margin-bottom: 10px;
    line-height: 128%;
}
.top-bloc-cp-txt-title2{
    margin-bottom: 20px;
    padding-top: 70px;
}
.top-bloc-cp-txt-subtitle{
    font-size: 16px;
    color: #00168e;
}
.top-bloc-cp-txt-cpname{
    font-size: 18px;
    margin-bottom: 10px;
}
.top-bloc-cp-txt-acc{
    line-height: 128%;
    margin-bottom: 10px;
}
.top-bloc-cp-txt-acc p{
    margin-bottom: 15px;
}
.foot-map{}


/**************************
PC・スマホ共に同じスタイル
**************************/

/*　フロートリセット　*/
.cl{
    /*<div class="cl"></div>*/
	line-height: 0px;
	clear: both;
	height: 0px;
}
.anchor {
    padding-top: 90px;
    margin-top: -90px;
    display: block;
}