@charset "UTF-8";

/*　スタイルガイド流用　**********************************/
/*　アイコン用　*/
@font-face {
    font-family: "monotaroIcon";
    src: url("/fonts/monotaroIcon.eot?v=c7502c853a958c880505ff312d10b137");
    src: url("/fonts/monotaroIcon.eot?v=c7502c853a958c880505ff312d10b137") format("embedded-oPentype"), url("/fonts/monotaroIcon.ttf?v=c7502c853a958c880505ff312d10b137") format("truetype"), url("/fonts/monotaroIcon.woff?v=c7502c853a958c880505ff312d10b137") format("woff"), url("/fonts/monotaroIcon.svg?v=c7502c853a958c880505ff312d10b137") format("svg");
    font-weight: normal;
    font-style: normal; }
[class*="Icon--"],
[class*="Icon--"]:after,
[class*="Icon--"]:before {
    font-family: "monotaroIcon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.Icon--AngleDown:before {
    content: "\e92d";
}
.Icon--ExternalLink:before {
    content: "\e925";
}

/*　ボタン用　*/
.Button {
    display: inline-block;
    position: relative;
    min-width: 120px;
    padding: 0 16px;
    font-weight: bold;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: inset 0 -1px 0 0 #b3b3b3;
    box-shadow: inset 0 -1px 0 0 #b3b3b3;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
}
.Button--Lg {
    height: 40px;
    font-size: 15px;
    line-height: 38px;
}
.Button--Primary {
    color: #ffffff;
    background-color: #df0011;
    border: none;
    -webkit-box-shadow: inset 0 -2px 0 0 #9b000b;
    box-shadow: inset 0 -2px 0 0 #9b000b;
}
.Button:hover {
    color: #999;
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.Button--Primary:hover {
    color: #fff;
    background: #ec6670;
}

.TextLink {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
}
.TextLink,
.TextLink:link {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: underline;/*　スタイルガイドにはないがSPで付与したいため追加　*/
}
.TextLink:active,
.TextLink:hover {
    color: rgba(0, 0, 0, 0.4);
}
.TextLink:visited {
    color: #85000a;
}
.TextLink__Text {
    text-decoration: underline;
}
.TextLink--Icon {
    text-decoration: none;
}
.TextLink__Icon{
    position: relative;
}
.TextLink__Icon--Right {
    padding-left: 4px;
}
/*　スタイルガイド流用 ここまで　*/


/*　既存レイアウト修正用　**********************************/

.layout_1column #layout_contents {
    color: #333333;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}


/*　共通　**********************************/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

p{
    padding: 0;
    margin: 0;
}

.SpOnly{
    display: none;
}


/*　ページトップへ　**********************************/

.ReturnTop{
    display: none;
    position: fixed;
    bottom: 170px;
    right: 20px;
    z-index: 20;
}
.ReturnTop__Button{
    width: 48px;
}


/*　「注文カンタン！~」　**********************************/
.HowToOrder{
    margin: auto;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
}
.HowToOrder--Emphasis{
    color: #ffffff;
}
.HowToOrder--Encircle{
    color: #df0011;
}
.Button--Order, .Button--OrderEmphasis{
    display: block;
    width: 432px;
    padding: 0;
    margin: 8px auto 0;
    line-height: 42px;
}
.Button--Row {
    display: inline-block;
    margin: 8px 16px 8px;
}
.Button--Order, .Button--Order:link, .Button--Order:visited{
    color: #ffffff;
}
.Button--OrderEmphasis, .Button--OrderEmphasis:link, .Button--OrderEmphasis:visited{
    color: #333333;
}
.Button--OrderEmphasis:hover{
    color: #999999;
}


/*　Header(タイトル部分)　**********************************/

.Header{
    position: relative;
    width: 100%;
    height: 208px;
    padding: 0;
    text-align: center;
    background-repeat: repeat-x;
}

/*　Header背景　*/
/*　レンタル　*/
.Header--RentalMeasuringinstrument{
    background-image: url("//jp.images-monotaro.com/etc/merchandising/rental_Measuringinstrument/rental-top-back.png") ;
}
/*　修理　*/
.Header--RepairMeasuringinstrument{
    background-image: url("//jp.images-monotaro.com/etc/merchandising/repair_Measuringinstrument/repair-top-back.png") ;
}
/*　再校正　*/
.Header--RepairProofreading{
    background-image: url("//jp.images-monotaro.com/etc/merchandising/repair_Proofreading/proofreading-top-back.png") ;
}

.Header__Button{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 24px;
}
.Button--TopOrder:visited {
    color: #ffffff;
}


/*　Gnavi・目次　**********************************/

.TableContents{
    display: none;
}

.GlobalNaviListBox{
    position: absolute;
    left: 0;
    right: 0;
    height: 76px;
    background-color: #e6e6e6;
}

.GlobalNaviList{
  width: 1024px;
  padding: 8px 2px;
  margin: 0 auto;
  list-style: none;
}

.GlobalNaviList__Item{
    display: block;
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
    font-size: 13px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
}
.GlobalNaviList__Item:last-child{
    margin: 0;
}
/*　Gnavi3つの場合 */
.GlobalNaviList__Item--Three{
    width: 336px;
}
/*　Gnavi4つの場合 */
.GlobalNaviList__Item--Four{
    width: 250px;
}

.GlobalNaviList__Link{
    display: block;
    padding: 16px 0;
    text-decoration: none!important;
}
.GlobalNaviList__Link{
    color: #333333;
}
.GlobalNaviList__Link:hover, .GrobalNaviList__Link:active{
    color: #999999;
}
.Icon--GlobalNavi{
    display: block;
}
/*　GNavi固定用(PCのみ)　*/
.GlobalNaviListBox--Fixed{
    position: fixed;
    top: 0;
    z-index: 10;
}


/*　Gnavi・目次 以降の部分　**********************************/

.ArticleContents{
    position: relative;
    margin: 96px auto 0;
}

/*　項目別　背景色色変更用　**********/
/*　レンタル　*/
.ContentsBox--RentalMeasuringinstrument{
    background-color: #eef8ff;
}
/*　レンタル（ご注文はこちら）　*/
.ContentsBox--OrderRentalMeasuringinstrument{
    background-color: #3383b6;
}
/*　修理　*/
.ContentsBox--RepairMeasuringinstrument{
    background-color: #ddecf2;
}
/*　修理（ご注文はこちら）　*/
.ContentsBox--OrderRepairMeasuringinstrument{
    background-color: #00487b;
}
/*　再校正　*/
.ContentsBox--RepairProofreading{
    background-color: #fdfadd;
}

.Contents{
    width: 1024px;
    padding: 40px 0;
    margin: 0px auto;
}

.Contents__Title{
    padding: 0;
    margin: 0 0 32px 0;
    font-size: 32px;
    text-align: center;
}


/*　「測定測量機器レンタルサービスとは」　*********************************/

/*　導入部分　**********/
.LeadSentence{
    margin: 0 0 48px 0;
    text-align: center;
}
/*　「こんなことでお困りではありませんか？」　*/
.Trouble{
    position: relative;
    display: inline-block;
    width: 688px;
    margin: 0 auto 32px;
    padding: 16px 16px 32px;
    background-color: #e6e6e6;
}
.Trouble:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -16px;
    border: 16px solid transparent;
    border-top: 16px solid #e6e6e6;
}

.TroubleIntroduction{
    margin: 0 0 16px 0;
    font-size: 19px;
    font-weight: bold;
}
.TroubleIntroduction:before{
    content: url("//jp.images-monotaro.com/etc/merchandising/rental_Measuringinstrument/recalibration-question-pc.png") ;
}

/*　「お困り」強調部分　*/
.Topped{
    display: inline-block;
    position: relative;
    padding: 4px 0 0 0;
    margin: 0;
    font-size: 24px;
}
.Topped:first-child{
    margin:0 0 0 8px;
}
.Topped:last-child{
    margin:0 8px 0 0;
}
.Topped:before {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%, 0);
    content: "・";
    font-size: 1.5em;
}
/*　レンタル(テキストと上付き部分の色)　*/
.Topped--RentalMeasuringinstrument,.Topped--RentalMeasuringinstrument:before {
    color: #3383b6;
}
/*　修理(テキストと上付き部分の色)　*/
.Topped--RepairMeasuringinstrument,.Topped--RepairMeasuringinstrument:before {
    color: #00487b;
}
/*　再校正(テキストと上付き部分の色)　*/
.Topped--RepairProofreading,.Topped--RepairProofreading:before {
    color: #008000;
}

/*　「お困り」内容リスト　*/
.TroubleList{
    padding: 0;
    margin: 0 auto;
}
.TroubleList__Item{
    display: inline-block;
    padding: 8px;
    margin: 0 8px;
    background-color: #ffffff;
    border-radius: 4px;
}

/*　「モノタロウ~が解決します！！！」　*/
.Solution{
    font-size: 22px;
    font-weight: bold;
}
.Solution__Logo{
    width: auto;
    height: 32px;
    padding: 0 8px 0 0;
    vertical-align: middle;
}
.Solution__SubText{
    margin: 8px 0 0;
}

/*　特長　**********/
.Features {
    display: inline-block;
}

.FeaturesPoint{
    float: left;
    text-align: center;
}
.FeaturesPoint:last-child{
    margin: 0;
}
/*　特長3つの場合　*/
.FeaturesPoint--Three{
    width: 302px;
    margin: 0 56px 0 0;
}
/*　特長5つの場合　*/
.FeaturesPoint--Five{
    width: 184px;
    margin: 0 24px 0 0;
}

/*　特長番号　*/
.FeaturesPoint__Heading{
    padding: 0;
    margin: 0 0 16px 0;
    font-weight: bold;
}
.FeaturesPoint__Number{
    display: block;
    width: 100%;
    padding: 4px 0;
    margin: 0 0 8px 0;
    color: #ffffff;
}
/*　レンタル　*/
.FeaturesPoint__Heading--RentalMeasuringinstrument{
    color: #3383b6;
}
.FeaturesPoint__Number--RentalMeasuringinstrument{
    background-color: #3383b6;
}
/*　修理　*/
.FeaturesPoint__Heading--RepairMeasuringinstrument{
    color: #00487b;
}
.FeaturesPoint__Number--RepairMeasuringinstrument{
    background-color: #00487b;
}
/*　再校正　*/
.FeaturesPoint__Heading--RepairProofreading{
    color: #008000;
}
.FeaturesPoint__Number--RepairProofreading{
    background-color: #008000;
}

/*　特長アイコン　*/
.FeaturesPoint__Image{
    width: 136px;
    height: 72px;
    margin: 0 0 16px;
}

/*　特長説明文　*/
.FeaturesPoint__Text{
    text-align: left;
    line-height: 1.5;
}


/* レンタル可能な商品カテゴリ　*********************************/

.PossibleList{
    display: inline-block;
    padding: 0;
}
/*　レンタル　*/
.PossibleList--RentalMeasuringinstrument{
    width: 1056px;
    margin: 0 0 48px 0;
}
/*　修理　*/
.PossibleList--RepairMeasuringinstrument{
    width: 672px;
    margin: 0 176px 48px;
}

.PossibleList__Item{
    float: left;
    width: 160px;
    margin: 0 4px;
    font-size: 15px;
    text-align: center;
    list-style-type: none;
}
.PossibleList__Image{
    width: 96px;
    height: 96px;
    margin: 0 0 8px 0;
}


/*　ご注文からお届けまで　**********************************/

/*　タブ（再校正のみ）　**********/
.BrandTab{
    display: inline-block;
    width: 1088px;
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    list-style: none;
}
.BrandTab__Small{
    font-size: 15px;
}
.BrandTab__Item {
    float: left;
    width: 536px;
    height: 51px;
    margin: 0 16px 0 -32px;
    color: #ffffff;
    border-radius: 8px 8px 0 0;
    background-color: #008000;
}
.BrandTab__Item:last-child {
    margin: 0 32px 0 0;
    background-color: #005898;
}
.BrandTab__Link {
    display: block;
    height: 19px;
    padding: 16px;
    cursor: pointer;
}
.BrandTab__Link:hover, .BrandTab__Link:active {
    color: #ffffff;
    opacity: 0.6;
}


/*　タブ切り替え部分（再校正のみ）　**********/
.StepBox {
    display: none;
    width: 1016px;
    padding: 48px 32px;
    margin: -6px 32px 0 -32px;
    background-color: #fff;
    border: #008000 4px solid;
}
.StepBox:last-child{
    border: #005898 4px solid;
}
.StepBox--Active{
    display: block;
}


/*　Step画像部分　**********/
.Step{
    width: 1024px;
    height: 200px;
    padding: 0 0 32px 0;
    margin: 0 auto 32px;
    border-bottom: #cccccc 1px solid;
}

.StepList{
    display: inline-block;
    width: 896px;
    padding: 0;
    margin: 0 64px 32px;
}

/*　リンクバナー　*/
.StepList__Item{
    float: left;
    width: 200px;
    height: 200px;
    padding: 0;
    margin: 0 12px;
    list-style-type: none;
}
.StepList__Image{
    width: 200px;
    height: 200px;
}
.StepList__Link{
    display: inline-block;
}
.StepList__Link:active, .StepList__Link:hover{
    opacity: 0.6;
}


/*　注文方法詳細(Step1-4)　**********/
.Order{
    display: inline-block;
    width: 100%;
    padding: 0 0 32px 0;
    margin: 0 0 32px 0;
    border-bottom: #cccccc 1px solid;
}

/*　注文方法説明　**********/
.OrderExplanation{
    float: left;
    width: 478px;
}

/*　注文方法説明（画像)　**********/
.OrderExplanationImage{
    padding: 24px;
    margin: 0 0 0 542px;
    border: #cccccc 1px solid;
    background-color: #ffffff;
}
.OrderExplanationImage__Image {
    display: block;
    width: 432px;
    height: auto;
}

/*　Stepタイトル　*/
.Order__Heading{
    padding: 0;
    margin: 0 0 24px 0;
    font-size: 22px;
    font-weight: bold;
}
/*　レンタル　*/
.Order__Heading--RentalMeasuringinstrument{
    color: #3383b6;
}
/*　修理　*/
.Order__Heading--RepairMeasuringinstrument{
    color: #00487b;
}
/*　再校正(ミツハシ)　*/
.Order__Heading--RepairProofreading{
    color: #008000;
}
/*　再校正(A&D・Tektronix)　*/
.Order__Heading--RepairProofreading2{
    color: #005898;
}

/*　Stepタイトル　先頭部分（STEP1-4）　*/
.Order__Step{
    padding: 8px 8px 4px;
    margin: 0 8px 0 0;
    color: #ffffff;
    font-size: 13px;
}
/*　レンタル　*/
.Order__Step--RentalMeasuringinstrument{
    background-color: #3383b6;
}
/*　修理　*/
.Order__Step--RepairMeasuringinstrument{
    background-color: #00487b;
}
/*　再校正(ミツハシ)　*/
.Order__Step--RepairProofreading{
    background-color: #008000;
}
/*　再校正(A&D・Tektronix)　*/
.Order__Step--RepairProofreading2{
    background-color: #005898;
}
.Order__Step--Number{
    padding: 0 0 0 4px;
    font-size: 24px;
    vertical-align: middle;
}

/*　注文方法リスト　*/
.OrderStepList{
    padding: 0 0 16px 16px;
    margin: 0;
}
.OrderStepList__Item{
    margin: 0 0 16px 0;
    line-height: 1.5;
}
.OrderStepList__Item--Emphasis{
    font-weight: bold;
}
.OrderStepList__Item--ListNone{
    list-style: none;
}

/*　「これでご注文が確定されます。」 */
/*　レンタル　*/
.OrderStepList__Item--RentalMeasuringinstrument{
    color: #3383b6;
}
/*　修理　*/
.OrderStepList__Item--RepairMeasuringinstrument{
    color: #00487b;
}
/*　再校正(ミツハシ)　*/
.OrderStepList__Item--RepairProofreading{
    color: #008000;
}
/*　再校正(A&D・Tektronix)　*/
.OrderStepList__Item--RepairProofreading2{
    color: #005898;
}

/*　注意　*/
.OrderAttention{
    background-color: #f1f1f1;
    padding: 16px 16px 8px;
}
.OrderAttention__Title{
    padding: 0 0 8px 0;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    background: none;
    border: none;
}
.OrderAttention__Title--Restrain{
    font-weight: normal;
}
.OrderAttention__Title--Mark{
    color: #df0011;
}
.OrderAttentionList{
    padding: 0 0 0 1.5em;
    margin: 0;
}
.OrderAttentionList__Item{
    padding: 0 0 8px 0;
    line-height: 1.3;
    list-style-type: disc;
}

/*　注文方法説明画像　PCのみで使用　*/
.OrderExplanation__PcImage{
    width: 478px;
    height: auto;
}
/*　注文方法説明画像　SPのみで使用　*/
.OrderExplanation__SpImage{
    display: none;
}


/*　注意事項　**********************************/
.Attention{
    padding: 0;
    margin: 0;
}
.Attention__Term{
    padding: 20px 0 16px;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}
.Attention__Term:first-child{
    padding: 0 0 16px 0;
}
.Attention__Item{
    padding: 0 0 8px 0;
    margin: 0 0 0 32px;
    line-height: 1.3;
    display: list-item;
    list-style-type: disc;
}




/*////////////////////////////// for SP (max-width:767px & max-width:896pxかつSP横向き) //////////////////////////////*/
@media screen and (max-width: 767px) , screen and (max-width: 896px) and (orientation: landscape) {

/*　スタイルガイド流用　*********************************/
/*　ボタン用　*/
.Button{
    min-width: 64px;
    font-weight: 500;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
}
/*　スタイルガイド流用 ここまで　*********************************/


/*　共通　*********************************/
.PcOnly{
    display: none;
}
.SpOnly{
    display: block;
}

.ArticleContents{
    margin: 0 auto 24px;
}

/*　ページトップへ　**********************************/
.ReturnTop{
    display: none;
}

/*　「注文カンタン！~」　**********************************/
.HowToOrder{
    font-size: 13px;
}
.Button--Order, .Button--OrderEmphasis{
    width: 100%;
    max-width: 432px;
    height: 16px;
    margin: 8px auto 0;
    padding: 16px 0;
    line-height: 1;
}
.Button--TopOrder{
    width: 94%;
    margin: 0 auto;
}
.Button--Row {
    display: block;
    margin: 8px auto 0;
}
/*　Header(タイトル部分)　**********************************/
.Header{
    margin: 0 0 8px 0;
    height: auto;
    background-repeat: repeat;
}
.Header__Button {
    padding: 12px;
    margin: 0;
    bottom: 0;
}


/*　Gnavi・目次　**********************************/
.TableContents{
    display: block;
    padding: 0 0 8px 8px;
    font-size: 15px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*　レンタル　*/
.TableContents--RentalMeasuringinstrument{
    color: #3383b6;
    border-bottom-color: #3383b6;
}
/*　修理　*/
.TableContents--RepairMeasuringinstrument{
    color: #00487b;
    border-bottom-color: #00487b;
}
/*　再校正　*/
.TableContents--RepairProofreading{
    color: #008000;
    border-bottom-color: #008000;
}

.GlobalNaviListBox{
    position: static;
    width: auto;
    height: auto;
    padding: 12px 12px 0;
    margin: 16px 12px 0;
    text-align: left;
    background: none;
    border: #707070 1px solid;
    border-radius: 8px;
}
.GlobalNaviList{
    width: 100%;
    padding: 0;
}
.GlobalNaviList__Item{
    width: 94%;
    padding: 0 3%;
    margin: 0;
    text-align: left;
    border-bottom: #cccccc 1px dotted;
    border-radius: unset;
}
.GlobalNaviList__Item:last-child{
    border: none;
}
.Icon--GlobalNavi{
    display: inline-block;
    float: right;
}

/*　Gnavi・目次 以降の部分　**********************************/
.ArticleContents{
    margin: 0 auto 48px;
}

/*　項目別　**********/
.Contents{
    width: auto;
    margin: 0 12px;
}
.Contents__Title{
    margin: 0 0 24px 0;
    font-size: 24px;
}

/*　「測定測量機器レンタルサービスとは」　*********************************/

/*　導入部分　**********/
.LeadSentence{
    margin: 0 0 40px 0;
}
/*　「こんなことでお困りではありませんか？」　*/
.Trouble{
    width: 94%;
    max-width: 480px;
    margin: 0 0 32px;
    padding: 8px 3%;
}
.TroubleIntroduction{
    padding: 8px 0 0 0;
    margin: 0 0 8px 0;
    font-size: 13px;
}
.TroubleIntroduction--Emphasis{
    font-size: 22px;
}
.TroubleIntroduction--Emphasis:first-child{
    margin:0 0 0 4px;
}
.TroubleIntroduction--Emphasis:last-child{
    margin:0 4px 0 0;
}
.TroubleList__Item{
    display: block;
    padding: 4px;
    margin: 0 0 8px 0
}
/*　「モノタロウ~が解決します！！！」　*/
.Solution{
    font-size: 18px;
    line-height: 1.7;
}
.Solution__Logo{
    width: auto;
    height: 24px;
    padding: 0 4px 0 0;
}

/*　特長　**********/
.FeaturesPoint{
    float: none;
    width: 100%;
    margin: 0 0 24px 0;
}
.FeaturesPoint__Heading{
    margin: 0 0 12px 0;
    font-size: 15px;
}
.FeaturesPoint__Heading--Number{
    padding: 2px 0;
    margin: 0 0 8px 0;
    font-size: 13px;
}
.FeaturesPoint__Image{
    margin: 0 0 12px;
}

/* レンタル可能な商品カテゴリ　*********************************/

.PossibleList{
    width: 100%;
    margin: 0 0 32px 0;
}
.PossibleList__Item{
    max-width: 160px;
    width: 44%;
    margin: 0 3% 16px;
    font-size: 13px;
}
.PossibleList__Image{
    width: 80px;
    height: 80px;
}


/*　ご注文からお届けまで　**********************************/

/*　タブ（再校正のみ）　**********/
.BrandTab{
    width: 100%;
    font-size: 15px;
}
.BrandTab__Small{
    display: none;
}
.BrandTab__Item {
    width: 48%;
    margin: 0 1%;
}
.BrandTab__Item:last-child {
    margin: 0 1%;
}
.BrandTab__Link {
    padding: 16px 8px;
}


/*　タブ切り替え部分（再校正のみ）　**********/
.StepBox {
    width: 100%;
    padding: 16px;
    margin: -6px 0 0;
    box-sizing: border-box;
}

/*　Step画像　**********/
.Step{
    width: auto;
    height: auto;
    padding: 0 0 16px 0;
}
.StepList{
    width: auto;
    padding: 0;
    margin: 0;
}
.StepList__Item{
    width: 46%;
    max-width: 200px;
    height: auto;
    margin: 0 2% 12px;
}
.StepList__Image{
    width: 100%;
    max-width: 200px;
    height: auto;
}
/*　注文方法説明　**********/
.OrderExplanation{
    float: none;
    width: auto;
}
/*　注文方法説明（画像)　**********/
.OrderExplanationImage{
    padding: 16px;
    margin: 0;
    border: #cccccc 1px solid;
}
.OrderExplanationImage__Image {
    width: 100%;
    max-width: 478px;
    height: auto;
}
/*　Stepタイトル　*/
.Order__Heading{
    font-size: 18px;
}
/*　注文方法リスト　*/
.OrderStepList__Item {
    list-style: decimal;
}
/*　注意　*/
.OrderAttention{
    padding: 12px;
    margin: 0 0 16px 0;
}

/*　注文方法説明画像　PCのみで使用　*/
.OrderExplanation__PcImage{
    display: none;
}
/*　注文方法説明画像　SPのみで使用　*/
.OrderExplanation__SpImage{
    display: block;
    width: 94%;
    max-width: 478px;
    height: auto;
    padding: 16px 3%;
    margin: 16px 0 16px -8px;
    border: #cccccc 1px solid;
    background-color: #ffffff;
}
.OrderExplanation__SpImage--Attention{
    margin: 16px 0;
}


/*　注意事項　**********************************/
.Attention__Term{
    padding: 8px 0;
}

}




/*////////////////////////////// for SP (max-width:320px) //////////////////////////////*/
@media screen and (max-width: 320px){

/*　Gnavi・目次 以降の部分　**********************************/
/*　項目別　**********/
.Contents__Title {
    margin: 0 0 24px 0;
    font-size: 22px;
}

/*　Header(タイトル部分)　**********************************/
.Header__Button {
    padding: 12px 12px 0;
}

/*　「注文カンタン！~」　**********************************/
.HowToOrder {
    font-size: 12px;
}
.Button--Order, .Button--OrderEmphasis{
    font-size: 12px;
}
/*　導入部分　**********/
/*　「こんなことでお困りではありませんか？」　*/
.TroubleIntroduction:before{
    display: block;
    margin: 0 0 16px 0;
}
/* レンタル可能な商品カテゴリ　*********************************/
.PossibleList__Item{
    font-size: 12px;
}

}